:root { --bg:#170B1F; --surface:#24132F; --border:#3A2248; --text:#FFF2F7; --text2:#D3B8D9; --accent:#FF3E9A; --accent2:#FF9F43; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width:760px; margin:0 auto; padding:24px 20px 64px; }
h1 { font-size:30px; letter-spacing:.02em; margin:.2em 0; text-transform:uppercase; }
h2 { font-size:20px; margin:1.8em 0 .4em; color:var(--accent2); }
h3 { font-size:16px; margin:1.2em 0 .2em; }
a { color:var(--accent); } p, li { color:var(--text2); } li { margin:.25em 0; }
nav { display:flex; gap:16px; flex-wrap:wrap; padding:14px 20px; border-bottom:1px solid var(--border); background:var(--surface); }
nav a { text-decoration:none; font-weight:600; }
.card { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:16px 18px; margin:16px 0; }
.todo { background:#3A2210; color:#FFC58F; border-radius:6px; padding:0 4px; }
hr { border:0; border-top:1px solid var(--border); margin:40px 0; }
.small { font-size:13px; opacity:.85; }
button, .btn { background:var(--accent); color:#1A0612; border:0; border-radius:12px; padding:12px 18px; font-weight:700; font-size:16px; text-decoration:none; display:inline-block; }