:root{--neutral-50:#f7f8f9;--neutral-100:#eaeded;--neutral-200:#d4d9d9;--neutral-300:#b4c0c3;--neutral-400:#92a4a6;--neutral-500:#7b888a;--neutral-600:#4d5454;--neutral-700:#383b3b;--neutral-800:#262727;--neutral-900:#181919;--neutral-950:#0c0d0d;--navy:var(--neutral-900);--navy-2:var(--neutral-800);--ink:var(--neutral-900);--heading:var(--neutral-900);--muted:var(--neutral-600);--line:var(--neutral-100);--surface:#fff;--bg:var(--neutral-50);--accent:var(--neutral-900);--accent-d:var(--neutral-950);--danger:#c1342d;--warn:#b45309;--radius:12px;--shadow:0 1px 2px #1819190f, 0 4px 16px #1819190f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{flex-direction:column;height:100%;display:flex}.topbar{color:var(--ink);border-bottom:1px solid var(--neutral-200);background:0 0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{width:auto;height:24px;display:block}.brand-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.auth{align-items:center;gap:12px;display:flex}.user{color:var(--muted);font-size:14px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .15s}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-d)}.btn.primary:disabled{background:var(--neutral-300);cursor:not-allowed}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{background:#f1f3f7}.btn.lg{padding:12px 22px;font-size:16px}.btn.tiny{background:var(--neutral-100);color:var(--navy);padding:4px 10px;font-size:13px}.btn.link{color:var(--accent);background:0 0;border:none;padding:2px 0;font-size:13px}.btn.link.danger{color:var(--danger)}.login-prompt{text-align:center;max-width:520px;margin:auto;padding:64px 24px}.login-prompt h1{letter-spacing:-.02em;color:var(--heading);font-size:30px}.login-prompt p{color:var(--muted);margin-bottom:24px;font-size:16px}.banner{padding:10px 16px;font-size:14px}.banner.error{color:var(--danger);background:#fdecea;border-top:1px solid #f5c6c2}.layout{flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid}.layout.sidebar-collapsed{grid-template-columns:1fr}.layout.sidebar-collapsed .sidebar{display:none}.panel-toggle{flex:none;width:34px;height:34px}.panel-toggle[aria-pressed=true]{background:var(--neutral-100);color:var(--navy)}.sidebar{background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}.mcp-panel{padding:18px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h3{margin:0;font-size:16px}.hint{color:var(--muted);margin:6px 0 14px;font-size:12.5px}.add-form{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.add-form input,.add-form select{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:13px}.add-form input:focus,.add-form select:focus{border-color:var(--accent);outline:none}.server-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.server{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;padding:12px;transition:all .15s}.server.active{border-color:var(--accent);background:var(--neutral-100)}.server label{cursor:pointer;align-items:center;gap:8px;display:flex}.server input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.server-name{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;background:var(--navy);color:#fff;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.server-url{color:var(--muted);word-break:break-all;margin:6px 0 0;font-family:ui-monospace,monospace;font-size:11.5px}.server-desc{color:var(--muted);margin-top:4px;font-size:12px}.oauth-row{align-items:center;gap:8px;margin-top:8px;display:flex}.oauth-ok{color:#15803d;font-size:12px;font-weight:600}.oauth-need{color:var(--warn);font-size:12px;font-weight:600}.chat{flex-direction:column;min-height:0;display:flex;position:relative}.chat-toolbar{z-index:5;background:0 0;align-items:center;gap:8px;padding:10px 28px;display:flex;position:absolute;top:0;left:0;right:0}.model-group{align-items:center;gap:8px;margin-left:auto;display:flex}.chat-toolbar label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.model-health{white-space:nowrap;border-radius:12px;padding:3px 9px;font-size:12px;font-weight:600}.model-health.healthy{color:#15803d;background:#ecfdf3}.model-health.unhealthy{color:#b42318;background:#fef3f2}.model-health.unconfigured{color:var(--muted);background:#f1f3f7}.model-health.unknown{color:#b54708;background:#fffaeb}.chat-toolbar select{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}.chat-toolbar select:focus{border-color:var(--accent);outline:none}.messages{flex-direction:column;flex:1;gap:16px;padding:78px 28px 120px;display:flex;overflow-y:auto}.empty{text-align:center;color:var(--muted);max-width:560px;margin:auto}.empty h2{color:var(--heading)}.examples-group{text-align:left;margin-top:18px}.examples-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.examples-chips{flex-wrap:wrap;gap:8px;display:flex}.example-chip{font:inherit;text-align:left;cursor:pointer;color:var(--ink);border:1px solid var(--border,#d8dee9);background:#fff;border-radius:16px;padding:7px 14px;font-size:13px;transition:background .12s,border-color .12s}.example-chip:hover:not(:disabled){background:var(--neutral-100);border-color:var(--accent);color:var(--accent-d)}.example-chip:disabled{opacity:.5;cursor:default}.msg{width:100%;max-width:820px;margin:0 auto;display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{max-width:720px;box-shadow:var(--shadow);border-radius:14px;padding:12px 16px;font-size:14.5px;line-height:1.55}.msg.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.msg.assistant .bubble{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble .content{white-space:pre-wrap}.bubble .content.markdown{white-space:normal}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 10px}.markdown ul,.markdown ol{margin:0 0 10px;padding-left:22px}.markdown li{margin:3px 0}.markdown li>p{margin:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{color:var(--heading);margin:14px 0 8px;line-height:1.3}.markdown h1{font-size:19px}.markdown h2{font-size:17px}.markdown h3{font-size:15.5px}.markdown a{color:var(--accent)}.markdown code{background:var(--neutral-100);color:var(--neutral-800);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.markdown pre{background:var(--navy);color:#e6edf6;border-radius:10px;margin:0 0 10px;padding:12px 14px;overflow-x:auto}.markdown pre code{color:inherit;background:0 0;padding:0}.markdown blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0 0 10px;padding:4px 12px}.markdown table{border-collapse:collapse;width:100%;margin:0 0 10px;font-size:13px}.markdown th,.markdown td{border:1px solid var(--line);text-align:left;padding:6px 10px}.markdown th{background:var(--neutral-100)}.markdown hr{border:none;border-top:1px solid var(--line);margin:12px 0}.bubble.typing{color:var(--muted);font-style:italic}.thinking-bubble{min-width:240px}.thinking-head{color:var(--navy);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.thinking-step{color:var(--muted);padding:2px 0;font-size:13px}.thinking-step.current{color:var(--accent);font-weight:600}.thinking-step.done{color:#8a98ab}.dot-pulse{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite dotpulse}@keyframes dotpulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.steps-trace{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.steps-trace summary{cursor:pointer;color:var(--muted);font-size:12.5px;font-weight:600;list-style:none}.steps-trace summary::-webkit-details-marker{display:none}.steps-trace summary:hover{color:var(--navy)}.trace-step{color:var(--muted);padding:3px 0 0 6px;font-size:12.5px}.charts{flex-direction:column;gap:12px;margin-top:10px;display:flex}.chart{border:1px solid var(--line);background:#fff;border-radius:10px;margin:0;padding:8px}.chart img{border-radius:6px;width:100%;max-width:560px;height:auto;display:block}.chart figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.chart-tabs{background:var(--neutral-100);border-radius:8px;gap:2px;margin-bottom:8px;padding:3px;display:inline-flex}.chart-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600}.chart-tabs button.active{color:var(--navy);box-shadow:var(--shadow);background:#fff}.chart-tabs button:disabled{opacity:.4;cursor:not-allowed}.chart-table-wrap{max-width:560px;overflow-x:auto}.chart-table{border-collapse:collapse;width:100%;font-size:13px}.chart-table th,.chart-table td{border:1px solid var(--line);text-align:left;padding:6px 12px}.chart-table th{background:var(--neutral-100)}.chart-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.reports{flex-direction:column;gap:8px;margin-top:10px;display:flex}.report-dl{background:var(--neutral-100);border:1px solid var(--accent);color:var(--accent-d);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;max-width:380px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.report-dl:hover{background:var(--neutral-200)}.report-dl:disabled{opacity:.6;cursor:progress}.report-meta{color:var(--muted);font-size:11.5px;font-weight:500}.meta{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;padding-top:8px;font-size:11.5px;display:flex}.meta.warn{color:var(--warn);border-top:none;padding-top:4px}.composer{z-index:5;background:0 0;padding:14px 28px 22px;position:absolute;bottom:0;left:0;right:0}.composer .banner.error{border:1px solid #f5c6c2;border-radius:8px;max-width:820px;margin:0 auto 8px}.composer-box{border:1px solid var(--line);background:#fff;border-radius:24px;align-items:flex-end;gap:6px;max-width:820px;margin:0 auto;padding:4px 6px 4px 18px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0f1b2d0d,0 8px 24px #0f1b2d0f}.composer-box:focus-within{border-color:var(--neutral-300);box-shadow:0 2px 6px #0f1b2d14,0 10px 30px #0f1b2d1a}.composer-input{resize:none;color:var(--ink);background:0 0;border:none;outline:none;flex:1;max-height:220px;padding:9px 0;font-family:inherit;font-size:15px;line-height:1.4;overflow-y:auto}.composer-input::placeholder{color:#9aa7b8}.composer-actions{align-items:center;gap:6px;display:flex}.icon-btn{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{background:var(--neutral-100);color:var(--navy)}.icon-btn.mic.listening{color:var(--danger);background:#fdecea;animation:1.2s ease-in-out infinite micpulse}@keyframes micpulse{0%,to{box-shadow:0 0 #c1342d59}50%{box-shadow:0 0 0 6px #c1342d00}}.send-btn{cursor:pointer;background:var(--navy);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:inline-flex}.send-btn:hover:not(:disabled){background:#000}.send-btn:disabled{background:var(--neutral-300);cursor:not-allowed}.send-btn.stop{background:var(--accent)}.send-btn.stop:hover{background:var(--accent-d)}@media (width<=760px){.layout{grid-template-columns:1fr}.sidebar{display:none}}