:root{--bg: #0b0d10;--bg-elev: #14181d;--bg-input: #1b2028;--line: #262c35;--text: #e8ecf1;--muted: #8b95a3;--accent: #6ea8fe;--user: #2a4a7f;--danger: #e5484d;--ok: #46c26b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:light){:root{--bg: #f6f7f9;--bg-elev: #ffffff;--bg-input: #eef1f5;--line: #dfe3e9;--text: #10151c;--muted: #5b6472;--user: #d5e2fb}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100dvh}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg-elev)}.brand{font-weight:700;letter-spacing:.02em}.brand-mark{color:var(--accent)}.tabs{display:flex;gap:4px;margin-left:auto;background:var(--bg-input);border-radius:999px;padding:3px}.tabs button{border:0;background:transparent;color:var(--muted);padding:6px 14px;border-radius:999px;font-size:14px;cursor:pointer}.tabs button.active{background:var(--bg-elev);color:var(--text);box-shadow:0 1px 3px #00000040}.conn{width:9px;height:9px;border-radius:50%;background:var(--danger)}.conn.on{background:var(--ok)}.main{flex:1;min-height:0;display:flex}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.empty{color:var(--muted);text-align:center;margin:auto;max-width:22rem;line-height:1.5}.msg{display:flex}.msg.user{justify-content:flex-end}.bubble{max-width:80%;padding:10px 14px;border-radius:16px;line-height:1.45;white-space:pre-wrap;word-break:break-word;background:var(--bg-elev);border:1px solid var(--line)}.msg.user .bubble{background:var(--user);border-color:transparent}.msg.system .bubble{background:transparent;border-style:dashed;color:var(--muted);font-size:13px}.bubble.streaming:after{content:"▍";color:var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.bubble.md{white-space:normal}.bubble.md>:first-child{margin-top:0}.bubble.md>:last-child{margin-bottom:0}.bubble.md p{margin:0 0 .6em}.bubble.md ul,.bubble.md ol{margin:.4em 0;padding-left:1.3em}.bubble.md li{margin:.15em 0}.bubble.md h1,.bubble.md h2,.bubble.md h3{margin:.6em 0 .3em;font-size:1.05em;font-weight:700}.bubble.md code{background:var(--bg-input);padding:.1em .35em;border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.bubble.md pre{background:var(--bg-input);padding:10px 12px;border-radius:8px;overflow-x:auto}.bubble.md pre code{background:none;padding:0}.bubble.md a{color:var(--accent)}.bubble.md hr{border:none;border-top:1px solid var(--line);margin:.8em 0}.bubble.md blockquote{margin:.5em 0;padding-left:.8em;border-left:3px solid var(--line);color:var(--muted)}.bubble.md table{border-collapse:collapse;margin:.5em 0;display:block;overflow-x:auto}.bubble.md th,.bubble.md td{border:1px solid var(--line);padding:5px 9px;text-align:left}.bubble.md th{background:var(--bg-input)}.bubble.thinking{display:inline-flex;gap:5px;align-items:center;padding:14px}.bubble.thinking span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:bounce 1.3s infinite ease-in-out both}.bubble.thinking span:nth-child(1){animation-delay:-.32s}.bubble.thinking span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.newchat{border:1px solid var(--line);background:var(--bg-input);color:var(--text);width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;line-height:1}.card{align-self:flex-start;max-width:90%;background:var(--bg-elev);border:1px solid var(--accent);border-radius:14px;padding:12px 14px}.card-kind{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.card-title{font-weight:600;margin:3px 0 6px}.card-detail{margin:0 0 10px;padding:8px 10px;background:var(--bg-input);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--bg-input);color:var(--text);padding:8px 16px;border-radius:10px;font-size:14px;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06101f;font-weight:600}.btn.danger{border-color:var(--danger);color:var(--danger)}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-elev)}.composer textarea{flex:1;resize:none;max-height:140px;border:1px solid var(--line);border-radius:14px;background:var(--bg-input);color:var(--text);padding:11px 14px;font:inherit;font-size:16px}.composer .send{border:0;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#06101f;font-size:20px;cursor:pointer;flex:none}.composer .send:disabled{opacity:.4;cursor:default}.dash{display:flex;flex-direction:column;flex:1;min-height:0}.dash-tabs{display:flex;gap:4px;padding:10px 14px;border-bottom:1px solid var(--line)}.dash-tab{border:1px solid var(--line);background:var(--bg-input);color:var(--muted);padding:6px 16px;border-radius:999px;font-size:14px;cursor:pointer}.dash-tab.active{color:var(--text);border-color:var(--accent)}.dash-frame{flex:1;border:0;width:100%;background:var(--bg)}