:root { --bg:#0f1216; --card:#1a1f26; --ink:#e8eaed; --dim:#9aa3ad; --accent:#7ab3ff; --line:#2a323c; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width:680px; margin:0 auto; padding:32px 20px 64px; }
h1 { font-size:26px; margin:0 0 6px; }
.sub { color:var(--dim); margin:0 0 28px; font-size:15px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:0 0 14px; }
.card h2 { margin:0 0 8px; font-size:17px; color:var(--accent); }
.card ul { margin:0; padding-left:18px; }
.card li { margin:5px 0; }
.card li::marker { color:var(--dim); }
.todo { color:#ffcf7a; }
a { color:var(--accent); text-decoration:none; }
nav { display:flex; gap:8px; margin:0 0 26px; flex-wrap:wrap; }
nav a { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:10px 16px; font-size:15px; }
nav a.here { border-color:var(--accent); color:var(--accent); }
footer { color:var(--dim); font-size:13px; margin-top:28px; }
.who { color:var(--dim); font-size:14px; }
.big a { display:block; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:22px 20px; margin:0 0 14px; color:var(--ink); }
.big a .t { font-size:18px; font-weight:600; color:var(--accent); }
.big a .d { color:var(--dim); font-size:14px; margin-top:4px; }