:root{color-scheme:light dark;--bg:#fafafa;--surface:#fff;--recessed:#f2f2f2;--hover:#ebebeb;--card-on:#fff;--card-off:#f2f2f2;--fg:#171717;--fg-2:#4d4d4d;--fg-3:#6b6b6b;--fg-decorative:#8f8f8f;--accent:#0072f5;--accent-input:#005fcc;--dot-live:#45a557;--hairline:#00000014;--border:0 0 0 1px #00000014;--shadow-sm:0 0 0 1px #00000014, 0 2px 2px #0000000a;--shadow-md:0 0 0 1px #00000014, 0 2px 2px #0000000a, 0 8px 8px -8px #0000000a;--ring-inner:#fff;--focus:0 0 0 2px var(--ring-inner), 0 0 0 4px var(--accent);--btn-bg:#171717;--btn-fg:#fafafa;--btn-bg-hover:#333;--slab-bg:#171717;--slab-fg:#fafafa;--slab-fg-2:#8f8f8f;--slab-ring:0 0 0 1px #00000014;--slab-hover:#262626;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans SC", "PingFang SC", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--page:1200px;--margin:24px}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#0a0a0a;--recessed:#161616;--hover:#1f1f1f;--card-on:#1f1f1f;--card-off:#0a0a0a;--fg:#ededed;--fg-2:#a1a1a1;--fg-3:#8f8f8f;--fg-decorative:#6b6b6b;--accent:#52a8ff;--accent-input:#52a8ff;--hairline:#ffffff1f;--border:0 0 0 1px #ffffff1f;--shadow-sm:0 0 0 1px #ffffff1f;--shadow-md:0 0 0 1px #ffffff1f, 0 8px 16px -8px #0009;--ring-inner:#000;--btn-bg:#ededed;--btn-fg:#0a0a0a;--btn-bg-hover:#fff;--slab-bg:#121212;--slab-fg:#ededed;--slab-fg-2:#8f8f8f;--slab-ring:0 0 0 1px #ffffff1f;--slab-hover:#1f1f1f}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-feature-settings:"liga";-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.6}code,pre,kbd,samp{font-family:var(--mono);font-weight:500}a{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus);border-radius:6px;outline:none}main:focus,main:focus-visible{box-shadow:none;outline:none}.skip{z-index:20;background:var(--surface);color:var(--accent);border-radius:6px;padding:8px 12px;font-size:14px;text-decoration:none;position:absolute;top:0;left:-9999px}.skip:focus{top:16px;left:24px}.site-head{padding:16px var(--margin) 0}.nav{max-width:var(--page);background:var(--surface);height:56px;box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;gap:4px;margin:0 auto;padding:0 8px 0 16px;display:flex}.nav .brand{letter-spacing:-.03em;color:var(--fg);border-radius:9999px;margin-right:8px;padding:6px 8px;font-size:16px;font-weight:600;text-decoration:none}.nav .brand:hover{background:var(--hover)}.nav a.navlink{color:var(--fg-2);border-radius:9999px;padding:10px 12px;font-size:14px;line-height:1;text-decoration:none}.nav a.navlink:hover{background:var(--hover);color:var(--fg)}.nav .grow{flex:1}.btn-primary{background:var(--btn-bg);height:36px;color:var(--btn-fg);white-space:nowrap;border-radius:9999px;align-items:center;padding:0 16px;font-size:14px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}main.prose{max-width:720px;padding:56px var(--margin) 96px;margin:0 auto;display:block}main.wide{display:block}main.prose h1{letter-spacing:-.0475em;margin:0 0 16px;font-size:clamp(32px,5vw,44px);font-weight:600;line-height:1.05}main.prose h2{letter-spacing:-.04em;margin:48px 0 12px;font-size:24px;font-weight:600;line-height:1.25}main.prose h3{letter-spacing:-.02em;margin:32px 0 8px;font-size:16px;font-weight:500;line-height:1.4}main.prose p{margin:0 0 16px}main.prose .lede{color:var(--fg-2);margin-bottom:32px;font-size:18px}main.prose strong{font-weight:500}main.prose ul,main.prose ol{margin:0 0 16px;padding-left:24px}main.prose li{margin-bottom:8px}main.prose :not(pre)>code{background:var(--recessed);border-radius:6px;padding:2px 6px;font-size:.875em}main.prose pre{--focus:0 0 0 2px var(--slab-bg), 0 0 0 4px var(--accent);background:var(--slab-bg);color:var(--slab-fg);box-shadow:var(--slab-ring);border-radius:12px;margin:0 0 24px;padding:16px 20px;font-size:13px;line-height:1.54;overflow-x:auto}main.prose pre.astro-code,main.prose pre.astro-code span{background-color:var(--slab-bg)!important;color:var(--slab-fg)!important}main.prose table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:14px}main.prose th,main.prose td{text-align:left;box-shadow:0 1px 0 0 var(--hairline);padding:8px 12px}main.prose th{font-weight:500}.site-foot{padding:96px var(--margin) 48px}.foot-inner{max-width:var(--page);grid-template-columns:2fr 1fr 1fr 1fr;align-items:start;gap:32px;margin:0 auto;display:grid}.foot-brand .brand{letter-spacing:-.03em;color:var(--fg);font-size:16px;font-weight:600;text-decoration:none}.foot-brand p{color:var(--fg-2);max-width:32ch;margin:8px 0 0;font-size:14px}.foot-brand .note{color:var(--fg-3);margin-top:8px;font-size:13px}.foot-col h2{letter-spacing:-.02em;color:var(--fg);margin:0 0 12px;font-size:14px;font-weight:500;line-height:20px}.foot-col ul{margin:0;padding:0;list-style:none}.foot-col li{margin-bottom:8px}.foot-col a{color:var(--fg-2);font-size:14px;text-decoration:none}.foot-col a:hover{color:var(--fg)}@media (width<=900px){.foot-inner{grid-template-columns:1fr 1fr;gap:40px 24px}.foot-brand{grid-column:1/-1}}@media (width<=560px){.nav a.navlink[data-optional]{display:none}.nav{padding-left:12px}}