:root{--bg: #0b0b0f;--bg-elev: #15151c;--bg-elev2: #1d1d27;--border: #2a2a38;--text: #e8e8ef;--muted: #9a9ab0;--accent: #6d5efc;--accent-2: #8b7bff;--user: #2a2540;--ok: #35c46a;--run: #f0a32e;--err: #ef4d5a;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit}input,textarea{font:inherit}.app{display:grid;grid-template-columns:280px 1fr;height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;background:var(--bg-elev);border-right:1px solid var(--border);min-height:0}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.5px;font-size:18px}.session-list{flex:1;overflow-y:auto;padding:8px}.session-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;cursor:pointer;color:var(--muted)}.session-item:hover{background:var(--bg-elev2)}.session-item.active{background:var(--bg-elev2);color:var(--text)}.session-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.btn-del{background:none;border:none;color:var(--muted);font-size:18px;line-height:1;opacity:0;padding:0 4px}.session-item:hover .btn-del{opacity:1}.btn-del:hover{color:var(--err)}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--muted)}.dot-idle{background:#4a4a5a}.dot-running{background:var(--run);box-shadow:0 0 #f0a32e99;animation:pulse 1.4s infinite}.dot-error{background:var(--err)}@keyframes pulse{0%{box-shadow:0 0 #f0a32e8c}70%{box-shadow:0 0 0 7px #f0a32e00}to{box-shadow:0 0 #f0a32e00}}.sidebar-foot{border-top:1px solid var(--border);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.conn{font-size:12px;color:var(--muted)}.conn.ok{color:var(--ok)}.conn.bad{color:var(--err)}.empty{color:var(--muted);font-size:13px;padding:12px;text-align:center}.chat{display:flex;flex-direction:column;min-width:0;height:100dvh}.chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg)}.chat-title{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger{display:none}.messages{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:14px}.msg{display:flex}.msg-user{justify-content:flex-end}.msg-bubble{max-width:min(680px,86%);padding:11px 14px;border-radius:var(--radius)}.msg-user .msg-bubble{background:var(--user);border-bottom-right-radius:4px;white-space:pre-wrap;word-break:break-word}.msg-assistant .msg-bubble{background:var(--bg-elev);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-md{word-break:break-word}.msg-md>:first-child{margin-top:0}.msg-md>:last-child{margin-bottom:0}.msg-md pre{background:#0c0c12;border:1px solid var(--border);border-radius:10px;padding:12px;overflow-x:auto}.msg-md code{background:#0c0c12;padding:1px 5px;border-radius:5px;font-size:13px}.msg-md pre code{background:none;padding:0}.msg-md a{color:var(--accent-2)}.msg-md table{border-collapse:collapse}.msg-md td,.msg-md th{border:1px solid var(--border);padding:5px 9px}.cursor{color:var(--accent-2);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.tools{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.tool-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:5px 9px;border-radius:8px;background:#0e0e16;border:1px solid var(--border);color:var(--muted);max-width:100%}.tool-ic{flex:0 0 auto}.tool-name{color:var(--text);font-weight:600;font-family:ui-monospace,monospace}.tool-prev{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.tool-dur{margin-left:auto;opacity:.6;flex:0 0 auto}.tool-running{border-color:var(--run)}.tool-running .tool-ic{animation:spin 1.4s linear infinite;display:inline-block}.tool-done .tool-ic{color:var(--ok)}.tool-error{border-color:var(--err)}.tool-error .tool-ic{color:var(--err)}@keyframes spin{to{transform:rotate(360deg)}}.reasoning{margin-bottom:8px;font-size:13px}.reasoning>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;list-style:none}.reasoning>summary:before{content:"▸ "}.reasoning[open]>summary:before{content:"▾ "}.reasoning-body{margin-top:6px;padding:8px 10px;background:#0e0e16;border-radius:8px;color:var(--muted);white-space:pre-wrap;border:1px solid var(--border)}.composer{display:flex;align-items:flex-end;gap:9px;padding:12px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg)}.composer textarea{flex:1;resize:none;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:11px 14px;max-height:160px;outline:none}.composer textarea:focus{border-color:var(--accent)}.btn-send{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:18px;display:grid;place-items:center}.btn-send:disabled{opacity:.4}.btn-send.stop{background:var(--err)}.btn-mic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elev2);font-size:18px;display:grid;place-items:center}.btn-mic.on{background:var(--err);border-color:var(--err);animation:micpulse 1.2s infinite}@keyframes micpulse{0%,to{box-shadow:0 0 #ef4d5a80}50%{box-shadow:0 0 0 6px #ef4d5a00}}.voice-toggle.on{background:var(--err);border-color:var(--err)}.voice-status{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:var(--text);background:var(--bg-elev);border-top:1px solid var(--border)}.voice-status.listening{color:var(--accent-2)}.voice-status.speaking{color:var(--ok)}.voice-status.idle{color:var(--muted)}.voice-status.vs-error{color:var(--err);background:#ef4d5a1a}.vs-ic{font-size:16px}.welcome{flex:1;display:grid;place-content:center;text-align:center;color:var(--muted)}.welcome h1{font-size:40px;margin:0 0 6px;color:var(--text);letter-spacing:1px}.btn-icon{background:var(--bg-elev2);border:1px solid var(--border);border-radius:9px;width:34px;height:34px;font-size:18px;display:grid;place-items:center}.btn-ghost{background:none;border:1px solid var(--border);border-radius:9px;padding:8px 12px;color:var(--text)}.btn-ghost:hover{background:var(--bg-elev2)}.btn-primary{background:var(--accent);border:none;border-radius:9px;padding:8px 16px;color:#fff;font-weight:600}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:22px;width:min(440px,100%)}.modal h2{margin:0 0 16px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin-bottom:12px}.modal input{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:var(--text);outline:none}.modal input:focus{border-color:var(--accent)}.hint{font-size:12px;color:var(--muted);margin:-6px 0 14px}.hint code{background:var(--bg);padding:1px 5px;border-radius:4px}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.test-result{font-size:13px;padding:8px 10px;border-radius:8px;margin-bottom:8px}.test-result.ok{background:#35c46a1f;color:var(--ok)}.test-result.bad{background:#ef4d5a1f;color:var(--err)}.scrim{display:none}.login{height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(380px,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:32px 26px;text-align:center}.login-logo{width:64px;height:64px;margin:0 auto 4px;border-radius:16px;background:linear-gradient(140deg,var(--accent),var(--accent-2));color:#fff;font-size:34px;font-weight:800;display:grid;place-items:center}.login-card h1{margin:0;font-size:26px;letter-spacing:1px}.login-sub{margin:0 0 6px;color:var(--muted);font-size:14px}.login-card input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);outline:none;width:100%}.login-card input:focus{border-color:var(--accent)}.login-btn{padding:12px;font-size:15px}.login-error{color:var(--err);font-size:13px;background:#ef4d5a1f;padding:8px;border-radius:8px}.login-adv{background:none;border:none;color:var(--muted);font-size:13px;text-decoration:underline}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--err);color:#fff;text-align:center;font-size:13px;padding:6px;padding-top:max(6px,env(safe-area-inset-top))}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;top:0;bottom:0;left:0;width:84vw;max-width:320px;transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .22s;z-index:35}.scrim.show{opacity:1;pointer-events:auto}.hamburger{display:grid}}