:root{--bg:#0a0d12;--text:#e8ecf1;--text-dim:#6b7686;--accent:#4fd1a5;--accent-glow:#4fd1a559;--warn:#e0a640;--warn-glow:#e0a64059;--danger:#e0605a;--idle-ring:#2a3140;--panel:#12161d;--panel-border:#232a35}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;font-family:-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.config-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.4rem;font-size:1.2rem;line-height:1;position:fixed;top:1rem;right:1rem}.config-toggle:hover{color:var(--text)}.config-panel{background:var(--panel);border:1px solid var(--panel-border);z-index:10;border-radius:10px;width:280px;padding:.9rem;display:none;position:fixed;top:3rem;right:1rem}.config-panel.open{display:block}.config-panel label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:.4rem;font-size:.7rem;display:block}.config-panel input{border:1px solid var(--panel-border);width:100%;color:var(--text);background:#0d1218;border-radius:6px;padding:.5rem .6rem;font-family:monospace;font-size:.8rem}.config-panel input:disabled{opacity:.5}.stage{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.halo-wrap{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.halo-ring{border:2px solid var(--idle-ring);pointer-events:none;border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:0}.halo-ring.listening{border-color:var(--idle-ring)}.halo-ring.speech_detected{border-color:var(--warn);box-shadow:0 0 24px var(--warn-glow)}.halo-ring.processing{border-color:var(--warn);box-shadow:0 0 24px var(--warn-glow);animation:1s ease-in-out infinite breathe}.halo-ring.streaming{border-color:var(--accent);box-shadow:0 0 28px var(--accent-glow);animation:1.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.status-label{color:var(--text-dim);letter-spacing:.02em;height:1.2em;font-size:.78rem}.controls{align-items:center;gap:1.4rem;display:flex}.btn-main{background:var(--accent);color:#06140f;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:background .15s,transform .1s;display:flex}.btn-main:active{transform:scale(.96)}.btn-main.active{background:var(--danger);color:#2a0e0c}.btn-main svg{width:28px;height:28px}.btn-mic{border:1px solid var(--panel-border);background:var(--panel);width:52px;height:52px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,opacity .15s;display:flex}.btn-mic:hover{background:#1a212c}.btn-mic.muted{color:var(--danger);border-color:var(--danger)}.btn-mic:disabled{opacity:.35;cursor:not-allowed}.btn-mic svg{width:20px;height:20px}.transcript-link{color:var(--text-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:.78rem;text-decoration:underline}.transcript-link:hover{color:var(--text)}.overlay{z-index:20;background:#0a0d12eb;justify-content:center;align-items:center;padding:2rem 1rem;display:none;position:fixed;inset:0}.overlay.open{display:flex}.overlay-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:70vh;display:flex}.overlay-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.overlay-header h2{margin:0;font-size:.95rem;font-weight:600}.overlay-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1}.overlay-close:hover{color:var(--text)}.overlay-body{padding:1.25rem;overflow-y:auto}.turn{border-bottom:1px solid var(--panel-border);margin-bottom:.9rem;padding-bottom:.9rem}.turn:last-child{border:none;margin:0;padding:0}.turn-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:.25rem;font-size:.68rem}.turn-label.user{color:var(--warn)}.turn-label.assistant{color:var(--accent)}.turn-text{font-size:.92rem;line-height:1.5}.empty-hint{color:var(--text-dim);font-size:.9rem;font-style:italic}.error-banner{border:1px solid var(--danger);color:#f3d9d7;text-align:left;z-index:30;background:#1e1315;border-radius:10px;max-width:min(90vw,480px);padding:.8rem 1rem;font-size:.82rem;line-height:1.45;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.error-banner strong{color:var(--danger);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.75rem;display:block}.error-banner code{color:var(--text-dim);word-break:break-all;margin-top:.4rem;font-family:monospace;font-size:.72rem;display:block}