:root{--c-bg:oklch(5% 0 0);--c-surface:oklch(10% .006 220);--c-surface-2:oklch(14% .008 220);--c-primary:oklch(78% .15 195);--c-primary-dim:oklch(45% .09 195);--c-accent:oklch(55% .18 255);--c-ink:oklch(92% .015 200);--c-muted:oklch(48% .04 200);--glow-xs:0 0 6px oklch(78% .15 195/.5);--glow-sm:0 0 12px oklch(78% .15 195/.5), 0 0 24px oklch(78% .15 195/.2);--glow-md:0 0 20px oklch(78% .15 195/.5), 0 0 50px oklch(78% .15 195/.25), 0 0 90px oklch(78% .15 195/.1);--glow-text:0 0 10px oklch(78% .15 195/.8);--font-mono:"Courier New", "Lucida Console", ui-monospace, monospace;--font-ui:system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--c-bg);width:100%;height:100%;color:var(--c-ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-primary-dim);border-radius:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hud-frame{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-corner{width:28px;height:28px;position:absolute}.hud-corner:before,.hud-corner:after{content:"";background:var(--c-primary);box-shadow:var(--glow-xs);position:absolute}.hud-corner:before{width:100%;height:2px}.hud-corner:after{width:2px;height:100%}.hud-tl{top:20px;left:20px}.hud-tl:before,.hud-tl:after{top:0;left:0}.hud-tr{top:20px;right:20px;transform:scaleX(-1)}.hud-tr:before,.hud-tr:after{top:0;left:0}.hud-bl{bottom:20px;left:20px;transform:scaleY(-1)}.hud-bl:before,.hud-bl:after{top:0;left:0}.hud-br{bottom:20px;right:20px;transform:scale(-1)}.hud-br:before,.hud-br:after{top:0;left:0}.hud-top,.hud-bottom{border-bottom:1px solid oklch(78% .15 195/.2);justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:absolute;left:60px;right:60px}.hud-top{padding-bottom:6px;top:20px}.hud-bottom{border-top:1px solid oklch(78% .15 195/.2);border-bottom:none;padding-top:6px;bottom:20px}.hud-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--c-primary);text-shadow:var(--glow-text);font-size:10px}.hud-label.hud-muted{color:var(--c-muted);text-shadow:none}.hud-state{font-size:9px;animation:2s ease-in-out infinite state-blink}.hud-frame[data-state=listening] .hud-state,.hud-frame[data-state=thinking] .hud-state,.hud-frame[data-state=speaking] .hud-state{color:var(--c-primary);animation:none}@keyframes state-blink{0%,to{opacity:1}50%{opacity:.4}}.hud-side{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hud-left{left:24px}.hud-right{align-items:flex-end;right:24px}.data-stream{flex-direction:column;gap:5px;display:flex}.data-stream__line{font-family:var(--font-mono);letter-spacing:.1em;color:var(--c-primary-dim);font-size:8px;animation:4s ease-in-out infinite data-fade}@keyframes data-fade{0%,to{opacity:.3}50%{opacity:.8}}.hud-ring{pointer-events:none;border:1px solid oklch(78% .15 195/.08);border-radius:50%;width:380px;height:380px;transition:border-color .6s;position:absolute;top:50%;left:50%;translate:-50% -50%}.hud-ring--listening{border-color:oklch(78% .15 195/.25);animation:1s ease-in-out infinite ring-pulse}.hud-ring--thinking{border-color:oklch(55% .18 255/.25);animation:.5s ease-in-out infinite ring-pulse}.hud-ring--speaking{border-color:oklch(78% .15 195/.2);animation:.8s ease-in-out infinite ring-pulse}@keyframes ring-pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.04)}}.status-display{z-index:20;text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:220px;left:50%;translate:-50%}.status-inner{flex-direction:column;align-items:center;gap:4px;display:flex}.status-line1{font-family:var(--font-mono);letter-spacing:.25em;color:var(--c-primary);text-shadow:var(--glow-text);font-size:13px;font-weight:600}.status-line1.status--listening{color:var(--c-primary);animation:1s ease-in-out infinite status-pulse}.status-line1.status--thinking{color:var(--c-accent)}.status-line1.status--speaking{color:var(--c-primary)}.status-line2{font-family:var(--font-mono);letter-spacing:.12em;color:var(--c-muted);font-size:10px}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.waveform{align-items:center;gap:3px;height:20px;display:flex}.waveform__bar{background:var(--c-primary);width:3px;box-shadow:var(--glow-xs);border-radius:2px;animation:.7s ease-in-out infinite alternate wave;display:block}@keyframes wave{0%{opacity:.5;height:4px}to{opacity:1;height:18px}}.thinking-dots{align-items:center;gap:6px;display:flex}.thinking-dots__dot{background:var(--c-accent);width:6px;height:6px;box-shadow:0 0 8px var(--c-accent);border-radius:50%;animation:.8s ease-in-out infinite dot-bounce}@keyframes dot-bounce{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.voice-btn-wrap{z-index:20;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:52px;left:50%;translate:-50%}.voice-btn{border:2px solid var(--c-primary);width:72px;height:72px;color:var(--c-primary);cursor:pointer;box-shadow:var(--glow-sm), inset 0 0 20px oklch(78% .15 195/.08);background:oklch(5% 0 0/.7);border-radius:50%;justify-content:center;align-items:center;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;position:relative}.voice-btn:disabled{cursor:not-allowed;opacity:.5}.voice-btn--listening{border-color:var(--c-primary);box-shadow:var(--glow-md), inset 0 0 30px oklch(78% .15 195/.15);color:var(--c-primary);background:oklch(78% .15 195/.12)}.voice-btn--thinking,.voice-btn--speaking{border-color:var(--c-accent);color:var(--c-accent);box-shadow:0 0 12px oklch(55% .18 255/.5),0 0 30px oklch(55% .18 255/.2)}.voice-btn__icon{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.voice-btn__ring{border:2px solid var(--c-primary);border-radius:50%;animation:1.5s ease-out infinite ring-ripple;position:absolute;inset:-2px}.voice-btn__ring--2{animation-delay:.6s}@keyframes ring-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.voice-btn__hint{font-family:var(--font-mono);letter-spacing:.2em;color:var(--c-muted);font-size:9px}.chat-log{z-index:20;width:min(480px,100vw - 160px);max-height:220px;position:absolute;bottom:160px;left:50%;overflow-y:auto;translate:-50%;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.chat-log__inner{flex-direction:column;gap:10px;padding:16px 0;display:flex}.chat-msg{flex-direction:column;gap:3px;display:flex}.chat-msg__label{font-family:var(--font-mono);letter-spacing:.25em;color:var(--c-muted);font-size:8px}.chat-msg--assistant .chat-msg__label{color:var(--c-primary-dim)}.chat-msg__text{font-family:var(--font-mono);color:var(--c-ink);text-wrap:pretty;font-size:12px;line-height:1.6}.chat-msg--user .chat-msg__text{color:oklch(80% .02 200)}.chat-msg--assistant .chat-msg__text{color:var(--c-primary);text-shadow:0 0 8px oklch(78% .15 195/.4)}.chat-msg__cursor{color:var(--c-primary);animation:.7s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.subtitle-bar{z-index:40;pointer-events:none;flex-direction:column;gap:6px;width:min(600px,90vw);display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.subtitle-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:1px solid #00b4d826;border-radius:6px;align-items:flex-start;gap:10px;padding:8px 14px;display:flex}.subtitle-row--user{border-color:#00b4d840}.subtitle-row--jarvis{border-color:#00d4ff40}.subtitle-label{letter-spacing:2px;text-transform:uppercase;white-space:nowrap;padding-top:2px;font-family:Courier New,monospace;font-size:10px;font-weight:700}.subtitle-row--user .subtitle-label{color:#00b4d8}.subtitle-row--jarvis .subtitle-label{color:var(--c-primary)}.subtitle-text{color:#c8d2dce6;word-break:break-word;font-family:Courier New,monospace;font-size:13px;line-height:1.4}.debug-log{z-index:35;width:290px;font-family:var(--font-mono);transition:width .2s var(--ease-out);background:oklch(6% .002 220/.92);border-left:1px solid oklch(78% .15 195/.22);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.debug-log--collapsed{width:auto;min-width:unset;background:oklch(6% .002 220/.82);border-bottom:1px solid oklch(78% .15 195/.22);border-radius:0 0 0 8px;bottom:auto}.debug-log__toggle{width:100%;color:var(--c-ink);cursor:pointer;font-family:var(--font-mono);background:oklch(8% .003 220/.6);border:none;border-bottom:1px solid oklch(78% .15 195/.12);flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.debug-log--collapsed .debug-log__toggle{border-bottom:none;padding:4px 8px}.debug-log__toggle:hover{background:oklch(10% .004 220/.7)}.debug-log__title{letter-spacing:.15em;color:var(--c-primary);text-shadow:var(--glow-text);font-size:10px;font-weight:600}.debug-log--collapsed .debug-log__title{font-size:9px}.debug-log__count{color:var(--c-muted);text-align:center;background:oklch(12% .004 220/.8);border-radius:8px;min-width:18px;padding:1px 5px;font-size:9px}.debug-log__chevron{color:var(--c-muted);margin-left:auto;font-size:8px;transition:transform .2s}.debug-log__body{flex:1;min-height:0;padding:4px 0;overflow-y:auto}.debug-log__entry{border-bottom:1px solid oklch(78% .15 195/.04);gap:6px;padding:1px 8px;font-size:9px;line-height:1.45;display:flex}.debug-log__entry:last-child{border-bottom:none}.debug-log__time{color:oklch(48% .04 200/.6);flex-shrink:0;min-width:52px}.debug-log__text{color:oklch(82% .02 200/.85);word-break:break-word}@media (width<=380px){.debug-log{width:220px}}.jarvis-root{background:var(--c-bg);width:100%;height:100%;position:relative;overflow:hidden}.canvas-layer{z-index:1;position:absolute;inset:0}.scanlines{z-index:5;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,oklch(5% 0 0/.18) 3px 4px);position:absolute;inset:0}.jarvis-root:after{content:"";z-index:6;pointer-events:none;background:radial-gradient(80% 80%,#0000 40%,oklch(3% 0 0/.7) 100%);position:absolute;inset:0}