:root{--bg:#f5f5f7;--ink:#1d1d1f;--dim:#6e6e73;--accent:#0071e3;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#000;--ink:#f5f5f7;--dim:#a1a1a6;--card:#1c1c1e}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"Hiragino Sans",sans-serif;line-height:1.75}
main{max-width:720px;margin:0 auto;padding:48px 20px 64px}h1{font-weight:300;font-size:40px;margin:0 0 8px}h2{font-size:20px;margin-top:36px}
.card{background:var(--card);border-radius:18px;padding:22px 24px;margin-top:20px}a{color:var(--accent)}small,.dim{color:var(--dim)}