:root{--font-display: "Orbitron", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ui: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--c: #00f0ff;--c-glow: rgba(0, 240, 255, .45);--c-dim: rgba(0, 240, 255, .14);--b: #0088ff;--b-deep: #072a44;--g: #ffd050;--g-glow: rgba(255, 208, 80, .4);--g-dim: rgba(255, 208, 80, .15);--red: #ff4d6d;--panel-bg: rgba(3, 14, 22, .78);--panel-bg-heavy: rgba(2, 9, 15, .94);--panel-border: rgba(0, 240, 255, .22);--line: rgba(0, 240, 255, .16);--line-gold: rgba(255, 208, 80, .25);--text-main: #dcf7f9;--text-dim: #7da5aa;--text-dark: #3f686d}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#010408;font-family:var(--font-ui);color:var(--text-main);-webkit-font-smoothing:antialiased}button,input{font:inherit}.atrium{height:100dvh;min-height:620px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#061c28,#030e16 38%,#010408 80%);letter-spacing:.08em;-webkit-user-select:none;user-select:none}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.032;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.grid{position:absolute;top:48%;right:-15%;bottom:-20%;left:-15%;transform:perspective(600px) rotateX(68deg);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:55px 55px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 95%);mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 95%);opacity:.32;pointer-events:none;animation:gridFloat 16s linear infinite}@keyframes gridFloat{0%{background-position:0 0}to{background-position:0 55px}}.scanline{position:absolute;z-index:25;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.28;box-shadow:0 0 15px var(--c);animation:scan 9s linear infinite;pointer-events:none}@keyframes scan{0%{top:-2%;opacity:0}10%{opacity:.35}90%{opacity:.35}to{top:102%;opacity:0}}.ambient-flare{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);z-index:1}.flare-1{width:450px;height:450px;top:15%;left:30%;background:radial-gradient(circle,rgba(0,240,255,.07) 0%,transparent 70%);animation:flareDrift1 12s ease-in-out infinite alternate}.flare-2{width:500px;height:500px;bottom:20%;right:28%;background:radial-gradient(circle,rgba(255,208,80,.05) 0%,transparent 70%);animation:flareDrift2 15s ease-in-out infinite alternate}@keyframes flareDrift1{0%{transform:translate(-30px,-20px) scale(.9)}to{transform:translate(40px,30px) scale(1.15)}}@keyframes flareDrift2{0%{transform:translate(30px,20px) scale(1.1)}to{transform:translate(-40px,-30px) scale(.85)}}.hud-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 0 30px #000000b3,inset 0 0 20px #00f0ff08}.panel-edge-accent{position:absolute;width:8px;height:8px;border-color:var(--c);pointer-events:none}.panel-edge-accent.tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.panel-edge-accent.tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.panel-edge-accent.bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.panel-edge-accent.br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.topbar{height:72px;position:relative;z-index:20;margin:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,8,13,.8) 0%,transparent 100%)}.topbar:before{content:"";position:absolute;bottom:-1px;left:0;width:140px;height:2px;background:linear-gradient(90deg,var(--c),transparent);box-shadow:0 0 10px var(--c)}.topbar:after{content:"";position:absolute;bottom:-1px;right:0;width:90px;height:2px;background:linear-gradient(90deg,transparent,var(--g));box-shadow:0 0 10px var(--g)}.brand{display:flex;align-items:center;gap:16px}.sigil-box{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--c);transform:rotate(45deg);background:#00f0ff0d;box-shadow:0 0 14px #00f0ff33}.sigil-box .sigil{transform:rotate(-45deg);font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--g);font-style:normal;text-shadow:0 0 10px var(--g)}.sigil-corner{position:absolute;width:4px;height:4px;background:var(--c)}.sigil-corner.tl{top:-2px;left:-2px}.sigil-corner.br{bottom:-2px;right:-2px}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{display:flex;align-items:baseline;gap:10px}.brand-title b{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.28em;color:#f2ffff;text-shadow:0 0 16px rgba(0,240,255,.4)}.brand-version{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--c);padding:1px 6px;border:1px solid var(--line);background:#00f0ff0f}.brand-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--text-dim)}.top-telemetry{display:flex;gap:18px}.hud-tele-badge{display:flex;flex-direction:column;align-items:center;padding:4px 14px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#00f0ff08}.tele-label{font-family:var(--font-mono);font-size:8px;color:var(--text-dark);letter-spacing:.16em}.tele-val{font-family:var(--font-mono);font-size:13px;color:var(--c);letter-spacing:.12em;text-shadow:0 0 8px rgba(0,240,255,.5)}.top-actions{display:flex;align-items:center;gap:12px}.hud-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#031019b3;color:var(--text-dim);padding:8px 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;cursor:pointer;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.hud-btn:hover{border-color:var(--c);color:#fff;background:#00f0ff1f;box-shadow:0 0 15px #00f0ff40}.hud-btn.highlight{border-color:#ffd05059;color:var(--g)}.hud-btn.highlight:hover{border-color:var(--g);background:#ffd0501f;box-shadow:0 0 15px #ffd0504d}.btn-glyph{font-style:normal;color:var(--c)}.hud-btn.mode-switch.live{border-color:#00ffaa73;color:#0fa;background:#00ffaa14}.hud-btn.mode-switch.live:hover{border-color:#0fa;box-shadow:0 0 16px #00ffaa59}.hud-btn.mode-switch.demo{border-color:#ffd05073;color:var(--g);background:#ffd05014}.hud-btn.mode-switch.demo:hover{border-color:var(--g);box-shadow:0 0 16px #ffd05059}.connection-pill{display:flex;align-items:center;gap:8px;position:relative;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-dim);padding:6px 14px;border:1px solid var(--line);background:#00f0ff0a;border-radius:2px}.connection-pill.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.connection-pill.clickable:hover{border-color:var(--c);background:#00f0ff1f;box-shadow:0 0 12px #00f0ff40}.sys-mode-toggle{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;font-family:inherit;transition:opacity .2s}.sys-mode-toggle:hover{opacity:.8}.col-cyan{color:var(--c);text-shadow:0 0 8px var(--c)}.col-gold{color:var(--g);text-shadow:0 0 8px var(--g)}.toggle-sym{color:var(--text-dim);font-size:10px}.conn-dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}.connection-pill.c-online .conn-dot{background:#0fa;box-shadow:0 0 12px #0fa}.connection-pill.c-demo .conn-dot{background:var(--g);box-shadow:0 0 12px var(--g)}.connection-pill.c-error .conn-dot{background:var(--red);box-shadow:0 0 12px var(--red)}.connection-pill.c-connecting .conn-dot{background:var(--b);box-shadow:0 0 12px var(--b);animation:dotBlink .6s infinite alternate}@keyframes dotBlink{0%{opacity:.3}to{opacity:1}}.left-panel{position:absolute;z-index:10;top:92px;left:28px;width:255px;padding:16px;display:flex;flex-direction:column;gap:14px}.section-label{margin:0;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.22em;color:#d8f7f9;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:8px}.section-dec{color:var(--g);font-family:var(--font-mono)}.sys-table{display:flex;flex-direction:column;gap:6px}.sys-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,240,255,.07);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}.row-key{color:var(--text-dim)}.row-val{color:#fff;font-weight:400;text-shadow:0 0 6px rgba(0,240,255,.3)}.energy-meter-widget{padding:10px;background:#00f0ff08;border:1px solid var(--line)}.widget-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--text-dim);margin-bottom:6px}.widget-header b{color:var(--c)}.energy-bar-track{height:4px;background:#00f0ff1a;overflow:hidden;position:relative}.energy-bar-fill{height:100%;background:linear-gradient(90deg,var(--c),var(--g));box-shadow:0 0 10px var(--c);transition:width 80ms ease}.coordinate-card{display:flex;align-items:center;gap:14px;padding:10px;background:#00f0ff05;border:1px solid var(--line)}.radar-circle{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);position:relative;overflow:hidden;flex-shrink:0}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg at 50% 50%,rgba(0,240,255,.4) 0deg,transparent 60deg);border-radius:50%;animation:radarSpin 4s linear infinite}@keyframes radarSpin{to{transform:rotate(360deg)}}.radar-cross-h,.radar-cross-v{position:absolute;background:var(--line)}.radar-cross-h{top:50%;left:0;right:0;height:1px}.radar-cross-v{left:50%;top:0;bottom:0;width:1px}.radar-blip{position:absolute;top:35%;left:65%;width:4px;height:4px;background:var(--g);border-radius:50%;box-shadow:0 0 8px var(--g)}.coordinate-readout{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:9px;line-height:1.4}.readout-scene{color:var(--c);font-weight:700}.readout-coords{color:var(--text-dim)}.coordinate-readout small{color:var(--text-dark);font-size:8px}.stage{position:absolute;z-index:2;top:72px;left:290px;right:290px;bottom:275px}.stage canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.reticle{position:absolute;width:55px;height:55px;border-color:#00f0ff59;pointer-events:none;z-index:5}.corner-a{top:6%;left:6%;border-top:2px solid;border-left:2px solid}.corner-b{top:6%;right:6%;border-top:2px solid;border-right:2px solid}.corner-c{bottom:6%;left:6%;border-bottom:2px solid;border-left:2px solid}.corner-d{bottom:6%;right:6%;border-bottom:2px solid;border-right:2px solid}.axis{position:absolute;pointer-events:none;opacity:.2}.axis-x{top:50%;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,var(--c),transparent)}.axis-y{left:50%;top:6%;bottom:6%;width:1px;background:linear-gradient(180deg,transparent,var(--c),transparent)}.radar-ring-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(0,240,255,.12);pointer-events:none}.ring-lg{width:480px;height:480px}.ring-sm{width:320px;height:320px;border-style:solid;opacity:.08}.scene-caption{position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;z-index:6;text-shadow:0 0 25px #010408;display:flex;flex-direction:column;align-items:center}.caption-dec{display:flex;align-items:center;gap:4px;margin-bottom:4px}.caption-line{width:28px;height:1px;background:var(--g)}.caption-dot{width:4px;height:4px;background:var(--g);border-radius:50%;box-shadow:0 0 6px var(--g)}.caption-eyebrow{font-family:var(--font-mono);font-size:10px;color:var(--g);letter-spacing:.38em;text-transform:uppercase}.caption-title{font-family:var(--font-display);font-size:clamp(20px,2.5vw,36px);font-weight:700;margin:4px 0 6px;color:#fff;letter-spacing:.28em;text-shadow:0 0 24px rgba(0,240,255,.5)}.caption-divider{display:block;width:140px;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);box-shadow:0 0 10px var(--c)}.state-pill{position:absolute;z-index:8;top:4%;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--text-dim);padding:8px 18px;border:1px solid var(--panel-border);background:#02090fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:0 0 20px #000c}.state-indicator{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.state-pill.listen{color:var(--c);border-color:var(--c);box-shadow:0 0 18px #00f0ff4d}.state-pill.listen .state-indicator{background:var(--c);box-shadow:0 0 12px var(--c);animation:dotBlink .5s infinite alternate}.state-pill.speak{color:var(--g);border-color:var(--g);box-shadow:0 0 18px #ffd0504d}.state-pill.speak .state-indicator{background:var(--g);box-shadow:0 0 12px var(--g);animation:dotBlink .35s infinite alternate}.state-pill.process{color:var(--b);border-color:var(--b)}.state-pill.error{color:var(--red);border-color:var(--red)}.right-panel{position:absolute;z-index:10;top:92px;right:28px;width:255px;padding:16px;display:flex;flex-direction:column;gap:16px}.context-card{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,240,255,.08)}.context-index{font-family:var(--font-display);font-size:48px;font-weight:800;color:#00f0ff33;line-height:1;text-shadow:0 0 12px rgba(0,240,255,.2)}.context-meta{display:flex;flex-direction:column;gap:3px}.context-title{font-family:var(--font-display);font-size:16px;color:#e5fcff;letter-spacing:.16em}.context-eyebrow{font-family:var(--font-mono);font-size:9px;color:var(--g);letter-spacing:.16em}.data-ring{height:130px;position:relative;display:flex;align-items:center;justify-content:center}.ring-rotator{position:absolute;border-radius:50%}.ring-rotator.outer{width:126px;height:126px;border:1px solid rgba(0,240,255,.15);border-left-color:var(--c);border-top-color:var(--c);box-shadow:0 0 16px #00f0ff26;animation:spinClockwise 8s linear infinite}.ring-rotator.inner{width:100px;height:100px;border:1px dashed rgba(255,208,80,.35);animation:spinCounter 12s linear infinite}.ring-rotator.ticks{width:114px;height:114px;border:1px dotted rgba(0,240,255,.2);animation:spinClockwise 20s linear infinite}@keyframes spinClockwise{to{transform:rotate(360deg)}}@keyframes spinCounter{to{transform:rotate(-360deg)}}.ring-content{display:flex;flex-direction:column;align-items:center;z-index:2}.ring-content b{font-family:var(--font-mono);font-size:28px;color:var(--c);letter-spacing:.05em;line-height:1;text-shadow:0 0 12px var(--c)}.ring-content small{font-family:var(--font-mono);font-size:7px;color:var(--text-dim);letter-spacing:.18em;text-align:center;margin-top:4px}.microcopy-card{padding:10px;background:#00f0ff05;border:1px solid var(--line)}.card-badge{font-family:var(--font-mono);font-size:8px;color:var(--g);letter-spacing:.16em;margin-bottom:6px}.microcopy{margin:0;line-height:1.65;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}footer{position:absolute;z-index:15;left:28px;right:28px;bottom:0;height:265px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 0%,rgba(2,7,12,.95) 25%)}.audio-strip{height:48px;display:flex;align-items:center;border-top:1px solid var(--line);gap:16px}.audio-label-group{display:flex;align-items:center;gap:8px}.live-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:8px;color:#0fa;padding:2px 6px;border:1px solid rgba(0,255,170,.4);background:#00ffaa14}.live-dot{width:5px;height:5px;background:#0fa;border-radius:50%;box-shadow:0 0 8px #0fa;animation:dotBlink .7s infinite alternate}.strip-title{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--text-dim)}.waveform-container{flex:1;height:32px;position:relative;display:flex;align-items:flex-end;padding:0 4px}.waveform-baseline{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line)}.waveform{width:100%;height:100%;display:flex;align-items:flex-end;gap:3px}.wave-col{flex:1;height:100%;position:relative;display:flex;align-items:flex-end}.wave-bar{display:block;width:100%;background:linear-gradient(to top,rgba(0,136,255,.5),var(--c));border-radius:1px 1px 0 0;transition:height 60ms linear;box-shadow:0 0 6px #00f0ff4d}.wave-cap{position:absolute;left:0;right:0;height:2px;background:var(--c);border-radius:1px;transition:bottom 70ms linear;box-shadow:0 0 6px var(--c)}.wave-col.peak-high .wave-bar{background:linear-gradient(to top,var(--c),var(--g));box-shadow:0 0 10px var(--g)}.wave-col.peak-high .wave-cap{background:#fff;box-shadow:0 0 8px #fff}.mic-toggle-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#04121cd9;color:var(--text-dim);padding:7px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;cursor:pointer;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.mic-icon{width:6px;height:6px;border-radius:50%;background:#608588}.mic-toggle-btn:hover{border-color:var(--c);color:#fff}.mic-toggle-btn.on{border-color:var(--c);color:var(--c);background:#00f0ff1f;box-shadow:0 0 18px #00f0ff4d}.mic-toggle-btn.on .mic-icon{background:var(--c);box-shadow:0 0 10px var(--c);animation:dotBlink .5s infinite alternate}.prompt-form{height:52px;border:1px solid var(--panel-border);background:#030e16d1;display:flex;align-items:center;box-shadow:inset 0 0 25px #00f0ff0a,0 0 25px #0009;margin-top:4px}.prompt-lead{display:flex;align-items:center;gap:6px;padding-left:16px}.prompt-mark{font-family:var(--font-mono);font-size:18px;color:var(--g);text-shadow:0 0 8px var(--g)}.prompt-tag{font-family:var(--font-mono);font-size:9px;color:var(--c);letter-spacing:.16em}.prompt-form input{flex:1;background:transparent;border:0;outline:0;color:#e5fcff;letter-spacing:.06em;font-size:14px;padding:0 12px}.prompt-form input::placeholder{color:var(--text-dark)}.prompt-submit-btn{height:100%;padding:0 24px;border:0;border-left:1px solid var(--line);background:#00f0ff0f;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.prompt-submit-btn:hover{background:#00f0ff2e;color:#fff;box-shadow:inset 0 0 15px #00f0ff4d}.submit-arrow{color:var(--g);font-size:14px}.transcript{height:105px;display:grid;grid-template-columns:1fr 1.6fr;gap:24px;padding:10px 0;overflow:hidden}.transcript-turn{border-left:2px solid var(--line);padding:4px 0 4px 14px;background:linear-gradient(90deg,rgba(0,240,255,.03) 0%,transparent 100%);display:flex;flex-direction:column;gap:4px}.turn-header{display:flex;align-items:center;gap:6px}.role-indicator{width:4px;height:4px;background:var(--c);border-radius:50%}.transcript-turn b{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);letter-spacing:.14em}.transcript-turn p{margin:0;font-family:var(--font-ui);font-size:13px;line-height:1.45;color:#badcdf;letter-spacing:.02em}.transcript-turn.atrium-turn{border-left-color:var(--g);background:linear-gradient(90deg,rgba(255,208,80,.04) 0%,transparent 100%)}.transcript-turn.atrium-turn .role-indicator{background:var(--g);box-shadow:0 0 6px var(--g)}.transcript-turn.atrium-turn b{color:var(--g)}.transcript-turn.atrium-turn p{color:#f2ffff}.footline{border-top:1px solid rgba(0,240,255,.08);height:32px;display:flex;align-items:center;gap:20px;color:var(--text-dark);font-family:var(--font-mono);font-size:8px}.footline-group{display:flex;align-items:center;gap:6px}.key-badge{padding:1px 5px;border:1px solid var(--line);background:#00f0ff0a;color:var(--text-dim);border-radius:2px}.system-auth-tag{margin-left:auto;letter-spacing:.14em}.boot{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#010306;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;animation:bootIn .35s ease}.boot-backdrop-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.5;pointer-events:none}.boot-radar{position:relative;width:140px;height:140px;display:grid;place-items:center}.boot-ring{position:absolute;border-radius:50%}.boot-ring.outer{top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,240,255,.25);border-left-color:var(--c);animation:spinClockwise 6s linear infinite}.boot-ring.middle{top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgba(255,208,80,.35);animation:spinCounter 9s linear infinite}.boot-ring.inner{top:28px;right:28px;bottom:28px;left:28px;border:1px dotted rgba(0,240,255,.2);animation:spinClockwise 14s linear infinite}.boot-crosshair-x,.boot-crosshair-y{position:absolute;background:#00f0ff40}.boot-crosshair-x{top:50%;left:-10px;right:-10px;height:1px}.boot-crosshair-y{left:50%;top:-10px;bottom:-10px;width:1px}.boot-mark{width:50px;height:50px;position:relative;animation:spinClockwise 7s linear infinite}.boot-mark span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--c);transform:rotate(45deg);box-shadow:0 0 10px #00f0ff4d}.boot-mark span:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;border-color:var(--g);transform:rotate(15deg);box-shadow:0 0 10px #ffd0504d}.boot-mark span:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;border-color:#fff}.boot-info{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;z-index:2}.boot-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;color:var(--c);letter-spacing:.22em;padding:3px 10px;border:1px solid var(--line);background:#00f0ff0d}.boot-title{font-family:var(--font-display);font-size:clamp(22px,3vw,42px);font-weight:700;letter-spacing:.3em;color:#f2ffff;margin:6px 0;text-shadow:0 0 20px rgba(0,240,255,.5)}.boot-line{width:min(440px,80vw);display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--g)}.boot-progress-track{width:100%;height:3px;background:#00f0ff1a;overflow:hidden;position:relative}.boot-progress-bar{height:100%;background:linear-gradient(90deg,var(--c),var(--g));box-shadow:0 0 12px var(--c);transition:width .35s ease-out}.boot-telemetry{margin-top:6px}.boot-telemetry code{font-family:var(--font-mono);font-size:9px;color:var(--text-dark);letter-spacing:.14em}.boot-footer{position:absolute;bottom:28px;display:flex;gap:40px;font-family:var(--font-mono);font-size:8px;color:var(--text-dark);letter-spacing:.15em}@keyframes bootIn{0%{opacity:0}to{opacity:1}}.modal-shade{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;background:#010408bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center}.settings,.help{position:relative;background:var(--panel-bg-heavy);border:1px solid var(--panel-border);box-shadow:0 0 80px #000000e6,inset 0 0 25px #00f0ff0a;padding:24px}.settings{width:min(520px,92vw);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.help{position:fixed;z-index:85;right:28px;top:86px;width:360px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.settings-header,.help-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.settings-title,.help-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:13px;letter-spacing:.16em;color:#f0fdff}.settings-title small{display:block;font-family:var(--font-mono);font-size:8px;color:var(--text-dim);letter-spacing:.12em}.settings-icon{font-style:normal;color:var(--g)}.settings-close-btn,.help-close-btn{background:transparent;border:1px solid var(--line);color:var(--text-dim);width:28px;height:28px;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.settings-close-btn:hover,.help-close-btn:hover{border-color:var(--c);color:#fff;background:#00f0ff26}.settings-body{display:flex;flex-direction:column;gap:12px}.setting-control{display:flex;flex-direction:column;gap:6px;padding:6px 0}.setting-label-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.12em}.setting-label-row output{color:var(--c);font-weight:700}.setting-control input[type=range]{width:100%;accent-color:var(--c);background:#00f0ff1a;height:4px;outline:none;cursor:pointer}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(0,240,255,.08);font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.12em}.hud-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--line);background:#00f0ff0a;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;cursor:pointer;transition:all .2s ease}.hud-toggle i{width:6px;height:6px;border-radius:50%;background:var(--text-dark)}.hud-toggle.active{border-color:var(--c);color:var(--c);background:#00f0ff24}.hud-toggle.active i{background:var(--c);box-shadow:0 0 8px var(--c)}.btn-group{display:flex;gap:6px}.hud-tab-btn{padding:6px 12px;border:1px solid var(--line);background:#00f0ff0a;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;cursor:pointer;transition:all .2s ease}.hud-tab-btn.active{border-color:var(--c);color:var(--c);background:#00f0ff2e;box-shadow:0 0 10px #00f0ff40}.settings-footer{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.settings-footer p{margin:0;font-family:var(--font-mono);font-size:8px;color:var(--text-dark);letter-spacing:.12em}.help-list{display:flex;flex-direction:column;gap:6px}.help-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(0,240,255,.07);font-family:var(--font-mono);font-size:9px}.help-item kbd{padding:2px 8px;border:1px solid var(--line);background:#00f0ff0d;color:var(--c);border-radius:2px}.help-item span{color:var(--text-dim)}.notice{position:fixed;z-index:95;top:86px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid rgba(255,77,109,.5);background:#1a060ceb;color:#ff94a8;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;cursor:pointer;box-shadow:0 0 25px #ff4d6d59}.notice-icon{color:var(--red);font-size:12px}.notice-close{margin-left:12px;color:#fff}.state-listening .stage{filter:drop-shadow(0 0 16px rgba(0,240,255,.22))}.state-processing .stage{filter:drop-shadow(0 0 30px rgba(0,240,255,.32))}.state-speaking .stage{filter:drop-shadow(0 0 26px rgba(255,208,80,.25))}@media(max-width:1100px){.left-panel{width:210px;left:16px}.right-panel{width:210px;right:16px}.stage{left:230px;right:230px}.topbar,footer{margin-left:16px;margin-right:16px;left:16px;right:16px}.brand-sub,.top-telemetry{display:none}}@media(max-width:760px){.atrium{min-height:560px}.topbar{height:60px}.top-actions .hud-btn:not(.highlight){display:none}.left-panel{top:70px;width:160px}.right-panel{display:none}.stage{top:60px;left:110px;right:10px;bottom:240px}.caption-title{font-size:18px}footer{height:235px}.audio-strip{height:40px}.transcript{height:96px;grid-template-columns:1fr}.transcript-turn:first-child{display:none}.footline span:not(:first-child){display:none}}@media(max-height:750px){.topbar{height:56px}.left-panel,.right-panel{top:68px}.stage{top:56px;bottom:230px}footer{height:225px}.audio-strip{height:40px}.transcript{height:86px;padding:6px 0}.footline{height:28px}.microcopy-card{display:none}}@media(prefers-reduced-motion:reduce){.scanline,.grid,.radar-sweep,.ring-rotator{animation:none!important}}