*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}.page{background-color:#f0f4f8;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.page:before,.page:after{content:"";filter:blur(80px);z-index:0;border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite alternate meshMove;position:absolute}.page:before{background:#ffc0cb99;top:-15%;left:-10%}.page:after{background:#a7f3d080;animation-delay:-7s;bottom:-15%;right:-10%}@keyframes meshMove{0%{transform:translate(0)scale(1)}to{transform:translate(150px,50px)scale(1.1)}}.card{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff6;border-radius:32px;width:90%;max-width:400px;padding:35px;transition:all .4s;position:relative;box-shadow:0 20px 40px #0000000f}.card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0000001a}.header{align-items:center;gap:12px;margin-bottom:25px;display:flex}.dot{background:#fbbf24;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #fbbf2499}.title{color:#1e293b;margin:0;font-size:24px;font-weight:700}.subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.input-row{gap:10px;margin-bottom:25px;display:flex}.task-input{background:#ffffff80;border:1px solid #00000014;border-radius:16px;outline:none;flex:1;padding:14px 18px;transition:all .3s}.task-input:focus{background:#fff;border-color:#3b82f6}.add-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:16px;padding:0 22px;font-weight:600;transition:all .3s}.add-btn:hover:not(:disabled){background:#000;transform:scale(1.05)}.filter-bar{gap:8px;margin-bottom:20px;display:flex}.filter-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:all .3s;display:flex}.filter-btn-active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 4px 10px #0000000d}.badge{background:#e2e8f0;border-radius:8px;padding:1px 7px;font-size:11px}.list{margin:0;padding:0}.task-item{border-radius:14px;align-items:center;padding:12px 10px;list-style:none;transition:all .3s;display:flex}.task-item:hover{background:#ffffff80;transform:translate(10px)}.checkbox{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:15px;transition:all .3s;display:flex}.checkbox-done{background:#10b981;border-color:#10b981}.task-text{cursor:pointer;color:#334155;flex:1}.task-text-done{color:#94a3b8;text-decoration:line-through}.delete-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;transition:all .3s}.task-item:hover .delete-btn{opacity:1}.footer{color:#94a3b8;border-top:1px solid #0000000d;justify-content:space-between;margin-top:25px;padding-top:20px;font-size:12px;display:flex}.clear-btn{color:#f43f5e;cursor:pointer;background:0 0;border:none;font-weight:600}