:root { --bg:#ffffff; --fg:#1f2328; --muted:#59636e; --accent:#dc2626; --line:#e5e7eb; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1115; --fg:#e6e6e6; --muted:#a0a7b0; --accent:#f87171; --line:#2a2f37; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 40px 16px 64px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
header img { width:56px; height:56px; border-radius:14px; }
header a { color:inherit; text-decoration:none; font-weight:700; font-size:20px; }
h1 { font-size: 30px; line-height:1.25; margin: 0 0 6px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
.meta { color: var(--muted); margin: 0 0 24px; }
a { color: var(--accent); }
nav { margin-top:40px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
.vi { margin-top:40px; padding:16px 18px; border:1px solid var(--line); border-radius:12px; color:var(--muted); font-size:15px; }