:root { --bg: #f5f5f3; --fg: #1f2328; --muted: #5c636b; --card: #ffffff; --line: #e2e2de; }
  @media (prefers-color-scheme: dark) {
    :root { --bg: #16181b; --fg: #e8e8e6; --muted: #a0a6ad; --card: #1f2226; --line: #2e3237; }
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; height: 100%; }
  body {
    background: var(--bg);
    color: var(--fg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
  }
  main {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 12px;
    max-width: 520px;
    width: 100%;
    padding: 40px 32px;
    text-align: center;
  }
  .icon { width: 48px; height: 48px; margin: 0 auto 20px; color: var(--muted); }
  h1 { font-size: 1.5rem; margin: 0 0 12px; }
  p { color: var(--muted); line-height: 1.6; margin: 0 0 12px; }
  p:last-child { margin-bottom: 0; }