:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#b5cef8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,sans-serif;background:linear-gradient(to right,#8360c3,#2ebf91);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.home{background:#fff;padding:20px;width:350px;border-radius:12px;box-shadow:0 5px 15px #0003;text-align:center}#para{font-size:24px;font-weight:700;color:indigo;margin-bottom:15px}#input{width:80%;padding:10px;border:2px solid #4b0082;border-radius:6px;font-size:16px;outline:none;transition:.3s;color:#fff}#input:focus{border-color:#2ebf91;box-shadow:0 0 8px #2ebf9180}#button{background:indigo;color:#fff;border:none;padding:10px 15px;font-size:16px;margin-top:10px;border-radius:6px;cursor:pointer;transition:background .3s}#button:hover{background:#2ebf91}ul{list-style-type:none;padding:0;margin-top:15px;max-height:300px;overflow-y:scroll}li:hover{background:#4a594d}@media (max-width: 400px){.home{width:90%}}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc}.cut-btn{background-color:#2d455c;color:#fff;border:none;padding:5px 8px;cursor:pointer;border-radius:12px}.cut-btn:hover{background-color:#000}ul{list-style-type:none;padding:0;margin-top:15px}li{background:#2d455c;padding:10px;margin:8px 10px 8px 0;border-radius:6px;font-size:16px;display:flex;justify-content:space-between;align-items:center;transition:.3s;cursor:pointer}.btn-container{display:flex;gap:8px}.edit-btn,.delete-btn{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:14px}.edit-btn{background:#fff;color:#000}.edit-btn:hover{background:#e0a800}.delete-btn{background:#fff;color:#fff}.delete-btn:hover{background:#c82333}