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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f9;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.container{align-items:center;background:#fff;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:30px}.container,nav{margin:0 auto;max-width:900px;width:100%}.text-input{border:1px solid #ccc;border-radius:8px;display:block;font-size:18px;height:150px;margin:10px auto;max-width:800px;padding:15px;resize:none;width:100%}.sentence-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.word-box{background-color:#fafafa;border:2px dashed #ccc;cursor:pointer;font-size:22px;font-weight:700;height:50px;line-height:50px;text-align:center;transition:all .3s ease-in-out;width:50px}.draggable-word{background-color:#fff;border:2px solid #000;border-radius:8px;color:#000;cursor:grab;font-size:20px;font-weight:700;padding:12px 18px;transition:all .3s}.draggable-word:hover{background-color:#f8f9fa;transform:scale(1.1)}.completion-message{background-color:#28a745;border-radius:5px;color:#fff;font-size:18px;font-weight:700;margin-top:20px;padding:10px}.btn-restart{background-color:#ffc107;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:10px 15px;transition:background .3s}.btn-restart:hover{background-color:#e0a800}.audio-list-container{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:40px auto;max-width:1000px;padding:20px;text-align:center;width:100%}@media (max-width:768px){.container{padding:15px}.text-input{font-size:16px;height:120px;padding:12px}.word-box{font-size:18px;height:40px;line-height:40px;width:40px}.draggable-word{font-size:18px;padding:10px 14px}.completion-message{font-size:16px}.btn-restart{font-size:14px;padding:8px 12px}.audio-list-container{padding:10px}}.auth-modal-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-modal{animation:fadeIn .3s ease;background:#fff;border-radius:8px;box-sizing:border-box;left:50%;max-width:90%;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1001}.auth-modal input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin:8px 0 16px;padding:10px;width:100%}.login-button{background:#3a89de;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:100%}.auth-modal .auth-modal-header .close-btn{align-items:center;background:#0000;border:0;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:25px;height:32px;justify-content:center;line-height:32px;margin:0!important;position:absolute!important;right:-5px!important;top:0!important;width:32px}.auth-modal-header{margin-bottom:20px;padding:16px 48px 8px;position:relative;text-align:center}.auth-tip-text{color:#403e3e;font-size:16px;margin:20px auto;text-align:center}.auth-bottom-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:.8rem;margin-top:1rem}.auth-bottom-row .auth-link{color:#0056b3;cursor:pointer;white-space:nowrap}.spinner{animation:spin .6s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#0056b3;height:18px;margin:0 auto;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.login-button.loading{background-color:initial;border:none;box-shadow:none}.language-switcher{align-items:baseline;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;line-height:1;margin-left:7px;margin-top:2px;padding:0;transition:color .2s ease}.language-switcher:hover{color:#d3d3d3}.navbar{background-color:#007bff;box-shadow:0 4px 8px #0000001a;padding:15px}.nav-container{align-items:center;display:flex;height:45px;justify-content:space-between;margin:auto;max-width:900px;width:100%}.logo{color:#fff;font-size:22px;font-weight:700;text-decoration:none}.logo:hover{color:#dbd2d2}.nav-links{align-items:center;display:flex;gap:20px;padding-right:10px}.nav-links a{color:#fff;font-size:18px;text-decoration:none;transition:.3s}.nav-links a:hover{color:#dbd2d2;text-decoration:none}.nav-links span{color:#fff;cursor:pointer;font-size:18px;text-decoration:none;transition:.3s}.nav-links span:hover{color:#afadad}.dropdown{position:relative}.dropbtn{color:#fff;cursor:pointer;display:inline-block;font-size:18px;padding:8px 10px;text-decoration:none;transition:background-color .2s ease;transition:.3s}.dropbtn:hover{color:#b9b4b4}.dropdown-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 10px #f8f4f433;left:0;min-width:150px;opacity:0;position:absolute;top:42px;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;z-index:999}.dropdown-content a{border-radius:0;color:#413939;display:block;font-size:17px;padding:15px 12px;text-decoration:none;transition:background-color .2s ease}.dropdown-content a:hover{color:#a3a0a0}.dropdown:hover .dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.btn{background-color:#00a1d6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.dropdown-link-button{background:none;border:none;color:#413939;cursor:pointer;font-size:17px;padding:15px 12px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-link-button:hover{color:#999898}.user-info{align-items:center;display:inline-flex;gap:8px;padding-top:5px}.user-avatar{height:24px;object-fit:cover;width:24px}@media (max-width:768px){.nav-container{align-items:flex-start;flex-direction:column;gap:10px}.logo{font-size:20px;padding-bottom:10px}.nav-links{flex-direction:column;gap:12px;width:100%}.dropbtn,.nav-links a{background-color:#007bff;font-size:16px;padding:10px;text-align:left;width:100%}.dropdown-content{box-shadow:none;position:relative;top:auto}.dropdown-content,.dropdown:hover .dropdown-content{opacity:1;transform:none;visibility:visible}}
/*# sourceMappingURL=main.e7d696ce.css.map*/