:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{background-image:linear-gradient(120deg,#f6d365,#fda085);color:#fff;font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}header{font-size:2rem;font-family:Poppins,sans-serif;text-align:center;padding:1px;border:3px solid rgb(196,189,189);border-radius:10px;display:inline-block;background:#fff3;box-shadow:0 4px 10px #0003;margin-bottom:2rem;color:#3b594d}form{min-height:20vh;display:flex;justify-content:center;align-items:center;width:1000px;margin:0 auto;padding:1.5rem;background:#ffffff4d;box-shadow:0 4px 10px #0003;gap:5px}form input,form button{padding:1rem;font-size:1.8rem;border:none;background:#fff}form input{width:800px;height:60px;padding:1.2rem;font-size:2rem;border-radius:8px;border:2px solid #ddd;background:#fff;color:#333;outline:none;transition:all .3s ease}form input:focus{border:2px solid #ff6f47;box-shadow:0 4px 10px #ff6f4780}form button{color:#ff6f47;background:#f7fffe;cursor:pointer;transition:all .3s ease;border-radius:5px;margin-left:10px}form button:hover{background:#ff6f47;color:#fff}.todo-container{display:flex;justify-content:center;align-items:center}.todo-list{min-width:30%;list-style:none}.todo{margin:.5rem;background:#fff;font-size:1.5rem;color:#000;display:flex;justify-content:space-between;align-items:center;transition:all 1s ease;margin-right:10px}.filter-todo{padding:1rem}.todo li{flex:1}.trash-btn,.complete-btn{background:#ff6f47;color:#fff;border:none;padding:1rem;cursor:pointer;font-size:1rem}.complete-btn{background:#0bd4a2}.todo-item{padding:0rem .5rem}.fa-trash,.fa-check{pointer-events:none}.fall{transform:translateY(10rem) rotate(20deg);opacity:0}.completed{text-decoration:line-through;opacity:.5}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background-image:none;margin-left:5px;width:250px;height:63px;padding:.8rem;font-size:1.5rem;border-radius:10px;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;text-align:center;margin-right:19px}select:hover{background:#f7fffe}select:focus{border:2px solid #ff6f47}.select{margin:1rem;position:relative;width:15rem;border-radius:5px;overflow:hidden;justify-content:flex-start;align-items:center;margin-right:5px;margin-left:5px}select{color:#060606;font-family:Poppins,sans-serif;cursor:pointer;width:15rem;height:50px;padding:.5rem;font-size:1rem;border-radius:8px;text-align:left;background:#fff;border:1px solid #ccc}.select:after{content:"▼";position:absolute;top:0;right:0;padding:1rem;background:#ff6f47;cursor:pointer;pointer-events:none}