:root{--bg:#fff;--fg:#1c1c1e;--mut:#6b6b70;--acc:#2b5cff;--card:#f4f5f8}
@media (prefers-color-scheme:dark){:root{--bg:#111214;--fg:#f2f2f5;--mut:#a0a0a8;--acc:#6f8dff;--card:#1c1d21}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}h1{font-size:28px;margin:0 0 4px}h2{font-size:19px;margin:28px 0 6px}
.mut{color:var(--mut)}a{color:var(--acc)}.card{background:var(--card);border-radius:14px;padding:16px 18px;margin:16px 0}nav a{margin-right:16px}