@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Inter+Tight:wght@300;400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap";
:root{--bg:#0b0c0e;--bg-1:#101216;--bg-2:#15181d;--bg-3:#1b1f26;--line:#23272f;--line-2:#2c313b;--fg:#e7e4dc;--fg-1:#c8c4ba;--fg-2:#8a8a82;--fg-3:#5b5d5b;--accent:#f97316;--accent-2:#7ed4e6;--accent-warm:#f0b870;--ink:#d97e3a;--r-page:#38bdf8;--r-cmp:#06b6d4;--r-hook:#14b8a6;--r-lib:#0ea5e9;--r-api:#f97316;--r-svc:#a78bfa;--r-model:#4ade80;--r-mw:#ef4444;--r-util:#94a3b8;--r-db:#f472b6;--active:#4ade80;--add:#8fc481;--del:#d97a7a;--kw:#c19be0;--str:#b8d68a;--fn:#f0b870;--type:#7ed4e6;--comment:#5b5d5b;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter Tight", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--display:"Geist", "Inter Tight", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "ss02", "calt" 1, "liga" 1;background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:22px 22px;font-size:14px;line-height:1.55;overflow-x:hidden}body.light{background-image:radial-gradient(circle at 1px 1px,#00000012 1px,#0000 0)}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.page{width:100%;max-width:1680px;color:var(--fg);font-family:var(--mono);margin:0 auto;position:relative}.page.light{--bg:#f6f4ee;--bg-1:#efece4;--bg-2:#e7e3d8;--bg-3:#ddd9cc;--line:#d4cfc1;--line-2:#c4bfb0;--fg:#1a1a1a;--fg-1:#2e2e2e;--fg-2:#6b6b66;--fg-3:#8b8b85;--accent:#c2410c;--accent-2:#1f6f80;--accent-warm:#a06a1a;--ink:#b34e10;--add:#3f7a3a;--del:#a04545;--kw:#6b3fa0;--str:#5e7a2f;--fn:#a06a1a;--type:#1f6f80;--comment:#8b8b85}.grid-bg{background-image:radial-gradient(circle at 1px 1px, var(--line) 1px, transparent 0);background-size:24px 24px}.scan{background-image:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff03 3px 4px)}.frame{border-top:1px solid var(--line);position:relative}.frame .frame-label{letter-spacing:.08em;color:var(--fg-3);background:var(--bg);text-transform:uppercase;align-items:center;height:20px;padding:0 12px 0 32px;font-size:10px;display:flex;position:absolute;top:-1px;left:0;transform:translateY(-50%)}.frame .frame-label .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:8px}.btn{font-family:var(--mono);color:var(--fg);border:1px solid var(--line-2);cursor:pointer;letter-spacing:-.01em;background:0 0;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--bg-2);border-color:var(--fg-3)}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-primary:hover{background:var(--fg-1);border-color:var(--fg-1)}.btn .kbd{opacity:.55;border:1px solid;border-radius:3px;padding:1px 5px;font-size:10px}.kbd-inline{font-family:var(--mono);border:1px solid var(--line-2);background:var(--bg-1);color:var(--fg-1);padding:1px 5px;font-size:11px;line-height:1.4;display:inline-block}.rule{color:var(--fg-3);-webkit-user-select:none;user-select:none}.h1{font-family:var(--display);letter-spacing:-.04em;font-weight:500;line-height:.95}.h2{font-family:var(--display);letter-spacing:-.03em;font-weight:500;line-height:1.02}.eyebrow{color:var(--fg-3);letter-spacing:.15em;text-transform:uppercase;font-size:11px}.mono{font-family:var(--mono)}.sans{font-family:var(--sans)}.tk-kw{color:var(--kw)}.tk-str{color:var(--str)}.tk-fn{color:var(--fn)}.tk-type{color:var(--type)}.tk-com{color:var(--comment);font-style:italic}.tk-num{color:var(--accent)}.tk-mute{color:var(--fg-2)}.add-line{background:#8fc48112}.del-line{background:#d97a7a12}.add-mark{color:var(--add)}.del-mark{color:var(--del)}.chip{font-family:var(--mono);border:1px solid var(--accent-warm);color:var(--accent-warm);letter-spacing:.02em;background:#f0b8700f;align-items:center;gap:4px;padding:1px 6px;font-size:10px;display:inline-flex}.chip-cyan{border-color:var(--accent);color:var(--accent);background:#7ed4e60f}.scroller::-webkit-scrollbar{width:8px;height:8px}.scroller::-webkit-scrollbar-thumb{background:var(--line-2)}.scroller::-webkit-scrollbar-track{background:0 0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:60s linear infinite marquee}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{vertical-align:-2px;background:var(--accent);width:8px;height:1.05em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:1}}.pulse{animation:2.4s ease-in-out infinite pulse-soft}.edge{stroke:var(--fg-3);stroke-width:1px;fill:none}.edge.active{stroke:var(--accent);stroke-width:1.5px}.node-rect{fill:var(--bg-2);stroke:var(--line-2);stroke-width:1px}.node-rect.active{stroke:var(--accent)}.node-rect.hot{stroke:var(--accent-warm)}.node-text{font-family:var(--mono);fill:var(--fg-1);font-size:11px}.step-indicator{align-items:center;gap:4px;display:flex}.step-indicator .seg{background:var(--line-2);width:18px;height:2px}.step-indicator .seg.on{background:var(--accent)}.corner-tag{color:var(--fg-3);letter-spacing:.05em;font-size:10px;font-family:var(--mono);position:absolute}.diff-line{font-size:12px;line-height:1.55;font-family:var(--mono);grid-template-columns:32px 16px 1fr;display:grid}.diff-line .ln{color:var(--fg-3);text-align:right;-webkit-user-select:none;user-select:none;padding-right:10px}.diff-line .mk{text-align:center;-webkit-user-select:none;user-select:none}.win-chrome{border-bottom:1px solid var(--line);background:var(--bg-1);height:28px;color:var(--fg-2);align-items:center;gap:10px;padding:0 12px;font-size:11px;display:flex}.traffic{gap:6px;display:flex}.traffic span{border:1px solid #0003;border-radius:50%;width:11px;height:11px}.traffic span:first-child{background:#ed6a5e}.traffic span:nth-child(2){background:#f6c150}.traffic span:nth-child(3){background:#62c554}.group-pill{letter-spacing:.06em;background:var(--accent);color:#1a1208;font-size:10px;font-weight:600;font-family:var(--mono);text-transform:uppercase;align-items:center;gap:6px;padding:2px 7px;display:inline-flex}.group-pill.alt{border:1px solid var(--line-2);color:var(--fg-2);background:0 0}.callout{border:1px solid var(--accent);background:#1d1812;padding:14px 16px 12px;position:relative;box-shadow:0 16px 40px #00000073,0 0 0 1px #e8915a2e}.callout:before{content:"";background:repeating-linear-gradient(90deg, var(--accent) 0, var(--accent) 6px, transparent 6px, transparent 10px);opacity:.7;height:4px;position:absolute;top:-1px;left:-1px;right:-1px}.sketch path,.sketch line,.sketch rect,.sketch circle{vector-effect:non-scaling-stroke}.sketch-stroke{stroke:var(--ink);stroke-width:1.4px;fill:none;stroke-linecap:round;stroke-linejoin:round}.scribble{stroke:var(--ink);stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-linejoin:round}.marginalia{color:var(--ink);letter-spacing:.04em;font-family:Caveat,Comic Sans MS,cursive;font-size:17px;line-height:1.3;transform:rotate(-2deg)}.timeline-strip{border-top:1px solid var(--line);background:var(--bg);display:grid}.timeline-strip .step{border-right:1px solid var(--line);font-family:var(--mono);color:var(--fg-3);padding:10px 14px;font-size:11px}.timeline-strip .step:last-child{border-right:none}.timeline-strip .step .num{letter-spacing:.08em;margin-bottom:4px;font-size:10px;display:block}.timeline-strip .step.active,.timeline-strip .step.active .num{color:var(--accent)}.timeline-strip .step.active:before{content:"●";color:var(--accent);margin-right:4px}html,body{min-height:100vh}.logo-light,body.light .logo-dark{display:none}body.light .logo-light{display:inline-block}:root{--sitenav-pad:0 32px;--sitenav-gap:22px;--hero-pad:72px 64px 80px;--hero-h1:84px;--hero-sub:18px;--hero-grid-gap:48px;--section-pad:64px 32px;--ack-pad:40px 32px 44px;--ack-direction:row;--ack-align:center;--ack-justify:flex-end;--compat-grid:1fr 1fr;--compat-pad:64px 32px;--cta-pad:96px 32px 160px;--cta-h1:96px;--footer-pad:24px 32px;--footer-direction:row;--footer-align:center;--changelog-pad:80px 32px 160px;--changelog-grid:minmax(260px, 320px) 1fr;--changelog-gap:64px;--changelog-h2:56px;--changelog-rail:sticky}@media (max-width:768px){:root{--sitenav-pad:0 18px;--sitenav-gap:14px;--hero-pad:40px 20px 56px;--hero-h1:44px;--hero-sub:15px;--hero-grid-gap:28px;--section-pad:40px 20px;--ack-pad:28px 20px 32px;--ack-direction:column;--ack-align:flex-start;--ack-justify:flex-start;--compat-grid:1fr;--compat-pad:40px 20px;--cta-pad:56px 20px 112px;--cta-h1:48px;--footer-pad:20px 20px;--footer-direction:column;--footer-align:flex-start;--changelog-pad:40px 20px 96px;--changelog-grid:1fr;--changelog-gap:32px;--changelog-h2:36px;--changelog-rail:static}}