:root{--bg:#04060f;--cyan:#37e0ff;--cyan-dim:#1b8aa6;--green:#57ff9a;--amber:#ffb347;--red:#ff5d5d;--text:#cfe9f2;--dim:#6d8a96;--glass:#091220b8;--glass-border:#37e0ff38;--mono:"Share Tech Mono", ui-monospace, Menlo, monospace;--display:"Orbitron", var(--mono)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);margin:0;overflow:hidden}canvas#starfield,canvas#neurons{width:100vw;height:100vh;position:fixed;inset:0}canvas#starfield{z-index:0}canvas#neurons{z-index:1}#hud{z-index:2;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}#topbar{pointer-events:auto;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#091220d9,#09122059);align-items:center;gap:16px;padding:10px 18px;display:flex}#topbar h1{font-family:var(--display);letter-spacing:6px;color:var(--cyan);text-shadow:0 0 12px #37e0ff8c;flex:none;margin:0;font-size:17px}#lights{gap:8px;display:flex}.led{background:#22303c;border-radius:50%;width:11px;height:11px;transition:background .2s,box-shadow .2s;box-shadow:inset 0 0 3px #000}.led.on-green{background:var(--green);box-shadow:0 0 10px var(--green)}.led.on-cyan{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.led.on-amber{background:var(--amber);box-shadow:0 0 10px var(--amber)}.led.on-red{background:var(--red);box-shadow:0 0 10px var(--red)}.led.blink{animation:.5s steps(2,start) infinite led-blink}@keyframes led-blink{to{filter:brightness(.25)}}#topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.hud-btn,#model-select{font-family:var(--mono);letter-spacing:1px;color:var(--cyan);border:1px solid var(--glass-border);cursor:pointer;background:#0d1c2ccc;border-radius:4px;padding:5px 10px;font-size:12px}.hud-btn:hover,#model-select:hover{border-color:var(--cyan)}.hud-btn.active{color:#04121a;background:var(--cyan);box-shadow:0 0 14px #37e0ff99}.hud-btn:disabled,#model-select:disabled{opacity:.4;cursor:default}#chat{pointer-events:auto;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;flex-direction:column;width:min(480px,100vw - 48px);height:min(62vh,640px);margin:auto 24px 24px auto;display:flex;overflow:hidden;box-shadow:0 0 40px #00000080,inset 0 0 24px #37e0ff0a}#chat-log{scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent;flex:1;padding:14px 16px;overflow-y:auto}.msg{white-space:pre-wrap;word-wrap:break-word;margin:0 0 12px;font-size:13.5px;line-height:1.45}.msg .who{letter-spacing:2px;margin-bottom:3px;font-size:10.5px;display:block}.msg.user .who{color:var(--green)}.msg.robot .who{color:var(--cyan)}.msg.user{color:#d8ffe9}.msg.robot{color:var(--text);text-shadow:0 0 8px #37e0ff26}.msg.system{color:var(--dim);font-size:12px}.msg .metrics{color:var(--dim);letter-spacing:.5px;margin-top:4px;font-size:10.5px;display:block}.msg.streaming:after{content:"▊";color:var(--cyan);animation:.8s steps(2,start) infinite led-blink}#chat-form{border-top:1px solid var(--glass-border);background:#060d1899;gap:8px;padding:10px;display:flex}#chat-input{font-family:var(--mono);color:var(--text);border:1px solid var(--glass-border);background:#0d1c2ccc;border-radius:6px;outline:none;flex:1;padding:9px 12px;font-size:13.5px}#chat-input:focus{border-color:var(--cyan);box-shadow:0 0 10px #37e0ff40}#btn-send{font-family:var(--mono);color:var(--cyan);border:1px solid var(--glass-border);cursor:pointer;background:#0d1c2ccc;border-radius:6px;padding:0 14px;font-size:16px}#btn-send:hover{border-color:var(--cyan)}#btn-mic{width:44px;height:42px;color:var(--cyan);border:1px solid var(--glass-border);cursor:pointer;background:#0d1c2ccc;border-radius:50%;place-items:center;transition:color .2s,box-shadow .2s;display:grid;position:relative}#btn-mic:disabled{opacity:.35;cursor:default}#btn-mic.listening{color:#04121a;background:var(--green);box-shadow:0 0 18px var(--green);animation:1.1s ease-out infinite mic-pulse}#btn-mic.busy{color:var(--amber);border-color:var(--amber);animation:.6s steps(2,start) infinite led-blink}@keyframes mic-pulse{0%{box-shadow:0 0 #57ff9ab3}to{box-shadow:0 0 0 16px #57ff9a00}}#statusline{letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;background:#060d1899;border-top:1px solid #37e0ff14;padding:5px 12px 7px;font-size:10.5px}#boot{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02040ad1;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#boot.gone{opacity:0;pointer-events:none}#boot-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;width:min(640px,100vw - 40px);padding:22px 26px;box-shadow:0 0 60px #37e0ff1f}#boot-banner{color:var(--cyan);text-shadow:0 0 10px #37e0ff66;margin:0 0 18px;font-size:12.5px;line-height:1.5}.boot-row{align-items:center;gap:12px;margin:9px 0;display:flex}.boot-label{width:52px;color:var(--dim);letter-spacing:2px;font-size:12px}.bar{border:1px solid var(--glass-border);background:#0d1c2ce6;border-radius:3px;flex:1;height:10px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--cyan-dim), var(--cyan));width:0%;height:100%;box-shadow:0 0 8px var(--cyan);transition:width .25s}.bar>div.err{background:var(--red);box-shadow:0 0 8px var(--red)}.boot-pct{text-align:right;width:44px;color:var(--dim);font-size:11px}#boot-log{height:96px;color:var(--dim);white-space:pre-wrap;background:#040910cc;border:1px solid #37e0ff1a;border-radius:4px;margin:14px 0 16px;padding:8px 10px;font-size:11px;line-height:1.5;overflow-y:auto}#boot-retry{gap:8px;margin:0 0 14px;display:flex}#boot-retry[hidden]{display:none}#boot-model{font-family:var(--mono);color:var(--cyan);border:1px solid var(--glass-border);background:#0d1c2ccc;border-radius:4px;flex:1;padding:6px 10px;font-size:12px}#btn-retry{font-family:var(--mono);letter-spacing:1px;color:var(--amber);border:1px solid var(--amber);cursor:pointer;background:#0d1c2ccc;border-radius:4px;padding:6px 14px;font-size:12px}#btn-retry:hover{background:#ffb3471f}#btn-engage{width:100%;font-family:var(--display);letter-spacing:4px;color:#04121a;background:var(--cyan);cursor:pointer;border:none;border-radius:6px;padding:11px;font-size:14px;box-shadow:0 0 18px #37e0ff80}#btn-engage:disabled{color:var(--dim);border:1px solid var(--glass-border);box-shadow:none;cursor:default;background:#0d1c2ce6}@media (max-width:720px){#chat{width:calc(100vw - 24px);height:58vh;margin:auto 12px 12px}#topbar h1{letter-spacing:3px;font-size:14px}}