@layer tokens{:root{color-scheme:light dark;--font-sans: "Instrument Sans", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--step--1: clamp(.84rem, .81rem + .16vw, .94rem);--step-0: clamp(1rem, .96rem + .24vw, 1.125rem);--step-1: clamp(1.125rem, 1.03rem + .46vw, 1.375rem);--step-2: clamp(1.4rem, 1.18rem + 1.08vw, 1.95rem);--step-3: clamp(1.8rem, 1.43rem + 1.82vw, 2.8rem);--step-4: clamp(2.4rem, 1.78rem + 3.05vw, 4rem);--space-1: clamp(.25rem, .21rem + .2vw, .375rem);--space-2: clamp(.6rem, .51rem + .4vw, .85rem);--space-3: clamp(.9rem, .74rem + .72vw, 1.25rem);--space-4: clamp(1.2rem, .98rem + 1vw, 1.8rem);--space-5: clamp(1.8rem, 1.42rem + 1.72vw, 2.8rem);--space-6: clamp(2.4rem, 1.88rem + 2.38vw, 3.8rem);--space-7: clamp(3.4rem, 2.58rem + 3.77vw, 5.8rem);--space-8: clamp(4.8rem, 3.59rem + 5.52vw, 8rem);--radius-1: .75rem;--radius-2: 1rem;--radius-3: 1.5rem;--radius-round: 999px;--shadow-sm: 0 1px 2px color-mix(in oklab, var(--ink) 10%, transparent);--shadow-md: 0 18px 40px -24px color-mix(in oklab, var(--ink) 35%, transparent);--shadow-lg: 0 32px 80px -36px color-mix(in oklab, var(--ink) 45%, transparent);--measure: 72rem;--measure-narrow: 32rem;--measure-text: 65ch;--focus-ring: 0 0 0 .2rem color-mix(in oklab, var(--accent) 28%, transparent);--ease-standard: cubic-bezier(.2, .8, .2, 1);--duration-fast: .14s;--duration-base: .22s;--canvas: oklch(.98 .01 95);--canvas-elevated: oklch(.995 .006 95);--surface: oklch(.97 .015 95);--surface-strong: oklch(.93 .018 95);--ink: oklch(.25 .02 250);--ink-soft: oklch(.44 .02 248);--accent: oklch(.58 .12 205);--accent-strong: oklch(.48 .12 205);--accent-ink: oklch(.98 .01 205);--border: color-mix(in oklab, var(--ink) 12%, transparent);--border-strong: color-mix(in oklab, var(--ink) 22%, transparent);--danger: oklch(.58 .2 27);--danger-surface: color-mix(in oklab, var(--danger) 10%, var(--canvas));--selection: color-mix(in oklab, var(--accent) 28%, white)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--canvas: oklch(.19 .018 255);--canvas-elevated: oklch(.24 .02 255);--surface: oklch(.28 .02 255);--surface-strong: oklch(.34 .024 255);--ink: oklch(.94 .015 95);--ink-soft: oklch(.76 .015 95);--accent: oklch(.72 .11 200);--accent-strong: oklch(.78 .12 190);--accent-ink: oklch(.19 .018 255);--border: color-mix(in oklab, var(--ink) 14%, transparent);--border-strong: color-mix(in oklab, var(--ink) 24%, transparent);--danger: oklch(.68 .18 25);--danger-surface: color-mix(in oklab, var(--danger) 18%, var(--canvas));--selection: color-mix(in oklab, var(--accent) 22%, black)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: oklch(.19 .018 255);--canvas-elevated: oklch(.24 .02 255);--surface: oklch(.28 .02 255);--surface-strong: oklch(.34 .024 255);--ink: oklch(.94 .015 95);--ink-soft: oklch(.76 .015 95);--accent: oklch(.72 .11 200);--accent-strong: oklch(.78 .12 190);--accent-ink: oklch(.19 .018 255);--border: color-mix(in oklab, var(--ink) 14%, transparent);--border-strong: color-mix(in oklab, var(--ink) 24%, transparent);--danger: oklch(.68 .18 25);--danger-surface: color-mix(in oklab, var(--danger) 18%, var(--canvas));--selection: color-mix(in oklab, var(--accent) 22%, black)}}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{hanging-punctuation:first last;-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}body{min-width:20rem;min-height:100vh}img,picture,svg,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit}button,[type=submit],[type=button],[role=button]{cursor:pointer}}@layer base{html{background-color:var(--canvas)}body{font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;background:radial-gradient(circle at top left,color-mix(in oklab,var(--accent) 18%,transparent),transparent 32%),radial-gradient(circle at top right,color-mix(in oklab,var(--surface-strong) 65%,transparent),transparent 28%),linear-gradient(180deg,var(--canvas-elevated) 0%,var(--canvas) 100%);color:var(--ink);text-rendering:optimizeLegibility;transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}::selection{background:var(--selection)}:where(a){color:inherit;text-decoration-color:color-mix(in oklab,var(--accent) 55%,transparent);text-underline-offset:.18em}:where(a:hover){text-decoration-color:currentColor}:where(code,pre,kbd,samp){font-family:var(--font-mono);font-size:.92em}:where(code){padding:.15em .4em;border:1px solid var(--border);border-radius:.5rem;background:color-mix(in oklab,var(--surface) 80%,transparent)}:where(h1,h2,h3){line-height:1.05;letter-spacing:-.03em;text-wrap:balance}:where(h1){font-size:var(--step-4)}:where(h2){font-size:var(--step-2)}:where(h3){font-size:var(--step-1)}:where(p){max-width:var(--measure-text)}:where(input,textarea,select,button){transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}:where(input,textarea,select){width:100%;border:1px solid var(--border);border-radius:var(--radius-1);background:color-mix(in oklab,var(--canvas-elevated) 65%,var(--surface));color:var(--ink)}:where(input::placeholder,textarea::placeholder){color:color-mix(in oklab,var(--ink-soft) 70%,transparent)}:where(:focus-visible){outline:none;box-shadow:var(--focus-ring)}:where(hr){border:0;border-top:1px solid var(--border)}#app{isolation:isolate}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}}@layer utilities{.u-stack{display:grid;gap:var(--stack-gap, var(--space-4))}.u-cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-3));align-items:center}.u-text-muted{color:var(--ink-soft)}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}