:root { --bg:#0a0a0a; --text:#e8e8ec; --dim:#9090a0; --accent:#ff2d7a; --line:#1f1f25; --warn:#ffb84d; }
* { box-sizing:border-box; margin:0; padding:0; }
html, body { background:var(--bg); color:var(--text); font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif; }
.wrap { max-width:780px; margin:0 auto; padding:40px 24px 80px; }
header { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid var(--line); margin-bottom:32px; }
.logo { font-size:18px; font-weight:800; background:linear-gradient(135deg,var(--accent),#ff6ba8); -webkit-background-clip:text; background-clip:text; color:transparent; text-decoration:none; }
header a.back { color:var(--dim); text-decoration:none; font-size:13px; }
header a.back:hover { color:var(--accent); }
h1 { font-size:28px; font-weight:800; letter-spacing:-0.02em; margin-bottom:8px; }
.meta { color:var(--dim); font-size:13px; margin-bottom:32px; }
h2 { font-size:18px; font-weight:700; margin:32px 0 12px; color:var(--accent); }
p, li { margin-bottom:12px; }
ul, ol { padding-left:24px; }
a { color:#ff6ba8; }
.box { background:#111114; border:1px solid var(--line); border-radius:10px; padding:18px 20px; margin:16px 0; }
.box.warn { border-color:rgba(255,184,77,0.3); background:rgba(255,184,77,0.05); color:var(--warn); }
.todo { background:rgba(255,45,122,0.08); border:1px dashed rgba(255,45,122,0.4); color:#ff6ba8; padding:14px 16px; border-radius:8px; font-size:13px; margin:14px 0; }
code { background:#1a1a20; padding:2px 6px; border-radius:4px; font-size:13px; color:#ffaad5; }
footer { margin-top:60px; padding-top:24px; border-top:1px solid var(--line); color:var(--dim); font-size:12px; }
footer a { color:var(--dim); margin:0 10px; }