@font-face{font-family:Inter;src:url('assets/inter.ttf')}@font-face{font-family:'Exo 2';font-style:italic;src:url('assets/exo2-italic.woff2')}
:root{color-scheme:dark;--ink:#050916;--panel:#0c1528;--line:rgba(160,200,255,.16);--text:#eaf3ff;--mut:#93a6c4;--lime:#a2ff61;--pink:#ff3d8b}
*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:var(--lime)}main{max-width:720px;margin:0 auto;padding:32px max(16px,env(safe-area-inset-left)) 64px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}
.logo{font:italic 900 24px 'Exo 2',system-ui;text-decoration:none;color:var(--text)}.logo span{color:var(--lime)}
nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}nav a{color:var(--mut);text-decoration:none}nav a:hover{color:var(--text)}
h1{font:italic 900 clamp(32px,7vw,48px)/1.05 'Exo 2',system-ui;margin:8px 0 16px}h2{font:italic 800 22px 'Exo 2',system-ui;margin:32px 0 8px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin:16px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;border:0;font:italic 900 16px 'Exo 2',system-ui;cursor:pointer;text-decoration:none}
.btn.p{background:linear-gradient(#c6ff92,#8cf046);color:#0a1a06}.btn.s{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text)}.btn.d{background:#3a1020;color:#ffb3c3;border:1px solid rgba(255,90,110,.5)}
.todo{background:rgba(255,211,77,.12);border:1px dashed #ffd34d;color:#ffe29a;padding:2px 6px;border-radius:6px}
footer{border-top:1px solid var(--line);padding:24px 16px;text-align:center;font-size:13px;color:var(--mut)}