:root{--fg: #1c1c1f;--fg-muted: #5a5d66;--bg: #fafaf8;--bg-elev: #ffffff;--border: #e5e5e1;--accent: #0f7a52;--code-bg: #f3f3ee;--link: #0a5cb8;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--fg: #ececec;--fg-muted: #9ea3ad;--bg: #14161a;--bg-elev: #1c1f24;--border: #2a2e36;--accent: #4ad4a4;--code-bg: #1f2228;--link: #6fb6ff}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.65}.app-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:8px 16px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.brand{font-weight:600;letter-spacing:-.01em}.state{font-size:13px;color:var(--fg-muted);margin-left:8px;padding:2px 8px;border:1px solid var(--border);border-radius:999px}.state[data-state=connected]{color:var(--accent);border-color:var(--accent)}.state[data-state=error]{color:#c94343;border-color:#c94343}.actions{margin-left:auto;display:flex;gap:8px}button{font:inherit;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer}button:hover{border-color:var(--accent);color:var(--accent)}button[disabled]{opacity:.5;cursor:not-allowed}main.markdown-body{max-width:820px;margin:24px auto;padding:0 24px 96px}.splash{text-align:center;margin-top:64px;color:var(--fg-muted)}.splash h1{font-size:40px;margin:0 0 8px;color:var(--fg)}.splash pre{display:inline-block;text-align:left}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{line-height:1.25;margin:1.8em 0 .6em}.markdown-body h1{font-size:2em;border-bottom:1px solid var(--border);padding-bottom:.2em}.markdown-body h2{font-size:1.5em;border-bottom:1px solid var(--border);padding-bottom:.2em}.markdown-body h3{font-size:1.2em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body table,.markdown-body pre{margin:.6em 0}.markdown-body a{color:var(--link)}.markdown-body code{font-family:var(--font-mono);background:var(--code-bg);padding:.15em .35em;border-radius:3px;font-size:.92em}.markdown-body pre{background:var(--code-bg);padding:12px 14px;border-radius:6px;overflow-x:auto}.markdown-body pre>code{background:none;padding:0;font-size:.92em;line-height:1.55}.markdown-body blockquote{border-left:3px solid var(--border);margin-left:0;padding:.2em 0 .2em 1em;color:var(--fg-muted)}.markdown-body table{border-collapse:collapse;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 10px}.markdown-body thead tr{background:color-mix(in srgb,var(--bg-elev) 70%,transparent)}.markdown-body img,.markdown-body svg,.markdown-body .mermaid svg{max-width:100%;height:auto}.markdown-body input[type=checkbox]{margin-right:.4em}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);padding:8px 14px;border-radius:6px;box-shadow:0 6px 24px #0000001f;font-size:14px;max-width:80vw}.toast[data-kind=error]{border-color:#c94343;color:#c94343}
