body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#a8edea,#fed6e3);margin:0;padding:0}.container{max-width:450px;margin:50px auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0003}h2{text-align:center;color:#333}.input-area{display:flex;gap:10px}input{flex:1;padding:10px;border:2px solid #ccc;border-radius:6px;font-size:14px}button{background-color:#4caf50;color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;transition:.3s}button:hover{background-color:#45a049}.remover{background-color:#d9534f}.remover:hover{background-color:#c9302c}ul{list-style:none;padding:0;margin-top:20px}li{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:10px;border-radius:6px;margin-bottom:8px;transition:.3s}li.comprado{text-decoration:line-through;background:#d4edda}.botoes{display:flex;gap:5px}.restante{margin-top:10px;font-weight:700}@media (max-width: 500px){.input-area{flex-direction:column}button{width:100%}}