@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: .875rem;--step-0: 1rem;--step-1: 1.125rem;--step-2: 1.5rem;--step-3: 2rem;--step-4: 2.75rem;--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: .375rem;--radius-2: .5rem;--radius-3: .625rem;--radius-round: 999px;--shadow-sm: 0 1px 2px color-mix(in oklab, var(--ink) 7%, transparent);--shadow-md: 0 10px 24px -20px color-mix(in oklab, var(--ink) 28%, transparent);--shadow-lg: 0 16px 40px -30px color-mix(in oklab, var(--ink) 32%, 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(.975 .004 245);--canvas-elevated: oklch(.998 .002 245);--surface: oklch(.952 .006 245);--surface-strong: oklch(.91 .008 245);--ink: oklch(.23 .018 255);--ink-soft: oklch(.45 .015 255);--accent: oklch(.5 .085 220);--accent-strong: oklch(.41 .085 224);--accent-ink: oklch(.99 .003 245);--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(.18 .012 255);--canvas-elevated: oklch(.22 .012 255);--surface: oklch(.27 .012 255);--surface-strong: oklch(.34 .014 255);--ink: oklch(.94 .006 245);--ink-soft: oklch(.72 .01 245);--accent: oklch(.68 .08 218);--accent-strong: oklch(.76 .075 215);--accent-ink: oklch(.17 .012 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(.18 .012 255);--canvas-elevated: oklch(.22 .012 255);--surface: oklch(.27 .012 255);--surface-strong: oklch(.34 .014 255);--ink: oklch(.94 .006 245);--ink-soft: oklch(.72 .01 245);--accent: oklch(.68 .08 218);--accent-strong: oklch(.76 .075 215);--accent-ink: oklch(.17 .012 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:var(--canvas);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:var(--radius-1);background:color-mix(in oklab,var(--surface) 80%,transparent)}:where(h1,h2,h3){line-height:1.12;letter-spacing:0;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-2);background:var(--canvas-elevated);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)}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;padding:0;color:var(--ink-soft);font-size:var(--step--1);font-weight:700;letter-spacing:0;text-transform:uppercase}.eyebrow-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}}
