@font-face{font-family:'Fraunces';src:url(fonts/Fraunces-VariableFont_SOFT,WONK,opsz,wght.ttf);font-weight:100 900}
@font-face{font-family:'Courier Prime';src:url(fonts/CourierPrime-Regular.ttf);font-weight:400}
@font-face{font-family:'Courier Prime';src:url(fonts/CourierPrime-Bold.ttf);font-weight:700}
@font-face{font-family:'Caveat';src:url(fonts/Caveat-VariableFont_wght.ttf);font-weight:100 900}
@font-face{font-family:'Space Grotesk';src:url(fonts/SpaceGrotesk-VariableFont_wght.ttf);font-weight:100 900}
@font-face{font-family:'JetBrains Mono';src:url(fonts/JetBrainsMono-VariableFont_wght.ttf);font-weight:100 900}
/* Shared scale: identical in both themes */
:root{--fs-xs:13px;--fs-sm:15px;--fs-md:17px;--fs-lg:22px;--fs-xl:36px;--fs-xxl:60px;--fs-readout:64px;
--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:40px;--s6:64px;--s7:96px;--section-gap:128px;--header-h:76px}
/* Theme: notebook (light) */
:root,[data-theme="notebook"]{color-scheme:light;
--color-bg:#f3ecd9;--color-surface:#fbf6e8;--color-surface-sunk:#eadfc2;--color-ink:#2a2a2a;--color-muted:#6b6250;--color-rule:#b9cfe0;--color-edge:#2a2a2a;
--color-accent:#1d4e89;--color-on-accent:#fffdf7;--color-signal:#b33a2b;--color-warn:#b33a2b;--color-readout:#1d4e89;--color-readout-glow:transparent;
--font-display:'Fraunces',Georgia,serif;--font-body:'Courier Prime',monospace;--font-mono:'Courier Prime',monospace;--font-note:'Caveat',cursive;--font-logo:'Fraunces',Georgia,serif;
--weight-display:800;--logo-tracking:0;--radius:2px;--border-w:1.5px;--card-shadow:4px 4px 0 var(--color-edge);--card-tilt:-.3deg;--card-tilt-alt:.4deg;
--result-border:2px dashed var(--color-signal);--rule-double:3px double var(--color-edge);
--texture:linear-gradient(var(--color-rule) 1px,transparent 1px),linear-gradient(90deg,var(--color-rule) 1px,transparent 1px);--texture-size:24px 24px;--hero-glow:none}
/* Theme: panel (dark) */
[data-theme="panel"]{color-scheme:dark;
--color-bg:#0e1214;--color-surface:#161c1f;--color-surface-sunk:#0a0d0f;--color-ink:#e6ece8;--color-muted:#8a979a;--color-rule:#273136;--color-edge:#8a979a;
--color-accent:#ffb000;--color-on-accent:#111111;--color-signal:#39d98a;--color-warn:#ff6b5a;--color-readout:#39d98a;--color-readout-glow:#39d98a66;
--font-display:'Space Grotesk',sans-serif;--font-body:'Space Grotesk',sans-serif;--font-mono:'JetBrains Mono',monospace;--font-note:'JetBrains Mono',monospace;--font-logo:'JetBrains Mono',monospace;
--weight-display:700;--logo-tracking:2px;--radius:8px;--border-w:1px;--card-shadow:none;--card-tilt:0deg;--card-tilt-alt:0deg;
--result-border:1px solid var(--color-signal);--rule-double:1px solid var(--color-rule);
--texture:none;--texture-size:auto;--hero-glow:radial-gradient(ellipse at 70% 0,#2a2210,transparent 60%)}