*{box-sizing:border-box}body{color:#222;background:#fff;margin:0}.app{max-width:480px;margin:3rem auto;padding:0 1rem;font-family:system-ui,sans-serif}h1{text-align:center}.todo-form{gap:.5rem;margin-bottom:1.5rem;display:flex}.todo-form input{flex:1;padding:.5rem;font-size:1rem}.todo-form button{cursor:pointer;padding:.5rem 1rem}.todo-list{margin:0;padding:0;list-style:none}.todo-list li{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.todo-list li label{cursor:pointer;flex:1;align-items:center;gap:.5rem;display:flex}.todo-list li.completed span{color:#888;text-decoration:line-through}.todo-list li button{cursor:pointer}.empty{text-align:center;color:#888}