:root { color-scheme: light dark; --fg:#1f2330; --muted:#5b6275; --bg:#f6f7fb; --card:#fff; --accent:#3b3fd6; --line:#e3e5ee; }
@media (prefers-color-scheme: dark) { :root { --fg:#e6e8f0; --muted:#9aa1b5; --bg:#14161d; --card:#1c1f29; --accent:#8d90ff; --line:#2b2f3c; } }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--fg); background:var(--bg); }
.wrap { max-width:760px; margin:0 auto; padding:40px 20px 60px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
.logo { width:52px; height:52px; border-radius:12px; display:block; }
header a { color:inherit; text-decoration:none; font-size:22px; font-weight:700; }
main { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:28px 28px 20px; }
h1 { margin:0 0 4px; font-size:28px; }
h2 { font-size:19px; margin:28px 0 6px; }
.muted { color:var(--muted); }
a { color:var(--accent); }
footer { margin-top:24px; font-size:14px; color:var(--muted); text-align:center; }
footer a { margin:0 8px; }