:root { color-scheme: light; --bg: oklch(97% 0.006 250); --ink: oklch(22% 0.02 260); --muted: oklch(45% 0.02 260); }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; overflow-x: clip; }
body { display: grid; place-items: center; min-height: 100dvh; padding: 24px; background: var(--bg); color: var(--ink); font: 400 1.125rem/1.5 ui-sans-serif, system-ui, sans-serif; }
main { display: grid; gap: 12px; text-align: center; }
h1 { margin: 0; font: 600 clamp(2.25rem, 6vw, 4.5rem)/1.05 Georgia, ui-serif, serif; text-wrap: balance; }