*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:linear-gradient(135deg,#1f1c2c,#928dab);justify-content:center;align-items:center;min-height:100vh;display:flex}.app{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;text-align:center;background:#ffffff1f;border-radius:20px;width:400px;max-width:90%;padding:30px;box-shadow:0 15px 50px #0006}h1{letter-spacing:1px;margin-bottom:20px;font-size:28px;font-weight:700}.inputBox{gap:10px;margin-bottom:15px;display:flex}input{border:none;border-radius:10px;outline:none;flex:1;padding:12px}button{color:#fff;cursor:pointer;background:#ff7a18;border:none;border-radius:10px;padding:10px 14px;transition:all .3s}button:hover{background:#ff9a3c}.filters{gap:6px;margin:15px 0;display:flex}.filters button{background:#fff3;flex:1}.list{margin-top:15px}.item{background:#ffffff2e;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex}.done{opacity:.6;text-decoration:line-through}.item button{background:#ff4d4d;margin-left:5px}.item button:first-child{background:#00c853}.count{opacity:.85;margin-top:10px;font-size:14px}