:root{--bg:#F4F5F3;--surface:#FFFFFF;--text:#16181D;--muted:#4A4F59;--accent:#2453C9;--border:#E1E3E0}
@media (prefers-color-scheme:dark){:root{--bg:#0E1014;--surface:#161A21;--text:#E7E9EE;--muted:#9AA1AE;--accent:#6CB6FF;--border:#262B35}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px}
h1{font-size:28px;margin:0 0 8px}h2{font-size:18px;margin:28px 0 8px}
p,li{color:var(--text)}.muted{color:var(--muted);font-size:14px}
a{color:var(--accent)}code{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:14px}
footer{margin-top:24px;font-size:14px;color:var(--muted)}