:root{--bg-0:#0a0d12;--bg-panel:#141a24;--bg-1:#11161f;--line:#232b38;--amber:#ffb000;--amber-dim:#7a5a17;--cyan:#3ddcff;--cyan-dim:#0f5c6e;--red:#ff4557;--green:#2be38a;--text-0:#e7ecf2;--text-1:#8b97a8;--text-2:#4e5a6b;--radius:10px;--font-display:"Orbitron",sans-serif;--font-body:"IBM Plex Sans",sans-serif;--font-mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(ellipse 900px 500px at 15% -10%,rgba(61,220,255,.07),transparent 60%),radial-gradient(ellipse 900px 500px at 90% 110%,rgba(255,176,0,.06),transparent 60%),var(--bg-0);color:var(--text-0);font-family:var(--font-body);min-height:100vh}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,.012),hsla(0,0%,100%,.012) 1px,transparent 0,transparent 3px)}.wrap{position:relative;z-index:1;width:100%;max-width:640px;margin:0 auto;padding:28px 16px 40px;display:flex;flex-direction:column;min-height:100vh;justify-content:center}header{text-align:center;margin-bottom:22px}.brand{gap:14px}.brand,.brand-mark{display:flex;align-items:center;justify-content:center}.brand-mark{width:42px;height:42px;border:2px solid var(--amber);border-radius:8px;font-weight:900;color:var(--amber);box-shadow:inset 0 0 18px rgba(255,176,0,.25)}.brand-mark,h1{font-family:var(--font-display)}h1{font-weight:700;font-size:21px;letter-spacing:2px;margin:0;color:var(--text-0)}.subtitle{font-family:var(--font-mono);font-size:11.5px;color:var(--text-1);letter-spacing:1px;margin-top:4px}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5}.voice-stage{flex-direction:column;gap:16px;padding:6px 0 4px}.orb-holder,.voice-stage{display:flex;align-items:center}.orb-holder{position:relative;width:200px;height:200px;justify-content:center}svg.ring{position:absolute;inset:0;width:100%;height:100%}.ring-circle{fill:none;stroke:var(--cyan-dim);stroke-width:1.5}.ring-circle.pulse{stroke:var(--cyan);opacity:.35}#mic-btn{width:118px;height:118px;border-radius:50%;border:2px solid var(--amber);background:radial-gradient(circle at 35% 30%,#1c2330,#0d1119);color:var(--amber);font-family:var(--font-display);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 0 rgba(255,176,0,.4);transition:box-shadow .25s ease,border-color .25s ease,color .25s ease}#mic-btn svg{width:38px;height:38px}#mic-btn:disabled{opacity:.4;cursor:not-allowed}#mic-btn.listening{border-color:var(--red);color:var(--red);animation:pulse-red 1.4s infinite}#mic-btn.thinking{border-color:var(--cyan);color:var(--cyan);animation:pulse-cyan 1s infinite}#mic-btn.speaking{border-color:var(--green);color:var(--green);animation:pulse-green 1.1s infinite}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(255,69,87,.45)}70%{box-shadow:0 0 0 22px rgba(255,69,87,0)}to{box-shadow:0 0 0 0 rgba(255,69,87,0)}}@keyframes pulse-cyan{0%{box-shadow:0 0 0 0 rgba(61,220,255,.45)}70%{box-shadow:0 0 0 18px rgba(61,220,255,0)}to{box-shadow:0 0 0 0 rgba(61,220,255,0)}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(43,227,138,.45)}70%{box-shadow:0 0 0 18px rgba(43,227,138,0)}to{box-shadow:0 0 0 0 rgba(43,227,138,0)}}.voice-state{font-size:12px;color:var(--text-1);letter-spacing:1.5px;text-transform:uppercase;min-height:16px}.voice-hint,.voice-state{font-family:var(--font-mono)}.voice-hint{font-size:11px;color:var(--text-2);text-align:center;max-width:340px}.transcript-box{width:100%;margin-top:4px;background:var(--bg-1);border:1px solid var(--line);border-radius:8px;padding:14px;font-family:var(--font-mono);font-size:13px;color:var(--text-1);min-height:20px}.transcript-box b{color:var(--cyan);font-weight:500}.log{margin-top:18px;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:4px}.log::-webkit-scrollbar{width:6px}.log::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.bubble{padding:10px 13px;border-radius:8px;font-size:13.5px;line-height:1.5;max-width:88%}.bubble.user{align-self:flex-end;background:rgba(61,220,255,.09);border:1px solid var(--cyan-dim);color:var(--text-0)}.bubble.bot{align-self:flex-start;background:rgba(255,176,0,.07);border:1px solid var(--amber-dim);color:var(--text-0)}.bubble .tag{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.5px;color:var(--text-2);margin-bottom:4px;text-transform:uppercase}.empty-log{font-size:11.5px;padding:14px 0}.empty-log,footer{font-family:var(--font-mono);color:var(--text-2);text-align:center}footer{margin-top:20px;font-size:11px}