:root{--bg:#fafaff;--fg:#1c1c24;--sub:#5a5a6e;--acc:#6c4ce6;--card:#fff;--line:#e4e1f3}
@media (prefers-color-scheme:dark){:root{--bg:#121216;--fg:#ececf2;--sub:#a3a3b5;--acc:#a18cff;--card:#1c1c22;--line:#2c2c36}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 16px 64px}
h1{font-size:26px;margin:0 0 4px}h2{font-size:19px;margin:32px 0 8px;color:var(--acc)}
p,li{color:var(--fg)}.sub{color:var(--sub);font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:16px 0}
a{color:var(--acc)}nav{font-size:14px;margin-bottom:24px}nav a{margin-right:14px}
hr{border:0;border-top:1px solid var(--line);margin:48px 0}