body{margin:0;overflow:hidden;height:100vh;background:radial-gradient(circle at top,#1a103d,#090b14 60%,#000);font-family:Segoe UI,sans-serif;color:#fff}#stars{position:fixed;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:40px 40px;opacity:.15;animation:drift 60s linear infinite}@keyframes drift{from{transform:translateY(0)}to{transform:translateY(40px)}}#counter,#showModalBtn,#toast{position:fixed;z-index:1000}#counter{top:15px;left:15px;background:rgba(255,255,255,.08);padding:10px;border-radius:12px}#showModalBtn{top:15px;right:15px;padding:12px 16px;border:0;border-radius:999px;background:#17c964;color:#fff}#toast{top:65px;right:15px;opacity:0;transition:.3s;background:#17c964;padding:10px;border-radius:10px}#toast.show{opacity:1}#modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55)}.card{width:500px;max-width:90vw;background:rgba(20,20,40,.9);padding:24px;border-radius:20px;box-shadow:0 0 40px #00e5ff55}textarea{width:100%;height:120px}button[type=submit]{width:100%;padding:12px;margin-top:10px}.todo{position:fixed;display:flex;gap:8px;align-items:center;padding:12px 18px;border-radius:999px;background:rgba(0,229,255,.15);border:1px solid #00e5ff66;backdrop-filter:blur(8px);cursor:grab;box-shadow:0 0 20px #00e5ff33}.todo.complete{animation:pop .8s forwards}@keyframes pop{100%{transform:scale(2);opacity:0}}.check{cursor:pointer}