@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[class],ol[class],ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}img,svg{display:block;max-inline-size:100%}input,button,select,textarea{font:inherit;color:inherit}}@layer tokens{:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=system]{color-scheme:light dark}:root{--surface: light-dark(#fbf7f0, #1b1916);--surface-raised: light-dark(#ffffff, #25221e);--surface-sunken: light-dark(#f3ece2, #201d1a);--text: light-dark(#2d2a26, #f2ede6);--text-muted: light-dark(#655c53, #bdb3a7);--border: light-dark(#e6ddd0, #3b362f);--border-control: light-dark(#8a8075, #8a8074);--brand: light-dark(#1d5c63, #84c5c7);--brand-hover: light-dark(#123f44, #a9d9da);--brand-soft: light-dark(#e1eeec, #1e3537);--brand-contrast: light-dark(#ffffff, #0d2224);--danger: light-dark(#a3432a, #f2a184);--danger-soft: light-dark(#fbe4d8, #3d241b);--ok: light-dark(#2b6f37, #8fd29d);--ok-soft: light-dark(#e5f4e8, #1c3323);--ok-mark: light-dark(#2f9e44, #5cc172);--notice: light-dark(#74530e, #f1d07d);--notice-soft: light-dark(#fbf0d3, #3a3017);--focus: light-dark(#1d5c63, #84c5c7);--shadow-raised: 0 1px 2px light-dark(rgb(45 42 38 / 6%), rgb(0 0 0 / 30%)), 0 4px 12px light-dark(rgb(45 42 38 / 5%), rgb(0 0 0 / 0%));--shadow-overlay: 0 8px 28px light-dark(rgb(45 42 38 / 18%), rgb(0 0 0 / 50%));--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-s: .75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-s: .875rem;--text-m: 1rem;--text-l: clamp(1.0625rem, 1rem + .3vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--line-height: 1.5;--line-height-tight: 1.25;--weight-strong: 600;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-round: 50%;--size-touch: 2.75rem;--size-icon: 1.25rem;--size-avatar-s: 2.25rem;--size-avatar-l: 4.5rem;--size-logo-s: 2rem;--size-logo-l: 3rem;--size-border: 1px;--size-focus: 2px;--size-indicator: 3px;--size-measure: 65ch;--size-column-s: 12rem;--size-column-m: 17rem;--size-column-l: 22rem;--size-content-s: 26rem;--size-content-m: 44rem;--size-content-l: 64rem;--size-content-xl: 80rem;--size-nav: 15rem;--size-menu: 17rem;--size-top-bar: 4rem;--size-placeholder-chip: 5.5rem;--size-placeholder-button: 6rem;--size-placeholder-block: 12rem;--placeholder-line-inset: .18lh;--layer-raised: 1;--layer-nav: 10;--layer-menu: 20;--layer-toast: 30;--duration-quick: .12s;--duration-pulse: 1.6s}@media(prefers-reduced-motion:reduce){:root{--duration-quick: 0s;--duration-pulse: 0s}}}@layer base{body{background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--text-m);line-height:var(--line-height);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:var(--line-height-tight);font-weight:var(--weight-strong);text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-l)}h3{font-size:var(--text-m)}p{max-inline-size:var(--size-measure)}a{color:var(--brand);text-underline-offset:.15em}a:hover{color:var(--brand-hover)}code{font-family:var(--font-mono);font-size:var(--text-s);overflow-wrap:anywhere}:focus-visible{outline:var(--size-focus) solid var(--focus);outline-offset:var(--size-focus)}}@layer base{input[type=text],input[type=search],select{max-inline-size:100%;min-block-size:var(--size-touch);padding-inline:var(--space-s);border:var(--size-border) solid var(--border-control);border-radius:var(--radius-m);background:var(--surface-raised);color:var(--text)}input[aria-invalid=true]{border-color:var(--danger)}}@layer layout{[data-gap="3xs"]{--gap: var(--space-3xs)}[data-gap="2xs"]{--gap: var(--space-2xs)}[data-gap=xs]{--gap: var(--space-xs)}[data-gap=s]{--gap: var(--space-s)}[data-gap=m]{--gap: var(--space-m)}[data-gap=l]{--gap: var(--space-l)}[data-gap=xl]{--gap: var(--space-xl)}[data-gap="2xl"]{--gap: var(--space-2xl)}.stack{display:flex;flex-direction:column;gap:var(--gap)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap)}.cluster[data-justify=between]{justify-content:space-between}.cluster[data-justify=end]{justify-content:flex-end}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr))}.grid[data-min=s]{--grid-min: var(--size-column-s)}.grid[data-min=m]{--grid-min: var(--size-column-m)}.grid[data-min=l]{--grid-min: var(--size-column-l)}.center{inline-size:100%;max-inline-size:var(--center-max);margin-inline:auto}.center[data-max=s]{--center-max: var(--size-content-s)}.center[data-max=m]{--center-max: var(--size-content-m)}.center[data-max=l]{--center-max: var(--size-content-l)}.center[data-max=xl]{--center-max: var(--size-content-xl)}}@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-block-size:var(--size-touch);padding-inline:var(--space-m);border:var(--size-border) solid var(--brand);border-radius:var(--radius-m);background:var(--brand);color:var(--brand-contrast);font-weight:var(--weight-strong);line-height:var(--line-height-tight);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-quick)}.button:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--brand-contrast)}.button[data-variant=secondary]{border-color:var(--border-control);background:var(--surface-raised);color:var(--text)}.button[data-variant=secondary]:hover{background:var(--surface-sunken)}.button[data-variant=danger]{border-color:var(--danger);background:var(--surface-raised);color:var(--danger)}.button[data-variant=danger]:hover{background:var(--danger-soft)}.button[data-width=full]{inline-size:100%}.button:disabled{opacity:.6;cursor:default}.chip{display:inline-flex;align-items:center;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-s);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);line-height:var(--line-height);white-space:nowrap}.chip[data-tone=brand]{background:var(--brand-soft);color:var(--brand)}.chip[data-tone=notice]{background:var(--notice-soft);color:var(--notice)}.chip[data-tone=ok]{background:var(--ok-soft);color:var(--ok)}.chip[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.card{padding:var(--card-padding);border:var(--size-border) solid var(--border);border-radius:var(--radius-l);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.card[data-padding=m]{--card-padding: var(--space-m)}.card[data-padding=l]{--card-padding: var(--space-l)}.menu{position:absolute;inset-block-start:calc(100% + var(--space-2xs));inset-inline-end:0;z-index:var(--layer-menu);min-inline-size:var(--size-menu);padding-block:var(--space-xs);border:var(--size-border) solid var(--border);border-radius:var(--radius-l);background:var(--surface-raised);box-shadow:var(--shadow-overlay)}.menu[data-visible=false]{display:none}.menu-item{display:flex;align-items:center;min-block-size:var(--size-touch);padding-inline:var(--space-m);cursor:pointer}.menu-item[data-active=true]{background:var(--surface-sunken)}.menu-item:focus-visible{outline-offset:calc(var(--size-focus) * -1)}.menu-item[data-tone=danger]{color:var(--danger)}.menu-separator{margin-block:var(--space-xs);border:0;border-block-start:var(--size-border) solid var(--border)}}@layer utilities{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.muted{color:var(--text-muted)}}