:root { --fg:#0f172a; --muted:#475569; --bg:#f8fafc; --card:#fff; --brand:#5b3fe0; --line:#e2e8f0; }
@media (prefers-color-scheme: dark) { :root { --fg:#e2e8f0; --muted:#94a3b8; --bg:#0b1220; --card:#111a2b; --brand:#a78bfa; --line:#1e293b; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:720px; margin:0 auto; padding:24px 16px 64px; }
header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
header img { width:48px; height:48px; border-radius:12px; }
h1 { font-size:1.6rem; margin:0; }
h2 { font-size:1.15rem; margin:28px 0 8px; color:var(--brand); }
p, li { color:var(--fg); }
.muted { color:var(--muted); font-size:.9rem; }
section { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:4px 20px 16px; margin-top:16px; }
a { color:var(--brand); }
ol li, ul li { margin:4px 0; }