:root{--bg:#FAF8F2;--text:#2E2A26;--muted:#706861;--accent:#287A78;--card:#fff}
@media (prefers-color-scheme: dark){:root{--bg:#242523;--text:#F2F0EA;--muted:#C9CBC3;--accent:#A7DDD0;--card:#30332F}}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}
h1{font-size:28px;margin:0 0 4px}h2{font-size:20px;margin:28px 0 8px}
.muted{color:var(--muted);font-size:15px}a{color:var(--accent)}
.card{background:var(--card);border-radius:18px;padding:16px 20px;margin:16px 0}
nav a{margin-right:16px}