:root { color-scheme: light dark; --bg:#f5f6f8; --card:#fff; --txt:#1c1f24; --muted:#5f6670; --line:#e3e6ea; }
@media (prefers-color-scheme: dark) { :root { --bg:#111417; --card:#1b1f24; --txt:#eceff3; --muted:#9aa3ad; --line:#2b3138; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--txt); font:16px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 820px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 1.7rem; margin: 0 0 6px; } h2 { font-size: 1.15rem; margin: 28px 0 8px; }
p, li { color: var(--txt); } .muted { color: var(--muted); }
.note { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin:16px 0; }
a { color: inherit; }