body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:40px auto;max-width:600px;padding:30px;text-align:center}h1{color:#3a86ff;font-size:2.5rem;font-weight:700;margin-bottom:30px}.input-container{display:flex;margin-bottom:25px}input{border:2px solid #e0e0e0;border-radius:8px 0 0 8px;flex:1 1;font-size:16px;margin-right:0;padding:12px 16px;transition:border-color .3s}input:focus{border-color:#3a86ff;outline:none}.add-button{background-color:#3a86ff;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .3s}.add-button:hover{background-color:#2667cc}ul{list-style-type:none;padding:0;text-align:left}li{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin:12px 0;padding:16px;transition:transform .2s,box-shadow .2s}li:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.todo-text{color:#333;font-size:16px;word-break:break-word}.todo-buttons{display:flex;gap:8px}.cancel-button,.delete-button,.edit-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 12px;transition:background-color .3s}.delete-button{background-color:#ff595e;color:#fff}.delete-button:hover{background-color:#e63946}.edit-button{background-color:#ffd166;color:#333}.edit-button:hover{background-color:#e9b949}.save-button{background-color:#06d6a0;color:#fff}.save-button:hover{background-color:#05b384}.cancel-button{background-color:#ced4da;color:#495057}.cancel-button:hover{background-color:#adb5bd}.edit-container{display:flex;flex-direction:column;gap:10px;width:100%}.edit-input{border-radius:6px;width:100%}.edit-buttons{display:flex;gap:8px;justify-content:flex-end}@media (max-width:768px){.App{margin:20px;padding:20px}h1{font-size:2rem}.todo-buttons{flex-direction:column;gap:5px}.edit-buttons{justify-content:space-between}}
/*# sourceMappingURL=main.1fca429c.css.map*/