:root { color-scheme: light dark; --bg: #ffffff; --ink: #111111; }
@media (prefers-color-scheme: dark) { :root { --bg: #0d0d0d; --ink: #f2f2f2; } }
html, body { height: 100%; margin: 0; }
body { display: grid; place-items: center; background: var(--bg); color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
h1 { margin: 0; padding: 0 16px; font-size: clamp(28px, 6vw, 56px); font-weight: 600; letter-spacing: -0.02em; }