:root{--bg:#0b0d17;--txt:#e7e9f3;--mut:#9aa0b8;--acc:#8b7bff;--ok:#22c55e;--warn:#fbbf24;--gradA:#7c5cff;--gradB:#38bdf8;--line:rgba(255,255,255,.10)}
html,body{margin:0;min-height:100%;color:var(--txt);font:15px/1.6 Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;background:radial-gradient(1000px 600px at 10% -10%,#3b2a7a,transparent),radial-gradient(900px 600px at 100% 0,#0e4a6b,transparent),#0b0d17;background-attachment:fixed}
.wrap{max-width:800px;margin:36px auto;padding:28px 32px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.4)}
@media(max-width:840px){.wrap{margin:14px;padding:20px}}
h1{margin:0 0 8px;font-size:28px;background:linear-gradient(135deg,#c4b5fd,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;gap:12px;align-items:center}h1 img{width:40px;height:40px}
h2{font-size:17px;color:#c4b5fd;margin:24px 0 6px}
a{color:#7dd3fc}.mut{color:var(--mut);font-size:13px}.draft{border:1px dashed var(--warn);color:var(--warn);padding:8px 12px;border-radius:10px;margin:10px 0 16px;font-size:13px}
.todo{background:#4a3a0c;color:#f5d76e;padding:0 5px;border-radius:4px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}th{color:var(--mut);font-weight:600;width:38%}
.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.links a{padding:7px 14px;border:1px solid rgba(255,255,255,.15);border-radius:10px;text-decoration:none;background:rgba(255,255,255,.06);color:var(--txt)}.links a:hover{border-color:rgba(167,139,250,.8);box-shadow:0 0 14px rgba(124,92,255,.35)}
.ok{color:var(--ok)}.warn{color:var(--warn)}