.crt-stage{place-items:center;width:100%;font-family:Courier New,Courier,monospace;display:grid;position:relative;overflow:visible;container-type:inline-size}.crt-stage *{box-sizing:border-box}.crt-stage button,.crt-stage a{-webkit-tap-highlight-color:transparent}.computer-rig{flex-direction:column;align-items:center;width:100%;max-width:460px;margin-inline:auto;display:flex;position:relative}.monitor-simple{background:linear-gradient(145deg, #fffdf8e6, transparent 26%), linear-gradient(180deg, var(--case-light), var(--case) 58%, var(--case-mid));border-radius:22px;width:100%;height:clamp(340px,74cqw,470px);max-height:470px;padding:clamp(16px,4cqw,32px);position:relative;overflow:hidden;box-shadow:0 28px 60px #20161033,inset 0 3px #fffdf8c7,inset 0 -18px 28px #a9793f2e}.monitor-simple:after{content:"";pointer-events:none;border:1px solid #fffdf894;border-radius:16px;position:absolute;inset:14px}.crt-badge{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:inline-flex;position:absolute;top:clamp(14px,3cqw,24px);left:clamp(18px,4cqw,34px)}.pet-sticker{--sw:clamp(28px, 7.4cqw, 40px);width:var(--sw);height:calc(var(--sw) * 208 / 192);background-repeat:no-repeat;background-size:calc(var(--sw) * 8) calc(var(--sw) * 208 / 192 * 9);background-position:calc(var(--sw) * -1) calc(var(--sw) * 208 / 192 * -3);image-rendering:pixelated;filter:drop-shadow(0 2px 3px #20161066);z-index:2;position:absolute}.screen-bezel{background:linear-gradient(145deg, #fffdf82e, transparent 22%), linear-gradient(180deg, #3a2a1f, var(--ink));border-radius:28px;height:calc(100% - 56px);min-height:0;margin-top:20px;padding:clamp(10px,2cqw,16px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0000006b,0 14px 18px #2016102e}.terminal-shell{contain:size layout paint;background:radial-gradient(circle at 50% 48%, #f4d9791f, transparent 46%), linear-gradient(180deg, #271a12, var(--ink));border-radius:20px;flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;padding:clamp(12px,2.5cqw,18px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000000fa,0 0 24px #f4d97947}.terminal-shell:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(#f4d9790e 0 1px,#0000 1px 4px);position:absolute;inset:0}.terminal-shell:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(112deg,#0000 8%,#ffffff17 26%,#0000 40%),radial-gradient(circle,#0000 46%,#00000094);position:absolute;inset:0}.screen-toolbar,.terminal-output,.command-grid{z-index:1;position:relative}.screen-toolbar{color:var(--surface);flex:none;justify-content:space-between;gap:10px;font-size:clamp(10px,2cqw,12px);display:flex}.screen-status{color:var(--accent-soft)}.terminal-output{overscroll-behavior:contain;white-space:pre-wrap;word-break:break-word;height:0;min-height:0;max-height:100%;color:var(--terminal-text);text-shadow:0 0 12px #f4d97973;flex:1;margin:0;font-size:clamp(10px,2.2cqw,13px);line-height:1.45;overflow:auto}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-thumb{background:#f4d97947;border-radius:999px}.crt-cursor{vertical-align:-2px;background:var(--accent-soft);width:8px;height:14px;margin-left:2px;display:inline-block;box-shadow:0 0 10px #f4d979d9}.command-grid{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.command-grid button{min-width:0;min-height:28px;color:var(--terminal-text);cursor:pointer;background:#201610d6;border:1px solid #f4d97957;border-radius:5px;font-size:clamp(8px,1.8cqw,10px);transition:transform .16s,background .16s,border-color .16s}.command-grid button.active{color:#fff4bd;background:#a9793f5c;border-color:#f4d979b8}.command-grid button:hover,.command-grid button:focus-visible{background:#a9793f47;border-color:#f4d979a3;outline:none;transform:translateY(-1px)}.hardware-row{align-items:center;gap:14px;display:flex;position:absolute;bottom:14px;left:clamp(22px,4cqw,40px);right:clamp(22px,4cqw,40px)}.power-light{background:var(--accent-soft);border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #f4d979e6}.disk-slot{background:#20161059;border-radius:999px;flex:1;max-width:180px;height:8px;box-shadow:inset 0 1px 4px #00000057}.tiny-label{color:var(--text-secondary);font-size:10px}.stand-neck{background:linear-gradient(180deg, var(--case), var(--accent));clip-path:polygon(34% 0,66% 0,78% 100%,22% 100%);width:min(150px,34cqw);height:70px;margin-top:-2px;box-shadow:0 10px 18px #00000038}.stand-base{background:linear-gradient(180deg, var(--surface), var(--case-mid));border-radius:50%;width:min(300px,62cqw);height:32px;margin-top:-8px;box-shadow:0 14px 28px #0000005c}.crt-keyboard{background:linear-gradient(180deg, #fffdf89e, transparent 34%), linear-gradient(180deg, var(--surface), var(--case-mid));transform-origin:top;max-width:100%;transform-style:preserve-3d;box-shadow:0 12px 0 var(--accent), 0 28px 42px #2016103d, inset 0 2px 0 #fffdf8b8;border-radius:16px 16px 24px 24px;align-self:stretch;margin-top:32px;padding:18px 20px 26px;position:relative;transform:rotateX(58deg)}.crt-keyboard:before,.crt-keyboard:after{content:"";pointer-events:none;position:absolute}.crt-keyboard:before{background:linear-gradient(180deg, var(--accent), #7f552d);transform-origin:top;filter:brightness(.95);border-radius:0 0 20px 20px;height:18px;bottom:-16px;left:14px;right:14px;transform:rotateX(-12deg)}.crt-keyboard:after{background:#fffdf873;border-radius:10px;height:14px;inset:8px 12px auto}.keyboard-shell{z-index:1;transform-style:preserve-3d;gap:9px;display:grid;position:relative}.keyboard-row{transform-style:preserve-3d;gap:7px;display:flex}.keyboard-key{min-width:0;height:32px;color:var(--ink);cursor:pointer;transform-style:preserve-3d;background:linear-gradient(#fffdf8bd,#0000 42%),linear-gradient(#fffdf8,#dbcaa9);border:0;border-radius:5px;flex:1 1 0;transition:transform 70ms,box-shadow 70ms,background .12s;position:relative;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffbd,inset 0 -2px #4f442a1f,0 8px #a9793f,0 11px 12px #2016102e}.keyboard-key:before,.keyboard-key:after{content:"";pointer-events:none;position:absolute}.keyboard-key:before{background:#fffdf8b8;height:1px;top:4px;left:4px;right:4px}.keyboard-key:after{border-radius:inherit;mix-blend-mode:multiply;background:linear-gradient(90deg,#20161014,#0000 18% 82%,#fffdf85c);inset:0}.keyboard-key span{z-index:1;place-items:center;height:100%;font-size:10px;display:grid;position:relative}.keyboard-key-wide{flex-grow:1.55}.keyboard-key-wider{flex-grow:2.2}.keyboard-key-space{flex-grow:6}.keyboard-key-accent{color:var(--surface);background:linear-gradient(180deg, #fffdf82e, transparent 44%), linear-gradient(180deg, #7d5a32, var(--ink));box-shadow:inset 0 1px #ffffff61,0 8px #0f0a07,0 11px 12px #20161033}.keyboard-key-enter{color:var(--ink);background:linear-gradient(180deg, #fffdf84d, transparent 42%), linear-gradient(180deg, var(--accent-soft), var(--accent));box-shadow:inset 0 1px #ffffff57,0 8px #7f552d,0 11px 12px #20161033}.keyboard-key:hover,.keyboard-key:focus-visible,.keyboard-key-active{outline:none;transform:translateY(6px);box-shadow:inset 0 1px #ffffff80,inset 0 0 16px #f4d9793d,0 2px #7f552d,0 5px 8px #20161033}.desk-shadow{filter:blur(18px);background:#20161038;border-radius:50%;height:38px;position:absolute;bottom:-18px;left:8%;right:8%}.contact-strip{gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.contact-strip a{width:34px;height:34px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8b8;border:1px solid #a9793f47;border-radius:7px;place-items:center;transition:transform .16s,border-color .16s;display:grid}.contact-strip a:hover,.contact-strip a:focus-visible{border-color:#a9793f9e;outline:none;transform:translateY(-2px)}.github-mark{font-size:11px;font-weight:700}@container (max-width:400px){.command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hardware-row,.contact-strip{display:none}.keyboard-key span{font-size:9px}}
.line-sidebar{--accent-color:#a9793f;--text-color:#8a7d6d;--marker-color:#20161047;--marker-length:36px;--marker-gap:0px;--tick-scale:.5;--max-shift:14px;--item-gap:16px;--font-size:.95rem;--smoothing:.12s}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.line-sidebar__item{cursor:pointer;position:relative}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__label{font-family:var(--font-display,serif);font-style:italic;font-size:var(--font-size);color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--text-color));transform:translateX(calc(var(--effect,0) * var(--max-shift)));white-space:nowrap;align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.line-sidebar__index{font-family:var(--font-mono,monospace);opacity:calc(.5 + var(--effect,0) * .5);margin-right:.5rem;font-size:.7em;font-style:normal}.line-sidebar__marker{top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:var(--marker-length);background-color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--marker-color));transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .5));position:absolute}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.6;position:absolute;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}.line-sidebar__item[aria-current=true] .line-sidebar__label{color:var(--accent-color)}