:root { --page: #f3f7f4; --card: #ffffff; --text: #17261c; --muted: #4f6356; --green: #2f7d4f; }
@media (prefers-color-scheme: dark) {
  :root { --page: #0f1612; --card: #18221c; --text: #e6efe9; --muted: #a3b5a9; --green: #5fc48a; }
}
html, body { margin: 0; background: var(--page); color: var(--text); font-family: system-ui, sans-serif; }
main { max-width: 32rem; margin: 15vh auto; padding: 2rem; background: var(--card); border-radius: 22px; }
h1 { color: var(--green); margin-top: 0; }
p { color: var(--muted); line-height: 1.5; }