:root{--bg: #14161b;--panel: #1c1f26;--border: #2b303a;--text: #e8eaf0;--muted: #8b93a3;--accent: #6aa6ff;--user: #27406b;--assistant: #232833;--ok: #4cc38a;--warn: #e5a93b;--bad: #e5645a;color-scheme:dark light}@media(prefers-color-scheme:light){:root{--bg: #f4f5f8;--panel: #ffffff;--border: #d9dce3;--text: #1c1f26;--muted: #6a7282;--accent: #1f5fd1;--user: #d6e4ff;--assistant: #ebedf2}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;height:100dvh;max-width:880px;margin:0 auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button,textarea,input{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.login{display:grid;place-items:center;height:100dvh;padding:16px}.login form{display:grid;gap:12px;width:min(360px,100%);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.login h1{margin:0;font-size:22px}.login input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg)}.error-text{color:var(--bad);font-size:14px;min-height:1.2em}.status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.pill{border:1px solid var(--border);border-radius:999px;padding:1px 9px}.pill.live{color:var(--ok)}.pill.stub{color:var(--warn)}.pill.off{color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;background:var(--muted)}.dot.open{background:var(--ok)}.dot.connecting{background:var(--warn)}.dot.closed{background:var(--bad)}.spacer{flex:1}.meter{width:64px;height:6px;border-radius:3px;background:var(--border);overflow:hidden;display:inline-block;vertical-align:middle}.meter>span{display:block;height:100%;background:var(--accent)}.voice-off{color:var(--warn)}.linkish{background:none;border:none;padding:0;color:var(--accent)}.chat{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}.bubble{max-width:min(85%,640px);padding:8px 12px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{align-self:flex-end;background:var(--user);border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--assistant);border-bottom-left-radius:4px}.bubble.muted{opacity:.62;font-style:italic}.bubble.sending{opacity:.7}.bubble.failed{outline:1px solid var(--bad)}.bubble.streaming:after{content:"▍";opacity:.6}.meta{display:block;font-size:11px;color:var(--muted);margin-top:2px}.draft-actions{display:flex;gap:8px;margin-top:4px}.draft-actions button{padding:2px 10px;font-size:13px}.empty{margin:auto;color:var(--muted)}.notice{margin:0 12px 6px;padding:6px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--warn);font-size:14px;display:flex;gap:8px;align-items:center}.interim{padding:0 12px 4px;color:var(--muted);font-style:italic;min-height:1.4em}.composer{display:flex;gap:8px;align-items:flex-end;padding:8px 12px 12px;border-top:1px solid var(--border)}.composer textarea{flex:1;resize:none;max-height:30dvh;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel)}.voice-btn{min-width:44px;min-height:44px;border-radius:50%;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.voice-btn.listening{background:var(--bad);border-color:var(--bad);color:#fff}.voice-btn.speaking{border-color:var(--accent)}.voice-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.voice-mode{font-size:11px;color:var(--muted);background:none;border:none;padding:0}@media(max-width:480px){.bubble{max-width:92%}.status{padding:6px 10px}}