:root{color-scheme:dark;--ink: #f4f8ff;--muted: rgba(225, 237, 255, .72);--soft: rgba(255, 255, 255, .12);--blue-screen: #0718d6;--blue-screen-deep: #030b91;--blue-screen-glow: #133cff;--green: #b7ff76;--amber: #ffd36e;--hot: #ff4e97;--cyan: #73f5ff;--black-blue: rgba(0, 4, 36, .72);--noise-opacity: .26;--noise-speed: .48s;--scanline-opacity: .42;--scanline-gap: 5px;--scan-speed: 5s;--chroma-strength: .13;--vignette-opacity: .54;--vignette-size: 90px;--pulse-bright: 1.12;--pulse-dim: .89;--pulse-saturate: 1.18;--glitch-shift: 8px;--glitch-shift-left: -8px;--glitch-shift-y: 3px;--glitch-shift-right: 7px;--glitch-shift-up: -2px;--glitch-shift-small: -3px;--glitch-skew: 1deg;--glitch-skew-neg: -1deg;--glitch-hue: 20deg;--glitch-hue-neg: -20deg;--glitch-hue-soft: 8deg;--glitch-contrast: 1.4;--glitch-duration: .5s;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--blue-screen)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html{background:var(--blue-screen)}body{margin:0;overflow:hidden;background:radial-gradient(circle at 20% 14%,rgba(115,245,255,.18),transparent 22%),radial-gradient(circle at 82% 70%,rgba(255,78,151,.14),transparent 24%),linear-gradient(145deg,var(--blue-screen),var(--blue-screen-deep));color:var(--ink)}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}.vhs-app{--top-space: 104px;--dock-space: 252px;position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 18%,transparent 84%,rgba(0,0,0,.18)),radial-gradient(ellipse at center,#183effb3,#000975f2 78%),var(--blue-screen);color:var(--ink);font-family:Courier New,ui-monospace,monospace;isolation:isolate}.vhs-app:before{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(255 0 76 / var(--chroma-strength)),transparent 5%,transparent 95%,rgb(0 255 255 / var(--chroma-strength))),radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.42));mix-blend-mode:screen;content:""}.scanlines,.screen-noise,.screen-vignette{position:fixed;inset:0;z-index:2;pointer-events:none}.scanlines{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,.08) 1px,transparent 1px,transparent var(--scanline-gap));opacity:var(--scanline-opacity)}.screen-noise{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent),repeating-linear-gradient(75deg,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 9px);opacity:var(--noise-opacity)}.screen-vignette{box-shadow:inset 0 0 var(--vignette-size) rgb(0 0 0 / var(--vignette-opacity)),inset 0 0 18px #ffffff14}.motion-full .screen-noise{animation:noiseShift var(--noise-speed) steps(2,end) infinite}.motion-full .scanlines{animation:scanMove var(--scan-speed) linear infinite}.motion-full.vhs-app{animation:screenPulse 7s steps(1,end) infinite}.motion-full .vhs-screen.is-glitching{animation:glitchBurst var(--glitch-duration) steps(2,end)}.vhs-topbar{position:fixed;top:18px;left:50%;z-index:6;display:flex;width:min(1180px,calc(100% - 40px));transform:translate(-50%);align-items:start;justify-content:space-between;gap:18px}.vhs-topbar>div{display:grid;gap:5px}.brand-cluster{display:grid;justify-items:start;gap:4px;text-align:left}.brand-signature{color:#fff;font-size:.98rem;font-weight:800;line-height:1.1;text-transform:uppercase}.brand-label,.tape-label,.screen-kicker,.signal-tag{color:var(--green);font-size:.78rem;line-height:1.2;text-transform:uppercase;letter-spacing:0}.brand-label{font-size:.9rem;color:#fff}.tape-label{color:var(--amber)}.dock-command-strip button,.command-grid button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#0000002e;color:var(--ink);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.dock-command-strip button:hover,.dock-command-strip button:focus-visible,.command-grid button:hover,.command-grid button:focus-visible,.command-form button:hover,.command-form button:focus-visible,.text-links a:hover,.text-links a:focus-visible,.link-row:hover,.link-row:focus-visible{border-color:var(--cyan);background:#73f5ff21;outline:0;transform:translateY(-1px)}.vhs-hud{position:static;display:grid;gap:4px;color:#ffffffdb;font-size:.78rem;line-height:1.25;text-align:right;text-transform:uppercase}.vhs-hud p{display:grid;grid-template-columns:auto auto;gap:9px;justify-content:end;margin:0}.vhs-hud span{color:var(--amber)}.vhs-hud .hud-client{display:block;margin-bottom:5px;color:var(--green);text-align:right}.vhs-hud time,.vhs-hud strong{color:#ffffffe6;font-variant-numeric:tabular-nums;font-weight:700}.vhs-screen{position:relative;z-index:4;display:flex;width:min(1180px,calc(100% - 40px));height:calc(100svh - var(--top-space) - var(--dock-space));min-height:410px;margin:var(--top-space) auto var(--dock-space);overflow:hidden}.terminal-page{display:flex;width:100%;min-width:0;overflow-y:auto;scrollbar-color:rgba(255,255,255,.42) transparent}.terminal-copy{display:grid;width:100%;gap:18px;align-content:center;padding:8px 0}.terminal-copy h1{max-width:14ch;margin:0;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:4.6rem;line-height:.96;letter-spacing:0}.terminal-copy h2{margin:6px 0 8px;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;line-height:1.15;letter-spacing:0}.terminal-copy p{margin:0;color:#ffffffe6;line-height:1.62}.terminal-copy .lead{max-width:760px;color:var(--ink);font-size:1.08rem}.home-page{max-width:980px}.signal-lines{display:grid;max-width:860px;gap:8px;margin-top:8px}.signal-lines p{display:grid;grid-template-columns:minmax(92px,.18fr) minmax(0,1fr);gap:14px;color:var(--muted)}.signal-lines span,.signal-tag{color:var(--amber)}.tag-row,.text-links{display:flex;flex-wrap:wrap;gap:8px}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-tape,.link-row,.command-grid button{border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(180deg,#ffffff1c,#ffffff0a),#0003;box-shadow:0 18px 50px #0000002e}.project-tape{display:grid;min-height:320px;gap:16px;padding:18px}.project-tape p:not(.signal-tag){color:var(--muted);font-size:.92rem}.project-tape .detail-line{margin-top:12px;color:#ffffffe0}.tag-row span,.skill-board span{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(255,255,255,.24);border-radius:6px;padding:5px 8px;background:#00000026;color:#fff;font-size:.76rem}.text-links{align-self:end}.text-links a{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid rgba(255,255,255,.24);border-radius:6px;padding:7px 9px;color:var(--ink);background:#0000002e;transition:transform .16s ease,border-color .16s ease,background .16s ease}.placeholder-note{color:var(--amber);font-size:.68rem;font-style:normal;text-transform:uppercase}.split-page{grid-template-columns:minmax(0,.9fr) minmax(260px,.7fr);gap:38px;align-items:center}.skill-board{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.link-list{display:grid;gap:10px;max-width:980px}.link-row{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(160px,.55fr) auto auto;gap:14px;align-items:center;padding:14px 16px;color:var(--ink);transition:transform .18s ease,border-color .18s ease,background .18s ease}.link-row.is-focused{border-color:var(--cyan);background:#73f5ff29;box-shadow:0 0 0 1px #73f5ff40,0 18px 50px #0000002e}.link-row svg{color:var(--cyan)}.link-row span{display:grid;gap:3px}.link-row strong{color:#fff;font-size:1rem}.link-row small,.link-row em{color:var(--muted);font-size:.82rem;font-style:normal;line-height:1.35;overflow-wrap:anywhere}.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.command-grid button{display:grid;min-height:92px;justify-items:start;align-content:start;padding:13px;text-align:left}.command-grid button span{color:var(--green);font-weight:700}.command-grid button strong{color:var(--muted);font-size:.82rem;font-weight:500;line-height:1.42}.debug-page{align-content:start;padding-bottom:8px}.debug-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.debug-heading h1{max-width:none}.reset-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:7px 10px;background:#0000002e;color:var(--ink);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.reset-button:hover,.reset-button:focus-visible,.debug-presets button:hover,.debug-presets button:focus-visible{border-color:var(--cyan);background:#73f5ff21;outline:0;transform:translateY(-1px)}.debug-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.debug-presets button,.debug-panel,.debug-readout{border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(180deg,#ffffff1a,#ffffff09),#0003;color:var(--ink);box-shadow:0 18px 50px #0000002e}.debug-presets button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;align-items:center;min-height:78px;padding:12px;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.debug-presets button span{color:#fff;font-weight:700}.debug-presets button small{grid-column:2;color:var(--muted);line-height:1.35}.debug-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.debug-panel{display:grid;gap:13px;padding:16px}.debug-panel h2{margin:0 0 2px;color:var(--amber);font-family:Courier New,ui-monospace,monospace;font-size:.82rem;text-transform:uppercase}.debug-slider{display:grid;gap:7px}.debug-slider span{display:flex;justify-content:space-between;gap:12px;color:#ffffffd6;font-size:.82rem}.debug-slider strong{color:var(--green);font-weight:700;white-space:nowrap}.debug-slider input{width:100%;accent-color:var(--cyan)}.debug-readout{margin:0;padding:14px;overflow-x:auto;color:#ffffffdb;font-size:.78rem;line-height:1.55;white-space:pre-wrap}.command-dock{position:fixed;right:50%;bottom:18px;z-index:7;display:grid;width:min(1180px,calc(100% - 40px));transform:translate(50%);gap:8px}.dock-command-strip{display:flex;flex-wrap:wrap;gap:8px}.dock-command-strip button{min-height:34px;padding:7px 10px;color:var(--ink)}.dock-command-strip button:last-child{margin-left:auto;color:var(--green)}.history-panel{display:grid;max-height:116px;min-height:92px;gap:5px;overflow-y:auto;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 10px;background:linear-gradient(180deg,#ffffff0e,#ffffff05),var(--black-blue);scrollbar-color:rgba(255,255,255,.42) transparent}.history-line{display:grid;grid-template-columns:minmax(110px,.18fr) minmax(0,1fr);gap:10px;align-items:start;color:#ffffffe0;font-size:.8rem;line-height:1.35}.history-line span{color:var(--green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-line p{margin:0}.history-line.error{color:#ffd6e4}.history-line.error span{color:var(--hot)}.history-line.system span{color:var(--amber)}.command-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.36);border-radius:8px;padding:10px;background:linear-gradient(180deg,#ffffff17,#ffffff0a),#00000057;box-shadow:0 24px 70px #00000042}.command-form:focus-within{border-color:#73f5ffbd;box-shadow:0 0 0 1px #73f5ff38,0 24px 70px #00000042}.command-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.prompt{color:var(--green);font-size:.86rem;white-space:nowrap}.command-form input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-family:inherit;font-size:1rem}.command-form input::placeholder{color:#ffffff94}.command-form button{display:inline-flex;width:40px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:#ffffff14;color:var(--green);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}@keyframes noiseShift{0%{transform:translateZ(0)}25%{transform:translate3d(-2%,1%,0)}50%{transform:translate3d(2%,-1%,0)}75%{transform:translate3d(-1%,-2%,0)}to{transform:translateZ(0)}}@keyframes scanMove{0%{transform:translateY(-18px)}to{transform:translateY(18px)}}@keyframes screenPulse{0%,to{filter:brightness(1)}44%{filter:brightness(var(--pulse-bright)) saturate(var(--pulse-saturate))}46%{filter:brightness(var(--pulse-dim)) saturate(var(--pulse-saturate))}48%{filter:brightness(var(--pulse-bright))}}@keyframes glitchBurst{0%{transform:translate(0);filter:hue-rotate(0deg) contrast(1)}18%{transform:translate(var(--glitch-shift-left),var(--glitch-shift-y)) skew(var(--glitch-skew));filter:hue-rotate(var(--glitch-hue)) contrast(var(--glitch-contrast))}38%{transform:translate(var(--glitch-shift-right),var(--glitch-shift-up)) skew(var(--glitch-skew-neg));filter:hue-rotate(var(--glitch-hue-neg)) contrast(var(--glitch-contrast))}70%{transform:translate(var(--glitch-shift-small));filter:hue-rotate(var(--glitch-hue-soft)) contrast(var(--glitch-contrast))}to{transform:translate(0);filter:hue-rotate(0deg) contrast(1)}}@media(max-width:980px){.vhs-app{--top-space: 136px;--dock-space: 276px}.vhs-topbar{align-items:start}.vhs-screen{min-height:0}.terminal-copy h1{font-size:3.2rem}.project-list,.command-grid,.debug-layout,.debug-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.split-page{grid-template-columns:1fr}}@media(max-width:720px){.vhs-app{--top-space: 152px;--dock-space: 316px}.vhs-topbar,.command-dock,.vhs-screen{width:min(100% - 24px,1180px)}.vhs-topbar{top:14px;display:grid}.brand-cluster{justify-items:start;text-align:left}.brand-signature{font-size:.94rem}.dock-command-strip button{flex:1 1 88px}.dock-command-strip button:last-child{margin-left:0}.vhs-hud{font-size:.68rem;text-align:left}.vhs-hud p{grid-template-columns:1fr;gap:1px;justify-content:start}.vhs-screen{min-height:0}.terminal-copy{align-content:start}.terminal-copy h1{font-size:2.35rem}.terminal-copy .lead{font-size:.96rem}.signal-lines p,.history-line{grid-template-columns:1fr;gap:3px}.project-list,.command-grid,.debug-layout,.debug-presets{grid-template-columns:1fr}.debug-heading{align-items:start;display:grid}.project-tape{min-height:auto}.link-row{grid-template-columns:auto minmax(0,1fr) auto}.link-row em,.link-row .placeholder-note{grid-column:2 / -1}.command-dock{bottom:12px}.command-form{grid-template-columns:minmax(0,1fr) auto}.prompt{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation:none!important;transition-duration:.001ms!important}