@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8f0;background-color:#0a0a0f;min-height:100vh;padding:10px;font-family:DM Sans,sans-serif;overflow-x:hidden}.bg{z-index:0;pointer-events:none;position:fixed;inset:0}.blob{filter:blur(80px);opacity:.18;border-radius:50%;position:absolute}.blob1{background:#6c63ff;width:400px;height:400px;top:-100px;left:-100px}.blob2{background:#00dfaa;width:350px;height:350px;top:-80px;left:-80px}.blob3{background:#ff6b9d;width:250px;height:250px;top:40%;left:50%}.app{z-index:1;max-width:720px;margin:0 auto;padding:2rem 1.5rem;position:relative}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;margin-left:0;padding-left:0;display:flex}.logo{letter-spacing:-.5px;padding-left:5px;font-family:Syne,sans-serif;font-size:1.9rem;font-weight:700}.logo span{color:#6c63ff}.add-btn{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:10px;padding:.55rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;transition:background .2s}.add-btn:hover{background:#574fd6}.stats{gap:10px;margin-bottom:1.5rem;display:flex}.stat{text-align:center;background-color:#ffffff0a;border-radius:12px;flex:1;padding:.75rem 1rem}.stat-num{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:700}.stat-label{color:#ffffff59;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:.72rem}.s-purple{color:#a89eff}.s-teal{color:#00d4aa}.s-pink{color:#ff6b9d}.filters{gap:8px;margin-bottom:1.5rem;display:flex}.filter-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;padding:.4rem 1rem;font-family:DM Sans,sans-serif;font-size:.82rem;transition:all .2s}.filter-btn.active{color:#a89eff;background:#6c63ff40;border-color:#6c63ff80}.tasks{flex-direction:column;gap:12px;display:flex}.task-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.1rem 1.3rem;transition:border-color .2s,background .2s;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.task-card:hover{background:#ffffff14;border-color:#ffffff2e}.task-card.done{opacity:.5}.check-wrap{padding-top:2px}.check{cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.check.checked{background:#00d4aa;border-color:#00d4aa}.check.checked:after{content:"✓";color:#0a0a0f;font-size:11px;font-weight:700}.task-body{flex:1}.task-title{color:#e8e8f0;margin-bottom:3px;font-size:.95rem;font-weight:500}.task-card.done .task-title{color:#ffffff59;text-decoration:line-through}.task-desc{color:#fff6;font-size:.8rem}.task-actions{align-items:center;gap:6px;display:flex}.icon-btn{color:#fff6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .18s;display:flex}.icon-btn:hover{color:#ff6b6b;background:#ff505026;border-color:#ff505033}.form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:1rem;padding:2rem;display:flex}.form-title{color:#e8e8f0;margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:600}.form-input{color:#e8e8f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .2s}.form-input::placeholder{color:#ffffff40}.form-input:focus{border-color:#6c63ff80}.form-actions{justify-content:flex-end;gap:10px;margin-top:.5rem;display:flex}.cancel-btn{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:.55rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.88rem;transition:all .2s}.cancel-btn:hover{background:#ffffff1a}