:root{--bg:#fff;--fg:#1f2328;--muted:#656d76;--border:#d0d7de;--surface:#f6f8fa;--accent:#1f6feb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d1117;--fg:#e6edf3;--muted:#8b949e;--border:#30363d;--surface:#161b22;--accent:#388bfd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:860px;margin:0 auto;padding:0 20px 80px}header.site{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0}header.site .wrap{align-items:center;gap:16px;padding:10px 20px;display:flex}header.site strong{font-size:15px}nav a{color:var(--fg);border-radius:6px;padding:4px 8px;font-size:14px;text-decoration:none}nav a:hover{background:var(--bg)}nav a[aria-current=page]{color:var(--accent);font-weight:600}.grow{flex:1}button.ghost{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:13px}.status{border-bottom:1px solid var(--border);color:var(--muted);background:var(--bg);flex-wrap:wrap;gap:6px 18px;padding:8px 20px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.status b{color:var(--fg);font-weight:600}h1{margin:32px 0 8px;font-size:28px}h2{margin:32px 0 8px;font-size:20px}p{color:var(--fg)}.lede{color:var(--muted)}code,kbd{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.note{border-left:3px solid var(--accent);background:var(--surface);margin:20px 0;padding:10px 14px;font-size:14px}.log{background:var(--surface);border:1px solid var(--border);width:300px;max-height:190px;color:var(--muted);border-radius:8px;padding:8px 10px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:16px;right:16px;overflow:auto}.log h3{text-transform:uppercase;letter-spacing:.06em;color:var(--fg);margin:0 0 4px;font-size:11px}.log div{white-space:pre-wrap;word-break:break-word}@media (width<=720px){.log{display:none}}.spacer{height:70vh;color:var(--muted);place-items:center;font-size:14px;display:grid}.entry-dot{color:var(--accent);font-weight:700}a.wordmark{color:var(--fg);font-size:15px;font-weight:700;text-decoration:none}a.wordmark:hover{color:var(--accent)}.hero{padding:48px 0 8px}.hero h1{letter-spacing:-.02em;margin:0 0 12px;font-size:40px;line-height:1.15}.hero .lede{max-width:34em;font-size:17px}.caption{color:var(--muted);font-size:14px}.features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:44px 0 8px;display:grid}.features article{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:16px 18px}.features h3{margin:0 0 6px;font-size:15px}.features p{color:var(--muted);margin:0 0 10px;font-size:14px}.features a{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.features a:hover{text-decoration:underline}pre.snippet{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5;overflow-x:auto}pre.snippet code{background:0 0;border:0;padding:0}.badge-line{font-size:15px}.badge{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;margin-right:8px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}
