:root {
  color-scheme: light dark;
  --bg: #f7f5ef;
  --fg: #2b2a26;
  --muted: #7a776e;
  --leaf: #4f7a3a;
  --soil: #a3886b;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #15171a; --fg: #e8e5dc; --muted: #8f8c83; --leaf: #7fb36a; --soil: #8a7257; }
}
html, body { margin: 0; height: 100%; }
body {
  background: var(--bg);
  color: var(--fg);
  font: 400 17px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  display: grid;
  place-items: center;
  text-align: center;
}
.soon { padding: 32px 16px; }
.sapling { display: block; margin: 0 auto 20px; color: var(--leaf); }
.sapling .soil { stroke: var(--soil); }
h1 { font-size: 1.4rem; font-weight: 500; margin: 0 0 6px; letter-spacing: 0.01em; }
p { margin: 0; color: var(--muted); }