:root{color-scheme:light dark;--color-paper:oklch(98.5% .004 250);--color-paper-2:oklch(96.5% .006 252);--color-ink:oklch(24% .02 258);--color-ink-2:oklch(34% .018 257);--color-muted:oklch(48% .016 257);--color-rule:oklch(90% .008 255);--color-rule-2:oklch(84% .01 255);--color-accent:oklch(55% .19 257);--color-accent-ink:oklch(98.5% .004 250);--color-focus:oklch(55% .19 257);--color-graphite:oklch(22% .016 260);--color-graphite-text:oklch(90% .008 250);--color-graphite-muted:oklch(70% .014 255);--color-graphite-accent:oklch(72% .14 252);--color-graphite-rule:oklch(32% .016 260);--text-xs:.75rem;--text-sm:.875rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.125rem;--text-display:clamp(2.25rem, 1.4rem + 3.2vw, 3.75rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--radius-control:6px;--radius-card:10px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.15s;--dur-med:.24s;--dur-reveal:.6s}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-paper:oklch(18% .014 260);--color-paper-2:oklch(22% .016 260);--color-ink:oklch(96% .006 250);--color-ink-2:oklch(86% .01 252);--color-muted:oklch(70% .014 255);--color-rule:oklch(30% .016 260);--color-rule-2:oklch(36% .018 260);--color-accent:oklch(70% .15 254);--color-accent-ink:oklch(18% .02 260);--color-focus:oklch(70% .15 254);--color-graphite:oklch(14% .012 260);--color-graphite-rule:oklch(30% .016 260)}}:root[data-theme=dark]{color-scheme:dark;--color-paper:oklch(18% .014 260);--color-paper-2:oklch(22% .016 260);--color-ink:oklch(96% .006 250);--color-ink-2:oklch(86% .01 252);--color-muted:oklch(70% .014 255);--color-rule:oklch(30% .016 260);--color-rule-2:oklch(36% .018 260);--color-accent:oklch(70% .15 254);--color-accent-ink:oklch(18% .02 260);--color-focus:oklch(70% .15 254);--color-graphite:oklch(14% .012 260);--color-graphite-rule:oklch(30% .016 260)}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{overflow-x:clip}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-moon,.palette-option[hidden],:root[data-theme=dark] .theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:block}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink-2);font:400 1rem/1.65 var(--font-body);margin:0}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:var(--color-ink-2);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}h1,h2,h3{overflow-wrap:anywhere;min-width:0;color:var(--color-ink);font-family:var(--font-display);font-style:normal}h1{font-size:var(--text-display);letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.05}h2{margin:0 0 var(--space-md);font-size:var(--text-2xl);letter-spacing:-.015em;font-weight:600;line-height:1.12}h3{margin:0 0 var(--space-xs);font-size:var(--text-xl);font-weight:500;line-height:1.2}p{margin:0 0 var(--space-md)}code,pre,kbd{font-family:var(--font-mono)}code{font-size:.9em}main{max-width:76rem;padding:var(--space-xl) var(--space-sm) var(--space-2xl);margin-inline:auto}.container{max-width:76rem;padding-inline:var(--space-sm);margin-inline:auto}@media (width>=40rem){.container,main{padding-inline:var(--space-lg)}}.skip-link{z-index:20;inset:var(--space-xs) auto auto var(--space-xs);padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid var(--color-rule);background:color-mix(in oklch, var(--color-paper) 92%, transparent);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-lg);min-height:4.25rem;display:flex}.brand{align-items:center;gap:var(--space-2xs);color:var(--color-ink);flex:none;text-decoration:none;display:inline-flex}.brand-symbol{width:24px;height:24px}.wordmark{font:600 1.125rem/1 var(--font-display);letter-spacing:-.01em}.site-nav{align-items:center;gap:var(--space-md);display:flex}.site-nav a{color:var(--color-ink-2);white-space:nowrap;text-decoration:none;position:relative}.site-nav a[aria-current=page]{color:var(--color-ink)}.site-nav a[aria-current=page]:after{background:var(--color-accent);content:"";height:2px;position:absolute;bottom:-.55rem;left:0;right:0}.header-tools{align-items:center;gap:var(--space-2xs);margin-inline-start:auto;display:flex}.search-trigger,.theme-toggle,.small-button{justify-content:center;align-items:center;gap:var(--space-xs);min-width:44px;min-height:44px;padding:0 var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);cursor:pointer;white-space:nowrap;display:inline-flex}.search-trigger:hover,.theme-toggle:hover,.small-button:hover{border-color:var(--color-accent)}.search-trigger{font-size:var(--text-sm)}.search-trigger kbd{color:var(--color-muted);font-size:var(--text-xs)}.theme-toggle svg{width:18px;height:18px}@media (width<=40rem){.header-inner{gap:0 var(--space-xs);padding-block:var(--space-2xs);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools""nav nav";display:grid}.brand{grid-area:brand}.site-nav{gap:var(--space-md);grid-area:nav;min-height:2.5rem}.header-tools{grid-area:tools;margin-inline-start:0}.wordmark{font-size:1rem}.search-label,.search-trigger kbd{display:none}}main>.eyebrow,.release-chip,.mono-label{font:500 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.eyebrow,.release-chip{margin:0 0 var(--space-md);padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-muted);align-items:center;display:inline-flex}.lead{max-width:62ch;margin-block:var(--space-md);font-size:var(--text-md);line-height:1.6}.hero{align-items:center;gap:var(--space-xl);padding-block:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,1fr);display:grid}.hero-copy{min-width:0}.hero-copy h1{max-width:13ch}.hero-copy .lead{max-width:58ch}.install-card,.code-card{border:1px solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-graphite);min-width:0;color:var(--color-graphite-text);overflow:hidden}.install-card{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm);display:flex}.install-lines{gap:var(--space-2xs);min-width:0;font-size:var(--text-sm);display:grid;overflow-x:auto}.install-lines code{white-space:nowrap}@media (width<=40rem){.install-card{flex-direction:column;align-items:stretch}.install-card .small-button{align-self:flex-start}}.small-button{min-height:44px;padding-inline:var(--space-xs);font:500 var(--text-xs)/1 var(--font-mono);flex:none}.actions{align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.btn-primary{min-height:44px;padding:.625rem var(--space-sm);border:1px solid var(--color-accent);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-accent-ink);white-space:nowrap;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.btn-secondary{min-height:44px;text-decoration:underline;text-decoration-color:var(--color-rule-2);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.btn-secondary:hover{text-decoration-color:var(--color-accent)}.code-card{box-shadow:0 1px 2px color-mix(in oklch, var(--color-ink) 5%, transparent)}.code-head{align-items:center;gap:var(--space-xs);min-height:3.25rem;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-graphite-rule);color:var(--color-graphite-muted);flex-wrap:wrap;display:flex}.code-head>code{font-size:var(--text-xs);margin-inline-end:auto}.code-head label{font:500 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.code-head select{max-width:12rem;min-height:36px;padding:0 var(--space-2xs);border:1px solid var(--color-graphite-rule);border-radius:var(--radius-control);background:var(--color-graphite);color:var(--color-graphite-text)}.status-chip{padding:var(--space-2xs);border:1px solid var(--color-graphite-rule);border-radius:var(--radius-control);color:var(--color-graphite-accent);font:500 .625rem/1.2 var(--font-mono);letter-spacing:.04em;white-space:nowrap}pre{max-width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-graphite-text);font:400 var(--text-sm)/1.7 var(--font-mono);tab-size:2;background:0 0;margin:0;overflow-x:auto}.code-card pre{background:0 0!important}.code-card pre code{font:inherit}.live-results{padding:var(--space-xs) var(--space-sm) var(--space-sm);border-top:1px solid var(--color-graphite-rule);gap:0;display:grid}.live-result{align-items:start;gap:var(--space-xs);padding:var(--space-xs);color:var(--color-graphite-text);grid-template-columns:2rem minmax(0,1fr) auto;display:grid}.live-result.top{border-inline-start:2px solid var(--color-graphite-accent)}.live-rank,.live-score{color:var(--color-graphite-muted);font:400 var(--text-xs)/1.5 var(--font-mono);font-variant-numeric:tabular-nums}.live-title{overflow-wrap:anywhere}.term-chips{gap:var(--space-3xs);flex-wrap:wrap;grid-column:2/-1;margin:0;padding:0;list-style:none;display:flex}.term-chips code{padding:1px var(--space-3xs);border:1px solid var(--color-graphite-rule);color:var(--color-graphite-muted);border-radius:4px;font-size:.6875rem}.features{gap:var(--space-xl);padding-block:var(--space-xl) var(--space-2xl);border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr);display:grid}.feature-main,.feature-side,.feature-side article,.feature-main article{min-width:0}.feature-side{align-content:start;display:grid}.feature-side article+article{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.feature-main h2,.feature-side h2{margin-bottom:var(--space-xs);font-size:var(--text-xl)}.feature-main p,.feature-side p{max-width:62ch}.feature-code{margin-top:var(--space-md)}.feature-code .code-head{min-height:2.75rem}.band{width:100vw;padding:var(--space-2xl) max(var(--space-sm), calc((100vw - 76rem) / 2));background:var(--color-graphite);color:var(--color-graphite-text);margin-inline:calc(50% - 50vw)}.band h2{color:var(--color-graphite-text)}.steps{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{padding-top:var(--space-sm);border-top:1px solid var(--color-graphite-rule)}.step-name{margin-bottom:var(--space-xs);color:var(--color-graphite-accent);font:500 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;display:block}.band p{max-width:54ch;color:var(--color-graphite-muted);margin-bottom:0}.band a{margin-top:var(--space-lg);color:var(--color-graphite-text);display:inline-block}.compatibility{padding-block:var(--space-2xl)}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:start;width:100%}th,td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-rule);text-align:start;vertical-align:top}th{background:var(--color-paper-2);color:var(--color-muted);font:500 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}td{color:var(--color-ink-2)}footer{width:100%}.footer-inner{align-items:center;gap:var(--space-sm) var(--space-lg);max-width:76rem;padding:var(--space-md) var(--space-sm);border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;margin-inline:auto;display:flex}@media (width>=40rem){.footer-inner{padding-inline:var(--space-lg)}}footer a,footer span{white-space:nowrap}.footer-symbol{width:20px;height:20px;color:var(--color-ink)}.palette{border:1px solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper);width:min(42rem,100% - 2rem);max-height:min(70vh,42rem);color:var(--color-ink);padding:0}.palette::backdrop{background:color-mix(in oklch, var(--color-ink) 45%, transparent)}.palette[open]{animation:palette-in var(--dur-med) var(--ease-out) both}@keyframes palette-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.palette-form{padding:var(--space-sm);border-bottom:1px solid var(--color-rule)}.palette-input{width:100%;min-height:48px;padding:var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink)}.palette-list{max-height:55vh;padding:var(--space-xs);margin:0;list-style:none;overflow-y:auto}.palette-option{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-control);color:var(--color-ink-2);cursor:pointer;display:flex}.palette-option[aria-selected=true],.palette-option:hover{background:var(--color-paper-2);color:var(--color-ink)}.palette-option small{color:var(--color-muted);font:500 var(--text-xs)/1 var(--font-mono);flex:none}.palette-empty{padding:var(--space-md);color:var(--color-muted)}.docs-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.docs-sidebar,.docs-content,.docs-toc{min-width:0}.docs-sidebar{font-size:var(--text-sm)}#docs-index{padding:var(--space-xs);border:0;border-inline-start:1px solid var(--color-rule);border-radius:0}#docs-index summary{display:none}#docs-index nav{gap:var(--space-2xs);display:grid}#docs-index nav a{padding:var(--space-2xs) var(--space-xs);border-inline-start:2px solid #0000;text-decoration:none}#docs-index nav a[aria-current=page]{border-color:var(--color-accent);color:var(--color-ink)}.docs-content{max-width:46rem}.docs-content>:first-child{margin-top:0}.docs-content h2{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.docs-content h1{margin-bottom:var(--space-md)}.docs-content :is(h1,h2,h3,h4){scroll-margin-top:6rem}.docs-content :is(p,li){max-width:70ch}.docs-content :is(p,li,td,th,code){overflow-wrap:anywhere}.docs-content p code,.docs-content li code{border:1px solid var(--color-rule);background:var(--color-paper-2);border-radius:4px;padding:.1em .3em}.docs-content pre{border:1px solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-graphite)}.docs-toc{display:none}.docs-toc-title{margin:0 0 var(--space-xs);color:var(--color-muted);font:500 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.docs-toc ul{font-size:var(--text-sm);margin:0;padding:0;list-style:none}.docs-toc li{margin-block:var(--space-2xs)}.docs-toc li.depth-3{padding-inline-start:var(--space-sm)}.docs-toc a{color:var(--color-muted);text-decoration:none}.docs-toc a:hover{color:var(--color-accent)}@media (width<=59.99rem){#docs-index{border:1px solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2)}#docs-index summary{display:list-item}#docs-index:not([open]) nav{display:none}}@media (width>=60rem){.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.features{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-column{max-width:none}.demo-panel{gap:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.demo-controls,.demo-topic-controls,.demo-results{margin:0}.docs-grid{gap:var(--space-lg);grid-template-columns:15rem minmax(0,46rem);justify-content:center}.docs-sidebar{align-self:start;position:sticky;top:5.5rem}}@media (width>=75rem){.docs-grid{grid-template-columns:15rem minmax(0,46rem) 13rem}.docs-toc{align-self:start;display:block;position:sticky;top:5.5rem}}.demo-column{max-width:76rem;margin-inline:auto}.demo-page-head{max-width:64ch;margin-bottom:var(--space-xl)}.demo-section{margin-block:var(--space-xl)}.demo-controls,.demo-topic-controls{align-content:start;gap:var(--space-xs);display:grid}.demo-controls label,.demo-topic-controls label{color:var(--color-muted);font-size:var(--text-sm)}.demo-column :is(select,textarea){width:100%;min-width:0;max-width:100%;min-height:44px;padding:var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink)}.demo-column textarea{resize:vertical}.demo-methods,.demo-ratio-row{align-items:center;gap:var(--space-xs);display:flex}.demo-ratio{min-width:0;accent-color:var(--color-accent);flex:1}.demo-methods input{accent-color:var(--color-accent)}.demo-results{min-width:0;margin:0;padding:0;list-style:none}.demo-results>li{margin-block:var(--space-xs);padding:var(--space-xs);border-bottom:1px solid var(--color-rule)}.demo-results>li.top{border-inline-start:2px solid var(--color-accent)}.demo-results>li.demo-related{align-items:center;gap:var(--space-xs);grid-template-columns:2rem minmax(0,1fr) auto auto;display:grid}.demo-rank{color:var(--color-muted);font:400 var(--text-xs)/1.5 var(--font-mono);font-variant-numeric:tabular-nums}.demo-score{color:var(--color-muted);font:400 var(--text-xs)/1.5 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.demo-related .demo-title{overflow-wrap:anywhere;min-width:0}.demo-related .btn-secondary{min-height:40px;padding-inline:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);cursor:pointer;white-space:nowrap}.demo-related .btn-secondary:hover{border-color:var(--color-accent)}.demo-related ul{grid-column:2/-1}.demo-results ul{gap:var(--space-3xs);margin-block:var(--space-xs) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.demo-results ul li{color:var(--color-muted);font:400 var(--text-xs)/1.5 var(--font-mono)}.demo-results button{min-height:44px;padding-inline:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-ink);cursor:pointer}.demo-results button:hover{border-color:var(--color-accent)}.demo-results button:disabled{opacity:.55;cursor:not-allowed}#demo-alert{margin:var(--space-xs) 0;color:var(--color-muted)}#demo-alert:not(:empty){padding:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.js .reveal{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transform:translateY(10px)}.js .reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}