/* CODE<dre> — generated from tokens.json */
:root, [data-theme="dark"] {
  --canvas: #121417;
  --surface: #1b1e22;
  --surface-2: #22262b;
  --line: #2c3036;
  --line-strong: #3a3f46;
  --ink: #e9ebee;
  --ink-soft: #a3aab3;
  --muted: #9aa1aa;
  --fault-red: #ff4d42;
  --accent-ink: #121417;
  --signal-red: #c41e17;
  --ember: #9e1712;
  --story-ink: #141414;
  --chalk: #f2f2f0;
  --steel: #a3a6ab;
  --tray: #d9dce0;
  --tray-caption: #3e454e;
  --elevation-1: 0 1px 2px rgba(6, 7, 8, 0.28), 0 2px 6px -1px rgba(6, 7, 8, 0.2);
  --edge-light: inset 0 1px 0 rgba(233, 235, 238, 0.1);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --bar-height: 56px;
  --rail-width: 232px;
  --radius-pill: 4px;
  --radius-control: 6px;
  --radius-panel: 10px;
  --radius-none: 0;
  --font-sans: "Schibsted Grotesk", "Helvetica Neue", system-ui, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-shout: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
}
.story-big { font-family: var(--font-shout); font-size: 176px; line-height: 0.8; font-weight: 900; letter-spacing: -0.005em; }
.story-shout { font-family: var(--font-shout); font-size: 112px; line-height: 0.84; font-weight: 900; }
.result-big { font-family: var(--font-shout); font-size: 64px; line-height: 0.9; font-weight: 900; }
.display { font-family: var(--font-sans); font-size: 72px; line-height: 0.93; font-weight: 900; letter-spacing: -0.04em; }
.h2 { font-family: var(--font-sans); font-size: 56px; line-height: 0.98; font-weight: 900; letter-spacing: -0.035em; }
.h3 { font-family: var(--font-sans); font-size: 40px; line-height: 1; font-weight: 900; letter-spacing: -0.035em; }
.lead { font-family: var(--font-sans); font-size: 19px; line-height: 1.55; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.55; font-weight: 400; }
.list { font-family: var(--font-sans); font-size: 14.5px; line-height: 1.45; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 15px; line-height: 1; font-weight: 700; letter-spacing: -0.005em; }
.wordmark { font-family: var(--font-mono); font-size: 17px; line-height: 1; font-weight: 600; letter-spacing: -0.02em; }
.label { font-family: var(--font-mono); font-size: 12px; line-height: 1.4; font-weight: 500; }
.micro { font-family: var(--font-mono); font-size: 11px; line-height: 1.3; font-weight: 500; letter-spacing: 0.02em; }
.stat-figure { font-family: var(--font-mono); font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: -0.03em; }