:root { --bg:#FFF8F0; --card:#FFFDF9; --ink:#3A2E2A; --muted:#7A6A62; --accent:#E2557A; --line:#F0E2D6; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#1C1517; --card:#261D20; --ink:#F2E9E4; --muted:#B9A8A1; --accent:#FF8AA6; --line:#3A2C30; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; }
main { max-width:720px; margin:0 auto; padding:40px 20px 80px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; flex-wrap:wrap; }
header img { width:56px; height:56px; border-radius:13px; }
header a.home { color:inherit; text-decoration:none; font-weight:700; font-size:22px; }
header nav { margin-left:auto; font-size:14px; }
h1 { font-size:30px; line-height:1.2; margin:0 0 6px; }
h2 { font-size:19px; margin:32px 0 8px; }
p, li { color:var(--ink); }
.muted { color:var(--muted); font-size:14px; }
a { color:var(--accent); }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px; margin:16px 0; }
ul, ol { padding-left:22px; }
hr { border:none; border-top:1px solid var(--line); margin:48px 0; }
footer { margin-top:48px; font-size:14px; color:var(--muted); }