body{background-color:#f0f0f0;font-family:Arial,sans-serif}.app{max-width:600px;margin:2rem auto;padding:2rem;box-shadow:0 0 10px #0000001a;border-radius:8px}h1{text-align:center;color:#333}.input-container{display:flex;gap:1rem;margin-bottom:2rem}input{flex:1;padding:.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px}button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.todo-list{list-style:none;padding:0}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.5rem;background-color:#f8f9fa;border-radius:4px}.todo-item button{background-color:#dc3545}