:root{--dk-paper: #eeece7;--dk-paper-dim: #d8d4ca;--dk-surface: #fbfaf7;--dk-surface-pure: #ffffff;--dk-hover: #e4e1d9;--dk-placeholder-a: #e2dfd8;--dk-placeholder-b: #e9e6df;--dk-ink: #161616;--dk-ink-soft: #2c2a24;--dk-ink-muted: #3c382f;--dk-text-2: #5e5a52;--dk-text-3: #8a857c;--dk-text-mute: #9a958b;--dk-placeholder-text: #a8a298;--dk-hairline-on-paper: #c0bbb0;--dk-accent: #d4452f;--dk-accent-press: #b8381f;--dk-win: #1c7a4d;--dk-draw: #c8a04a;--dk-loss: #8a857c;--dk-inverse-bg: #161616;--dk-inverse-text: #f3f1ec;--dk-inverse-text-2: #a8a39a;--dk-inverse-hairline: rgba(243, 241, 236, .16);--dk-inverse-border: rgba(243, 241, 236, .4);--dk-border-13: rgba(22, 22, 22, .13);--dk-border-15: rgba(22, 22, 22, .15);--dk-border-18: rgba(22, 22, 22, .18);--dk-border-30: rgba(22, 22, 22, .3);--dk-border-color: var(--dk-ink);--dk-radius: 4px;--dk-radius-sm: 3px;--dk-radius-pill: 99px;--dk-border-w: 1.5px;--dk-border-w-1: 1px;--dk-border: 1.5px solid var(--dk-ink);--dk-border-accent: 1.5px solid var(--dk-accent);--dk-selected-rail: inset 4px 0 0 var(--dk-accent);--dk-space-1: 4px;--dk-space-2: 7px;--dk-space-3: 10px;--dk-space-4: 14px;--dk-space-5: 18px;--dk-space-6: 22px;--dk-space-7: 28px;--dk-space-8: 34px;--dk-h-button: 54px;--dk-h-button-md: 50px;--dk-h-button-sm: 44px;--dk-h-field: 50px;--dk-h-field-sm: 44px;--dk-tap-min: 44px;--dk-hatch: repeating-linear-gradient(135deg, var(--dk-placeholder-a) 0 12px, var(--dk-placeholder-b) 12px 24px);--dk-font-display: "Archivo", system-ui, sans-serif;--dk-font-ui: "Archivo", system-ui, sans-serif;--dk-font-mono: "Space Mono", ui-monospace, monospace;--dk-w-regular: 400;--dk-w-medium: 500;--dk-w-semi: 600;--dk-w-bold: 700;--dk-w-heavy: 800;--dk-w-black: 900;--dk-h1: 46px;--dk-h1-tight: .9;--dk-h2: 34px;--dk-h3: 28px;--dk-h4: 24px;--dk-title: 18px;--dk-title-sm: 15px;--dk-body: 15px;--dk-body-sm: 14px;--dk-body-xs: 13px;--dk-label: 11px;--dk-label-sm: 10px;--dk-label-xs: 9px;--dk-track-display: -.03em;--dk-track-tight: -.02em;--dk-track-ui: .04em;--dk-track-button: .06em;--dk-track-mono: .14em;--dk-track-mono-wide: .18em;--dk-shadow-fab: 0 8px 20px -6px rgba(212, 69, 47, .7);--dk-on-accent: #ffffff;--dk-inverse-hairline-soft: rgba(243, 241, 236, .12);--dk-inverse-border-strong: rgba(243, 241, 236, .28);--dk-scrim: rgba(22, 22, 22, .55);--dk-shadow-pop: 0 24px 50px -30px rgba(20, 20, 18, .45);--dk-shadow-menu: 0 12px 28px -16px rgba(20, 20, 18, .5);--dk-photo-chip: rgba(20, 18, 15, .72);--dk-photo-chip-soft: rgba(20, 18, 15, .6);--dk-lightbox-bg: rgba(12, 11, 10, .92);--dk-swatch-ring: rgba(0, 0, 0, .25);--dk-skel-a: #e4e1d9;--dk-skel-b: #ece9e2;--dk-topbar-h: 61px;--paper: var(--dk-paper);--surface: var(--dk-surface);--ink: var(--dk-ink);--ink-2: var(--dk-text-2);--ink-3: var(--dk-text-3);--ink-4: var(--dk-placeholder-text);--accent: var(--dk-accent);--win: var(--dk-win);--gold: var(--dk-draw);--loss: var(--dk-loss);--inv-bg: var(--dk-inverse-bg);--inv-ink: var(--dk-inverse-text);--inv-ink-2: var(--dk-inverse-text-2);--hair: var(--dk-border-18);--hair-soft: var(--dk-border-13);--inv-hair: var(--dk-inverse-hairline-soft);--inv-hair-strong: var(--dk-inverse-border-strong);--hatch: var(--dk-hatch);--font-ui: var(--dk-font-ui);--font-mono: var(--dk-font-mono);--topbar-h: var(--dk-topbar-h)}