body{background:url(/assets/to3-Br5Uo7ap.avif) 50%/cover no-repeat fixed;border-image: round;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Poppins,sans-serif;display:flex}.todo-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;opacity:1;background:#ffffe0;border:1px solid #ffffff40;border-radius:20px;width:400px;padding:35px 45px;transition:all .4s;animation:.6s ease-out popIn;box-shadow:0 10px 25px #00000059}.todo-container:hover{transform:translateY(-5px);box-shadow:0 14px 35px #b54a18}h2{color:#170e3f;letter-spacing:1px;text-shadow:0 0 6px #6a4ce04d;margin-bottom:25px;font-size:26px}.input-section{justify-content:center;align-items:center;gap:12px;margin-bottom:25px;display:flex}input{color:#2e2a47;background:#ffffffb3;border:2px solid #b8a9ff;border-radius:10px;width:70%;padding:10px 12px;font-size:15px;transition:all .3s}input:focus{border-color:#8e2de2;outline:none;box-shadow:0 0 10px #8e2de24d}button{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#8e2de2,#4a00e0);border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .3s}button:hover{background:linear-gradient(135deg,#6d1bd8,#3a00c0);transform:scale(1.05);box-shadow:0 0 12px #8e2de280}.task-list{scrollbar-width:thin;scrollbar-color:#a692ff transparent;max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.task-item{color:#161010;background:#ffffff26;border:1px solid #fff3;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;transition:all .25s;animation:.4s fadeIn;display:flex}.task-item:hover{background:#ffffff40;transform:scale(1.03);box-shadow:0 0 8px #9b59b666}.task-item button{color:#ff5f7e;cursor:pointer;background:0 0;border:none;font-size:18px;transition:transform .3s,color .3s}.task-item button:hover{color:#e63946;transform:rotate(20deg)scale(1.2)}.task-item{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.task-text{word-break:break-word;flex:auto;margin-right:160px}.delete-btn{flex:none;margin-left:20px!important}@media (max-width:450px){.todo-container{width:90%;padding:25px}input{width:60%}}