:root,[data-theme="light"]{--ground:#f5f1e7;--surface:#ffffff;--line:#e5dfd0;--line-strong:#867f6c;--ink:#182a2c;--ink-muted:#5e6b62;--signal:#456c58;--signal-pressed:#355343;--signal-lit:#456c58;--on-signal:#ffffff;}
[data-theme="dark"]{--ground:#0f1d1d;--surface:#173029;--line:#253536;--line-strong:#667778;--ink:#e8ede4;--ink-muted:#8fa79c;--signal:#456c58;--signal-pressed:#355343;--signal-lit:#7fb89a;--on-signal:#ffffff;}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--container-max:1200px;--measure:680px;--nav-height:64px;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif:"Source Serif 4", Georgia, serif;}
.display-xl{font-family:var(--font-sans);font-size:120px;line-height:116px;font-weight:300;letter-spacing:-0.035em;}
.display{font-family:var(--font-sans);font-size:64px;line-height:68px;font-weight:300;letter-spacing:-0.03em;}
.h1{font-family:var(--font-sans);font-size:44px;line-height:50px;font-weight:400;letter-spacing:-0.02em;}
.h2{font-family:var(--font-sans);font-size:28px;line-height:34px;font-weight:500;letter-spacing:-0.01em;}
.h4{font-family:var(--font-sans);font-size:16px;line-height:22px;font-weight:500;}
.h3{font-family:var(--font-sans);font-size:20px;line-height:28px;font-weight:500;}
.lead{font-family:var(--font-sans);font-size:20px;line-height:32px;font-weight:400;}
.body{font-family:var(--font-sans);font-size:16px;line-height:26px;font-weight:400;}
.body-sm{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400;}
.caption{font-family:var(--font-sans);font-size:12px;line-height:18px;font-weight:400;}
.label{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:500;}
.button{font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:500;}
.readout{font-family:var(--font-mono);font-size:32px;line-height:38px;font-weight:500;}
.readout-sm{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:400;}
.code{font-family:var(--font-mono);font-size:13px;line-height:20px;font-weight:400;}
.display-serif{font-family:var(--font-serif);font-size:56px;line-height:64px;font-weight:400;letter-spacing:-0.02em;}
.reading{font-family:var(--font-serif);font-size:19px;line-height:32px;font-weight:400;}
.reading-lead{font-family:var(--font-serif);font-size:22px;line-height:34px;font-weight:400;}