:root{--ink:#0a0a0c;--char:#14141a;--char-2:#1f1f22;--smoke:#2a2a30;--line:hsla(0,0%,100%,.06);--line-strong:hsla(0,0%,100%,.12);--mist:#8a8a92;--mist-2:#b0b0ba;--paper:#f4f2ee;--bone:#fff;--whisper:#e9c5ff;--drift:#c8b6ff;--tide:#a8c0ff;--aurora:linear-gradient(135deg,#e9c5ff,#b8a6ff 50%,#9db8ff);--sans:"Inter Tight",-apple-system,system-ui,sans-serif;--serif:"Fraunces",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace;--maxw-content:760px;--sidebar-w:240px;--header-h:56px;--pad:clamp(20px,4vw,40px);--bg:var(--ink);--bg-elevated:var(--char-2);--bg-code:var(--char);--bg-inline-code:var(--char-2);--fg:var(--paper);--fg-muted:var(--mist-2);--fg-subtle:var(--mist);--border:var(--line);--border-strong:var(--line-strong)}html[data-theme=light]{--bg:var(--paper);--bg-elevated:var(--bone);--bg-code:#f0ede7;--bg-inline-code:#e9e6e0;--fg:var(--ink);--fg-muted:#4a4a55;--fg-subtle:#8a8a92;--border:rgba(10,10,12,.08);--border-strong:rgba(10,10,12,.16)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--drift);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-rows:var(--header-h) 1fr;min-height:100vh}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);height:var(--header-h);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-brand{display:inline-flex;align-items:center;gap:8px;color:var(--fg);font-family:var(--serif);font-size:18px;font-weight:600}.header-brand .header-mark{width:22px;height:22px;display:block}.header-brand .word{font-family:var(--serif);font-size:18px;font-weight:600}.header-brand .sub{font-family:var(--mono);font-size:11px;color:var(--fg-subtle);letter-spacing:.06em;text-transform:uppercase;padding-left:6px;border-left:1px solid var(--border-strong)}.header-nav{display:inline-flex;align-items:center;gap:18px;font-size:14px}.header-nav a{color:var(--fg-muted)}.header-nav a:hover{color:var(--fg);text-decoration:none}.layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:var(--pad);padding:24px var(--pad);max-width:1200px;margin:0 auto;width:100%}@media(max-width:768px){.layout{grid-template-columns:1fr}}.sidebar{position:sticky;top:calc(var(--header-h) + 16px);align-self:start;font-size:14px}@media(max-width:768px){.sidebar{position:static}}.sidebar-section+.sidebar-section{margin-top:18px}.sidebar-label{font-family:var(--mono);font-size:11px;color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px}.sidebar-link{display:block;padding:6px 10px;border-radius:6px;color:var(--fg-muted);transition:background-color .12s,color .12s}.sidebar-link:hover{background:var(--border);color:var(--fg);text-decoration:none}.sidebar-link.is-active{background:#c8b6ff1a;color:var(--fg);font-weight:500}.content{max-width:var(--maxw-content)}.prose h1{font-family:var(--serif);font-size:36px;line-height:1.15;letter-spacing:-.01em;margin:8px 0 24px;font-weight:600}.prose h2{font-family:var(--sans);font-size:22px;line-height:1.3;margin:40px 0 12px}.prose h2,.prose h3{font-weight:600;scroll-margin-top:calc(var(--header-h) + 16px)}.prose h3{font-size:17px;margin:28px 0 8px}.prose ol,.prose p,.prose ul{margin:12px 0;color:var(--fg)}.prose ol,.prose ul{padding-left:22px}.prose li{margin:4px 0}.prose hr{border:none;border-top:1px solid var(--border);margin:32px 0}.prose blockquote{border-left:3px solid var(--drift);margin:16px 0;padding:4px 16px;color:var(--fg-muted);background:var(--bg-elevated);border-radius:0 6px 6px 0}.prose blockquote p{margin:8px 0}.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.prose td,.prose th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.prose th{font-weight:600;color:var(--fg);border-bottom-color:var(--border-strong)}.prose code{font-family:var(--mono);font-size:.88em;background:var(--bg-inline-code);padding:1px 6px;border-radius:4px}.prose code,.prose pre{border:1px solid var(--border)}.prose pre{position:relative;background:var(--bg-code);border-radius:8px;padding:14px 16px;margin:16px 0;overflow-x:auto;font-size:13px;line-height:1.55}.prose pre code{background:transparent;border:none;padding:0;font-size:inherit}.copy-btn{position:absolute;top:8px;right:8px;padding:4px 8px;font-family:var(--sans);font-size:11px;color:var(--fg-muted);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:5px;cursor:pointer;opacity:0;transition:opacity .12s,color .12s}.prose pre:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--fg)}.copy-btn.is-copied{color:var(--drift)}.footer{border-top:1px solid var(--border);padding:24px var(--pad);font-size:13px;color:var(--fg-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-brand{display:inline-flex;align-items:center}.footer-mark{height:22px;display:block}.hero{max-width:var(--maxw-content);margin:24px 0}.hero h1{font-family:var(--serif);font-size:44px;line-height:1.1;letter-spacing:-.015em;margin:12px 0 16px;font-weight:600}.hero .lead{font-size:18px;color:var(--fg-muted);margin-bottom:24px}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px}.hero-card{display:block;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);color:var(--fg);transition:border-color .15s,transform .15s}.hero-card:hover{border-color:var(--border-strong);transform:translateY(-2px);text-decoration:none}.hero-card .label{font-family:var(--mono);font-size:11px;color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase}.hero-card h3{font-size:17px;margin:6px 0 4px;font-weight:600}.hero-card p{margin:0;font-size:14px;color:var(--fg-muted)}