/* Loom — compiled from tokens.json by compile-tokens.mjs; do not edit by hand. */
:root, [data-theme="light"] {
  --surface-ground: var(--grey-040);
  --surface-panel: var(--grey-000);
  --surface-sunken: var(--grey-060);
  --surface-hover: var(--grey-080);
  --surface-pressed: var(--grey-120);
  --surface-field: var(--grey-000);
  --surface-inverse: var(--grey-930);
  --text-strong: var(--grey-945);
  --text-body: var(--grey-820);
  --text-secondary: var(--grey-670);
  --text-muted: var(--grey-590);
  --text-disabled: var(--grey-340);
  --on-inverse: var(--grey-075);
  --on-positive: var(--grey-000);
  --on-critical: var(--grey-000);
  --on-info: var(--grey-000);
  --on-danger: var(--grey-000);
  --brand-strip: var(--surface-inverse);
  --on-brand-strip: var(--on-inverse);
  --line-hairline: var(--grey-095);
  --line-strong: var(--grey-165);
  --line-control: var(--grey-450);
  --rail-bg: var(--grey-930);
  --rail-current-bg: var(--grey-850);
  --rail-pressed-bg: var(--grey-800);
  --rail-line: var(--grey-815);
  --rail-text: var(--grey-255);
  --rail-text-current: var(--grey-000);
  --rail-heading: var(--grey-400);
  --ember: var(--ember-510);
  --ember-fill: var(--ember-510);
  --ember-fill-hover: var(--ember-565);
  --ember-fill-pressed: var(--ember-605);
  --on-ember: var(--grey-000);
  --ember-text: var(--ember-605);
  --ember-wash: var(--ember-065);
  --on-inverse-ember: var(--ember-435);
  --action-ink: var(--grey-945);
  --action-ink-hover: var(--grey-805);
  --action-ink-pressed: var(--grey-725);
  --on-action-ink: var(--grey-000);
  --danger-fill: var(--crimson-620);
  --danger-fill-hover: var(--crimson-680);
  --danger-fill-pressed: var(--crimson-730);
  --positive: var(--green-545);
  --positive-text: var(--green-600);
  --positive-dim: var(--green-060);
  --on-inverse-positive: var(--green-270);
  --caution: var(--amber-245);
  --on-caution: var(--amber-940);
  --caution-edge: var(--amber-510);
  --caution-text: var(--amber-615);
  --caution-dim: var(--amber-050);
  --critical: var(--crimson-620);
  --critical-text: var(--crimson-635);
  --critical-dim: var(--crimson-085);
  --on-inverse-critical: var(--crimson-315);
  --info: var(--grey-725);
  --info-text: var(--grey-725);
  --info-dim: var(--grey-070);
  --unknown-line: var(--grey-530);
  --unknown-text: var(--grey-670);
  --unknown-dim: var(--grey-040);
  --data-focus: var(--ember);
  --data-context-1: var(--grey-945);
  --data-context-2: var(--grey-590);
  --data-context-3: var(--grey-340);
  --data-track: var(--grey-120);
  --text-on-inverse: var(--on-inverse);
  --text-on-fill: var(--on-critical);
  --ember-on-inverse: var(--on-inverse-ember);
  --positive-on-inverse: var(--on-inverse-positive);
  --critical-on-inverse: var(--on-inverse-critical);
  --grey-000: #ffffff;
  --grey-040: #f2f3f4;
  --grey-045: #f1f2f3;
  --grey-060: #eceef0;
  --grey-070: #e9ebee;
  --grey-075: #e9eaec;
  --grey-080: #e5e8eb;
  --grey-095: #e2e4e7;
  --grey-120: #d9dde1;
  --grey-125: #d9dbde;
  --grey-165: #ccd0d5;
  --grey-200: #c3c7cc;
  --grey-255: #b4b8be;
  --grey-270: #b0b4ba;
  --grey-340: #9ca1a7;
  --grey-365: #959aa1;
  --grey-400: #8c9198;
  --grey-410: #8a8f96;
  --grey-450: #7f848b;
  --grey-515: #6e737b;
  --grey-530: #6b7078;
  --grey-590: #5d6168;
  --grey-595: #5b6067;
  --grey-670: #4a4e54;
  --grey-725: #3d4148;
  --grey-740: #3a3e44;
  --grey-775: #33363c;
  --grey-800: #2e3036;
  --grey-805: #2c2f34;
  --grey-815: #2a2d32;
  --grey-820: #2a2d31;
  --grey-830: #272a2f;
  --grey-840: #26282d;
  --grey-850: #24262b;
  --grey-855: #22252a;
  --grey-875: #1f2125;
  --grey-915: #17181b;
  --grey-930: #141518;
  --grey-940: #121315;
  --grey-945: #111214;
  --grey-955: #0f1012;
  --grey-970: #0a0b0c;
  --ember-065: #fbe9e2;
  --ember-345: #f0804a;
  --ember-375: #f0722e;
  --ember-435: #e65c2d;
  --ember-510: #ce451b;
  --ember-565: #b83c16;
  --ember-605: #a83614;
  --ember-890: #2b1912;
  --crimson-085: #f8e1e3;
  --crimson-315: #f08a92;
  --crimson-540: #c23d48;
  --crimson-570: #b8343f;
  --crimson-620: #a62a36;
  --crimson-635: #a3232f;
  --crimson-680: #8e2230;
  --crimson-730: #7a1c29;
  --crimson-880: #33171a;
  --green-060: #e2f1e8;
  --green-270: #6cc496;
  --green-545: #1f7a4d;
  --green-600: #1a6b43;
  --green-855: #15291e;
  --amber-050: #fbf0d0;
  --amber-215: #e8bd52;
  --amber-245: #e8b22a;
  --amber-510: #9a6c00;
  --amber-615: #7a5300;
  --amber-845: #2d2610;
  --amber-940: #1a1300;
  --shadow-panel: 0 1px 2px #1112140a;
  --shadow-thumb: 0 1px 2px #1112141f;
  --shadow-pop: 0 8px 24px #1112141f;
}
[data-theme="dark"] {
  --surface-ground: var(--grey-955);
  --surface-panel: var(--grey-915);
  --surface-sunken: var(--grey-875);
  --surface-hover: var(--grey-830);
  --surface-pressed: var(--grey-775);
  --surface-field: var(--grey-940);
  --surface-inverse: var(--grey-075);
  --text-strong: var(--grey-045);
  --text-body: var(--grey-125);
  --text-secondary: var(--grey-270);
  --text-muted: var(--grey-365);
  --text-disabled: var(--grey-595);
  --on-inverse: var(--grey-930);
  --on-positive: var(--grey-000);
  --on-critical: var(--grey-000);
  --on-info: var(--grey-000);
  --on-danger: var(--grey-000);
  --brand-strip: var(--surface-inverse);
  --on-brand-strip: var(--on-inverse);
  --line-hairline: var(--grey-815);
  --line-strong: var(--grey-740);
  --line-control: var(--grey-515);
  --rail-bg: var(--grey-970);
  --rail-current-bg: var(--grey-875);
  --rail-pressed-bg: var(--grey-840);
  --rail-line: var(--grey-855);
  --rail-text: var(--grey-255);
  --rail-text-current: var(--grey-000);
  --rail-heading: var(--grey-400);
  --ember: var(--ember-435);
  --ember-fill: var(--ember-435);
  --ember-fill-hover: var(--ember-375);
  --ember-fill-pressed: var(--ember-345);
  --on-ember: var(--grey-945);
  --ember-text: var(--ember-345);
  --ember-wash: var(--ember-890);
  --on-inverse-ember: var(--ember-510);
  --action-ink: var(--grey-045);
  --action-ink-hover: var(--grey-125);
  --action-ink-pressed: var(--grey-200);
  --on-action-ink: var(--grey-945);
  --danger-fill: var(--crimson-570);
  --danger-fill-hover: var(--crimson-620);
  --danger-fill-pressed: var(--crimson-680);
  --positive: var(--green-545);
  --positive-text: var(--green-270);
  --positive-dim: var(--green-855);
  --on-inverse-positive: var(--green-600);
  --caution: var(--amber-245);
  --on-caution: var(--amber-940);
  --caution-edge: var(--amber-245);
  --caution-text: var(--amber-215);
  --caution-dim: var(--amber-845);
  --critical: var(--crimson-540);
  --critical-text: var(--crimson-315);
  --critical-dim: var(--crimson-880);
  --on-inverse-critical: var(--crimson-635);
  --info: var(--grey-725);
  --info-text: var(--grey-200);
  --info-dim: var(--grey-855);
  --unknown-line: var(--grey-410);
  --unknown-text: var(--grey-270);
  --unknown-dim: var(--grey-915);
  --data-focus: var(--ember);
  --data-context-1: var(--grey-045);
  --data-context-2: var(--grey-365);
  --data-context-3: var(--grey-595);
  --data-track: var(--grey-775);
  --text-on-inverse: var(--on-inverse);
  --text-on-fill: var(--on-critical);
  --ember-on-inverse: var(--on-inverse-ember);
  --positive-on-inverse: var(--on-inverse-positive);
  --critical-on-inverse: var(--on-inverse-critical);
  --grey-000: #ffffff;
  --grey-040: #f2f3f4;
  --grey-045: #f1f2f3;
  --grey-060: #eceef0;
  --grey-070: #e9ebee;
  --grey-075: #e9eaec;
  --grey-080: #e5e8eb;
  --grey-095: #e2e4e7;
  --grey-120: #d9dde1;
  --grey-125: #d9dbde;
  --grey-165: #ccd0d5;
  --grey-200: #c3c7cc;
  --grey-255: #b4b8be;
  --grey-270: #b0b4ba;
  --grey-340: #9ca1a7;
  --grey-365: #959aa1;
  --grey-400: #8c9198;
  --grey-410: #8a8f96;
  --grey-450: #7f848b;
  --grey-515: #6e737b;
  --grey-530: #6b7078;
  --grey-590: #5d6168;
  --grey-595: #5b6067;
  --grey-670: #4a4e54;
  --grey-725: #3d4148;
  --grey-740: #3a3e44;
  --grey-775: #33363c;
  --grey-800: #2e3036;
  --grey-805: #2c2f34;
  --grey-815: #2a2d32;
  --grey-820: #2a2d31;
  --grey-830: #272a2f;
  --grey-840: #26282d;
  --grey-850: #24262b;
  --grey-855: #22252a;
  --grey-875: #1f2125;
  --grey-915: #17181b;
  --grey-930: #141518;
  --grey-940: #121315;
  --grey-945: #111214;
  --grey-955: #0f1012;
  --grey-970: #0a0b0c;
  --ember-065: #fbe9e2;
  --ember-345: #f0804a;
  --ember-375: #f0722e;
  --ember-435: #e65c2d;
  --ember-510: #ce451b;
  --ember-565: #b83c16;
  --ember-605: #a83614;
  --ember-890: #2b1912;
  --crimson-085: #f8e1e3;
  --crimson-315: #f08a92;
  --crimson-540: #c23d48;
  --crimson-570: #b8343f;
  --crimson-620: #a62a36;
  --crimson-635: #a3232f;
  --crimson-680: #8e2230;
  --crimson-730: #7a1c29;
  --crimson-880: #33171a;
  --green-060: #e2f1e8;
  --green-270: #6cc496;
  --green-545: #1f7a4d;
  --green-600: #1a6b43;
  --green-855: #15291e;
  --amber-050: #fbf0d0;
  --amber-215: #e8bd52;
  --amber-245: #e8b22a;
  --amber-510: #9a6c00;
  --amber-615: #7a5300;
  --amber-845: #2d2610;
  --amber-940: #1a1300;
  --shadow-panel: 0 1px 0 #00000066;
  --shadow-thumb: 0 1px 2px #00000080;
  --shadow-pop: 0 8px 24px #00000080;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --hit: 44px;
  --control-h: 36px;
  --strip-h: 28px;
  --rail-w: 232px;
  --rail-w-folded: 64px;
  --topbar-h: 56px;
  --tabbar-h: 56px;
  --content-max: 1280px;
  --radius-bar: 2px;
  --radius-tag: 3px;
  --radius-inner: 4px;
  --radius-control: 6px;
  --radius-panel: 10px;
  --radius-pill: 999px;
  --radius-mark: 16%;
  --font-sans: "Geist", "Segoe UI", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
}
@font-face { font-family: "Geist"; src: url("fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }