::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--palette-neutral-950:oklch(15% .007 272);--palette-neutral-900:oklch(18% .01 276);--palette-neutral-800:oklch(29% .013 273);--palette-neutral-700:oklch(35% .016 274);--palette-neutral-500:oklch(55% .018 274);--palette-neutral-400:oklch(67% .018 275);--palette-neutral-200:oklch(85% .01 275);--palette-neutral-100:oklch(95% .006 286);--palette-lime:oklch(89.4% .2007 126.7);--palette-violet:oklch(69.46% .1714 288.79);--palette-cyan:oklch(86% .1 190);--palette-coral:oklch(80% .115 20);--palette-yellow:oklch(84% .094 95);--color-canvas:var(--palette-neutral-950);--color-surface-input:var(--palette-neutral-950);--color-surface-code:var(--palette-neutral-900);--color-surface-control:var(--palette-neutral-800);--color-text:var(--palette-neutral-100);--color-text-strong:var(--palette-neutral-100);--color-text-code:var(--palette-neutral-200);--color-text-muted:var(--palette-neutral-400);--color-border:var(--palette-neutral-800);--color-border-control:var(--palette-neutral-700);--color-accent:var(--palette-lime);--color-accent-secondary:var(--palette-violet);--color-grid-line:color-mix(in oklch, var(--palette-neutral-100) 2.8%, transparent);--color-mask:var(--palette-neutral-950);--color-command-surface:color-mix(in oklch, var(--palette-neutral-900) 80%, transparent);--color-secondary-glow:color-mix(in oklch, var(--palette-violet) 15%, transparent);--color-secondary-focus:color-mix(in oklch, var(--palette-violet) 10%, transparent);--color-story-value:var(--palette-neutral-100);--color-field-inset:color-mix(in oklch, var(--palette-neutral-100) 2%, transparent);--color-syntax-comment:var(--palette-neutral-500);--color-syntax-keyword:var(--palette-violet);--color-syntax-function:var(--palette-cyan);--color-syntax-string:var(--palette-lime);--color-syntax-operator:var(--palette-neutral-400);--color-syntax-tag:var(--palette-coral);--color-syntax-attribute:var(--palette-yellow);--content-width:1180px;--space-sm:12px;--space-md:24px;--space-lg:48px;--space-xl:140px;--radius-control:5px;--radius-input:8px;--radius-action:9px;--radius-pill:999px;--shadow-floating:0 35px 90px color-mix(in oklch, var(--palette-neutral-950) 50%, transparent);--focus-ring:2px solid var(--palette-violet);--focus-ring-offset:2px;scroll-behavior:smooth;scroll-padding:var(--space-lg);scrollbar-color:var(--color-border-control) transparent;scrollbar-width:thin;font-family:var(--font-sans);color:var(--color-text-muted)}@media (width<=800px){:root{--space-lg:32px;--space-xl:85px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}body{background:var(--color-canvas);min-width:320px;padding-bottom:var(--space-lg);margin:0}.type-display{font-family:var(--font-sans);text-wrap:balance;color:#fff;margin:0;font-size:clamp(46px,6vw,72px);font-weight:700;line-height:.98}.type-heading{font-family:var(--font-sans);text-wrap:balance;color:#fff;margin:0;font-size:clamp(42px,5vw,67px);font-weight:700;line-height:1.02}.type-title{font-family:var(--font-sans);text-wrap:balance;color:#fff;margin:0;font-size:1.1875rem;font-weight:700;line-height:1.3}.type-subtitle{font-family:var(--font-sans);text-wrap:pretty;margin:0;font-size:1rem;font-weight:400;line-height:1.7}.type-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:500;line-height:1.4}.type-code{font-family:var(--font-mono);margin:0;font-size:.875rem;font-weight:400;line-height:1.75}.text-accent{color:var(--color-accent)}.stack-sm{gap:var(--space-sm);grid-auto-rows:max-content;display:grid}.stack-md{gap:var(--space-md);grid-auto-rows:max-content;display:grid}.stack-lg{gap:var(--space-lg);grid-auto-rows:max-content;display:grid}.stack-xl{gap:var(--space-xl);grid-auto-rows:max-content;display:grid}.row-sm{align-items:center;gap:var(--space-sm);display:flex}.row-md{align-items:center;gap:var(--space-md);display:flex}.space-between{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.triplet{border-block:1px solid var(--color-border);rule:1px solid var(--color-border);grid-template-columns:1fr 1fr 1fr;display:grid}.triplet[data-align=center]{text-align:center}@media (width<=800px){.triplet{grid-template-columns:1fr}}.triplet-item{padding:var(--space-lg) var(--space-md)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heading-wrap{max-width:600px}.section-wrap{width:min(var(--content-width), calc(100% - 48px));margin-inline:auto}@media (width<=800px){.section-wrap{width:min(100% - 30px,620px)}}.live-status{border-radius:var(--radius-pill);background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 14px var(--color-accent)}.link{text-underline-offset:8px;color:inherit;transition:color .1s ease-out}.link:hover{color:var(--color-accent)}.link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.button{font:inherit;border:1px solid var(--palette-neutral-500);border-radius:var(--radius-action);color:var(--color-text);background:var(--color-command-surface);padding:14px 18px;text-decoration:none;transition:all .1s ease-out}.button:hover{color:var(--color-accent);border-color:var(--color-accent)}.button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.icon-button{border:1px solid var(--color-border-control);border-radius:var(--radius-input);width:34px;height:34px;color:var(--color-text-muted);background:var(--color-surface-control);place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--color-text);border-color:var(--color-text)}.icon-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}[interestfor]{interest-delay:.18s .12s;--interest-delay:.18s .12s}.tooltip{z-index:100;border:1px solid var(--color-border-control);border-radius:var(--radius-control);width:max-content;height:max-content;color:var(--color-text);background:var(--color-surface-control);box-shadow:var(--shadow-floating);margin:auto;padding:7px 10px;position:fixed;inset:0}.tooltip:popover-open{animation:.12s ease-out tooltip-in}@supports (position-area:block-start){.tooltip{position-area:block-start center;position-try-fallbacks:flip-block flip-inline;margin:8px 0;inset:auto}}@keyframes tooltip-in{0%{opacity:0;translate:0 3px}}[data-demo]{min-block-size:52px}.field-container{box-sizing:border-box;border:1px solid var(--color-border-control);border-radius:var(--radius-input);background:var(--color-surface-input);height:52px;box-shadow:inset 0 1px var(--color-field-inset);color:var(--color-text-strong);align-items:center;display:flex}.field-container:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.field-prefix{color:var(--color-accent);padding-left:16px}.field-input{width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:0;padding:0 15px}.code-sample{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface-code);position:relative}.code-copy{width:34px;height:34px;position:absolute;top:14px;right:14px}.code-sample pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:100%;color:var(--color-text-code);tab-size:2;margin:0;padding:25px 62px 30px 26px;overflow:visible}.code-sample code{white-space:inherit}.token.comment{color:var(--color-syntax-comment)}.token.keyword{color:var(--color-syntax-keyword)}.token.function{color:var(--color-syntax-function)}.token.string,.token.regex{color:var(--color-syntax-string)}.token.operator,.token.punctuation{color:var(--color-syntax-operator)}.token.tag,.token.class-name{color:var(--color-syntax-tag)}.token.attr-name{color:var(--color-syntax-attribute)}.hero{align-items:center;min-height:720px;padding-block-start:100px;display:grid;position:relative}.hero:before{content:"";background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);height:610px;-webkit-mask-image:radial-gradient(circle at center, var(--color-mask), transparent 72%);mask-image:radial-gradient(circle at center, var(--color-mask), transparent 72%);pointer-events:none;background-size:42px 42px;position:absolute;inset:24px 0 auto}@media (width<=800px){.hero{grid-template-columns:1fr;gap:72px;min-height:auto;padding-block:74px 90px}}.hero-glow{background:radial-gradient(ellipse, var(--color-secondary-glow), transparent 65%);filter:blur(5px);pointer-events:none;width:min(580px,100%);height:520px;position:absolute;top:50px;right:0}@media (width<=800px){.hero-glow{top:380px;right:0}}.hero-content{max-width:600px}.story-value{white-space:nowrap;color:var(--color-story-value);align-items:center;padding:0 15px;display:flex}.story-value-text{view-transition-name:match-element}.story-value-separator{view-transition-name:match-element;display:none}.story-value[data-story-value=formatted]{color:var(--color-accent)}.story-value[data-story-value=formatted] .story-value-separator{display:inline}.story-value-cursor{vertical-align:bottom;width:2px;height:0;margin:0 1px;display:inline-block;position:relative}.story-value-cursor:after{content:"";background:var(--color-accent-secondary);height:1lh;box-shadow:0 0 10px var(--color-accent-secondary);animation:1s step-end infinite blink;display:block;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.story-value-cursor{animation:none}}@keyframes blink{50%{opacity:.1}}.example-list{column-gap:var(--space-md);grid-template-columns:1fr 1fr}@media (width<=1000px){.example-list{grid-template-columns:1fr}}.example-item{grid-row:span 3;grid-template-rows:subgrid}