body,html,#root{background-color:#000;width:100vw;height:100vh;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden}:root{--cyan:#0ff;--magenta:#ff003c;--red:#ff003c;--panel-bg:#0000008c;--panel-border:#00ffff59}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.app--none .bgfx{opacity:.35;filter:saturate(.7)}.bgfx{pointer-events:none;z-index:2;opacity:1;filter:saturate(1.05);background:radial-gradient(900px 550px at 18% 20%,#00ffff12,#0000 62%),radial-gradient(850px 520px at 82% 74%,#ff003c0d,#0000 66%);transition:opacity .45s,filter .45s;animation:8s ease-in-out infinite alternate bgfx-drift;position:absolute;inset:0}.app--content .bgfx{filter:saturate(1.15);background:radial-gradient(880px 540px at 20% 22%,#ff003c17,#0000 62%),radial-gradient(820px 520px at 78% 72%,#00ffff0f,#0000 66%)}.app--services .bgfx{filter:saturate(1.08);background:radial-gradient(920px 560px at 18% 25%,#00ffff1a,#0000 62%),radial-gradient(700px 450px at 86% 70%,#ff003c09,#0000 68%)}@keyframes bgfx-drift{0%{opacity:.9;transform:translate(0,0)}to{opacity:1;transform:translateY(-8px)}}.app:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(800px 500px at 15% 15%,#00ffff14,#0000 60%),radial-gradient(700px 450px at 85% 75%,#ff003c0f,#0000 65%),linear-gradient(#0003,#000000a6);position:absolute;inset:0}.hud{z-index:10;color:var(--cyan);text-shadow:0 0 14px #00ffff40;-webkit-user-select:none;user-select:none;position:absolute;top:28px;left:28px}.hud__brand{letter-spacing:4px;font-size:20px}@keyframes glitch-in{0%{opacity:0;filter:brightness(3)saturate(0)blur(1px);transform:translate(-7px)skew(4deg)}10%{opacity:1;filter:brightness(2.8)saturate(.1);transform:translate(6px)skew(-3deg)}20%{opacity:.55;filter:brightness(2.2)saturate(.25);transform:translate(-4px)skew(2deg)}32%{opacity:1;filter:brightness(1.7)saturate(.5);transform:translate(3px)}46%{opacity:.8;filter:brightness(1.4);transform:translate(-2px)}62%{opacity:1;filter:brightness(1.15);transform:translate(1px)}78%{opacity:.95;filter:brightness(1.05);transform:translate(0)}to{opacity:1;filter:none;transform:none}}.ui-reveal{animation:.55s cubic-bezier(.2,.9,.2,1) both glitch-in}.ui-hidden{opacity:0!important;pointer-events:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){.ui-reveal{animation:none}}@keyframes tv-on{0%{opacity:0;filter:brightness(.6)contrast(1.35);transform:scaleY(.02)}35%{opacity:1;transform:scaleY(1.02)}to{opacity:1;filter:none;transform:none}}@keyframes tv-flicker{0%{opacity:.95;filter:contrast(1.05)saturate(1.1)}7%{opacity:.85}8%{opacity:.98}22%{opacity:.9}23%{opacity:.98}56%{opacity:.88}57%{opacity:.98}to{opacity:.94}}.floaters{pointer-events:none;z-index:9;perspective:900px;transform-style:preserve-3d;position:absolute;inset:0}.floaters--tv{isolation:isolate;animation:.52s cubic-bezier(.2,.9,.2,1) both tv-on}.floaters--tv:before{content:"";pointer-events:none;z-index:0;opacity:.92;mix-blend-mode:overlay;filter:contrast(1.05)saturate(1.08);background:repeating-linear-gradient(#ffffff0e 0,#ffffff08 1px,#0000 3px 6px),radial-gradient(800px 460px at 50% 55%,#00ffff0e,#0000 65%),radial-gradient(900px 520px at 50% 45%,#ff003c0a,#0000 70%);animation:2.8s steps(2,end) infinite tv-flicker;position:absolute;inset:0}.floaters--tv:after{content:"";pointer-events:none;z-index:0;opacity:.72;mix-blend-mode:multiply;background:radial-gradient(1200px 680px at 50% 55%,#0000 58%,#0000008c 86%);position:absolute;inset:-2px}.floaters--tv>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.floaters--tv,.floaters--tv:before{animation:none}}.floater{pointer-events:auto;width:160px;height:100px;animation:floater-drift var(--driftDur,8s) infinite alternate ease-in-out;animation-delay:var(--driftDelay,0s);opacity:var(--alpha,.85);filter:blur(var(--blur,0px));transform-style:preserve-3d;will-change:transform, translate, filter, opacity;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.floater__thumb{border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.floater__orbit{will-change:transform;width:100%;height:100%;animation:floater-orbit var(--orbitDur,18s) linear infinite, floater-sway var(--swayDur,14s) ease-in-out infinite;animation-delay:var(--orbitDelay,0s), var(--swayDelay,0s)}@keyframes floater-orbit{0%{transform:translate3d(var(--orbitR,10px), 0, var(--z,0px)) scale(var(--scale,1))}25%{transform:translate3d(0, var(--orbitR,10px), var(--z,0px)) scale(var(--scale,1))}50%{transform:translate3d(calc(var(--orbitR,10px) * -1), 0, var(--z,0px)) scale(var(--scale,1))}75%{transform:translate3d(0, calc(var(--orbitR,10px) * -1), var(--z,0px)) scale(var(--scale,1))}to{transform:translate3d(var(--orbitR,10px), 0, var(--z,0px)) scale(var(--scale,1))}}@keyframes floater-sway{0%{rotate:none}50%{rotate:-1.25deg}to{rotate:.6deg}}.floater--hidden{pointer-events:none;transform:scale(.92);opacity:0!important}.floater--exclusive .floater__thumb{border:1px solid var(--magenta);box-shadow:0 0 15px #ff003c4d}.floater--add .floater__thumb{background:#00000059;border:2px dashed #0ff6}.floater--add:hover .floater__thumb{border-color:#0ffc;box-shadow:0 0 15px #0ff3}.floater__badge{color:var(--cyan);font-size:24px;font-weight:700}.floater video,.floater img{object-fit:contain;mix-blend-mode:screen;opacity:.8;width:100%;height:100%;transition:opacity .3s,transform .3s}.floater:hover video,.floater:hover img{opacity:1;cursor:pointer;transform:scale(1.1)}.floater__info{text-align:center;width:220px;color:var(--cyan);text-shadow:0 0 5px #00ffff80;pointer-events:none;margin-top:8px;font-size:.75rem;display:none;position:absolute;top:100%}.floaters__file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.audio-spectrum{box-sizing:border-box;justify-content:center;align-items:flex-end;gap:8px;width:100%;height:100%;padding:10px;display:flex}.audio-spectrum .bar{transform-origin:bottom;background:#00ffff8c;border-radius:999px;width:10px;height:100%;animation:.52s ease-in-out infinite alternate audio-bounce;transform:scaleY(.2);box-shadow:0 0 24px #00ffff1a}@keyframes audio-bounce{0%{opacity:.65;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.floater__thumb{position:relative}.floater__thumb:after{content:"";pointer-events:none;opacity:.055;mix-blend-mode:overlay;filter:contrast(1.1)saturate(1.05);background:repeating-linear-gradient(#ffffff40 0,#fff0 2px,#0000 6px),radial-gradient(60px 40px at 30% 40%,#0ff3,#0000 60%),radial-gradient(60px 40px at 70% 65%,#ff003c26,#0000 60%);animation:1.8s steps(2,end) infinite static-wiggle;position:absolute;inset:-8%}@keyframes static-wiggle{0%{opacity:.045;transform:translate(0,0)}40%{opacity:.06;transform:translate(1px,-1px)}to{opacity:.05;transform:translate(-1px,1px)}}.floater__thumb:before{content:"";pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(.2px);animation:floater-glitch var(--glitchDur,24s) steps(1, end) infinite;animation-delay:var(--glitchDelay,0s);background:linear-gradient(90deg,#0ff0,#00ffff59,#0ff0),linear-gradient(90deg,#ff003c00,#ff003c4d,#ff003c00);position:absolute;inset:-6%;transform:translate(-20px)}@keyframes floater-glitch{0%,92%{opacity:0;transform:translate(-20px)}93%{opacity:.35;transform:translate(18px)skew(8deg)}93.6%{opacity:.12;transform:translate(-12px)skew(-7deg)}94.2%{opacity:.28;transform:translate(10px)skew(5deg)}95%{opacity:0;transform:translate(-20px)}to{opacity:0;transform:translate(-20px)}}@media (prefers-reduced-motion:reduce){.floater__orbit,.floater__thumb:before,.floater__thumb:after{animation:none}}@keyframes floater-drift{0%{translate:0}to{translate:0 -12px}}.stage{z-index:12;box-sizing:border-box;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;padding:56px 20px 130px;animation:.45s cubic-bezier(.2,.9,.2,1) both glitch-in;display:flex;position:absolute;inset:0}.stage__holo{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:min(980px,100vw - 56px);max-height:100%;display:flex;position:relative}.stage__close-float{appearance:none;color:var(--cyan);cursor:pointer;letter-spacing:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0006;border:1px solid #0ff6;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:12px;transition:all .2s;position:absolute;top:-60px;right:0}.stage__close-float:hover{background:#00ffff1a;box-shadow:0 0 15px #0ff3}.audio-holo{flex-direction:column;gap:20px;width:100%;display:flex}.audio-holo__ctrls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0009;border:1px solid #0ff3;border-radius:12px;align-items:center;gap:15px;width:100%;padding:12px 20px;display:flex}.audio-btn{appearance:none;color:var(--cyan);cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #00ffff4d;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px;transition:all .2s}.audio-btn:hover{background:#00ffff26}.audio-btn--play{color:var(--magenta);border-color:#ff003c80;font-weight:700}.audio-btn--play:hover{background:#ff003c26}.audio-timeline{flex:1;align-items:center;gap:10px;display:flex}.audio-time{color:#e6ffffb3;text-align:center;min-width:36px;font-size:11px}.audio-seeker{appearance:none;cursor:pointer;background:#0ff3;outline:none;flex:1;height:2px}.audio-seeker::-webkit-slider-thumb{appearance:none;background:var(--cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cyan);cursor:pointer;border-radius:50%}.stage__card--tv{animation:.52s cubic-bezier(.2,.9,.2,1) both tv-on}.stage__body{z-index:1;padding:16px;position:relative;overflow:auto}.stage__img{object-fit:contain;background:0 0;border:0;border-radius:0;width:100%;height:auto;max-height:calc(100vh - 240px)}.stage__media{width:100%}.stage__blend{mix-blend-mode:screen}.stage__empty{color:#e6ffffd9;letter-spacing:.6px;background:#00000059;border:1px solid #00ffff1f;border-radius:12px;padding:18px;font-size:12px}.overlay-close{appearance:none;color:#ff003ce6;cursor:pointer;background:#0003;border:1px solid #ff003c73;border-radius:10px;flex-shrink:0;padding:6px 10px;font-size:12px;line-height:1}.overlay-close:hover{box-shadow:0 0 24px #ff003c2e}.chat-overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000052;border:1px solid #ff003c42;border-radius:18px;grid-template-rows:auto 1fr auto;width:min(520px,100vw - 40px);max-height:min(500px,100vh - 120px);display:grid;position:absolute;bottom:140px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 40px #ff003c14,0 18px 60px #00000080}.chat-overlay__header{border-bottom:1px solid #ff003c2e;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.chat-overlay__title{color:var(--magenta);letter-spacing:3px;-webkit-user-select:none;user-select:none;font-size:12px}.chat-overlay__list{box-sizing:border-box;height:220px;padding:10px 12px 6px;overflow:auto}.chat-overlay__composer{border-top:1px solid #ff003c24;grid-template-columns:1fr auto;gap:10px;padding:10px 12px;display:grid}.chat__msg{margin:8px 0;display:flex}.chat__msg--agent{justify-content:flex-start}.chat__msg--user{justify-content:flex-end}.chat__bubble{letter-spacing:.4px;color:#e6ffffeb;background:#00000059;border:1px solid #00ffff2e;border-radius:14px;max-width:85%;padding:10px 12px;font-size:12px;line-height:1.45}.chat__msg--user .chat__bubble{background:#ff003c1a;border-color:#ff003c38}.chat__bubble--typing{opacity:.85}.chat__input{color:#e6ffffeb;background:#00000047;border:1px solid #ff003c40;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:12px}.chat__input:focus{border-color:#ff003c8c;box-shadow:0 0 0 1px #ff003c1a,0 0 18px #ff003c14}.chat__send{appearance:none;color:var(--magenta);cursor:pointer;letter-spacing:2px;background:#00000040;border:1px solid #ff003c8c;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:11px}.chat__send:disabled{opacity:.4;cursor:not-allowed}.chat__send:hover:not(:disabled){box-shadow:0 0 28px #ff003c1f}.term-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e0;border:1px solid #ff003ca6;border-radius:18px;grid-template-rows:auto 1fr auto;width:min(580px,100vw - 40px);max-height:min(520px,100vh - 80px);display:grid;position:absolute;top:40%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 80px #ff003c26,0 22px 80px #000000d9}.term-overlay__header{border-bottom:1px solid #ff003c38;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.term-overlay__title{color:var(--magenta);letter-spacing:3px;font-size:14px}.term-overlay__list{box-sizing:border-box;height:auto;padding:10px 12px 8px;overflow:auto}.term-overlay__prompt{border-top:1px solid #ff003c2e;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.term__line{grid-template-columns:14px 1fr;gap:10px;padding:3px 0;font-size:12px;line-height:1.35;display:grid}.term__prefix{color:#ff003cd9}.term__line--out .term__prefix{color:#00ffffbf}.term__text{color:#e6ffffeb;word-break:break-word}.term__input{color:#e6ffffeb;background:#00000047;border:1px solid #ff003c33;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:12px}.term__input:focus{border-color:#ff003c73;box-shadow:0 0 0 1px #ff003c1a,0 0 18px #ff003c14}.term__run{appearance:none;color:#ff003cf2;cursor:pointer;letter-spacing:2px;background:#00000040;border:1px solid #ff003c73;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:11px}.term__run:disabled{opacity:.4;cursor:not-allowed}.term__run:hover:not(:disabled){box-shadow:0 0 28px #ff003c1f}.btn{appearance:none;color:var(--cyan);cursor:pointer;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:1px solid #0ff9;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:12px;transition:transform .12s,box-shadow .12s,background .12s}.btn:hover{background:#00000059;transform:translateY(-1px);box-shadow:0 0 0 1px #00ffff2e,0 0 28px #00ffff1f}.btn:active{transform:translateY(0)}.btn--danger{color:var(--magenta);border-color:#ff003cb3}.btn--danger:hover{background:#00000059;box-shadow:0 0 0 1px #ff003c2e,0 0 28px #ff003c26}.ctrl-btns{z-index:50;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.ctrl-btn{text-align:center;justify-content:center;width:120px;padding:10px 0}.ctrl-btn--active{background:#ff003c26;box-shadow:0 0 0 1px #ff003c59,0 0 28px #ff003c33}.nav{z-index:10;box-sizing:border-box;justify-content:center;gap:12px;width:100%;padding:0 16px;display:flex;position:absolute;bottom:28px}.panel{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e6ffffeb;border-radius:14px;width:min(380px,100vw - 56px);padding:16px 16px 14px;animation:.55s cubic-bezier(.2,.9,.2,1) both glitch-in;position:absolute;top:28px;right:28px;box-shadow:0 0 0 1px #00ffff14,0 18px 60px #0000008c}.panel--cyan{border-color:#00ffff73}.panel--red{border-color:#ff003cb3}.panel--magenta{border-color:#ff003c8c;box-shadow:0 0 0 1px #ff003c14,0 18px 60px #0000008c}.panel__title{letter-spacing:3px;color:var(--cyan);font-size:16px}.panel--red .panel__title,.panel--magenta .panel__title{color:var(--magenta)}.panel__subtitle{opacity:.8;letter-spacing:1px;margin-top:8px;font-size:12px}.panel__body{letter-spacing:.4px;margin-top:12px;font-size:12px;line-height:1.5}.panel__line{border-top:1px solid #00ffff1a;padding:6px 0}.panel--red .panel__line,.panel--magenta .panel__line{border-top-color:#ff003c1f}@media (prefers-reduced-motion:reduce){.panel{animation:none}}@media (width<=768px){.hud{top:env(safe-area-inset-top,18px);left:18px}.nav{bottom:env(safe-area-inset-bottom,24px);flex-wrap:wrap}.ctrl-btns{bottom:calc(68px + env(safe-area-inset-bottom,20px))}.overlay-close{justify-content:center;align-items:center;min-width:48px;min-height:48px;font-size:16px;display:flex}.stage__close-float{text-transform:uppercase;min-height:48px;padding:12px 24px;font-size:16px;top:-65px}.btn,.audio-btn{justify-content:center;align-items:center;min-height:44px;display:flex}.term__run,.chat__send{min-height:44px}.chat-overlay,.term-overlay{max-width:90vw;margin:0 auto;width:90vw!important}.term-overlay{max-height:70vh;top:45%}.chat-overlay{bottom:calc(120px + env(safe-area-inset-bottom,20px));max-height:60vh}.floater{width:100px!important;height:65px!important}.sg-quad{width:100%;margin-bottom:20px;position:relative;border-right:none!important;border-left:3px solid var(--cyan)!important;text-align:left!important;inset:auto!important}.services-grid{padding:calc(120px + env(safe-area-inset-top,0px)) 20px calc(140px + env(safe-area-inset-bottom,0px));pointer-events:auto;position:absolute;inset:0;overflow-y:auto}}.boot-overlay{z-index:100;pointer-events:auto;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.boot__322{letter-spacing:1rem;color:#fff;text-shadow:0 0 10px #0ffc,0 0 20px #ff003ccc;gap:1rem;font-family:monospace;font-size:8rem;font-weight:900;display:flex}.boot__char{text-align:center;width:6rem;display:inline-block}.boot__char--locked{color:#0ff;text-shadow:0 0 20px #0ff}.boot__prompt{align-items:center;gap:1rem;margin-top:3rem;display:flex}.boot__caret{color:var(--magenta);font-family:monospace;font-size:1.5rem;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.boot__input{color:#fff;text-shadow:0 0 5px #ffffff80;text-transform:uppercase;background:0 0;border:none;outline:none;width:300px;font-family:monospace;font-size:1.5rem}.boot__input::placeholder{color:#fff3;text-transform:lowercase}.services-grid{pointer-events:none;z-index:10;position:absolute;inset:0}.sg-quad{pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);color:#e6ffffeb;width:35%;padding:2rem;animation:.55s cubic-bezier(.2,.9,.2,1) both glitch-in;position:absolute;box-shadow:0 0 20px #00ffff0d}.sg-quad--tl{border-left:3px solid var(--cyan);top:10%;left:5%}.sg-quad--tr{border-right:3px solid var(--magenta);text-align:right;top:10%;right:5%}.sg-quad--bl{border-left:3px solid var(--magenta);bottom:15%;left:5%}.sg-quad--br{border-right:3px solid var(--cyan);text-align:right;bottom:15%;right:5%}.sg-title{letter-spacing:.15rem;color:var(--cyan);text-shadow:0 0 8px;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.sg-quad--tr .sg-title,.sg-quad--bl .sg-title{color:var(--magenta)}.sg-body{color:#ffffffb3;font-family:inherit;font-size:.95rem;line-height:1.5}.sg-line{color:#00ffffe6;margin-top:10px;font-size:.8rem}.app--tv-off{pointer-events:none;animation:.45s cubic-bezier(.8,0,.2,1) forwards tv-off}.app--tv-on{animation:.65s cubic-bezier(.2,.9,.2,1) both tv-on}@keyframes tv-off{0%{opacity:1;filter:none;transform:scaleY(1)scaleX(1)}45%{opacity:1;filter:brightness(3)contrast(2);transform:scaleY(.01)scaleX(1)}75%{opacity:1;filter:brightness(5)contrast(3);transform:scaleY(.01)scaleX(.01)}to{opacity:0;filter:brightness(5)contrast(3);transform:scaleY(.01)scaleX(.01)}}.boot-overlay--shutting{background:0 0!important}.boot__322--glitching{color:#ff003c;text-shadow:0 0 40px #ff003c;animation:.1s infinite text-glitch-heavy}@keyframes text-glitch-heavy{0%{transform:translate(0)skew(0deg)}25%{transform:translate(-10px,5px)skew(10deg)}50%{transform:translate(10px,-5px)skew(-10deg)}75%{transform:translate(5px,10px)skew(5deg)}to{transform:translate(-5px,-10px)skew(-5deg)}}