.dark-mode button{background-color:#3a415a;color:#f3f3f3}.dark-mode button:hover{background-color:#586380}.dark-mode .button-add{background-color:#1e7f5c}.dark-mode .button-add:hover{background-color:#2bb673}.dark-mode .button-danger{background-color:#b91c1c}.dark-mode .button-danger:hover{background-color:#f87171}.dark-mode .button-download{background-color:#b45309}.dark-mode .button-download:hover{background-color:#fde68a;color:#23272f}.dark-mode .button-alt{background-color:#374151}.dark-mode .button-alt:hover{background-color:#6b7280}.dark-mode .logout-button{background-color:#7f1d1d;color:#f3f3f3}.dark-mode .logout-button:hover{background-color:#f87171;color:#23272f}*,:after,:before{box-sizing:border-box}body{align-items:center;background-color:#f0f2f5;color:#333;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:10px}body.dark-mode{background-color:#181a1b;color:#e0e0e0}.dark-mode .app{background-color:#23272f;box-shadow:0 4px 15px #00000080;color:#e0e0e0}.dark-mode h1{color:#e0e0e0}.dark-mode textarea{background-color:#23272f;border:1px solid #444;color:#e0e0e0}.dark-mode .result{border-color:#444}.dark-mode .modal-content,.dark-mode .result{background-color:#23272f;color:#e0e0e0}.dark-mode .logout-button,.dark-mode button{color:#e0e0e0}.app{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;margin:auto;max-width:700px;padding:30px;width:100%}h1{color:#4a4a4a;font-size:28px;font-weight:600;text-align:center}.sentence-container,h1{margin-bottom:25px}textarea{border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:10px;outline:none;padding:12px;resize:vertical;transition:border-color .3s,box-shadow .3s;width:100%}textarea:focus{border-color:#3b82f6;box-shadow:0 0 6px #3b82f64d}button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0;padding:10px 18px;transition:background-color .3s,transform .1s;width:100%}button:hover{background-color:#2563eb}button:active{transform:scale(.98)}.button-add{background-color:#10b981}.button-add:hover{background-color:#059669}.button-danger{background-color:#ef4444}.button-danger:hover{background-color:#dc2626}.button-download{background-color:#f59e0b}.button-download:hover{background-color:#d97706}.button-alt{background-color:#6b7280}.button-alt:hover{background-color:#4b5563}@media (max-width:600px){.app{margin:0 auto;padding:20px}button,textarea{font-size:14px}button{padding:10px;width:100%}h1{font-size:22px}}.logout-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s;width:100%}.logout-button:hover{background-color:#e60000}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;left:50%;max-width:500px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.close{cursor:pointer;padding:10px}.close:hover{background-color:#7d848f}.form{display:flex;flex-direction:column}.form label{display:block;font-weight:700;margin-bottom:10px}.form input[type=checkbox]{margin-right:10px}.form input[type=text],.form select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-top:5px;padding:8px;width:100%}.result{word-wrap:break-word;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-size:16px;margin-top:15px;overflow-x:auto;padding:10px;white-space:pre-wrap}
/*# sourceMappingURL=main.176ae1f1.css.map*/