:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#e8edf7;background:#111827}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1f2b44,#111827 45%)}.page{max-width:1040px;margin:0 auto;min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.topbar h1{margin:0;font-size:1.3rem}.topbar p{margin:3px 0 0;color:#9aaccc;font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:8px}.reasoning-toggle{display:inline-flex;align-items:center;gap:6px;color:#c8d7f2;font-size:.82rem}.reasoning-toggle input{width:14px;height:14px;accent-color:#5b7cfa}.status-pill{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid #2f3c59;background:#1f2940;color:#dce8ff;font-size:.82rem}.status-pill.streaming,.status-pill.submitting{border-color:#6ba3ff;background:#1d3d6b}.topbar button,.samples button,.send{font-family:inherit;border:1px solid #335f9f;background:#2f6fba;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.topbar button:hover,.samples button:hover,.send:hover{background:#235b9f}.chat-shell{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #2d3a58;background:#111a2b;border-radius:16px;overflow:hidden}.tab-nav{display:flex;gap:8px}.tab-nav button{border:1px solid #3a4e75;background:#17253f;color:#d7e5ff;border-radius:12px;padding:8px 14px;font-weight:600;cursor:pointer}.tab-nav button.active{border-color:#77a5ff;background:#243b64}.info-panel{border:1px solid #2d3a58;background:#111a2b;border-radius:16px;padding:14px;display:grid;gap:10px}.info-panel h2{margin:0;font-size:1.1rem}.mcp-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mcp-card{border:1px solid #33496f;border-radius:12px;padding:12px;background:#18243a}.mcp-card h3{margin:0 0 6px}.mcp-card p{margin:0 0 8px;color:#a9bddf}.mcp-card code{color:#d3e4ff;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.8rem}.info-panel details{border:1px solid #33496f;border-radius:12px;background:#18243a;padding:10px 12px}.info-panel details summary{cursor:pointer;font-weight:700}.info-panel details p{margin:10px 0 0;color:#a9bddf;line-height:1.5}.meta{padding:12px 14px;border-bottom:1px solid #27344f;color:#9cb0d3;font-size:.88rem}.meta code{color:#dce8ff}.samples{padding:10px 14px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #27344f}.samples button{background:#1a2a45;border-color:#2e446b;color:#d5e3ff;font-size:.86rem}.messages{flex:1;min-height:0;overflow:auto;padding:18px 14px;display:flex;flex-direction:column;gap:14px}.message-row{display:flex;gap:10px;align-items:flex-start}.message-row.user{flex-direction:row-reverse}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.8rem;color:#fff;background:#2a3d5f;border:1px solid #3f557c;flex:0 0 auto}.message-row.user .avatar{background:#2962a7;border-color:#4580c9}.bubble{max-width:min(760px,84vw);border-radius:14px;padding:10px 12px;border:1px solid #2e4061;background:#18233a}.bubble.user{background:#1f4f89;border-color:#356aa9}.part-text{margin:0;white-space:pre-wrap;line-height:1.5}.event-card{border-radius:10px;border:1px solid #3c4d70;background:#101a2f;margin-top:8px}.event-title,.event-card summary{font-size:.8rem;color:#9fc0f2;padding:8px 10px;font-weight:600}.event-card summary{cursor:pointer;display:flex;flex-direction:column;gap:3px}.event-card summary small{font-weight:400;color:#b5c7e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card pre{margin:0;padding:0 10px 10px;white-space:pre-wrap;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.76rem;color:#d9e7ff;max-height:260px;overflow:auto}.reasoning{border-color:#6f5ec2}.tool-call{border-color:#2f7eb8}.tool-result{border-color:#2f8f6b}.unknown{border-color:#8f6640}.placeholder{color:#9bb2d6;margin:0;font-size:.9rem}.streaming-row .bubble{background:#0f192d;border-color:#31507f}.stream-progress{display:grid;gap:10px;color:#b8c7e6;min-width:min(520px,78vw)}.stream-progress-top{display:flex;align-items:center;gap:10px;font-weight:600}.stream-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(147,197,253,.25);border-top-color:#93c5fd;animation:stream-spin .8s linear infinite}.stream-progress-events{display:grid;gap:6px;border:1px solid rgba(96,165,250,.24);border-radius:12px;background:#5b7cfa14;padding:8px 10px}.stream-progress-event{color:#91a6c7;font-size:.82rem;line-height:1.4}.stream-tools{display:flex;flex-wrap:wrap;gap:6px}.stream-tool-chip{border:1px solid #33507b;border-radius:999px;background:#152540;color:#c9dcff;font-size:.75rem;padding:3px 8px}@keyframes stream-spin{to{transform:rotate(360deg)}}.composer{border-top:1px solid #27344f;background:#10192a;padding:12px}.composer textarea{width:100%;border-radius:12px;border:1px solid #33496f;background:#18243a;color:#ecf3ff;padding:10px;font-family:inherit}.composer-row{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.send:disabled{opacity:.45;cursor:not-allowed}.error{color:#ff9a9a;font-size:.83rem}@media (max-width: 800px){.topbar{flex-direction:column;align-items:flex-start}.bubble{max-width:calc(100vw - 74px)}}