:root{color-scheme:light;--color-bg: oklch(1 0 0);--color-surface: oklch(.974 .004 160);--color-ink: oklch(.18 .015 160);--color-muted: oklch(.43 .025 160);--color-border: oklch(.86 .018 160);--color-primary: oklch(.35 .077 160);--color-primary-hover: oklch(.29 .075 160);--color-primary-soft: oklch(.93 .032 160);--color-code-bg: oklch(.15 .012 160);--color-code-ink: oklch(.94 .006 160);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: clamp(4rem, 9vw, 7rem);--radius-sm: .5rem;--radius-md: .875rem;--radius-pill: 999px;--container: 72rem}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-kerning:normal;scroll-behavior:smooth}body{margin:0;min-width:20rem;overflow-x:clip;background:radial-gradient(circle at 12% 8%,oklch(.93 .035 160 / .8),transparent 28rem),linear-gradient(180deg,var(--color-bg),oklch(.986 .003 160));color:var(--color-ink);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}code,pre{font-family:var(--font-mono);font-variant-ligatures:none}pre{margin:0;overflow-x:auto}code{font-size:.92em}.skip-link{position:fixed;inset-block-start:var(--space-md);inset-inline-start:var(--space-md);z-index:10;translate:0 -160%;border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-bg);padding:var(--space-sm) var(--space-md);transition:translate .18s ease-out}.skip-link:focus{translate:0}.site-header{position:sticky;inset-block-start:0;z-index:3;border-bottom:1px solid oklch(.9 .012 160 / .7);background:#ffffffe6;backdrop-filter:blur(12px)}.container,.nav,main{width:min(100%,calc(var(--container) + 2rem));margin-inline:auto;padding-inline:1rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-md)}.brand,.nav-links,.hero-actions{display:flex;align-items:center}.brand{gap:var(--space-sm);color:var(--color-ink);font-weight:700;text-decoration:none}.brand-mark{display:inline-grid;min-width:2.5rem;min-height:2.5rem;place-items:center;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-mono);font-size:.875rem}.nav-links{gap:var(--space-lg);color:var(--color-muted);font-size:.9375rem}.nav-links a{min-height:2.75rem;display:inline-flex;align-items:center;text-decoration:none}.nav-links a:hover{color:var(--color-primary)}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(21rem,.78fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding-block:var(--space-3xl)}.hero-copy,.frame-panel,.primitive-item,.code-grid>div,.signature{min-width:0}.context-line,.section-label{margin:0 0 var(--space-sm);color:var(--color-primary);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{color:var(--color-ink);line-height:1.08;text-wrap:balance}h1{max-width:11ch;margin-block-end:var(--space-lg);font-size:clamp(3rem,8vw,5.7rem);letter-spacing:-.035em}h2{max-width:14ch;margin-block-end:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.03em}h3{margin-block-end:var(--space-xs);font-size:1.125rem;letter-spacing:-.015em}.hero-text{max-width:65ch;margin-block-end:var(--space-xl);color:var(--color-muted);font-size:1.125rem;line-height:1.65;text-wrap:pretty}.hero-actions{flex-wrap:wrap;gap:var(--space-sm)}.button{min-height:2.875rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:.75rem 1.125rem;font-weight:700;text-decoration:none;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .18s ease-out}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--color-primary);color:var(--color-bg)}.button.primary:hover{background:var(--color-primary-hover)}.button.secondary{border:1px solid var(--color-border);color:var(--color-primary)}.button.secondary:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.frame-panel,.signature,.code-grid>div{max-width:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.panel-topline{display:flex;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);color:var(--color-muted);font-size:.875rem}.panel-topline code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-panel pre{background:var(--color-code-bg);color:var(--color-code-ink);padding:var(--space-xl);font-size:clamp(1rem,2vw,1.35rem);line-height:1.55}.frame-parts{display:grid;gap:0;margin:0}.frame-parts div{display:grid;grid-template-columns:minmax(5rem,.35fr) 1fr;gap:var(--space-md);border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.frame-parts div:first-child{border-top:0}dt{color:var(--color-ink);font-weight:700}dd{margin:0;color:var(--color-muted)}.boundary,.primitive-section,.quick-start,.api-section{padding-block:var(--space-3xl)}.boundary{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);border-block:1px solid var(--color-border)}.boundary p:last-child{max-width:65ch;margin-block:0;color:var(--color-muted);font-size:1.125rem;text-wrap:pretty}.section-heading{display:grid;gap:var(--space-sm);margin-block-end:var(--space-2xl)}.primitive-list{display:grid;gap:var(--space-md)}.primitive-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);align-items:center;gap:var(--space-xl);border-block-end:1px solid var(--color-border);padding-block:var(--space-lg)}.primitive-item:first-child{border-block-start:1px solid var(--color-border)}.primitive-item p{max-width:58ch;margin-block-end:0;color:var(--color-muted)}.primitive-item>code{overflow-wrap:anywhere;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-hover);padding:var(--space-sm) var(--space-md)}.code-grid,.api-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.code-grid h3,.signature h3{padding:var(--space-lg) var(--space-lg) 0}.code-grid pre{margin-block-start:var(--space-md);background:var(--color-code-bg);color:var(--color-code-ink);padding:var(--space-lg);line-height:1.65}.signature{padding-block-end:var(--space-lg)}.signature ul,.error-list{margin:var(--space-md) 0 0;padding-inline:var(--space-lg)}.signature li+li{margin-block-start:var(--space-sm)}.signature li,.error-list dd{color:var(--color-muted)}.error-list{display:grid;gap:var(--space-md)}.error-list div{display:grid;gap:var(--space-xs)}:focus-visible{outline:3px solid oklch(.71 .15 160);outline-offset:3px}@media(max-width:56rem){.hero,.boundary,.primitive-item,.code-grid,.api-layout{grid-template-columns:1fr}}@media(max-width:42rem){.nav{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap;column-gap:var(--space-lg);row-gap:0}.nav-links a{min-height:2.5rem}.hero{padding-block:4rem}h1{max-width:100%;font-size:clamp(2.75rem,11.5vw,3.5rem);letter-spacing:-.03em}.hero-text{max-width:100%;font-size:1.0625rem}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%}.panel-topline,.frame-parts div{padding-inline:var(--space-lg)}.frame-panel pre,.code-grid pre{white-space:pre-wrap;overflow-wrap:anywhere}.frame-panel pre{padding:var(--space-lg);font-size:.9375rem}.frame-parts div{grid-template-columns:1fr;gap:var(--space-xs)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}