*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:16px / 1.55 var(--text);-webkit-font-smoothing:antialiased;transition:background-color .4s var(--ease), color .4s var(--ease);margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0;line-height:1.02}.wrap{width:min(100% - 2 * var(--gutter), var(--maxw));margin-inline:auto}.av{line-height:0;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:30;background:color-mix(in srgb, var(--paper) 84%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.site-header.scrolled{border-color:var(--line)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);background:var(--tint)}.site-nav{margin-left:auto}.header-actions{align-items:center;gap:4px;display:flex}.menu-btn{background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:none}@media (width<=720px){.menu-btn{display:inline-grid}.site-nav{padding:10px var(--gutter) 18px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px;display:none;position:absolute;top:68px;left:0;right:0}.site-nav.open{display:flex}.site-nav a{padding:12px 14px;font-size:17px}}.btn{border:1px solid var(--accent);background:var(--accent);min-height:46px;color:var(--on-accent);transition:transform .3s var(--spring), background-color .4s var(--ease), border-color .4s var(--ease);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copy-chip{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 12px;font-size:14px;display:inline-flex}.copy-chip code{font:14px var(--mono)}.copy-chip span{background:var(--tint);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}.section{padding-block:clamp(64px,10vw,120px)}.section-head{max-width:660px;margin-bottom:36px}.section-head h2,.page-head h1{font-size:clamp(36px,4.6vw,60px);font-weight:800}.section-head p{color:var(--muted);margin:14px 0 0;font-size:18px}.page-head{max-width:760px;padding-block:clamp(40px,7vw,80px) 32px}.lead{color:var(--muted);max-width:48ch;margin:16px 0 0;font-size:clamp(17px,1.6vw,20px)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.panel{background:var(--tint);border-radius:var(--r-xl);transition:background-color .4s var(--ease);padding:clamp(16px,3vw,32px)}.badge{letter-spacing:.02em;background:var(--tint-strong);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}main :is(p,li) a:not([class]){color:var(--accent-text);text-underline-offset:3px;text-decoration:underline 1.5px;text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);font-weight:600;transition:text-decoration-color .2s}main :is(p,li) a:not([class]):hover{text-decoration-color:currentColor}.more-link{color:var(--accent-text);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.more-link:after{content:"→";transition:transform .3s var(--spring)}.more-link:hover:after{transform:translate(4px)}.picker{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:6px 10px;display:flex}.picker-rows{border-radius:var(--r-md);gap:8px;width:100%;padding:10px 12px;display:grid}.picker-group{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:8px;display:grid}.picker-group>span{color:var(--muted);font-size:12px;font-weight:600}.picker-chips{flex-wrap:wrap;gap:4px;display:flex}.picker-scroll{display:contents}.picker-scroll>span{color:var(--muted);border-left:1px solid var(--line);margin-left:6px;padding:0 6px 0 10px;font-size:12px;font-weight:600}.chip{transition:transform .3s var(--spring);background:0 0;border:0;border-radius:50%;padding:3px;line-height:0}@media (hover:hover){.chip:hover{transform:scale(1.12)}}.chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.code-card{background:var(--code-bg);border-radius:var(--r-lg);color:var(--code-ink);overflow:hidden}.code-head{color:#cfc4e6;font:13px var(--mono);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 18px;display:flex}.code-head button{color:#fff;font:600 12px var(--text);background:#ffffff1f;border:0;border-radius:8px;padding:6px 12px}.code-card pre{font:14px / 1.65 var(--mono);margin:0;padding:18px 20px;overflow-x:auto}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-footer:where(.astro-nns7i3if){border-top:1px solid var(--line);color:var(--muted);font:14px / 1.55 var(--text);margin-top:56px;padding-block:48px 36px;container-type:inline-size}.wide:where(.astro-nns7i3if) .frame:where(.astro-nns7i3if){width:min(100% - 2 * var(--gutter), var(--maxw));margin-inline:auto}.grid:where(.astro-nns7i3if){grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.about:where(.astro-nns7i3if){grid-column:1/-1;justify-items:start;gap:14px;display:grid}.about:where(.astro-nns7i3if) p:where(.astro-nns7i3if){max-width:38ch;margin:0}.family:where(.astro-nns7i3if){line-height:0;display:flex}.family:where(.astro-nns7i3if) span:where(.astro-nns7i3if){box-shadow:0 0 0 3px var(--paper);transition:transform .3s var(--spring);border-radius:50%;margin-right:-6px}.family:where(.astro-nns7i3if) span:where(.astro-nns7i3if):hover{transform:translateY(-4px)}.heading:where(.astro-nns7i3if){font:700 13px / 1 var(--text);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}ul:where(.astro-nns7i3if){gap:8px;margin:0;padding:0;list-style:none;display:grid}a:where(.astro-nns7i3if){color:inherit;text-decoration:none;transition:color .2s}a:where(.astro-nns7i3if):hover{color:var(--ink)}.legal:where(.astro-nns7i3if){border-top:1px solid var(--line);margin:40px 0 0;padding-top:20px;font-size:13px}.legal:where(.astro-nns7i3if) a:where(.astro-nns7i3if){text-underline-offset:3px;text-decoration:underline}@container (width>=520px){.grid:where(.astro-nns7i3if){grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width>=880px){.grid:where(.astro-nns7i3if){grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}.about:where(.astro-nns7i3if){grid-column:auto}}