:root{--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--chrome-height: 32px;--primitive-cream-50: #f8f2e7;--primitive-cream-100: #f3ebdc;--primitive-cream-150: #efe4d0;--primitive-cream-200: #e6dac4;--primitive-cream-300: #d8c9ab;--primitive-ink-400: #8f8573;--primitive-ink-600: #5b5044;--primitive-ink-800: #2c231b;--primitive-ink-850: #2a2018;--primitive-ink-900: #241c16;--primitive-coral-400: #e26a50;--primitive-coral-500: #dd5a3e;--primitive-coral-600: #c94f36;--primitive-coral-700: #b8452e;--primitive-coral-tint-100: #f5ddd2;--primitive-coral-tint-200: #f0c3b4;--primitive-ochre-500: #a9762c;--primitive-plum-500: #8c3b3a;--primitive-rose-500: #c97a6d;--primitive-tangerine-500: #e0862f;--primitive-rust-500: #b23324;--primitive-amber-500: #c1861f;--bg: var(--primitive-cream-100);--bg2: var(--primitive-cream-50);--bg3: var(--primitive-cream-200);--cyan: var(--primitive-ochre-500);--primary: var(--primitive-coral-500);--on-primary: var(--primitive-cream-50);--text: var(--primitive-ink-900);--text2: var(--primitive-ink-600);--muted: var(--primitive-ink-400);--prose: var(--primitive-ink-800);--border: var(--primitive-ink-850);--error: var(--primitive-rust-500);--warning: var(--primitive-amber-500);--violet: var(--primitive-plum-500);--pink: var(--primitive-rose-500);--mandarine: var(--primitive-tangerine-500);--grid-line: rgba(36,28,22,.12);--active-tint: rgba(221,90,62,.12);--hover-tint: rgba(36,28,22,.05);--surface-base: var(--primitive-cream-100);--surface-raised: var(--primitive-cream-50);--surface-inset: var(--primitive-cream-200);--surface-pressed: var(--primitive-cream-300);--hover-surface: var(--primitive-cream-150);--selected-surface: var(--primitive-coral-500);--on-selected: var(--primitive-cream-50);--elev-1: none;--elev-2: 0 1px 0 var(--border);--elev-3: 0 2px 0 var(--border);--elev-4: 3px 3px 0 rgba(36,28,22,.18);--elev-5: 5px 5px 0 rgba(36,28,22,.22);--elev-inset: inset 0 1px 0 rgba(36,28,22,.18);--elev-pressed: inset 0 2px 0 rgba(36,28,22,.25);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--border-thin: 1px;--border-regular: 1px;--border-thick: 2px;--icon-stroke: 1.5;--font-heading: "Fraunces", Georgia, serif;--font-body: "Work Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--label-transform: uppercase;--label-tracking: .1em;--heading-transform: none;--heading-tracking: -.01em;--case-tabs-tint-1: color-mix(in srgb, var(--mandarine) 20%, var(--bg3));--case-tabs-tint-2: color-mix(in srgb, var(--violet) 16%, var(--bg3));--case-tabs-tint-3: color-mix(in srgb, var(--pink) 16%, var(--bg3));--case-tabs-tint-4: color-mix(in srgb, var(--warning) 18%, var(--bg3));--case-tabs-tint-5: color-mix(in srgb, var(--cyan) 16%, var(--bg3))}[data-invert]{--bg: var(--primitive-coral-500);--bg2: var(--primitive-coral-400);--bg3: var(--primitive-coral-600);--text: var(--primitive-cream-50);--text2: var(--primitive-coral-tint-100);--muted: var(--primitive-coral-tint-200);--prose: var(--primitive-cream-50);--border: var(--primitive-cream-50);--primary: var(--primitive-cream-50);--on-primary: var(--primitive-coral-500);--active-tint: rgba(248,242,231,.18);--hover-tint: rgba(248,242,231,.1);--surface-base: var(--primitive-coral-500);--surface-raised: var(--primitive-coral-400);--surface-inset: var(--primitive-coral-600);--surface-pressed: var(--primitive-coral-700);--hover-surface: rgba(248,242,231,.12);--selected-surface: var(--primitive-cream-50);--on-selected: var(--primitive-coral-500);--elev-2: 0 1px 0 rgba(248,242,231,.35);--elev-3: 0 2px 0 rgba(248,242,231,.35);--elev-4: 3px 3px 0 rgba(0,0,0,.15);--elev-5: 5px 5px 0 rgba(0,0,0,.18);--elev-inset: inset 0 1px 0 rgba(0,0,0,.2);--elev-pressed: inset 0 2px 0 rgba(0,0,0,.25)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--border-regular) solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{:root{--elev-1: none !important;--elev-2: none !important;--elev-3: none !important;--elev-4: none !important;--elev-5: none !important;--elev-inset: none !important;--elev-pressed: none !important;--hover-surface: transparent !important}}@keyframes kit-spin{to{transform:rotate(360deg)}}@keyframes kit-pulse{0%,to{opacity:1}50%{opacity:.45}}
