:root {
    --bg: #f7f7f5;
    --fg: #16161a;
    --muted: #6b6b73;
    --rule: #dcdcd6;
  }
  @media (prefers-color-scheme: dark) {
    :root { --bg: #131315; --fg: #ececef; --muted: #8e8e97; --rule: #2a2a2e; }
  }
  * { box-sizing: border-box; }
  html, body { height: 100%; }
  body {
    margin: 0;
    background: var(--bg);
    color: var(--fg);
    font: 400 17px/1.55 ui-sans-serif, -apple-system, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    display: grid;
    place-items: center;
    padding: 2rem;
  }
  main { max-width: 34rem; }
  h1 {
    font-size: 1.0625rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin: 0 0 1.75rem;
  }
  p { margin: 0 0 1rem; }
  p.lead { font-size: 1.375rem; line-height: 1.35; letter-spacing: -0.011em; }
  p.note { color: var(--muted); font-size: 0.9375rem; }
  hr { border: 0; border-top: 1px solid var(--rule); margin: 1.75rem 0; }