@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;min-block-size:100dvb;line-height:1.5}img,svg{max-inline-size:100%;display:block}input,button,select,textarea{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;line-height:1.15}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--hue:150;--color-bg:var(--lightningcss-light,oklch(97.5% .008 var(--hue)))var(--lightningcss-dark,oklch(17% .02 var(--hue)));--color-surface:var(--lightningcss-light,oklch(100% 0 none))var(--lightningcss-dark,oklch(21% .022 var(--hue)));--color-surface-2:var(--lightningcss-light,oklch(95% .012 var(--hue)))var(--lightningcss-dark,oklch(25% .024 var(--hue)));--color-border:var(--lightningcss-light,oklch(88% .015 var(--hue)))var(--lightningcss-dark,oklch(33% .022 var(--hue)));--color-text:var(--lightningcss-light,oklch(22% .025 var(--hue)))var(--lightningcss-dark,oklch(95% .01 var(--hue)));--color-text-muted:var(--lightningcss-light,oklch(48% .02 var(--hue)))var(--lightningcss-dark,oklch(72% .015 var(--hue)));--color-brand:var(--lightningcss-light,oklch(42% .09 var(--hue)))var(--lightningcss-dark,oklch(74% .12 var(--hue)));--color-brand-contrast:var(--lightningcss-light,oklch(99% 0 none))var(--lightningcss-dark,oklch(17% .02 var(--hue)));--color-accent:oklch(82% .15 85);--color-danger:var(--lightningcss-light,oklch(52% .19 25))var(--lightningcss-dark,oklch(70% .17 25));--color-success:var(--lightningcss-light,oklch(52% .13 150))var(--lightningcss-dark,oklch(74% .14 150));--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", monospace;--step--1:clamp(.8rem, .78rem + .1vw, .875rem);--step-0:clamp(.95rem, .92rem + .15vw, 1.0625rem);--step-1:clamp(1.15rem, 1.08rem + .3vw, 1.35rem);--step-2:clamp(1.4rem, 1.27rem + .55vw, 1.75rem);--step-3:clamp(1.7rem, 1.48rem + .95vw, 2.3rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--radius-s:.375rem;--radius-m:.625rem;--radius-l:1rem;--shadow-1:0 1px 2px oklch(0% 0 0/.06), 0 1px 3px oklch(0% 0 0/.08);--tap-min:2.75rem;--ease-out:cubic-bezier(.2, .8, .2, 1);--duration:.16s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}}@layer base{body{font-family:var(--font-sans);font-size:var(--step-0);background:var(--color-bg);color:var(--color-text)}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}a{color:var(--color-brand);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}button,.button{justify-content:center;align-items:center;gap:var(--space-2xs);min-block-size:var(--tap-min);padding-inline:var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--duration) var(--ease-out);font-weight:600;text-decoration:none;display:inline-flex}:is(button,.button):hover{background:var(--color-surface-2)}:is(button,.button)[data-variant=primary]{background:var(--color-brand);color:var(--color-brand-contrast);border-color:#0000}:is(button,.button)[data-variant=primary]:hover{background:color-mix(in oklch, var(--color-brand), black 12%)}:is(button,.button):disabled{opacity:.6;cursor:default}input:where(:not([type=checkbox],[type=radio])),select{min-block-size:var(--tap-min);inline-size:100%;padding-inline:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);font-size:max(16px,1em)}label{gap:var(--space-3xs);font-weight:600;font-size:var(--step--1);display:grid}}@layer components{.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);padding:var(--space-m);box-shadow:var(--shadow-1)}.stack{gap:var(--stack-gap,var(--space-s));flex-direction:column;display:flex}.cluster{align-items:center;gap:var(--cluster-gap,var(--space-xs));flex-wrap:wrap;display:flex}.page{inline-size:min(100% - 2 * var(--space-s), 56rem);padding-block:var(--space-l);margin-inline:auto}.muted{color:var(--color-text-muted)}.small{font-size:var(--step--1)}.error{color:var(--color-danger);font-weight:600}.ok{color:var(--color-success);font-weight:600}.chip{min-block-size:2.25rem;font-size:var(--step--1)}.chip[aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}.pill{background:var(--color-surface-2);font-size:var(--step--1);border-radius:999px;padding:.1em .6em;font-weight:600;display:inline-block}}@layer utilities;
