*{margin:0;padding:0;box-sizing:border-box}body{background-color:#121212;color:#e0e0e0;font-family:Segoe UI,sans-serif;line-height:1.6;padding:2rem}.todoapp{max-width:600px;margin:0 auto;background-color:#1e1e1e;padding:2rem;border-radius:10px;box-shadow:0 0 20px #00000080}.todotitle{text-align:center;margin-bottom:1.5rem}.todolist{margin-top:1rem}.todofilters{margin-top:2rem;text-align:center}.todoform form{display:flex;gap:1rem}.todoform input[type=text]{flex:1;padding:.6rem 1rem;border:none;border-radius:5px;background-color:#2c2c2c;color:#fff}.todoform button{background-color:#3f51b5;color:#fff;border:none;padding:.6rem 1rem;border-radius:5px;cursor:pointer;transition:background .3s}.todoform button:hover{background-color:#5c6bc0}.todolist li{list-style:none;display:flex;align-items:center;justify-content:space-between;background-color:#2a2a2a;margin-bottom:.5rem;padding:.75rem 1rem;border-radius:5px}.todolist li input[type=checkbox]{margin-right:1rem;transform:scale(1.2)}.todolist li span{flex:1;font-size:1rem;word-break:break-word}.todolist li button{background-color:#e53935;padding:.4rem .8rem;border:none;color:#fff;border-radius:4px}.todolist li button:hover{background-color:#f44336}.todolist p{text-align:center;font-style:italic;opacity:.8}.todofilters button{background-color:#333;color:#fff;border:none;padding:.5rem 1rem;margin:0 .25rem;border-radius:5px;cursor:pointer;transition:background .3s}.todofilters button:hover{background-color:#555}.todofilters button.active{background-color:#5c6bc0;font-weight:700;border:1px solid #7986cb}.tasktext{display:flex;justify-content:space-between;align-items:center;background-color:#2a2a2a;padding:.75rem 1rem;border-radius:6px;margin-bottom:.5rem;width:100%}.task{display:flex;align-items:center;gap:.75rem;flex:1}.task input[type=checkbox]{transform:scale(1.2);accent-color:#5c6bc0}.task span{font-size:1rem;color:#e0e0e0;word-break:break-word}.tasktext button{background-color:#e53935;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:background .3s}.tasktext button:hover{background-color:#f44336}
