:root { --bg:#fff; --fg:#0f1419; --muted:#536471; --line:#eff3f4; --accent:#1d9bf0; }
@media (prefers-color-scheme: dark) { :root { --bg:#0a0f1a; --fg:#e7e9ea; --muted:#8b98a5; --line:#2f3336; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:680px; margin:0 auto; padding:48px 16px 80px; }
header { display:flex; align-items:center; gap:12px; margin-bottom:32px; }
header img { width:40px; height:40px; border-radius:10px; }
header a { color:inherit; text-decoration:none; font-weight:700; font-size:20px; }
h1 { font-size:34px; line-height:1.15; margin:0 0 6px; letter-spacing:-.01em; }
h2 { font-size:19px; margin:32px 0 6px; }
p, li { color:var(--fg); }
.muted { color:var(--muted); }
a { color:var(--accent); }
.tldr { border:1px solid var(--line); border-radius:14px; padding:16px 20px; margin:24px 0; }
footer { margin-top:56px; padding-top:20px; border-top:1px solid var(--line); font-size:14px; color:var(--muted); }