:root:where(:is([data-theme="modernist"], [data-theme="organic"], [data-theme="industry"], [data-theme="terminal"], [data-theme="manuscript"], [data-theme="pop"], [data-theme="volta"], [data-theme="phosphor"], [data-theme="drafting"], [data-theme="meridian"], [data-theme="dossier"], [data-theme="riso"], [data-theme="almanac"], [data-theme="redline"], [data-theme="nocturne"], [data-theme="broadsheet"], [data-theme="signout"], [data-theme="sorbet"], [data-theme="arcade"])) {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-body);
}
:where(:root:is([data-theme="modernist"], [data-theme="organic"], [data-theme="industry"], [data-theme="terminal"], [data-theme="manuscript"], [data-theme="pop"], [data-theme="volta"], [data-theme="phosphor"], [data-theme="drafting"], [data-theme="meridian"], [data-theme="dossier"], [data-theme="riso"], [data-theme="almanac"], [data-theme="redline"], [data-theme="nocturne"], [data-theme="broadsheet"], [data-theme="signout"], [data-theme="sorbet"], [data-theme="arcade"])) :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-display);
}
:where(:root:is([data-theme="modernist"], [data-theme="organic"], [data-theme="industry"], [data-theme="terminal"], [data-theme="manuscript"], [data-theme="pop"], [data-theme="volta"], [data-theme="phosphor"], [data-theme="drafting"], [data-theme="meridian"], [data-theme="dossier"], [data-theme="riso"], [data-theme="almanac"], [data-theme="redline"], [data-theme="nocturne"], [data-theme="broadsheet"], [data-theme="signout"], [data-theme="sorbet"], [data-theme="arcade"])) :is(code, pre, kbd, samp) {
  font-family: var(--font-mono);
}
:root:where([data-theme="modernist"]) {
  --radius: 0rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.15 0 0);
  --card: oklch(0.99 0 0);
  --card-foreground: oklch(0.15 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.15 0 0);
  --primary: oklch(0.55 0.22 27);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.955 0 0);
  --secondary-foreground: oklch(0.2 0 0);
  --muted: oklch(0.96 0 0);
  --muted-foreground: oklch(0.45 0 0);
  --accent: oklch(0.94 0 0);
  --accent-foreground: oklch(0.15 0 0);
  --destructive: oklch(0.55 0.22 27);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(0.88 0 0);
  --input: oklch(0.88 0 0);
  --ring: oklch(0.55 0.22 27);
  --chart-1: oklch(0.55 0.22 27);
  --chart-2: oklch(0.25 0 0);
  --chart-3: oklch(0.6 0 0);
  --chart-4: oklch(0.8 0 0);
  --chart-5: oklch(0.42 0.15 27);
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}
:root:where([data-theme="modernist"].dark) {
  --background: oklch(0.16 0 0);
  --foreground: oklch(0.93 0 0);
  --card: oklch(0.2 0 0);
  --card-foreground: oklch(0.93 0 0);
  --popover: oklch(0.2 0 0);
  --popover-foreground: oklch(0.93 0 0);
  --primary: oklch(0.62 0.21 27);
  --primary-foreground: oklch(0.98 0 0);
  --secondary: oklch(0.25 0 0);
  --secondary-foreground: oklch(0.93 0 0);
  --muted: oklch(0.24 0 0);
  --muted-foreground: oklch(0.65 0 0);
  --accent: oklch(0.28 0 0);
  --accent-foreground: oklch(0.95 0 0);
  --destructive: oklch(0.62 0.21 27);
  --destructive-foreground: oklch(0.98 0 0);
  --border: oklch(0.95 0 0 / 14%);
  --input: oklch(0.95 0 0 / 18%);
  --ring: oklch(0.62 0.21 27);
  --chart-1: oklch(0.62 0.21 27);
  --chart-2: oklch(0.85 0 0);
  --chart-3: oklch(0.6 0 0);
  --chart-4: oklch(0.4 0 0);
  --chart-5: oklch(0.72 0.15 27);
}
:where(:root[data-theme="modernist"]) hr { border: none; height: 2px; background: var(--foreground); }
:where(:root[data-theme="modernist"]) ::selection { background: color-mix(in oklab, var(--primary) 30%, transparent); }
:where(:root[data-theme="modernist"]) blockquote { border-left: none; border-top: 2px solid var(--foreground); padding: 0.75rem 0 0; font-style: normal; font-weight: 600; }
:root:where([data-theme="organic"]) {
  --radius: 1rem;
  --background: oklch(0.965 0.018 120);
  --foreground: oklch(0.3 0.04 130);
  --card: oklch(0.985 0.012 115);
  --card-foreground: oklch(0.3 0.04 130);
  --popover: oklch(0.985 0.012 115);
  --popover-foreground: oklch(0.3 0.04 130);
  --primary: oklch(0.6 0.15 40);
  --primary-foreground: oklch(0.98 0.01 110);
  --secondary: oklch(0.9 0.05 125);
  --secondary-foreground: oklch(0.33 0.05 130);
  --muted: oklch(0.92 0.025 118);
  --muted-foreground: oklch(0.47 0.04 125);
  --accent: oklch(0.88 0.06 130);
  --accent-foreground: oklch(0.32 0.04 130);
  --destructive: oklch(0.55 0.19 28);
  --destructive-foreground: oklch(0.98 0.01 110);
  --border: oklch(0.87 0.03 118);
  --input: oklch(0.87 0.03 118);
  --ring: oklch(0.6 0.15 40);
  --chart-1: oklch(0.62 0.14 40);
  --chart-2: oklch(0.6 0.14 200);
  --chart-3: oklch(0.64 0.12 87);
  --chart-4: oklch(0.47 0.11 140);
  --chart-5: oklch(0.58 0.11 350);
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Noto Serif", Georgia, serif;
  --font-mono: "Inter", ui-sans-serif, system-ui, sans-serif;
}
:root:where([data-theme="organic"].dark) {
  --background: oklch(0.22 0.03 130);
  --foreground: oklch(0.93 0.02 110);
  --card: oklch(0.26 0.035 128);
  --card-foreground: oklch(0.93 0.02 110);
  --popover: oklch(0.26 0.035 128);
  --popover-foreground: oklch(0.93 0.02 110);
  --primary: oklch(0.68 0.14 40);
  --primary-foreground: oklch(0.2 0.03 130);
  --secondary: oklch(0.3 0.04 128);
  --secondary-foreground: oklch(0.93 0.02 110);
  --muted: oklch(0.29 0.03 126);
  --muted-foreground: oklch(0.7 0.03 120);
  --accent: oklch(0.33 0.05 130);
  --accent-foreground: oklch(0.95 0.015 110);
  --destructive: oklch(0.62 0.19 28);
  --destructive-foreground: oklch(0.97 0.01 110);
  --border: oklch(0.93 0.02 110 / 14%);
  --input: oklch(0.93 0.02 110 / 18%);
  --ring: oklch(0.68 0.14 40);
  --chart-1: oklch(0.68 0.14 40);
  --chart-2: oklch(0.68 0.12 200);
  --chart-3: oklch(0.75 0.11 87);
  --chart-4: oklch(0.65 0.12 140);
  --chart-5: oklch(0.68 0.11 350);
}
:where(:root[data-theme="organic"]) hr { border: none; height: 4px; width: 4rem; margin-inline: 0; border-radius: 999px; background: var(--primary); opacity: 0.45; }
:where(:root[data-theme="organic"]) ::selection { background: color-mix(in oklab, var(--primary) 30%, transparent); }
:where(:root[data-theme="organic"]) blockquote { border-left: none; background: var(--muted); border-radius: 1.5rem; padding: 1rem 1.5rem; font-style: normal; }
:root:where([data-theme="industry"]) {
  --radius: 0.125rem;
  --background: oklch(0.975 0.004 250);
  --foreground: oklch(0.24 0.02 255);
  --card: oklch(0.995 0.002 250);
  --card-foreground: oklch(0.24 0.02 255);
  --popover: oklch(0.995 0.002 250);
  --popover-foreground: oklch(0.24 0.02 255);
  --primary: oklch(0.5 0.13 250);
  --primary-foreground: oklch(0.98 0.004 250);
  --secondary: oklch(0.93 0.008 250);
  --secondary-foreground: oklch(0.28 0.02 255);
  --muted: oklch(0.93 0.008 250);
  --muted-foreground: oklch(0.47 0.02 255);
  --accent: oklch(0.9 0.02 250);
  --accent-foreground: oklch(0.26 0.02 255);
  --destructive: oklch(0.55 0.21 28);
  --destructive-foreground: oklch(0.98 0.004 250);
  --border: oklch(0.87 0.01 250);
  --input: oklch(0.87 0.01 250);
  --ring: oklch(0.5 0.13 250);
  --chart-1: oklch(0.52 0.13 250);
  --chart-2: oklch(0.35 0.03 255);
  --chart-3: oklch(0.68 0.16 55);
  --chart-4: oklch(0.62 0.05 245);
  --chart-5: oklch(0.8 0.14 90);
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}
:root:where([data-theme="industry"].dark) {
  --background: oklch(0.21 0.02 255);
  --foreground: oklch(0.93 0.01 250);
  --card: oklch(0.25 0.02 255);
  --card-foreground: oklch(0.93 0.01 250);
  --popover: oklch(0.25 0.02 255);
  --popover-foreground: oklch(0.93 0.01 250);
  --primary: oklch(0.65 0.12 250);
  --primary-foreground: oklch(0.16 0.02 255);
  --secondary: oklch(0.29 0.02 255);
  --secondary-foreground: oklch(0.93 0.01 250);
  --muted: oklch(0.28 0.02 255);
  --muted-foreground: oklch(0.68 0.02 252);
  --accent: oklch(0.32 0.03 250);
  --accent-foreground: oklch(0.95 0.01 250);
  --destructive: oklch(0.62 0.19 28);
  --destructive-foreground: oklch(0.97 0.005 250);
  --border: oklch(0.92 0.01 250 / 14%);
  --input: oklch(0.92 0.01 250 / 18%);
  --ring: oklch(0.65 0.12 250);
  --chart-1: oklch(0.65 0.12 250);
  --chart-2: oklch(0.75 0.02 255);
  --chart-3: oklch(0.7 0.17 55);
  --chart-4: oklch(0.6 0.05 245);
  --chart-5: oklch(0.82 0.13 90);
}
:where(:root[data-theme="industry"]) hr { border: none; height: 1px; background: repeating-linear-gradient(90deg, var(--foreground) 0 6px, transparent 6px 10px); opacity: 0.5; }
:where(:root[data-theme="industry"]) ::selection { background: color-mix(in oklab, var(--primary) 30%, transparent); }
:where(:root[data-theme="industry"]) table { font-variant-numeric: tabular-nums; }
:where(:root[data-theme="industry"]) th { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.8em; }
:root:where([data-theme="terminal"]) {
  --radius: 0.125rem;
  --background: oklch(0.97 0.005 145);
  --foreground: oklch(0.22 0.02 150);
  --card: oklch(0.99 0.003 145);
  --card-foreground: oklch(0.22 0.02 150);
  --popover: oklch(0.99 0.003 145);
  --popover-foreground: oklch(0.22 0.02 150);
  --primary: oklch(0.5 0.14 145);
  --primary-foreground: oklch(0.98 0.005 145);
  --secondary: oklch(0.93 0.01 145);
  --secondary-foreground: oklch(0.26 0.02 150);
  --muted: oklch(0.94 0.008 145);
  --muted-foreground: oklch(0.45 0.03 148);
  --accent: oklch(0.9 0.03 145);
  --accent-foreground: oklch(0.24 0.02 150);
  --destructive: oklch(0.55 0.21 28);
  --destructive-foreground: oklch(0.98 0.005 145);
  --border: oklch(0.87 0.01 145);
  --input: oklch(0.87 0.01 145);
  --ring: oklch(0.5 0.14 145);
  --chart-1: oklch(0.5 0.14 145);
  --chart-2: oklch(0.55 0.11 210);
  --chart-3: oklch(0.55 0.18 330);
  --chart-4: oklch(0.65 0.13 80);
  --chart-5: oklch(0.4 0.01 150);
  --font-body: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --font-display: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}
:root:where([data-theme="terminal"].dark) {
  --background: oklch(0.14 0.01 150);
  --foreground: oklch(0.9 0.05 145);
  --card: oklch(0.18 0.015 150);
  --card-foreground: oklch(0.9 0.05 145);
  --popover: oklch(0.18 0.015 150);
  --popover-foreground: oklch(0.9 0.05 145);
  --primary: oklch(0.85 0.22 145);
  --primary-foreground: oklch(0.14 0.01 150);
  --secondary: oklch(0.22 0.02 150);
  --secondary-foreground: oklch(0.9 0.05 145);
  --muted: oklch(0.22 0.02 150);
  --muted-foreground: oklch(0.65 0.06 145);
  --accent: oklch(0.26 0.04 148);
  --accent-foreground: oklch(0.92 0.05 145);
  --destructive: oklch(0.65 0.2 25);
  --destructive-foreground: oklch(0.95 0.02 145);
  --border: oklch(0.85 0.1 145 / 16%);
  --input: oklch(0.85 0.1 145 / 20%);
  --ring: oklch(0.85 0.22 145);
  --chart-1: oklch(0.85 0.22 145);
  --chart-2: oklch(0.8 0.13 210);
  --chart-3: oklch(0.7 0.2 330);
  --chart-4: oklch(0.85 0.15 85);
  --chart-5: oklch(0.7 0.15 300);
}
:where(:root[data-theme="terminal"]) hr { border: none; height: 1px; background: var(--primary); opacity: 0.4; }
:where(:root[data-theme="terminal"]) ::selection { background: var(--primary); color: var(--primary-foreground); }
:where(:root[data-theme="terminal"]) blockquote { border-left: 2px solid var(--primary); padding-left: 1.25rem; font-style: normal; }
:where(:root[data-theme="terminal"]) :is(h1, h2, h3) { letter-spacing: -0.02em; }
:root:where([data-theme="manuscript"]) {
  --radius: 0.375rem;
  --background: oklch(0.965 0.02 90);
  --foreground: oklch(0.28 0.03 55);
  --card: oklch(0.98 0.015 90);
  --card-foreground: oklch(0.28 0.03 55);
  --popover: oklch(0.98 0.015 90);
  --popover-foreground: oklch(0.28 0.03 55);
  --primary: oklch(0.45 0.14 25);
  --primary-foreground: oklch(0.97 0.02 90);
  --secondary: oklch(0.92 0.03 85);
  --secondary-foreground: oklch(0.32 0.04 60);
  --muted: oklch(0.93 0.025 88);
  --muted-foreground: oklch(0.48 0.04 60);
  --accent: oklch(0.9 0.045 80);
  --accent-foreground: oklch(0.3 0.04 55);
  --destructive: oklch(0.5 0.19 30);
  --destructive-foreground: oklch(0.97 0.02 90);
  --border: oklch(0.86 0.03 85);
  --input: oklch(0.86 0.03 85);
  --ring: oklch(0.45 0.14 25);
  --chart-1: oklch(0.5 0.13 25);
  --chart-2: oklch(0.47 0.1 245);
  --chart-3: oklch(0.64 0.12 75);
  --chart-4: oklch(0.46 0.12 130);
  --chart-5: oklch(0.63 0.12 92);
  --font-body: "Noto Serif", Georgia, serif;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-mono: "Noto Serif", Georgia, serif;
}
:root:where([data-theme="manuscript"].dark) {
  --background: oklch(0.2 0.02 55);
  --foreground: oklch(0.92 0.02 85);
  --card: oklch(0.24 0.025 55);
  --card-foreground: oklch(0.92 0.02 85);
  --popover: oklch(0.24 0.025 55);
  --popover-foreground: oklch(0.92 0.02 85);
  --primary: oklch(0.72 0.12 80);
  --primary-foreground: oklch(0.2 0.02 55);
  --secondary: oklch(0.28 0.03 60);
  --secondary-foreground: oklch(0.92 0.02 85);
  --muted: oklch(0.27 0.025 58);
  --muted-foreground: oklch(0.68 0.03 75);
  --accent: oklch(0.31 0.04 70);
  --accent-foreground: oklch(0.94 0.02 85);
  --destructive: oklch(0.6 0.17 30);
  --destructive-foreground: oklch(0.96 0.01 85);
  --border: oklch(0.9 0.02 85 / 14%);
  --input: oklch(0.9 0.02 85 / 18%);
  --ring: oklch(0.72 0.12 80);
  --chart-1: oklch(0.72 0.12 80);
  --chart-2: oklch(0.62 0.1 245);
  --chart-3: oklch(0.6 0.13 25);
  --chart-4: oklch(0.62 0.1 130);
  --chart-5: oklch(0.75 0.1 92);
}
:where(:root[data-theme="manuscript"]) hr { border: none; height: 1px; background: var(--border); }
:where(:root[data-theme="manuscript"]) ::selection { background: color-mix(in oklab, var(--primary) 25%, transparent); }
:where(:root[data-theme="manuscript"]) blockquote { font-style: italic; border-left: 1px solid var(--border); padding-left: 1.25rem; }
:where(:root[data-theme="manuscript"]) th { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.85em; }
:where(:root[data-theme="manuscript"]) :is(h1, h2, h3) { font-weight: 600; letter-spacing: -0.01em; }
:root:where([data-theme="pop"]) {
  --radius: 1.5rem;
  --background: oklch(0.99 0.005 340);
  --foreground: oklch(0.2 0.02 320);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.2 0.02 320);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.2 0.02 320);
  --primary: oklch(0.65 0.25 350);
  --primary-foreground: oklch(0.99 0.005 340);
  --secondary: oklch(0.93 0.04 330);
  --secondary-foreground: oklch(0.25 0.03 330);
  --muted: oklch(0.95 0.02 330);
  --muted-foreground: oklch(0.5 0.05 330);
  --accent: oklch(0.9 0.06 200);
  --accent-foreground: oklch(0.22 0.03 220);
  --destructive: oklch(0.6 0.22 25);
  --destructive-foreground: oklch(0.99 0.005 340);
  --border: oklch(0.88 0.02 330);
  --input: oklch(0.88 0.02 330);
  --ring: oklch(0.65 0.25 350);
  --chart-1: oklch(0.65 0.25 350);
  --chart-2: oklch(0.7 0.13 210);
  --chart-3: oklch(0.8 0.16 85);
  --chart-4: oklch(0.55 0.2 300);
  --chart-5: oklch(0.7 0.18 45);
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Inter", ui-sans-serif, system-ui, sans-serif;
}
:root:where([data-theme="pop"].dark) {
  --background: oklch(0.2 0.05 320);
  --foreground: oklch(0.95 0.01 330);
  --card: oklch(0.25 0.06 320);
  --card-foreground: oklch(0.95 0.01 330);
  --popover: oklch(0.25 0.06 320);
  --popover-foreground: oklch(0.95 0.01 330);
  --primary: oklch(0.72 0.24 350);
  --primary-foreground: oklch(0.18 0.04 320);
  --secondary: oklch(0.3 0.07 320);
  --secondary-foreground: oklch(0.95 0.01 330);
  --muted: oklch(0.29 0.05 320);
  --muted-foreground: oklch(0.72 0.05 330);
  --accent: oklch(0.35 0.08 310);
  --accent-foreground: oklch(0.96 0.01 330);
  --destructive: oklch(0.65 0.2 25);
  --destructive-foreground: oklch(0.97 0.01 330);
  --border: oklch(0.95 0.02 330 / 14%);
  --input: oklch(0.95 0.02 330 / 18%);
  --ring: oklch(0.72 0.24 350);
  --chart-1: oklch(0.72 0.24 350);
  --chart-2: oklch(0.78 0.13 210);
  --chart-3: oklch(0.85 0.15 85);
  --chart-4: oklch(0.65 0.2 300);
  --chart-5: oklch(0.75 0.17 45);
}
:where(:root[data-theme="pop"]) hr { border: none; height: 6px; width: 5rem; margin-inline: 0; border-radius: 999px; background: var(--primary); }
:where(:root[data-theme="pop"]) ::selection { background: color-mix(in oklab, var(--primary) 30%, transparent); }
:where(:root[data-theme="pop"]) blockquote { border-left: none; background: var(--secondary); border-radius: 1.5rem; padding: 1rem 1.5rem; font-style: normal; font-weight: 600; }
:where(:root[data-theme="pop"]) :is(h1, h2, h3) { font-weight: 800; letter-spacing: -0.02em; }
:root:where([data-theme="volta"]) {
  --ds-paper: #f3eee4;
  --ds-paper-raised: #fbf8f2;
  --ds-paper-sunk: #e7dfcf;
  --ds-line: #d3c9b5;
  --ds-edge: #14110f;
  --ds-ink: #14110f;
  --ds-ink-muted: #5a5348;
  --ds-volt: #ff4d1a;
  --ds-on-volt: #14110f;
  --ds-volt-ink: #b5300a;
  --ds-volt-soft: #ffd9cb;
  --ds-acid: #d6f43a;
  --ds-on-acid: #14110f;
  --ds-cobalt: #2236d1;
  --ds-on-cobalt: #ffffff;
  --ds-cobalt-soft: #dde1ff;
  --ds-positive: #16683f;
  --ds-positive-soft: #d5efdf;
  --ds-caution: #7d5900;
  --ds-caution-soft: #fbedc4;
  --ds-negative: #b5300a;
  --ds-negative-soft: #ffd9cb;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-volt);
  --primary-foreground: var(--ds-on-volt);
  --secondary: var(--ds-volt-soft);
  --secondary-foreground: var(--ds-volt-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-paper-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-volt);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --radius: 4px;
  --font-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-hard: 4px 4px 0 0 #14110f;
  --ds-shadow-hard-lg: 8px 8px 0 0 #14110f;
  --ds-focus-ring: 0 0 0 2px #f3eee4, 0 0 0 4px #2236d1;
  --ds-chip-radius: 4px;
}
:root:where([data-theme="volta"].dark) {
  --ds-paper: #121110;
  --ds-paper-raised: #1c1a18;
  --ds-paper-sunk: #0a0908;
  --ds-line: #34302a;
  --ds-edge: #f3eee4;
  --ds-ink: #f3eee4;
  --ds-ink-muted: #a69e90;
  --ds-volt: #ff5f2e;
  --ds-on-volt: #14110f;
  --ds-volt-ink: #ff8a63;
  --ds-volt-soft: #3d1a0f;
  --ds-acid: #d6f43a;
  --ds-on-acid: #14110f;
  --ds-cobalt: #7484ff;
  --ds-on-cobalt: #0a0908;
  --ds-cobalt-soft: #161c45;
  --ds-positive: #5fd394;
  --ds-positive-soft: #0f2a1c;
  --ds-caution: #f2c14e;
  --ds-caution-soft: #2e2405;
  --ds-negative: #ff8a63;
  --ds-negative-soft: #3d1a0f;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-volt);
  --primary-foreground: var(--ds-on-volt);
  --secondary: var(--ds-volt-soft);
  --secondary-foreground: var(--ds-volt-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-paper-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-volt);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --ds-shadow-hard: 4px 4px 0 0 #ff5f2e;
  --ds-shadow-hard-lg: 8px 8px 0 0 #ff5f2e;
  --ds-focus-ring: 0 0 0 2px #121110, 0 0 0 4px #7484ff;
  --ds-chip-radius: 4px;
}
:root:where([data-theme="phosphor"]) {
  --ds-glass: #f2f5ec;
  --ds-glass-raised: #fbfcf7;
  --ds-glass-sunk: #e3e9d9;
  --ds-line: #c9d3bf;
  --ds-edge: #0f7a3a;
  --ds-ink: #0f1f12;
  --ds-ink-muted: #4c6b52;
  --ds-green: #0f7a3a;
  --ds-on-green: #f2f5ec;
  --ds-green-ink: #0b6a31;
  --ds-green-soft: #d9f0dc;
  --ds-amber: #9a6a00;
  --ds-on-amber: #1a1000;
  --ds-amber-soft: #f6e9c4;
  --ds-positive: #0f7a3a;
  --ds-caution: #9a6a00;
  --ds-negative: #b3261e;
  --ds-negative-soft: #f6d9d6;
  --ds-cyan: #0b6e7a;
  --ds-violet: #5b3fb0;
  --ds-positive-soft: var(--ds-green-soft);
  --ds-caution-soft: var(--ds-amber-soft);
  --background: var(--ds-glass);
  --foreground: var(--ds-ink);
  --card: var(--ds-glass-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-glass-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-green);
  --primary-foreground: var(--ds-on-green);
  --secondary: var(--ds-green-soft);
  --secondary-foreground: var(--ds-green-ink);
  --muted: var(--ds-glass-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-glass-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-glass);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-amber);
  --chart-1: var(--ds-green);
  --chart-2: var(--ds-cyan);
  --chart-3: var(--ds-amber);
  --chart-4: var(--ds-violet);
  --chart-5: var(--ds-ink-muted);
  --radius: 0px;
  --font-display: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-body: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --ds-glow: none;
  --ds-glow-amber: none;
  --ds-chip-radius: 0px;
}
:root:where([data-theme="phosphor"].dark) {
  --ds-glass: #060a06;
  --ds-glass-raised: #0c130c;
  --ds-glass-sunk: #030503;
  --ds-line: #1b2a1b;
  --ds-edge: #3dff7a;
  --ds-ink: #d7ffe0;
  --ds-ink-muted: #7fb48f;
  --ds-green: #3dff7a;
  --ds-on-green: #04140a;
  --ds-green-ink: #5fff93;
  --ds-green-soft: #0f2a18;
  --ds-amber: #ffb000;
  --ds-on-amber: #1a1000;
  --ds-amber-soft: #2a1e00;
  --ds-positive: #3dff7a;
  --ds-caution: #ffb000;
  --ds-negative: #ff5c5c;
  --ds-negative-soft: #2d0e0e;
  --ds-cyan: #5ee1f0;
  --ds-violet: #b79cff;
  --ds-positive-soft: var(--ds-green-soft);
  --ds-caution-soft: var(--ds-amber-soft);
  --background: var(--ds-glass);
  --foreground: var(--ds-ink);
  --card: var(--ds-glass-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-glass-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-green);
  --primary-foreground: var(--ds-on-green);
  --secondary: var(--ds-green-soft);
  --secondary-foreground: var(--ds-green-ink);
  --muted: var(--ds-glass-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-glass-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-glass);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-amber);
  --chart-1: var(--ds-green);
  --chart-2: var(--ds-cyan);
  --chart-3: var(--ds-amber);
  --chart-4: var(--ds-violet);
  --chart-5: var(--ds-ink-muted);
  --ds-glow: 0 0 12px rgba(61,255,122,.45);
  --ds-glow-amber: 0 0 12px rgba(255,176,0,.5);
  --ds-chip-radius: 0px;
}
:root:where([data-theme="drafting"]) {
  --ds-vellum: #eeede6;
  --ds-vellum-raised: #f7f6f1;
  --ds-vellum-sunk: #e3e1d7;
  --ds-grid: #d9d7cc;
  --ds-ink: #16181c;
  --ds-ink-muted: #4a4f58;
  --ds-cobalt: #2a5bd7;
  --ds-on-cobalt: #ffffff;
  --ds-cobalt-soft: #dfe7fb;
  --ds-vermilion: #ff4a1c;
  --ds-on-vermilion: #16181c;
  --ds-vermilion-soft: #ffe0d6;
  --ds-positive: #1f7a4d;
  --ds-positive-soft: #dcefe3;
  --ds-caution: #8a6200;
  --ds-caution-soft: #f7ebc6;
  --ds-negative: #c2320a;
  --ds-negative-soft: #ffe0d6;
  --background: var(--ds-vellum);
  --foreground: var(--ds-ink);
  --card: var(--ds-vellum-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-vellum-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-cobalt);
  --primary-foreground: var(--ds-on-cobalt);
  --secondary: var(--ds-cobalt-soft);
  --secondary-foreground: var(--ds-cobalt);
  --muted: var(--ds-vellum-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-vellum-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-vellum);
  --border: var(--ds-grid);
  --input: var(--ds-grid);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-ink);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --radius: 0px;
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 0px;
}
:root:where([data-theme="drafting"].dark) {
  --ds-vellum: #0f1b2d;
  --ds-vellum-raised: #15253d;
  --ds-vellum-sunk: #0a1322;
  --ds-grid: #1f3350;
  --ds-ink: #e9eef7;
  --ds-ink-muted: #9fb0c8;
  --ds-cobalt: #8fb4ff;
  --ds-on-cobalt: #0a1322;
  --ds-cobalt-soft: #1b2f55;
  --ds-vermilion: #ff7a4d;
  --ds-on-vermilion: #16181c;
  --ds-vermilion-soft: #3b1a10;
  --ds-positive: #6fd49a;
  --ds-positive-soft: #113426;
  --ds-caution: #f2c14e;
  --ds-caution-soft: #33290a;
  --ds-negative: #ff7a4d;
  --ds-negative-soft: #3b1a10;
  --background: var(--ds-vellum);
  --foreground: var(--ds-ink);
  --card: var(--ds-vellum-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-vellum-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-cobalt);
  --primary-foreground: var(--ds-on-cobalt);
  --secondary: var(--ds-cobalt-soft);
  --secondary-foreground: var(--ds-cobalt);
  --muted: var(--ds-vellum-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-vellum-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-vellum);
  --border: var(--ds-grid);
  --input: var(--ds-grid);
  --ring: var(--ds-cobalt);
  --chart-1: var(--ds-cobalt);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-ink);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --ds-chip-radius: 0px;
}
:root:where([data-theme="meridian"]) {
  --ds-canvas: #f4f4f5;
  --ds-surface: #ffffff;
  --ds-surface-sunk: #eeeef0;
  --ds-hairline: #e4e4e7;
  --ds-hairline-strong: #c9c9ce;
  --ds-ink: #111114;
  --ds-ink-soft: #5a5b63;
  --ds-ink-faint: #8e8f98;
  --ds-blue: #2e5bff;
  --ds-on-blue: #ffffff;
  --ds-blue-soft: #e9eeff;
  --ds-blue-ink: #2449d0;
  --ds-positive: #15803d;
  --ds-positive-soft: #e6f6ec;
  --ds-caution: #a16207;
  --ds-caution-soft: #fdf4d8;
  --ds-negative: #dc2626;
  --ds-negative-soft: #fde8e8;
  --ds-violet: #7c5cff;
  --ds-teal: #0d9488;
  --background: var(--ds-canvas);
  --foreground: var(--ds-ink);
  --card: var(--ds-surface);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-surface);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-blue-ink);
  --muted: var(--ds-surface-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-surface-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-blue);
  --border: var(--ds-hairline);
  --input: var(--ds-hairline);
  --ring: var(--ds-blue);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-violet);
  --chart-3: var(--ds-teal);
  --chart-4: var(--ds-ink-faint);
  --chart-5: var(--ds-caution);
  --radius: 8px;
  --font-display: "Geist", "Inter", system-ui, sans-serif;
  --font-body: "Geist", "Inter", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-tile: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(17,17,20,.04);
  --ds-shadow-float: 0 1px 2px rgba(17,17,20,.06), 0 16px 40px -12px rgba(17,17,20,.22);
  --ds-shadow-key: inset 0 -2px 0 #e4e4e7, 0 1px 0 #c9c9ce;
  --ds-btn-ring: inset 0 0 0 1px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.18);
  --ds-glow: radial-gradient(600px 300px at 30% 0%, rgba(46,91,255,.10), transparent 70%);
  --ds-glass: linear-gradient(180deg, #c9c9ce, #e4e4e7);
  --ds-glow-a: .12;
  --ds-focus-ring: 0 0 0 2px #f4f4f5, 0 0 0 4px #2e5bff;
  --ds-chip-radius: 999px;
}
:root:where([data-theme="meridian"].dark) {
  --ds-canvas: #0b0c0f;
  --ds-surface: #14161b;
  --ds-surface-sunk: #1c1f26;
  --ds-hairline: #262a33;
  --ds-hairline-strong: #3a3f4b;
  --ds-ink: #f2f2f4;
  --ds-ink-soft: #a0a3ad;
  --ds-ink-faint: #6b6f7a;
  --ds-blue: #7a9bff;
  --ds-on-blue: #0b0c0f;
  --ds-blue-soft: #182040;
  --ds-blue-ink: #9db5ff;
  --ds-positive: #4ade80;
  --ds-positive-soft: #0f2a1a;
  --ds-caution: #facc15;
  --ds-caution-soft: #2d2408;
  --ds-negative: #f87171;
  --ds-negative-soft: #2f1313;
  --ds-violet: #a78bfa;
  --ds-teal: #2dd4bf;
  --background: var(--ds-canvas);
  --foreground: var(--ds-ink);
  --card: var(--ds-surface);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-surface);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-blue-ink);
  --muted: var(--ds-surface-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-surface-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-blue);
  --border: var(--ds-hairline);
  --input: var(--ds-hairline);
  --ring: var(--ds-blue);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-violet);
  --chart-3: var(--ds-teal);
  --chart-4: var(--ds-ink-faint);
  --chart-5: var(--ds-caution);
  --ds-shadow-tile: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.4);
  --ds-shadow-float: 0 1px 2px rgba(0,0,0,.5), 0 24px 60px -16px rgba(0,0,0,.8);
  --ds-shadow-key: inset 0 -2px 0 #262a33, 0 1px 0 #3a3f4b;
  --ds-btn-ring: inset 0 0 0 1px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.16);
  --ds-glow: radial-gradient(600px 300px at 30% 0%, rgba(122,155,255,.18), transparent 70%);
  --ds-glass: linear-gradient(180deg, #3a3f4b, rgba(58,63,75,0));
  --ds-glow-a: .22;
  --ds-focus-ring: 0 0 0 2px #0b0c0f, 0 0 0 4px #7a9bff;
  --ds-chip-radius: 999px;
}
:root:where([data-theme="dossier"]) {
  --ds-paper: #F3EEE1;
  --ds-paper-raised: #FBF8F0;
  --ds-paper-sunk: #E9E2D0;
  --ds-line: #D6CEBB;
  --ds-ink: #12101C;
  --ds-ink-soft: #4A4658;
  --ds-night: #0D0B19;
  --ds-on-night: #ECE6D6;
  --ds-night-muted: #A9A3B8;
  --ds-violet: #3A1CF0;
  --ds-on-violet: #FFFFFF;
  --ds-violet-soft: #DCD6FB;
  --ds-lime: #D6FF3C;
  --ds-on-lime: #12101C;
  --ds-positive: #1E7B4F;
  --ds-positive-soft: #D8EEE0;
  --ds-caution: #B7791F;
  --ds-caution-soft: #FBEBC9;
  --ds-negative: #C62828;
  --ds-negative-soft: #FAD9D5;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-violet);
  --primary-foreground: var(--ds-on-violet);
  --secondary: var(--ds-violet-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-lime);
  --accent-foreground: var(--ds-on-lime);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-violet);
  --chart-1: var(--ds-violet);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-caution);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-soft);
  --radius: 2px;
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Newsreader", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-file: 10px 10px 0 0 #3A1CF0;
  --ds-chip-radius: 2px;
}
:root:where([data-theme="dossier"].dark) {
  --ds-paper: #0D0B19;
  --ds-paper-raised: #16141F;
  --ds-paper-sunk: #07060C;
  --ds-line: #2B2838;
  --ds-ink: #ECE6D6;
  --ds-ink-soft: #A9A3B8;
  --ds-night: #F3EEE1;
  --ds-on-night: #12101C;
  --ds-night-muted: #4A4658;
  --ds-violet: #8F7BFF;
  --ds-on-violet: #0D0B19;
  --ds-violet-soft: #231B55;
  --ds-lime: #D6FF3C;
  --ds-on-lime: #12101C;
  --ds-positive: #5FCF93;
  --ds-positive-soft: #0F3022;
  --ds-caution: #F0B64A;
  --ds-caution-soft: #3A2A08;
  --ds-negative: #FF7A6E;
  --ds-negative-soft: #431512;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-violet);
  --primary-foreground: var(--ds-on-violet);
  --secondary: var(--ds-violet-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-lime);
  --accent-foreground: var(--ds-on-lime);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-violet);
  --chart-1: var(--ds-violet);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-caution);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-soft);
  --ds-shadow-file: 10px 10px 0 0 #8F7BFF;
  --ds-chip-radius: 2px;
}
:root:where([data-theme="riso"]) {
  --ds-paper: #F3ECDC;
  --ds-sheet: #FBF6EA;
  --ds-paper-sunk: #E8DFC6;
  --ds-manila: #F1DFA6;
  --ds-line: #CFC5AD;
  --ds-key: #1C2340;
  --ds-key-2: #3A3F5C;
  --ds-blue: #0078BF;
  --ds-on-blue: #FBF6EA;
  --ds-blue-soft: #CFE6F5;
  --ds-pink: #FF48B0;
  --ds-on-pink: #1C2340;
  --ds-pink-soft: #FFD3EA;
  --ds-yellow: #FFE800;
  --ds-on-yellow: #1C2340;
  --ds-positive: #00875A;
  --ds-positive-soft: #CDEEDD;
  --ds-caution: #8A6D00;
  --ds-caution-soft: #FFF3A0;
  --ds-negative: #E8322B;
  --ds-negative-soft: #FFD6D3;
  --background: var(--ds-paper);
  --foreground: var(--ds-key);
  --card: var(--ds-sheet);
  --card-foreground: var(--ds-key);
  --popover: var(--ds-sheet);
  --popover-foreground: var(--ds-key);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-yellow);
  --secondary-foreground: var(--ds-on-yellow);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-key-2);
  --accent: var(--ds-pink-soft);
  --accent-foreground: var(--ds-key);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-pink);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-pink);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-key-2);
  --chart-5: var(--ds-positive);
  --radius: 0px;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Fraunces", Georgia, serif;
  --font-mono: "Space Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-hard: 6px 6px 0 0 #1C2340;
  --ds-shadow-hard-lg: 9px 9px 0 0 #1C2340;
  --ds-chip-radius: 0;
  --ds-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
}
:root:where([data-theme="riso"].dark) {
  --ds-paper: #1C2340;
  --ds-sheet: #263054;
  --ds-paper-sunk: #151b33;
  --ds-manila: #F1DFA6;
  --ds-line: #3A4470;
  --ds-key: #F3ECDC;
  --ds-key-2: #B9BED6;
  --ds-blue: #2E9BE8;
  --ds-on-blue: #1C2340;
  --ds-blue-soft: #173555;
  --ds-pink: #FF48B0;
  --ds-on-pink: #1C2340;
  --ds-pink-soft: #4A1E3A;
  --ds-yellow: #FFE800;
  --ds-on-yellow: #1C2340;
  --ds-positive: #2FD27E;
  --ds-positive-soft: #0F3A26;
  --ds-caution: #FFE800;
  --ds-caution-soft: #3A3400;
  --ds-negative: #FF6B61;
  --ds-negative-soft: #4A1512;
  --background: var(--ds-paper);
  --foreground: var(--ds-key);
  --card: var(--ds-sheet);
  --card-foreground: var(--ds-key);
  --popover: var(--ds-sheet);
  --popover-foreground: var(--ds-key);
  --primary: var(--ds-blue);
  --primary-foreground: var(--ds-on-blue);
  --secondary: var(--ds-yellow);
  --secondary-foreground: var(--ds-on-yellow);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-key-2);
  --accent: var(--ds-pink-soft);
  --accent-foreground: var(--ds-key);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-paper);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-pink);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-pink);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-key-2);
  --chart-5: var(--ds-positive);
  --ds-shadow-hard: 6px 6px 0 0 #FF48B0;
  --ds-shadow-hard-lg: 9px 9px 0 0 #FF48B0;
  --ds-chip-radius: 0;
  --ds-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
}
:root:where([data-theme="almanac"]) {
  --ds-paper: #F2E7D6;
  --ds-card: #F8F1E6;
  --ds-band: #E7CFB4;
  --ds-screen: #C8D1A9;
  --ds-paper-sunk: #E8DBC6;
  --ds-line: #CBBFA9;
  --ds-ink: #374836;
  --ds-ink-muted: #6B7A69;
  --ds-accent: #B44E30;
  --ds-on-accent: #F2E7D6;
  --ds-accent-soft: #F0D9CD;
  --ds-mauve: #846B94;
  --ds-positive: #3E6B3C;
  --ds-positive-soft: #DCE6C9;
  --ds-caution: #8C6A1E;
  --ds-caution-soft: #F3E5BE;
  --ds-negative: #B44E30;
  --ds-negative-soft: #F0D9CD;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-card);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-card);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-accent);
  --primary-foreground: var(--ds-on-accent);
  --secondary: var(--ds-band);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-accent-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-accent);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-accent);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-accent);
  --chart-3: var(--ds-mauve);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --radius: 4px;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  --ds-shadow-soft: 23px 23px 0 0 #b44e3020;
  --ds-shadow-soft-sm: 12px 12px 0 0 #b44e3020;
  --ds-chip-radius: 0;
}
:root:where([data-theme="almanac"].dark) {
  --ds-paper: #1B241B;
  --ds-card: #243024;
  --ds-band: #2E3B2E;
  --ds-screen: #3A4A36;
  --ds-paper-sunk: #141B14;
  --ds-line: #3C4A3C;
  --ds-ink: #F2E7D6;
  --ds-ink-muted: #A9B5A6;
  --ds-accent: #E07A58;
  --ds-on-accent: #1B241B;
  --ds-accent-soft: #4A2A1E;
  --ds-mauve: #B7A3C4;
  --ds-positive: #8FC28C;
  --ds-positive-soft: #263A26;
  --ds-caution: #E0B65A;
  --ds-caution-soft: #3E3218;
  --ds-negative: #E07A58;
  --ds-negative-soft: #4A2A1E;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-card);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-card);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-accent);
  --primary-foreground: var(--ds-on-accent);
  --secondary: var(--ds-band);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-accent-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-accent);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-accent);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-accent);
  --chart-3: var(--ds-mauve);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --ds-shadow-soft: 23px 23px 0 0 #e07a5826;
  --ds-shadow-soft-sm: 12px 12px 0 0 #e07a5826;
  --ds-chip-radius: 0;
}
:root:where([data-theme="redline"]) {
  --ds-paper: #EEEADE;
  --ds-paper-raised: #F6F3EA;
  --ds-paper-sunk: #E2DDCC;
  --ds-line: #C9C3B0;
  --ds-ink: #20201D;
  --ds-ink-soft: #5C5A52;
  --ds-on-ink: #EEEADE;
  --ds-red: #EC402B;
  --ds-on-red: #20201D;
  --ds-red-ink: #C8321F;
  --ds-red-soft: #F9D5CF;
  --ds-positive: #2A9D5C;
  --ds-positive-soft: #D7EFE0;
  --ds-caution: #B8841A;
  --ds-caution-soft: #FAECC9;
  --ds-negative: #EC402B;
  --ds-negative-soft: #F9D5CF;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-ink);
  --secondary-foreground: var(--ds-on-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-red-soft);
  --accent-foreground: var(--ds-red-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-red);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-ink-soft);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --radius: 0px;
  --font-display: "Barlow Condensed", Impact, "Arial Narrow", sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 0px;
}
:root:where([data-theme="redline"].dark) {
  --ds-paper: #20201D;
  --ds-paper-raised: #2A2A26;
  --ds-paper-sunk: #171715;
  --ds-line: #3D3D37;
  --ds-ink: #EEEADE;
  --ds-ink-soft: #B3B0A3;
  --ds-on-ink: #20201D;
  --ds-red: #EC402B;
  --ds-on-red: #20201D;
  --ds-red-ink: #FF6A55;
  --ds-red-soft: #4A1D17;
  --ds-positive: #5EC98A;
  --ds-positive-soft: #143524;
  --ds-caution: #F0BD57;
  --ds-caution-soft: #42310A;
  --ds-negative: #EC402B;
  --ds-negative-soft: #4A1D17;
  --background: var(--ds-paper);
  --foreground: var(--ds-ink);
  --card: var(--ds-paper-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-paper-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-ink);
  --secondary-foreground: var(--ds-on-ink);
  --muted: var(--ds-paper-sunk);
  --muted-foreground: var(--ds-ink-soft);
  --accent: var(--ds-red-soft);
  --accent-foreground: var(--ds-red-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-red);
  --chart-2: var(--ds-ink);
  --chart-3: var(--ds-ink-soft);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-caution);
  --ds-chip-radius: 0px;
}
:root:where([data-theme="nocturne"]) {
  --ds-night: #f3e7ca;
  --ds-night-raised: #faf1dc;
  --ds-night-sunk: #e9dbb9;
  --ds-line: #d3b98b;
  --ds-ink: #1d170f;
  --ds-ink-soft: #4a3d2c;
  --ds-ink-muted: #8a7a60;
  --ds-lamp: #9a5a12;
  --ds-on-lamp: #fff6e4;
  --ds-lamp-hot: #b8661f;
  --ds-lamp-soft: #f3e5c2;
  --ds-ember: #b8551a;
  --ds-on-ember: #fff6e4;
  --ds-cool: #3a5a8a;
  --ds-positive: #2b5a45;
  --ds-positive-soft: #dcebe1;
  --ds-caution: #8a5a00;
  --ds-caution-soft: #f3e5c2;
  --ds-negative: #8a2d1c;
  --ds-negative-soft: #f4dcd8;
  --background: var(--ds-night);
  --foreground: var(--ds-ink);
  --card: var(--ds-night-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-night-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-lamp);
  --primary-foreground: var(--ds-on-lamp);
  --secondary: var(--ds-lamp-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-night-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-night-raised);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-night);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-ember);
  --chart-1: var(--ds-lamp);
  --chart-2: var(--ds-cool);
  --chart-3: var(--ds-ember);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --radius: 2px;
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Newsreader", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --ds-halo: 0 0 0 1px #d3b98b;
  --ds-glow-text: none;
  --ds-chip-radius: 999px;
}
:root:where([data-theme="nocturne"].dark) {
  --ds-night: #050818;
  --ds-night-raised: #111940;
  --ds-night-sunk: #02040f;
  --ds-line: #2a3568;
  --ds-ink: #ece6d6;
  --ds-ink-soft: #b9c8ee;
  --ds-ink-muted: #8d98c0;
  --ds-lamp: #ffc76e;
  --ds-on-lamp: #1a1206;
  --ds-lamp-hot: #ffe2a8;
  --ds-lamp-soft: #241d30;
  --ds-ember: #ff9440;
  --ds-on-ember: #1a0e04;
  --ds-cool: #b9c8ee;
  --ds-positive: #6fcf97;
  --ds-positive-soft: #10291e;
  --ds-caution: #ffd27a;
  --ds-caution-soft: #2e2306;
  --ds-negative: #ff7a5c;
  --ds-negative-soft: #3a1412;
  --background: var(--ds-night);
  --foreground: var(--ds-ink);
  --card: var(--ds-night-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-night-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-lamp);
  --primary-foreground: var(--ds-on-lamp);
  --secondary: var(--ds-lamp-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-night-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-night-raised);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-night);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-ember);
  --chart-1: var(--ds-lamp);
  --chart-2: var(--ds-cool);
  --chart-3: var(--ds-ember);
  --chart-4: var(--ds-positive);
  --chart-5: var(--ds-ink-muted);
  --ds-halo: 0 0 28px rgba(255,199,110,.32);
  --ds-glow-text: 0 0 30px rgba(255,170,70,.45);
  --ds-chip-radius: 999px;
}
:root:where([data-theme="broadsheet"]) {
  --ds-newsprint: #f6efe0;
  --ds-newsprint-raised: #fbf6ea;
  --ds-newsprint-sunk: #ebe2cd;
  --ds-line: #cfc3a6;
  --ds-ink: #1f1b16;
  --ds-ink-muted: #5c5345;
  --ds-red: #b8371f;
  --ds-on-red: #f6efe0;
  --ds-red-soft: #f3dcd5;
  --ds-positive: #2f6b3a;
  --ds-positive-soft: #dcebd8;
  --ds-caution: #8a5a00;
  --ds-caution-soft: #f3e5c0;
  --ds-negative: #b8371f;
  --ds-negative-soft: #f3dcd5;
  --background: var(--ds-newsprint);
  --foreground: var(--ds-ink);
  --card: var(--ds-newsprint-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-newsprint-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-red-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-newsprint-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-newsprint-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-newsprint);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-line);
  --chart-5: var(--ds-positive);
  --radius: 0px;
  --font-display: "Old Standard TT", "Times New Roman", serif;
  --font-body: "Old Standard TT", "Times New Roman", serif;
  --font-mono: "Courier Prime", "Courier New", monospace;
  --ds-chip-radius: 0px;
}
:root:where([data-theme="broadsheet"].dark) {
  --ds-newsprint: #141210;
  --ds-newsprint-raised: #1d1a16;
  --ds-newsprint-sunk: #0e0c0a;
  --ds-line: #3a342b;
  --ds-ink: #efe6d2;
  --ds-ink-muted: #ada28b;
  --ds-red: #ff6a4d;
  --ds-on-red: #141210;
  --ds-red-soft: #3a1812;
  --ds-positive: #8ed29a;
  --ds-positive-soft: #15301b;
  --ds-caution: #f2c14e;
  --ds-caution-soft: #332508;
  --ds-negative: #ff6a4d;
  --ds-negative-soft: #3a1812;
  --background: var(--ds-newsprint);
  --foreground: var(--ds-ink);
  --card: var(--ds-newsprint-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-newsprint-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-red-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-newsprint-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-newsprint-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-newsprint);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-red);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-ink-muted);
  --chart-4: var(--ds-line);
  --chart-5: var(--ds-positive);
  --ds-chip-radius: 0px;
}
:root:where([data-theme="signout"]) {
  --ds-kraft: #f3ecdc;
  --ds-kraft-raised: #faf6ec;
  --ds-kraft-sunk: #e8dfca;
  --ds-line: #c9bc9c;
  --ds-ink: #16140f;
  --ds-ink-muted: #5b5344;
  --ds-vermilion: #e5481b;
  --ds-on-vermilion: #16140f;
  --ds-vermilion-soft: #f9d9cc;
  --ds-hazard: #f2b705;
  --ds-hazard-soft: #f8ecc0;
  --ds-caution: #7a5a00;
  --ds-open: #1f7a4d;
  --ds-open-soft: #d9ebdf;
  --ds-booked: #5b5344;
  --ds-negative: #b3261e;
  --ds-negative-soft: #f3d4d0;
  --ds-positive: var(--ds-open);
  --ds-positive-soft: var(--ds-open-soft);
  --ds-caution-soft: var(--ds-hazard-soft);
  --background: var(--ds-kraft);
  --foreground: var(--ds-ink);
  --card: var(--ds-kraft-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-kraft-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-vermilion);
  --primary-foreground: var(--ds-on-vermilion);
  --secondary: var(--ds-vermilion-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-kraft-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-kraft-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-kraft);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-vermilion);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-hazard);
  --chart-4: var(--ds-open);
  --chart-5: var(--ds-ink-muted);
  --radius: 0px;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 0px;
}
:root:where([data-theme="signout"].dark) {
  --ds-kraft: #14201a;
  --ds-kraft-raised: #1b2a22;
  --ds-kraft-sunk: #0e1712;
  --ds-line: #35493d;
  --ds-ink: #ede6d6;
  --ds-ink-muted: #a9b3a4;
  --ds-vermilion: #ff6a3d;
  --ds-on-vermilion: #16140f;
  --ds-vermilion-soft: #3a1d14;
  --ds-hazard: #f2b705;
  --ds-hazard-soft: #3a2f08;
  --ds-caution: #f2b705;
  --ds-open: #7fd99f;
  --ds-open-soft: #17352a;
  --ds-booked: #a9b3a4;
  --ds-negative: #ff6a5a;
  --ds-negative-soft: #3a1a14;
  --ds-positive: var(--ds-open);
  --ds-positive-soft: var(--ds-open-soft);
  --ds-caution-soft: var(--ds-hazard-soft);
  --background: var(--ds-kraft);
  --foreground: var(--ds-ink);
  --card: var(--ds-kraft-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-kraft-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-vermilion);
  --primary-foreground: var(--ds-on-vermilion);
  --secondary: var(--ds-vermilion-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-kraft-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-kraft-sunk);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-kraft);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-vermilion);
  --chart-1: var(--ds-ink);
  --chart-2: var(--ds-vermilion);
  --chart-3: var(--ds-hazard);
  --chart-4: var(--ds-open);
  --chart-5: var(--ds-ink-muted);
  --ds-chip-radius: 0px;
}
:root:where([data-theme="sorbet"]) {
  --ds-cream: #fff9f2;
  --ds-cream-raised: #ffffff;
  --ds-cream-sunk: #ffefe3;
  --ds-line: #f0d9d0;
  --ds-ink: #2b1b3d;
  --ds-ink-muted: #6e5a80;
  --ds-rim: #ffffff;
  --ds-strawberry: #ff5c8a;
  --ds-on-strawberry: #2b1b3d;
  --ds-strawberry-soft: #ffe1ea;
  --ds-mango: #ffb01f;
  --ds-lime: #8be04d;
  --ds-blueberry: #5b7cff;
  --ds-on-blueberry: #ffffff;
  --ds-grape: #b96cff;
  --ds-lilac: #eadff5;
  --ds-positive: #3e8a14;
  --ds-positive-soft: #e6f8d6;
  --ds-caution: #9a5e00;
  --ds-caution-soft: #fff0cc;
  --ds-negative: #c2185b;
  --ds-negative-soft: #ffe1ea;
  --background: var(--ds-cream);
  --foreground: var(--ds-ink);
  --card: var(--ds-cream-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-cream-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-strawberry);
  --primary-foreground: var(--ds-on-strawberry);
  --secondary: var(--ds-strawberry-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-cream-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-lilac);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-cream);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-blueberry);
  --chart-1: var(--ds-strawberry);
  --chart-2: var(--ds-blueberry);
  --chart-3: var(--ds-mango);
  --chart-4: var(--ds-lime);
  --chart-5: var(--ds-grape);
  --radius: 20px;
  --font-display: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  --ds-chip-radius: 999px;
  --ds-drop: 6px 6px 0 0 #2b1b3d;
  --ds-sticker: 0 0 0 3px #ffffff, 7px 7px 0 0 #2b1b3d;
  --ds-spring: cubic-bezier(.34,1.56,.64,1);
}
:root:where([data-theme="sorbet"].dark) {
  --ds-cream: #221433;
  --ds-cream-raised: #2e1c45;
  --ds-cream-sunk: #1a0f29;
  --ds-line: #45306a;
  --ds-ink: #fff4f8;
  --ds-ink-muted: #c9b6d9;
  --ds-rim: #2e1c45;
  --ds-strawberry: #ff6e98;
  --ds-on-strawberry: #2b1b3d;
  --ds-strawberry-soft: #4a2340;
  --ds-mango: #ffbb3d;
  --ds-lime: #9beb5e;
  --ds-blueberry: #7a95ff;
  --ds-on-blueberry: #120a1f;
  --ds-grape: #c78aff;
  --ds-lilac: #3b2a55;
  --ds-positive: #9beb5e;
  --ds-positive-soft: #213a14;
  --ds-caution: #ffbb3d;
  --ds-caution-soft: #3d2b08;
  --ds-negative: #ff6e98;
  --ds-negative-soft: #4a2340;
  --background: var(--ds-cream);
  --foreground: var(--ds-ink);
  --card: var(--ds-cream-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-cream-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-strawberry);
  --primary-foreground: var(--ds-on-strawberry);
  --secondary: var(--ds-strawberry-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-cream-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-lilac);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-cream);
  --border: var(--ds-line);
  --input: var(--ds-line);
  --ring: var(--ds-blueberry);
  --chart-1: var(--ds-strawberry);
  --chart-2: var(--ds-blueberry);
  --chart-3: var(--ds-mango);
  --chart-4: var(--ds-lime);
  --chart-5: var(--ds-grape);
  --ds-chip-radius: 999px;
  --ds-drop: 6px 6px 0 0 #fff4f8;
  --ds-sticker: 0 0 0 3px #2e1c45, 7px 7px 0 0 #fff4f8;
  --ds-spring: cubic-bezier(.34,1.56,.64,1);
}
:root:where([data-theme="arcade"]) {
  --ds-ground: #f7f3e8;
  --ds-raised: #ffffff;
  --ds-sunk: #e9e3d3;
  --ds-line: #c9c2b0;
  --ds-ink: #0f0f1a;
  --ds-ink-muted: #5b586b;
  --ds-red: #ff3b3b;
  --ds-on-red: #ffffff;
  --ds-blue: #2e6bff;
  --ds-on-blue: #ffffff;
  --ds-blue-soft: #dce6ff;
  --ds-yellow: #ffd60a;
  --ds-on-yellow: #0f0f1a;
  --ds-magenta: #ff4fd8;
  --ds-cyan: #35e0ff;
  --ds-positive: #13a03f;
  --ds-positive-soft: #d4f5dd;
  --ds-caution: #c98a00;
  --ds-caution-soft: #fff1b8;
  --ds-negative: #e02b2b;
  --ds-negative-soft: #ffd9d9;
  --background: var(--ds-ground);
  --foreground: var(--ds-ink);
  --card: var(--ds-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-blue-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-ink);
  --input: var(--ds-line);
  --ring: var(--ds-yellow);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-magenta);
  --chart-5: var(--ds-cyan);
  --radius: 0px;
  --font-display: "Press Start 2P", "Courier New", monospace;
  --font-body: "Pixelify Sans", "Verdana", sans-serif;
  --font-mono: "VT323", "Courier New", monospace;
  --ds-chip-radius: 0px;
  --ds-px: 4px;
  --ds-pixel-edge: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink);
  --ds-pixel-shadow: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink), 4px 8px 0 0 var(--ds-ink), 8px 4px 0 0 var(--ds-ink);
}
:root:where([data-theme="arcade"].dark) {
  --ds-ground: #0a0a14;
  --ds-raised: #141428;
  --ds-sunk: #050509;
  --ds-line: #26263d;
  --ds-ink: #f2f0ff;
  --ds-ink-muted: #9c98be;
  --ds-red: #ff5c5c;
  --ds-on-red: #0a0a14;
  --ds-blue: #5c8bff;
  --ds-on-blue: #0a0a14;
  --ds-blue-soft: #15224d;
  --ds-yellow: #ffe34d;
  --ds-on-yellow: #0f0f1a;
  --ds-magenta: #ff6ee0;
  --ds-cyan: #5ce8ff;
  --ds-positive: #2bd34a;
  --ds-positive-soft: #0d3a1c;
  --ds-caution: #ffd60a;
  --ds-caution-soft: #3a2e05;
  --ds-negative: #ff5c5c;
  --ds-negative-soft: #3d0f14;
  --background: var(--ds-ground);
  --foreground: var(--ds-ink);
  --card: var(--ds-raised);
  --card-foreground: var(--ds-ink);
  --popover: var(--ds-raised);
  --popover-foreground: var(--ds-ink);
  --primary: var(--ds-red);
  --primary-foreground: var(--ds-on-red);
  --secondary: var(--ds-blue-soft);
  --secondary-foreground: var(--ds-ink);
  --muted: var(--ds-sunk);
  --muted-foreground: var(--ds-ink-muted);
  --accent: var(--ds-blue-soft);
  --accent-foreground: var(--ds-ink);
  --destructive: var(--ds-negative);
  --destructive-foreground: var(--ds-on-red);
  --border: var(--ds-ink);
  --input: var(--ds-line);
  --ring: var(--ds-yellow);
  --chart-1: var(--ds-blue);
  --chart-2: var(--ds-red);
  --chart-3: var(--ds-yellow);
  --chart-4: var(--ds-magenta);
  --chart-5: var(--ds-cyan);
  --ds-chip-radius: 0px;
  --ds-px: 4px;
  --ds-pixel-edge: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink);
  --ds-pixel-shadow: 0 -4px 0 0 var(--ds-ink), 0 4px 0 0 var(--ds-ink), -4px 0 0 0 var(--ds-ink), 4px 0 0 0 var(--ds-ink), 4px 8px 0 0 var(--ds-ink), 8px 4px 0 0 var(--ds-ink);
}
:where([data-mx-story-root]) :where(p,ul,ol,blockquote,table,pre):not([class]){margin-block:0.75em;max-width:68ch;line-height:1.65}:where([data-mx-story-root]) :where(h1,h2,h3,h4,h5,h6):not([class]){margin-block:1.6em 0.5em;line-height:1.2;font-weight:600;text-wrap:balance}:where([data-mx-story-root]) :where(h1):not([class]){font-size:2.5rem;margin-block-start:0}:where([data-mx-story-root]) :where(h2):not([class]){font-size:1.75rem}:where([data-mx-story-root]) :where(h3):not([class]){font-size:1.35rem}:where([data-mx-story-root]) :where(h4,h5,h6):not([class]){font-size:1.1rem}:where([data-mx-story-root]) :where(ul):not([class]){list-style:disc;padding-inline-start:1.4em}:where([data-mx-story-root]) :where(ol):not([class]){list-style:decimal;padding-inline-start:1.4em}:where([data-mx-story-root]) :where(li):not([class]){margin-block:0.3em}:where([data-mx-story-root]) :where(blockquote):not([class]){padding-inline-start:1em;border-inline-start:3px solid currentColor;opacity:0.8}:where([data-mx-story-root]) :where(a):not([class]){text-decoration:underline;text-underline-offset:2px}:where([data-mx-story-root]) :where(table):not([class]){border-collapse:collapse}:where([data-mx-story-root]) :where(th,td):not([class]){border:1px solid currentColor;padding:0.4em 0.6em;text-align:start}:where([data-mx-story-root]) :where(pre):not([class]){padding:0.9em;overflow-x:auto;border-radius:6px;background:color-mix(in srgb, currentColor 8%, transparent)}:where([data-mx-story-root]) :where(hr):not([class]){margin-block:2em;border:0;border-top:1px solid currentColor;opacity:0.25}:where([data-mx-story-root]:not([data-mx-styled]))>*{padding-inline:clamp(1rem,5vw,3rem)}:where([data-mx-story-root]:not([data-mx-styled]))>*:first-child{padding-block-start:2.5rem}:where([data-mx-story-root]:not([data-mx-styled]))>*:last-child{padding-block-end:3rem}@media (max-width:639px){:where([data-mx-story-root]) :where(h1):not([class]){font-size:2rem}:where([data-mx-story-root]) :where(h2):not([class]){font-size:1.5rem}:where([data-mx-story-root]) :where(h3):not([class]){font-size:1.25rem}}
:where([data-mx-story-root]) input:where(:not([class]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=hidden])),:where([data-mx-story-root]) textarea:where(:not([class])),:where([data-mx-story-root]) select:where(:not([class])){border:1px solid var(--input, ButtonBorder);border-radius:calc(var(--radius, 0.625rem) - 2px);background-color:var(--background, Field);color:var(--foreground, FieldText);padding-inline:0.75rem;font-family:inherit;font-size:0.875rem;line-height:1.25rem;box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);max-width:100%}:where([data-mx-story-root]) input:where(:not([class]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=hidden])),:where([data-mx-story-root]) select:where(:not([class])){height:2.25rem}:where([data-mx-story-root]) textarea:where(:not([class])){padding-block:0.5rem;min-height:4.5rem;resize:vertical}:where([data-mx-story-root]) input:where(:not([class]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=hidden])):focus-visible,:where([data-mx-story-root]) textarea:where(:not([class])):focus-visible,:where([data-mx-story-root]) select:where(:not([class])):focus-visible{outline:2px solid var(--ring, Highlight);outline-offset:1px}:where([data-mx-story-root]) input:where(:not([class]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=hidden])):disabled,:where([data-mx-story-root]) textarea:where(:not([class])):disabled,:where([data-mx-story-root]) select:where(:not([class])):disabled{cursor:not-allowed;opacity:0.5}
:where([data-mx-story-root]) input:where([type="checkbox"][aria-label="Task completed"]){appearance:none;-webkit-appearance:none;display:inline-block;position:relative;box-sizing:border-box;width:13px;height:13px;margin:0;padding:0;vertical-align:-1px;border:1px solid #9ca3af;border-radius:2px;background:transparent;opacity:1;cursor:pointer}:where([data-mx-story-root]) input:where([type="checkbox"][aria-label="Task completed"]):checked{background:#087bff;border-color:#087bff}:where([data-mx-story-root]) input:where([type="checkbox"][aria-label="Task completed"]):checked::after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}:where([data-mx-story-root]) input:where([type="checkbox"][aria-label="Task completed"]):disabled{cursor:default;opacity:1}:where([data-mx-story-root]) input:where([type="checkbox"][aria-label="Task completed"]):focus-visible{outline:2px solid #087bff;outline-offset:2px}@media (forced-colors:active){:where([data-mx-story-root]) input:where([type="checkbox"][aria-label="Task completed"]){appearance:auto;-webkit-appearance:auto}:where([data-mx-story-root]) input:where([type="checkbox"][aria-label="Task completed"]):checked::after{content:none}}

.mx-deck { display: flex; align-items: flex-start; }
.mx-rail {
  position: sticky; top: 0; flex: 0 0 190px; width: 190px; height: 100vh;
  overflow-y: auto; overflow-x: hidden; box-sizing: border-box;
  padding: 12px 10px; border-right: 1px solid var(--border, rgba(128,128,128,0.25));
  background: var(--background, canvas);
  color: var(--foreground, canvastext);
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.mx-rail-row {
  display: block; width: 100%; text-align: left; cursor: pointer;
  margin: 0 0 8px; padding: 6px; border: 1px solid transparent; border-radius: 6px;
  background: none; color: inherit; font: inherit;
}
.mx-rail-row:hover { background: color-mix(in srgb, var(--foreground, gray) 8%, transparent); }
.mx-rail-row[aria-current="true"] {
  border-color: var(--border, rgba(128,128,128,0.55));
  background: color-mix(in srgb, var(--foreground, gray) 12%, transparent);
}
.mx-rail-label { display: flex; gap: 6px; align-items: baseline; font-size: 11px; line-height: 1.3; }
.mx-rail-index { color: var(--muted-foreground, gray); font-variant-numeric: tabular-nums; }
.mx-rail-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* The rail's one edit affordance — visible only while the owner is editing,
   because that is the only time the runtime renders it at all. */
.mx-rail-rename { margin-left: auto; padding: 0 4px; opacity: 0; cursor: pointer; font-size: 11px; }
.mx-rail-row:hover .mx-rail-rename, .mx-rail-rename:focus { opacity: 0.75; }
input.mx-rail-title { min-width: 0; width: 100%; background: transparent; border: 1px solid currentColor; border-radius: 3px; color: inherit; font: inherit; padding: 0 2px; }
/* The preview box is RESERVED at its final size — a preview that grows on
   arrival pushes every row below it down (the thumbnail lesson). */
.mx-rail-thumb {
  /* block, not the span's default inline: aspect-ratio does nothing on an
     inline box, so the preview had no height and spilled over its row. */
  display: block;
  position: relative; width: 100%; aspect-ratio: 16 / 10; margin-top: 4px;
  overflow: hidden; border: 1px solid var(--border, rgba(128,128,128,0.25)); border-radius: 4px;
  background: var(--background, canvas); pointer-events: none;
}
.mx-rail-thumb > div {
  position: absolute; top: 0; left: 0; width: 1280px; height: 800px;
  transform: scale(0.128); transform-origin: top left;
}
.mx-present {
  position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%);
  display: flex; align-items: center; gap: 6px; z-index: 2147483000;
  padding: 5px 8px; border: 1px solid var(--border, rgba(128,128,128,0.35)); border-radius: 999px;
  background: color-mix(in srgb, var(--background, canvas) 88%, transparent);
  color: var(--foreground, canvastext);
  backdrop-filter: blur(6px);
  font-family: ui-sans-serif, system-ui, sans-serif; font-size: 12px;
}
.mx-present button {
  cursor: pointer; border: 0; border-radius: 999px; background: none; color: inherit;
  font: inherit; padding: 2px 8px; line-height: 1.4;
}
.mx-present button:hover { background: color-mix(in srgb, var(--foreground, gray) 14%, transparent); }
.mx-present-count { font-variant-numeric: tabular-nums; color: var(--muted-foreground, gray); padding: 0 2px; }
/* Presenting is the document alone: the rail would be in the projected frame. */
:fullscreen .mx-rail { display: none; }
@media (max-width: 720px) { .mx-rail { display: none; } }
/*
 * THE OUTLINE — a sectioned document's table of contents (lib/story-runtime/
 * outline). The same shape as the deck rail and for the same reason: a flex
 * SIBLING of the document, sticky within the viewport, server-rendered at its
 * final width so the column never jumps. Narrower than the rail (no previews
 * to hold) and gone under 1024px, where the column needs every pixel — and
 * gone when presenting, where the document is alone on the screen.
 */
.mx-reading { display: flex; align-items: flex-start; }
/* Plans have a bounded drawing column. A matching right gutter keeps the
   document centered on wide displays while the contents sit alongside it. */
.mx-reading--plan { max-width: 1536px; margin-inline: auto; }
.mx-reading--plan > .mx-doc { width: 100%; max-width: 1120px; margin-inline: auto; }
@media (min-width: 1600px) {
  .mx-reading--plan::after { content: ''; flex: 0 0 208px; }
}
.mx-outline {
  position: sticky; top: 0; flex: 0 0 208px; width: 208px; max-height: 100vh;
  overflow-y: auto; overflow-x: hidden; box-sizing: border-box;
  /* The page hamburger occupies the first 48px of the corner. Begin the
     structural navigation below it, with a small gap instead of an overlap. */
  padding: 56px 20px 36px 24px;
  color: var(--muted-foreground, gray);
  font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
  font-size: 12.5px; line-height: 1.4;
}
.mx-outline-label {
  margin: 0 0 10px 12px; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase;
  font-family: var(--font-mono, ui-monospace, monospace);
}
.mx-outline-row {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  width: 100%; text-align: left; cursor: pointer;
  margin: 0; padding: 4px 0 4px 12px;
  border: 0; border-left: 2px solid var(--border, rgba(128,128,128,0.25));
  background: none; color: inherit; font: inherit;
  /* Two lines, then an ellipsis: a section title is a claim, and "1. A dataset
     is already …" tells the reader nothing about where the row goes. */
  overflow: hidden; overflow-wrap: anywhere;
}
.mx-outline-row:hover { color: var(--foreground, canvastext); }
.mx-outline-row[aria-current="true"] { color: var(--foreground, canvastext); border-left-color: var(--primary, currentColor); }
.mx-outline-sub { padding-left: 24px; font-size: 12px; }
:fullscreen .mx-outline { display: none; }
@media (max-width: 1023px) { .mx-outline { display: none; } }
@media print { .mx-outline { display: none; } }


.mx-busy { position: relative; }
.mx-busy > * { opacity: 0.3; transition: opacity 150ms ease; }
.mx-busy::before {
  content: ''; position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -11px; z-index: 2;
  width: 22px; height: 22px; border-radius: 999px; pointer-events: none;
  border: 2px solid var(--border, rgba(128,128,128,0.35)); border-top-color: var(--primary, graytext);
  animation: mx-spin 0.8s linear infinite;
}
.mx-busy::after {
  content: 'updating…'; position: absolute; left: 50%; top: 50%; transform: translateX(-50%); margin-top: 8px;
  z-index: 2; pointer-events: none;
  font: 500 11px/1 var(--font-mono, ui-monospace, monospace); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted-foreground, graytext);
}
.mx-busy-inline { opacity: 0.55; transition: opacity 150ms ease; }
@keyframes mx-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mx-busy::before { animation: none; } }


/*
 * The kit's own <DataTable> opts OUT by its marker. A scroll box here is not
 * just redundant — the kit already wraps the table in one — it is breaking: a
 * sticky <thead> pins to its nearest SCROLLING ancestor, so an overflow on the
 * table makes the table itself that ancestor and the header scrolls away with
 * the rows instead of holding at the top of the box.
 */
:where([data-mx-story-root]) table:not([data-mx-kit-table]) {
  display: block; width: fit-content; max-width: 100%; overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
:where([data-mx-story-root]) table[data-mx-scrollable] {
  mask-image: linear-gradient(to right, black calc(100% - 36px), transparent);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 36px), transparent);
}
:where([data-mx-story-root]) table[data-mx-scrollable="end"] { mask-image: none; -webkit-mask-image: none; }


:where(.mx-markdown) { color: inherit; font-family: inherit; line-height: 1.65; overflow-wrap: anywhere; }
:where(.mx-markdown[data-placeholder]) { position: relative; }
:where(.mx-markdown[data-placeholder]:empty)::before,
:where(.mx-markdown[data-placeholder]:has(> p:only-child > br:only-child))::before { content: attr(data-placeholder); position: absolute; pointer-events: none; color: var(--muted-foreground, #888); }
/* A heading hint above the body hint while the region is empty: the heading is drawn as the region's h1 (2.25em at 1.2 line height plus its .6em gap, 4.05em of the base size) and the body sits below it. */
:where(.mx-markdown[data-placeholder-heading]:empty),
:where(.mx-markdown[data-placeholder-heading]:has(> p:only-child > br:only-child)) { min-height: 5.7em; }
:where(.mx-markdown[data-placeholder-heading]:empty)::before,
:where(.mx-markdown[data-placeholder-heading]:has(> p:only-child > br:only-child))::before { content: attr(data-placeholder-heading); position: absolute; top: 0; pointer-events: none; color: var(--muted-foreground, #888); font-family: var(--font-display, inherit); font-weight: 600; font-size: 2.25em; line-height: 1.2; }
:where(.mx-markdown[data-placeholder-heading][data-placeholder]:empty)::after,
:where(.mx-markdown[data-placeholder-heading][data-placeholder]:has(> p:only-child > br:only-child))::after { content: attr(data-placeholder); position: absolute; top: 4.05em; pointer-events: none; color: var(--muted-foreground, #888); }
:where(.mx-markdown > :first-child) { margin-top: 0; }
:where(.mx-markdown > :last-child) { margin-bottom: 0; }
:where(.mx-markdown p, .mx-markdown ul, .mx-markdown ol, .mx-markdown blockquote, .mx-markdown pre, .mx-markdown .mx-md-code) { margin-block: 1em; }
:where(.mx-markdown h1, .mx-markdown h2, .mx-markdown h3, .mx-markdown h4, .mx-markdown h5, .mx-markdown h6) { font-family: var(--font-display, inherit); font-weight: 600; line-height: 1.2; margin-block: 1.5em .6em; }
:where(.mx-markdown h1) { font-size: 2.25em; }
:where(.mx-markdown h2) { font-size: 1.6em; }
:where(.mx-markdown h3) { font-size: 1.25em; }
:where(.mx-markdown h4, .mx-markdown h5, .mx-markdown h6) { font-size: 1em; }
:where(.mx-markdown ul) { list-style: disc; padding-inline-start: 1.5em; }
:where(.mx-markdown ol) { list-style: decimal; padding-inline-start: 1.5em; }
:where(.mx-markdown li > ul, .mx-markdown li > ol) { margin-block: .25em; }
:where(.mx-markdown a) { color: var(--primary, inherit); text-decoration: underline; text-underline-offset: .15em; }
:where(.mx-markdown blockquote) { border-inline-start: 3px solid var(--border, currentColor); padding-inline-start: 1em; color: var(--muted-foreground, inherit); }
:where(.mx-markdown code, .mx-markdown .mx-md-inline-code) { font-family: var(--font-mono, monospace); font-size: .9em; }
:where(.mx-markdown pre, .mx-markdown .mx-md-code) { display: block; white-space: pre-wrap; padding: 1em; border-radius: .35em; background: var(--muted, transparent); }
:where(.mx-markdown pre code[class^="language-"]) { color: var(--foreground, #24292f); }
:where(.mx-markdown .mx-code-token-keyword) { color: var(--mx-code-keyword, #8250df); font-weight: 600; }
:where(.mx-markdown .mx-code-token-string) { color: var(--mx-code-string, #116329); }
:where(.mx-markdown .mx-code-token-comment) { color: var(--mx-code-comment, #6e7781); font-style: italic; }
:where(.mx-markdown .mx-code-token-number, .mx-markdown .mx-code-token-literal) { color: var(--mx-code-number, #0550ae); }
:where(.mx-markdown .mx-code-token-regexp) { color: var(--mx-code-regexp, #953800); }
:where(.mx-markdown .mx-code-token-type) { color: var(--mx-code-type, #953800); }
:where(.mx-markdown .mx-code-token-definition, .mx-markdown .mx-code-token-function) { color: var(--mx-code-definition, #8250df); }
:where(.mx-markdown .mx-code-token-property, .mx-markdown .mx-code-token-tag) { color: var(--mx-code-property, #0550ae); }
:where(.mx-markdown .mx-code-token-heading, .mx-markdown .mx-code-token-link) { color: var(--mx-code-link, #0969da); text-decoration: underline; }
:where(.mx-markdown .mx-code-token-emphasis) { font-style: italic; }
:where(.mx-markdown .mx-code-token-strong) { font-weight: 700; }
:where(.mx-markdown .mx-code-token-meta) { color: var(--mx-code-meta, #8250df); }
:where(.mx-markdown .mx-code-token-operator, .mx-markdown .mx-code-token-punctuation) { color: var(--mx-code-punctuation, #57606a); }
:where(.dark .mx-markdown, .mx-markdown.dark, [data-theme="dark"] .mx-markdown, .mx-markdown[data-theme="dark"]) { --mx-code-keyword: #d2a8ff; --mx-code-string: #a5d6ff; --mx-code-comment: #8b949e; --mx-code-number: #79c0ff; --mx-code-regexp: #ffa657; --mx-code-type: #ffa657; --mx-code-definition: #d2a8ff; --mx-code-property: #79c0ff; --mx-code-link: #58a6ff; --mx-code-meta: #d2a8ff; --mx-code-punctuation: #8b949e; }
:where(.mx-markdown strong, .mx-markdown .mx-md-bold) { font-weight: bold; }
:where(.mx-markdown em, .mx-markdown .mx-md-italic) { font-style: italic; }
:where(.mx-markdown s, .mx-markdown .mx-md-strike) { text-decoration: line-through; }
:where(.mx-markdown hr) { border: 0; border-top: 1px solid var(--border, currentColor); margin-block: 1.5em; }
:where(.mx-markdown .mx-md-check-list) { list-style: none; padding-inline-start: 0; }
:where(.mx-markdown li > .mx-md-check-list) { padding-inline-start: 1.6em; }
:where(.mx-markdown li:has(> ul:only-child), .mx-markdown li:has(> ol:only-child)) { list-style: none; }
:where(.mx-markdown li[role="checkbox"]) { position: relative; list-style: none; padding-inline-start: 1.6em; min-height: 1.65em; }
:where(.mx-markdown li[role="checkbox"])::before { content: ''; position: absolute; inset-inline-start: 0; top: .3em; width: 1em; height: 1em; box-sizing: border-box; border: 1px solid var(--muted-foreground, currentColor); border-radius: .2em; background: var(--background, transparent); }
:where(.mx-markdown li[aria-checked="true"])::before { background: var(--primary); border-color: var(--primary); }
:where(.mx-markdown li[aria-checked="true"])::after { content: ''; position: absolute; inset-inline-start: .32em; top: .45em; width: .3em; height: .5em; border: solid var(--primary-foreground); border-width: 0 2px 2px 0; transform: rotate(45deg); }
:where(.mx-markdown[data-mx-lexical] li[role="checkbox"])::before { cursor: pointer; }
:where(.mx-markdown li[role="checkbox"]:focus-visible) { outline: 2px solid var(--ring); outline-offset: 2px; }
:where(.mx-markdown .mx-md-table-scroll) { overflow-x: auto; max-width: 100%; margin-block: 1em; }
:where(.mx-markdown table) { border-collapse: collapse; width: 100%; table-layout: auto; }
:where(.mx-markdown td, .mx-markdown th) { min-width: 6em; border: 1px solid var(--border); padding: .5em .75em; vertical-align: top; text-align: start; }
:where(.mx-markdown th) { background: var(--muted); font-weight: 600; }
:where(.mx-markdown td p, .mx-markdown th p) { margin: 0; }
:where(.mx-markdown .mx-md-cell-selected) { background: color-mix(in srgb, var(--primary) 16%, var(--background)); }
:where(.mx-markdown .mx-md-table-selection *)::selection { background: transparent; }

.mx-doc { flex: 1 1 auto; min-width: 0; container-type: inline-size; overflow-x: clip; }
.mx-doc--document { box-sizing: border-box; width: 100%; max-width: 816px; margin-inline: auto; padding: 48px 24px 96px; overflow-wrap: anywhere; }
/* ProseMirror gives blank paragraphs a caret line with a temporary <br>.
   Keep that line in the reader and exports too, without adding editor DOM to
   saved source. Low specificity lets authored sizing keep taking precedence. */
:where(.mx-doc--document p:empty) { min-height: 1lh; }

@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-latin-standard-normal.2c295d99.woff2") format("woff2");
  font-weight: 100 900;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-latin-ext-standard-normal.5e6d4fe9.woff2") format("woff2");
  font-weight: 100 900;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-latin-wght-normal.18be4527.woff2") format("woff2");
  font-weight: 400;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-latin-wght-normal.18be4527.woff2") format("woff2");
  font-weight: 700;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-latin-ext-wght-normal.79bfdab9.woff2") format("woff2");
  font-weight: 400;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-latin-ext-wght-normal.79bfdab9.woff2") format("woff2");
  font-weight: 700;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  font-display: swap;
}