*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}.todo-app{max-width:600px;margin:50px auto;padding:20px;font-family:Arial,sans-serif}.todo-app h1{text-align:center;color:#333;margin-bottom:30px}.input-container{gap:10px;margin-bottom:20px;display:flex}.todo-input{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px;font-size:16px}.add-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;padding:10px 20px;font-size:16px}.add-button:hover{background-color:#45a049}.todo-list{margin:0;padding:0;list-style:none}.todo-item{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:12px;display:flex}.todo-item.completed .todo-text{color:#999;text-decoration:line-through}.todo-checkbox{cursor:pointer;width:18px;height:18px}.todo-text{flex:1;font-size:16px}.delete-button{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:4px;padding:5px 10px;font-size:14px}.delete-button:hover{background-color:#da190b}.empty-message{text-align:center;color:#999;margin-top:20px;font-style:italic}