:root,:root[data-theme=light]{color-scheme:light;--bg:#fff;--bg-2:#f7f7f9;--surface:#fff;--surface-2:#fafafb;--ink:#0b0b10;--ink-2:#3c3c46;--muted:#6c6c78;--faint:#a2a2ad;--line:#ececf0;--line-2:#dedee5;--accent:#4f46e5;--accent-ink:#4338ca;--accent-weak:#f1f0fe;--accent-line:#d9d6fb;--violet:#a855f7;--glow-1:#4f46e529;--glow-2:#a855f724;--safe:#13804a;--danger:#c0362c;--btn:#0b0b10;--btn-ink:#fff;--btn-hover:#2a2a34;--shadow-sm:0 1px 2px #0b0b100d;--shadow:0 1px 2px #0b0b100a, 0 8px 24px -12px #0b0b101f;--shadow-lg:0 1px 2px #0b0b100a, 0 28px 64px -28px #1e145a47, 0 2px 8px -2px #0b0b100a;--header:#ffffffd6}:root[data-theme=dark]{color-scheme:dark;--bg:#09090c;--bg-2:#0f0f13;--surface:#121217;--surface-2:#17171d;--ink:#f5f5f8;--ink-2:#cfcfd8;--muted:#9999a6;--faint:#6a6a76;--line:#22222a;--line-2:#2f2f39;--accent:#8b84ff;--accent-ink:#a9a3ff;--accent-weak:#8b84ff1f;--accent-line:#8b84ff52;--violet:#c084fc;--glow-1:#635aff38;--glow-2:#a855f729;--safe:#4ade80;--danger:#f87171;--btn:#f5f5f8;--btn-ink:#09090c;--btn-hover:#dcdce3;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 10px 30px -14px #000000b3;--shadow-lg:0 1px 2px #0006, 0 30px 70px -24px #000000d9;--header:#09090ccc}:root{--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--brand:linear-gradient(120deg, #4f46e5 0%, #7c4dee 48%, #a855f7 100%);--wrap:1160px;--radius:10px;--radius-lg:16px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--accent-ink);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline 1px}::selection{background:var(--accent-weak);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{color:var(--ink);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.narrow{max-width:760px;margin:0 auto}.mono{font-family:var(--mono)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:60;clip:auto;background:var(--surface);width:auto;height:auto;box-shadow:var(--shadow);color:var(--ink);border-radius:8px;padding:8px 14px;position:fixed;top:12px;left:12px}.display{letter-spacing:-.045em;font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:600;line-height:1.02}.display em,.h2 em{color:var(--faint);font-style:normal}.grad{background:var(--brand);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.h2{letter-spacing:-.036em;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:600;line-height:1.08}.h3{letter-spacing:-.014em;font-size:1.08rem;font-weight:600;line-height:1.35}.lede{color:var(--ink-2);letter-spacing:-.006em;font-size:clamp(1.06rem,1.5vw,1.2rem);line-height:1.6}.kicker{letter-spacing:-.005em;color:var(--accent-ink);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.btn{height:42px;font:500 15px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--btn);color:var(--btn-ink);box-shadow:0 1px 1px #0000001f,inset 0 1px #ffffff14}.btn-primary:hover{background:var(--btn-hover);color:var(--btn-ink)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-2);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--faint);color:var(--ink)}.btn-sm{border-radius:8px;height:34px;padding:0 13px;font-size:14px}.btn-lg{border-radius:10px;height:46px;padding:0 20px;font-size:15.5px}.link-arrow{align-items:center;gap:6px;font-weight:500;display:inline-flex}.link-arrow:after{content:"→";transition:transform .15s}.link-arrow:hover{text-decoration:none}.link-arrow:hover:after{transform:translate(3px)}.pill{border:1px solid var(--line-2);background:var(--surface);font:500 13px/1.2 var(--sans);letter-spacing:-.005em;color:var(--ink-2);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 10px;display:inline-flex}.pill .dot{background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-weak);border-radius:50%}.tag{white-space:nowrap;background:var(--bg-2);height:22px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.tag.accent{background:var(--accent-weak);color:var(--accent-ink);border-color:var(--accent-line)}.site-header{z-index:50;background:var(--header);-webkit-backdrop-filter:saturate(1.5)blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav{align-items:center;gap:28px;height:60px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:9px;font-size:17px;font-weight:600;display:inline-flex}.brand:hover{color:var(--ink);text-decoration:none}.brand-mark{border-radius:7px;flex:none;width:24px;height:24px;box-shadow:0 1px 2px #4f46e54d}.nav-links{gap:2px;display:flex}.nav-links a{color:var(--muted);letter-spacing:-.005em;border-radius:7px;padding:6px 10px;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--ink);text-decoration:none}.nav-links a[aria-current=page]{color:var(--ink)}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--ink);background:var(--bg-2)}.icon-btn svg{width:17px;height:17px}.theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon,.menu-btn{display:none}.mobile-nav{border-top:1px solid var(--line);padding:8px 24px 18px;display:grid}.mobile-nav[hidden]{display:none}.mobile-nav a{border-bottom:1px solid var(--line);color:var(--ink);padding:12px 0;font-weight:500}.mobile-nav a:hover{text-decoration:none}.mobile-nav .btn{color:var(--btn-ink);border-bottom:0;margin-top:14px}@media (width<=820px){.nav-links,.nav-right .btn{display:none}.menu-btn{display:inline-grid}}.section{padding:120px 0;position:relative}.section+.section{border-top:1px solid var(--line)}.section.alt{background:var(--bg-2)}.section-head{max-width:700px;margin:0 0 56px}.section-head .h2{margin:12px 0 14px}.section-head .lede{color:var(--muted)}@media (width<=720px){.section{padding:80px 0}.section-head{margin-bottom:40px}}.page-head{isolation:isolate;border-bottom:1px solid var(--line);padding:88px 0 44px;position:relative;overflow:hidden}.page-head:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(620px 300px at 88% -30%, var(--glow-2), transparent 70%), radial-gradient(520px 260px at 62% -40%, var(--glow-1), transparent 70%);position:absolute;inset:0}.page-head .display{margin:14px 0 0;font-size:clamp(2.4rem,4.8vw,3.6rem)}.page-head .lede{color:var(--muted);max-width:620px;margin-top:16px}.page-head .updated{font:400 12.5px var(--mono);color:var(--muted);margin-top:18px}.page-body{padding:56px 0 112px}.prose{color:var(--ink-2);font-size:16.5px;line-height:1.75}.prose>*+*{margin-top:1.1em}.prose>:first-child{margin-top:0}.prose h2{letter-spacing:-.022em;color:var(--ink);margin-top:2.2em;font-size:1.35rem;font-weight:600;line-height:1.3}.prose h2+*{margin-top:.6em}.prose strong{color:var(--ink);font-weight:600}.prose a{text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}.prose a:hover{text-decoration-color:currentColor}.prose ul{margin-bottom:0;padding-left:1.35em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--accent)}.prose code{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:2px 6px;font-size:.86em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;position:relative}.app-icon{width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:10px;flex:none;display:block}.field{color:var(--ink);gap:6px;font-size:14px;font-weight:500;display:grid}.field .opt{color:var(--muted);font-weight:400}.field input,.field textarea{font:400 15px/1.4 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-2);width:100%;box-shadow:var(--shadow-sm);border-radius:9px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.form-status{min-height:1.3em;margin:0;font-size:14px}.form-status.ok{color:var(--safe)}.form-status.err{color:var(--danger)}.hp{opacity:0;width:1px;height:1px;left:-9999px;position:absolute!important}.site-footer{border-top:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:14px}.footer-grid{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:32px;padding:64px 0 44px;display:grid}.footer-grid h4{font:500 13px var(--sans);letter-spacing:-.005em;color:var(--ink);margin-bottom:14px}.footer-grid nav{align-content:start;gap:9px;display:grid}.footer-grid nav a{color:var(--muted)}.footer-grid nav a:hover{color:var(--ink);text-decoration:none}.footer-about p{max-width:300px;margin-top:14px;line-height:1.6}.footer-about .fine{color:var(--faint);margin-top:16px;font-size:12.5px}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:22px 0 36px;font-size:13px;display:flex}.footer-bottom a{color:var(--muted)}.footer-bottom a:hover{color:var(--ink);text-decoration:none}.footer-bottom .sep{color:var(--faint);margin:0 8px}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.16s}.d4{animation-delay:.22s}.d5{animation-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}