:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Atkinson Hyperlegible Next", system-ui, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;color-scheme:light;--bg: #f7f3ea;--surface: #fffdf8;--code-bg: #f0eadc;--block: #fffdf8;--border: #ddd5c5;--text: #2b2a27;--muted: #6b665c;--accent: #a85a14;--on-accent: #fffdf8;--success: #3f7a3a;--warning: #a8481f;--danger: #a93232;--water: #3d74a6}:root[data-theme=dark]{color-scheme:dark;--bg: #1c1b19;--surface: #262522;--code-bg: #171614;--block: #33312d;--border: #3a3834;--text: #e8e4dc;--muted: #a8a296;--accent: #e0a458;--on-accent: #1c1b19;--success: #8fbf7f;--warning: #e8956b;--danger: #e57f7f;--water: #7fb2de}body{margin:0;font-family:var(--font-body);font-size:1.125rem;line-height:1.7;background:var(--bg);color:var(--text)}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;text-wrap:balance}h1{margin:.5em 0;font-size:clamp(2.25rem,7vw,3rem)}h2{margin:2.5em 0 .75em;font-size:1.75rem}h3{margin:2em 0 .5em;font-size:1.3rem}body.demo-open{overflow:hidden}h4{margin:.75em 0 .5em;font-size:1rem}a{color:var(--accent);text-underline-offset:3px}pre{padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--code-bg);line-height:1.6;overflow-x:auto}code{font-family:var(--font-mono);font-size:.875rem}button{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.9375rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.55;cursor:default}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}