:root{--bg: oklch(.99 .003 305);--surface: oklch(1 0 0);--text: oklch(.22 .03 305);--muted: oklch(.52 .03 305);--border: oklch(.9 .015 305);--accent: oklch(.55 .25 300);--accent-fg: oklch(.99 0 0);--accent-soft: oklch(.95 .03 305);--link: oklch(.5 .24 300);--code-bg: oklch(.96 .012 305);--gradient-from: oklch(.56 .25 302);--gradient-to: oklch(.4 .19 296);--radius: .6rem;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: oklch(.14 .02 305);--surface: oklch(.18 .028 305);--text: oklch(.94 .012 300);--muted: oklch(.72 .035 305);--border: oklch(.28 .05 305);--accent: oklch(.63 .23 304);--accent-fg: oklch(.99 0 0);--accent-soft: oklch(.28 .06 305);--link: oklch(.76 .16 304);--code-bg: oklch(.24 .04 305);--gradient-from: oklch(.63 .23 305);--gradient-to: oklch(.32 .16 297)}body{background-image:radial-gradient(1200px 600px at 82% -8%,oklch(.63 .23 304 / .16),transparent 60%),radial-gradient(900px 520px at 0% 2%,oklch(.54 .25 293 / .1),transparent 55%);background-attachment:fixed}}*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);display:flex;flex-direction:column;min-height:100vh}a{color:var(--link)}.wrap{max-width:820px;margin:0 auto;padding:0 16px;width:100%}.top{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.top-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 20px;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.1rem;text-decoration:none}.nav{display:flex;flex-wrap:wrap;gap:2px 16px}.nav a{color:var(--muted);text-decoration:none;font-size:.95rem;padding:2px 0;border-bottom:2px solid transparent}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}main.wrap{flex:1;padding-top:40px;padding-bottom:48px}.prose h1{font-size:2.1rem;line-height:1.2;margin:0 0 16px}.prose h2{font-size:1.45rem;margin:56px 0 12px;padding-top:16px;border-top:1px solid var(--border)}.prose h3{font-size:1.15rem;margin:36px 0 8px}.prose .anchor{color:inherit;text-decoration:none}.prose .anchor:hover:after{content:" #";color:var(--muted)}.prose code{font-family:var(--mono);font-size:.9em;background:var(--code-bg);padding:1px 5px;border-radius:4px}.prose pre{background:var(--code-bg);padding:12px 16px;border-radius:var(--radius);overflow-x:auto}.prose pre code{background:none;padding:0}.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.prose th{color:var(--muted);font-weight:600}.prose blockquote{margin:16px 0;padding:10px 16px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0}.prose blockquote p{margin:0}.lead{font-size:1.2rem;color:var(--muted);max-width:640px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 8px}.button{display:inline-block;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600}.button.primary{background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));border-color:transparent;color:var(--accent-fg)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.feature h3{margin:0 0 6px;font-size:1.05rem}.feature p{margin:0;color:var(--muted);font-size:.95rem}.shot{margin:20px 0;min-height:200px;display:grid;place-items:center;border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);background:var(--surface)}.shot:empty:before{content:"Screenshot: " attr(data-shot)}.shot img{max-width:100%;height:auto;border-radius:var(--radius)}.foot{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;padding:16px 0}.foot p{margin:4px 0}