:root { --bg: #f6f3ee; --fg: #1f1d1a; --muted: #6b665e; --accent: #c2461f; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #161513; --fg: #f1ede6; --muted: #a39d93; --accent: #e8714a; }
}
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 24px 16px; background: var(--bg); color: var(--fg);
  font-family: system-ui, -apple-system, "Hiragino Sans", "Yu Gothic UI", sans-serif;
  text-align: center;
}
main { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
h1 { font-size: clamp(2.5rem, 12vw, 5rem); letter-spacing: 0.08em; font-weight: 800; }
.lead { color: var(--muted); font-size: 1rem; }
.soon { margin-top: 24px; font-size: 1.5rem; font-weight: 700; color: var(--accent); letter-spacing: 0.2em; }
.note { color: var(--muted); font-size: 0.9rem; }
footer { color: var(--muted); font-size: 0.8rem; }