.app{max-width:600px;margin:0 auto;padding:20px;font-family:Inter,sans-serif}h1{text-align:center;color:#fff}.add-todo{display:flex;gap:10px;margin-bottom:20px}.add-todo input{flex:1;padding:10px;border-radius:5px;border:none;font-size:16px}.add-todo button{padding:10px 20px;background-color:#646cff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.todo-item{background:#333;padding:15px;margin-bottom:10px;border-radius:8px;display:flex;align-items:center;gap:15px;transition:.2s}.todo-item:hover{background:#444}.todo-item.is-complete .text{text-decoration:line-through;color:#888}.checkbox{cursor:pointer;font-size:1.2em}.text{flex:1;text-align:left}.delete{cursor:pointer;padding:5px;border-radius:50%}.delete:hover{background:rgba(255,0,0,.2)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}