/* Instrument — generated from tokens.json */
:root, [data-theme="light"] {
  --ground: #ffffff;
  --plate: #f1f4f9;
  --rule: #dbdee5;
  --edge: #878c96;
  --ink: #141a29;
  --ink-2: #4c5361;
  --ink-3: #666c78;
  --steel: #344298;
  --on-steel: #ffffff;
  --steel-soft: #eaefff;
  --band-ef: #ae2f25;
  --band-f: #ca6a4c;
  --band-n: #bbbec3;
  --band-g: #47a09b;
  --band-eg: #007471;
  --delayed: #915c08;
  --delayed-soft: #fbefd6;
  --link: var(--steel);
  --focus: var(--steel);
  --shadow-pop: 0 8px 24px #141a2914, 0 1px 2px #141a291f;
}
[data-theme="dark"] {
  --ground: #16171a;
  --plate: #1e2025;
  --rule: #33353b;
  --edge: #6d7078;
  --ink: #f0eee9;
  --ink-2: #babec4;
  --ink-3: #9b9ea6;
  --steel: #9badf1;
  --on-steel: #16171a;
  --steel-soft: #242c49;
  --band-ef: #ff7c70;
  --band-f: #b55f40;
  --band-n: #4b4d52;
  --band-g: #3e9089;
  --band-eg: #53c7bd;
  --delayed: #e6b55d;
  --delayed-soft: #3c2a0e;
  --link: var(--steel);
  --focus: var(--steel);
  --shadow-pop: 0 8px 24px #00000080;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;
  --radius-pill: 9999px;
  --content-max: 1200px;
  --measure: 68ch;
  --dial-hero: 460px;
  --dial-card: 96px;
  --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-text: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "B612 Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 60px; line-height: 64px; font-weight: 500; letter-spacing: -0.015em; font-variation-settings: opsz 72; }
.display-l { font-family: var(--font-display); font-size: 36px; line-height: 42px; font-weight: 500; letter-spacing: -0.01em; font-variation-settings: opsz 48; }
.display-m { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 500; font-variation-settings: opsz 24; }
.lead { font-family: var(--font-text); font-size: 20px; line-height: 32px; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 17px; line-height: 28px; font-weight: 400; }
.label { font-family: var(--font-text); font-size: 15px; line-height: 22px; font-weight: 600; }
.caption { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 400; }
.readout { font-family: var(--font-mono); font-size: 96px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; }
.figure { font-family: var(--font-mono); font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: -0.01em; }
.figure-s { font-family: var(--font-mono); font-size: 22px; line-height: 28px; font-weight: 700; }
.data { font-family: var(--font-mono); font-size: 16px; line-height: 24px; font-weight: 400; }
.tick { font-family: var(--font-mono); font-size: 13px; line-height: 16px; font-weight: 400; }