body{background-color:#f5f5f5;color:#333;font-family:Arial,sans-serif;margin:2rem auto;max-width:600px;padding:1rem}h1{color:#222;margin-bottom:1.5rem;text-align:center}form{display:flex;justify-content:center;margin-bottom:1rem}input[type=text]{border:2px solid #ccc;border-radius:4px 0 0 4px;flex-grow:1;font-size:1.1rem;outline:none;padding:.5rem 1rem;transition:border-color .3s ease}input[type=text]:focus{border-color:#007bff}button{background-color:#007bff;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:1.1rem;padding:0 1rem;transition:background-color .3s ease}button:hover{background-color:#0056b3}ul{list-style:none;padding:0}li{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:background-color .2s ease}li:hover{background-color:#e9f5ff}li.completed{background-color:#f0f0f0;color:#888;cursor:default;text-decoration:line-through}button.delete-btn{background-color:#dc3545;border-radius:4px;font-size:.9rem;padding:.2rem .6rem}button.delete-btn:hover{background-color:#a71d2a}button.delete-btn:focus{outline:2px solid #a71d2a}
/*# sourceMappingURL=main.30cb0c83.css.map*/