:root{--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#6366f1;--code-bg:#f1f5f9;--log-bg:#1e293b;--log-fg:#94a3b8;--log-ok:#4ade80;--log-err:#f87171}@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--fg:#f1f5f9;--muted:#94a3b8;--border:#1e293b;--code-bg:#1e293b}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}main{max-width:760px;margin:0 auto;padding:56px 24px 96px}h1{font-size:32px;letter-spacing:-.02em;margin:0 0 8px}.lede{color:var(--muted);margin:0 0 32px;font-size:17px}h2{font-size:18px;margin:36px 0 12px;letter-spacing:-.01em}p{margin:0 0 12px}pre{background:var(--code-bg);padding:16px;border-radius:10px;overflow-x:auto;font-size:13px;border:1px solid var(--border)}code{font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:.92em}:not(pre)>code{background:var(--code-bg);padding:2px 6px;border-radius:4px}.log{background:var(--log-bg);color:var(--log-fg);padding:14px;border-radius:10px;font-family:ui-monospace,monospace;font-size:12px;min-height:64px;max-height:220px;overflow-y:auto}.log .entry{margin-bottom:4px}.log .entry:last-child{margin-bottom:0}.log .ok{color:var(--log-ok)}.log .err{color:var(--log-err)}.log code{background:rgba(255,255,255,.08);padding:1px 5px;border-radius:3px;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.tag{display:inline-block;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;margin-right:6px}footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}