:root{--bg:#0b0f14;--bg-elev:#121821;--bg-input:#1a222e;--border:#232c39;--text:#e8eef6;--text-dim:#8a97a8;--accent:#4f8cff;--accent-press:#3a6fd6;--user-bubble:#2563eb;--user-bubble-text:#fff;--bot-bubble:#1a222e;--bot-bubble-text:#e8eef6;--danger:#ff5c5c;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit}.app{background:var(--bg);flex-direction:column;max-width:820px;height:100dvh;margin:0 auto;display:flex}.topbar{padding:calc(var(--safe-top) + 10px) 14px 10px;border-bottom:1px solid var(--border);background:var(--bg);z-index:5;align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.brand-badge{color:#fff;background:linear-gradient(135deg,#4f8cff,#7b5cff);border-radius:8px;place-items:center;width:30px;height:30px;font-size:17px;font-weight:800;display:grid}.status-dot{background:var(--text-dim);border-radius:50%;flex:none;width:8px;height:8px}.status-dot.online{background:#35d07f}.status-dot.connecting{background:#f4b942}.status-dot.offline{background:var(--danger)}.spacer{flex:1}.icon-btn{width:40px;height:40px;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg-elev);color:var(--text)}.icon-btn:active{transform:scale(.96)}.banner{text-align:center;color:#ffb9b9;background:#3a1f22;border-bottom:1px solid #55282c;padding:8px 14px;font-size:13px}.messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:16px 14px 8px;display:flex;overflow-y:auto}.empty{text-align:center;color:var(--text-dim);max-width:320px;margin:auto;padding:24px}.empty h2{color:var(--text);margin:0 0 6px;font-size:20px}.empty p{margin:0;font-size:14px}.row{width:100%;display:flex}.row.user{justify-content:flex-end}.row.assistant{justify-content:flex-start}.bubble{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;border-radius:16px;max-width:78%;padding:10px 13px;animation:.14s ease-out pop;position:relative}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.row.user .bubble{background:var(--user-bubble);color:var(--user-bubble-text);border-bottom-right-radius:5px}.row.assistant .bubble{background:var(--bot-bubble);color:var(--bot-bubble-text);border:1px solid var(--border);border-bottom-left-radius:5px}.bubble-footer{align-items:center;gap:6px;margin-top:4px;display:flex}.speak-btn{color:var(--text-dim);background:0 0;border:none;border-radius:6px;place-items:center;padding:2px;display:inline-grid}.speak-btn:hover{color:var(--accent)}.typing{align-items:center;gap:4px;padding:12px 14px;display:inline-flex}.typing span{background:var(--text-dim);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite both blink}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.composer{padding:10px 12px calc(var(--safe-bottom) + 10px);border-top:1px solid var(--border);background:var(--bg);align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:var(--bg-input);min-height:44px;max-height:140px;color:var(--text);border-radius:22px;outline:none;flex:1;padding:11px 14px}.composer textarea:focus{border-color:var(--accent)}.composer textarea::placeholder{color:var(--text-dim)}.round-btn{border:1px solid var(--border);background:var(--bg-input);width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;place-items:center;transition:transform 80ms;display:grid}.round-btn:active{transform:scale(.94)}.round-btn.send{background:var(--accent);border-color:var(--accent);color:#fff}.round-btn.send:disabled{opacity:.4}.round-btn.mic.recording{background:var(--danger);border-color:var(--danger);color:#fff;animation:1.1s infinite pulse}.round-btn:disabled{opacity:.35}@keyframes pulse{0%{box-shadow:0 0 #ff5c5c80}70%{box-shadow:0 0 0 10px #ff5c5c00}to{box-shadow:0 0 #ff5c5c00}}.composer.convo textarea{opacity:.5}.round-btn.convo-btn{color:var(--text-dim)}.round-btn.convo-btn.listening,.round-btn.convo-btn.thinking,.round-btn.convo-btn.speaking{color:#fff;border-color:#0000}.round-btn.convo-btn.listening{background:var(--accent);animation:1.4s ease-in-out infinite convo-listen}.round-btn.convo-btn.thinking{background:var(--bg-input);color:var(--text);border-color:var(--border);animation:1s ease-in-out infinite convo-think}.round-btn.convo-btn.speaking{background:var(--accent);animation:.7s ease-in-out infinite alternate convo-speak}@keyframes convo-listen{0%{box-shadow:0 0 #5d7cff8c}70%{box-shadow:0 0 0 12px #5d7cff00}to{box-shadow:0 0 #5d7cff00}}@keyframes convo-think{0%,to{opacity:.55}50%{opacity:1}}@keyframes convo-speak{0%{transform:scale(1)}to{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.round-btn.convo-btn.listening,.round-btn.convo-btn.thinking,.round-btn.convo-btn.speaking{animation:none}}.overlay{z-index:20;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:22px}.card h1,.card h2{margin:0 0 6px;font-size:20px}.card p.sub{color:var(--text-dim);margin:0 0 18px;font-size:14px}.field{margin-bottom:14px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:13px;display:block}.field input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 14px}.field input:focus{border-color:var(--accent)}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;width:100%;padding:12px 16px;font-weight:600}.btn:active{background:var(--accent-press)}.btn:disabled{opacity:.5}.btn.secondary{border-color:var(--border);color:var(--text);background:0 0}.btn.ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-row{gap:10px;margin-top:6px;display:flex}.modal-note{color:var(--text-dim);margin-top:14px;font-size:12px}.push-status{margin-top:4px;font-size:13px}.push-status.ok{color:#35d07f}.push-status.err{color:var(--danger)}