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{margin:0;padding:0}.App,body{overflow:hidden}.App{align-items:center;background-color:#111827;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:clamp(14px,2.5vw,16px);justify-content:flex-start;min-height:100vh;padding:clamp(10px,2vw,15px);text-align:center;width:100%}.logo-container{flex-shrink:0;margin-bottom:clamp(10px,2vh,15px);max-height:10vh}.logo{height:auto;max-width:clamp(100px,25vw,150px)}.session-id-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:clamp(8px,2vw,12px);justify-content:center;max-width:400px;width:100%}.session-id-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:clamp(8px,1.5vw,10px)}.session-id-input,.submit-button{font-size:clamp(14px,2vw,16px);max-width:320px;width:100%}.submit-button{background-color:#49b1f8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:clamp(8px,1.5vw,10px) clamp(15px,2vw,20px)}.submit-button:hover{background-color:#3f7af8}.error{color:#dc3545;font-size:clamp(12px,1.8vw,14px);font-weight:700;margin-top:clamp(8px,1.5vw,10px);text-align:center}.translation-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.translation-container h2{flex-shrink:0;font-size:clamp(16px,2.5vw,18px);margin-bottom:clamp(15px,2vh,20px)}.translation-list{gap:clamp(10px,2vh,15px);overflow:auto;padding:0 clamp(10px,2vw,15px);text-align:center}.translation-card,.translation-list{display:flex;flex:1 1;flex-direction:column;justify-content:center}.translation-card{background-color:#1f2937;border-radius:8px;max-height:calc((100vh - 150px)/var(--num-languages));overflow:hidden;padding:clamp(8px,1.5vw,12px);text-align:left}.language-header{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-bottom:5px}.flag-placeholder{font-size:clamp(14px,2vw,16px)}.language-name{color:#ffffffb4;font-size:clamp(12px,1.5vw,14px);font-weight:700}.language-selection{display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,10px);justify-content:center;max-width:90%;width:100%}.language-button{background-color:#374151;border:1px solid #49b1f8;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(12px,2vw,14px);padding:clamp(8px,1.5vw,10px) clamp(12px,2vw,15px);transition:background-color .3s}.language-button:hover{background-color:#2563eb}.language-button.selected{background-color:#49b1f8;font-weight:700}.loading-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-container{align-items:center;display:flex;flex-direction:column;gap:10px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ccc;border-radius:50%;border-top-color:#007bff;height:clamp(30px,5vw,40px);width:clamp(30px,5vw,40px)}.loading-text{color:#fff;font-size:clamp(14px,2.5vw,16px);font-weight:700}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-group{align-items:center;display:flex;flex-direction:column;width:100%}.exit-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:clamp(14px,2vw,16px);margin-left:auto;margin-right:auto;max-width:320px;padding:clamp(8px,1.5vw,10px) clamp(15px,2vw,20px);transition:background-color .3s;width:100%}.exit-button:hover{background-color:#c82333}@media (min-width:640px){.App{font-size:clamp(16px,2.5vw,18px);padding:clamp(15px,2vw,20px)}.logo{max-width:clamp(120px,25vw,180px)}.session-id-input{max-width:350px}.exit-button,.submit-button{max-width:360px}.translation-container h2{font-size:clamp(18px,2.5vw,20px)}.translation-card{padding:clamp(10px,1.5vw,15px)}.translated-text{font-size:clamp(14px,2.5vw,18px)}.language-selection{max-width:80%}}@media (min-width:768px){.App{font-size:clamp(18px,2.5vw,20px)}.logo{max-width:clamp(140px,25vw,200px)}.exit-button,.session-id-input,.submit-button{max-width:400px}.translation-container h2{font-size:clamp(20px,2.5vw,22px)}.translated-text{font-size:clamp(16px,2.5vw,20px)}.language-selection{max-width:70%}}@media (min-width:1024px){.App{font-size:clamp(20px,2.5vw,22px);padding:clamp(20px,2vw,25px)}.logo{max-width:clamp(160px,25vw,220px)}.session-id-container{max-width:500px}.exit-button,.session-id-input,.submit-button{max-width:450px}.translation-container h2{font-size:clamp(22px,2.5vw,24px)}.translation-card{padding:clamp(12px,1.5vw,18px)}.translated-text{font-size:clamp(18px,2.5vw,22px)}.language-selection{max-width:60%}}@media (min-width:1280px){.App{font-size:clamp(22px,2.5vw,24px)}.logo{max-width:clamp(180px,25vw,240px)}.session-id-container{max-width:600px}.exit-button,.session-id-input,.submit-button{max-width:500px}.translation-container h2{font-size:clamp(24px,2.5vw,26px)}.translated-text{font-size:clamp(20px,2.5vw,24px)}.language-selection{max-width:50%}}@media (min-width:1536px){.App{font-size:clamp(24px,2.5vw,26px);padding:clamp(25px,2vw,30px)}.logo{max-width:clamp(200px,25vw,260px)}.session-id-container{max-width:700px}.exit-button,.session-id-input,.submit-button{max-width:550px}.translation-container h2{font-size:clamp(26px,2.5vw,28px)}.translation-card{padding:clamp(15px,1.5vw,20px)}.translated-text{font-size:clamp(22px,2.5vw,26px)}.language-selection{max-width:40%}}.previous-translation{color:#b0b0b0;flex-shrink:0;font-size:clamp(13px,2.2vw,17px);font-weight:400;margin:0 0 4px}.current-translation{-webkit-box-orient:vertical;color:#fff;flex:1 1;font-size:clamp(16px,4vw,28px);font-weight:900;line-height:1.2;margin:0;max-height:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-all}
/*# sourceMappingURL=main.17bbd7c1.css.map*/