:root {
  color-scheme: dark light;
  --bg: #070a0e;
  --fg: #f4f6f8;
  --muted: #a3acb6;
}
@media (prefers-color-scheme: light) {
  :root { --bg: #f5f5f2; --fg: #0d1116; --muted: #4c5560; }
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  display: grid;
  place-items: center;
  padding: 24px 16px;
}
main { text-align: center; max-width: 34rem; }
h1 { font-size: clamp(2rem, 6vw, 2.75rem); font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }