body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto-Regular,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Roboto-Regular;src:url(/static/media/Roboto-Regular.d52fab6cf9f1e0594aae.ttf)}.recording-icon{background-color:red;border-radius:50%;box-shadow:0 0 10px #f00c;height:15px;transition:transform .3s ease;width:15px}.recording{animation:pulse 1s infinite}@keyframes pulse{0%{box-shadow:0 0 10px #f00c;transform:scale(1)}50%{box-shadow:0 0 20px red;transform:scale(1.2)}to{box-shadow:0 0 10px #f00c;transform:scale(1)}}.chat-page{display:flex;flex-direction:column;height:100vh}.chat-bg{background-color:#d5e8f1;position:relative}.messages-area{display:flex;flex-direction:column;height:100%;overflow-y:scroll;padding-top:2%}.messages-area-chat{flex:1 1;overflow-y:auto;padding:4% 1% 1%}.message-row{display:flex;margin-bottom:1%}.message-row-user{justify-content:flex-end}.message-row-bot{justify-content:flex-start}.bubble-classic{border-radius:15px!important;margin-left:2%;margin-right:2%;max-width:70%;padding:16px!important;position:relative}.bubble-classic-user{background-color:#1e8efc!important;color:#fff!important}.bubble-classic-user:after{border:10px solid #0000;border-top-color:#1e8efc;content:"";height:0;position:absolute;right:-10px;top:50%;transform:translateY(-10%);width:0}.bubble-classic-bot{background-color:#cccaca!important;color:#000!important}.bubble-classic-bot:after{border:10px solid #0000;border-top-color:#cccaca;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-10%);width:0}.bubble-chat{box-shadow:none!important;max-width:55%;padding:1% 3%!important}.bubble-chat-user{background-color:#bfddc4!important;border-radius:18px 18px 2px 18px!important;color:#4b4c4b!important;margin-right:16px}.bubble-chat-col{display:flex;flex-direction:column;margin-left:16px;max-width:55%}.bubble-chat-col .bubble-chat{margin-left:0;max-width:100%}.bubble-chat-bot{background-color:#2b61f9!important;border-radius:2px 18px 18px 18px!important;color:#fff!important;margin-left:16px}.audio-buttons{display:flex;gap:16px}.bubble-icons{display:flex;gap:24px;margin-top:3px;width:100%}.bubble-icons-user{justify-content:flex-start}.bubble-icons-user .bubble-icon-btn:last-child{margin-left:auto}.bubble-icons-bot{justify-content:flex-start;margin-bottom:10px}.bubble-icon-btn{padding:3px!important}.bubble-icon-btn-light{color:#ffffffa6!important;&.MuiIconButton-root{background-color:#fff3}}.bubble-icon-btn-dark{color:#00000059!important;&.MuiIconButton-root{background-color:#fff3}}.message-text{font-size:24px;margin-bottom:20px;margin-top:10px}@media (max-width:900px){.message-text{font-size:14px}}@media (max-width:600px){.message-text{font-size:13px}}.status-banner{font-size:20px}.feedback-banner,.status-banner{display:flex;justify-content:center;width:100%}.feedback-banner{font-size:14px;margin-bottom:-20px;margin-top:20px;text-align:center}@media (min-width:600px){.feedback-banner{font-size:13px}}@media (min-width:900px){.feedback-banner{font-size:14px}}.input-bar{background-color:#f8f8f8;border-radius:16px;display:flex;flex-direction:row;justify-self:end;margin:1% 2%}@media (max-width:900px){.input-bar{border-radius:10px}}@media (max-width:600px){.input-bar{border-radius:8px}}.input-bar-chat{align-items:center;background-color:#fff;border-top:1px solid #dde3ea;display:flex;gap:2%;margin-top:60px;min-height:78px;overflow:visible;padding:10px 4%;position:relative}.input-section{width:55%}.input-section,.input-section.icons-active{align-items:center;display:flex;flex-shrink:0;position:relative}.input-section.icons-active{width:10%}.input-pill{align-items:center;background-color:#e3e3e3;border-radius:24px;display:flex;flex:1 1;padding:8px 12% 8px 3%}.icons-section{width:25%}.icons-section,.icons-section.icons-active{align-items:center;display:flex;flex-shrink:0;gap:5%;justify-content:center}.icons-section.icons-active{width:70%}.mic-section{align-items:center;align-self:stretch;display:flex;flex:1 1;justify-content:center;overflow:visible;position:relative}.icon-btn{height:auto!important;margin:0 .5%!important;min-width:auto!important;padding:0!important;width:auto!important}.recording-controls{display:flex;justify-content:space-between;width:100%}.chat-top-blur{display:none}.chat-close-btn{background-color:#a19e9e99!important;color:#fff!important;height:40px!important;position:fixed!important;right:1.5vw!important;top:2vh!important;width:40px!important;z-index:400!important}.chat-close-btn:hover{background-color:#757575cc!important}.send-btn{background-color:#2b61f9!important;color:#fff!important;height:3vw!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:3vw!important;z-index:1}.send-btn:hover{background-color:#1e4fd4!important}.send-btn.Mui-disabled{background-color:#c5cae9!important;color:#fff!important}.deco-icon{color:#666!important;flex-shrink:0}.input-collapse-btn,.keyboard-toggle-btn{display:none!important}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.translation-bubble{animation:slideDownFade .22s ease-out;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 10px;padding:10px 14px;position:relative}.translation-close-btn{position:absolute!important;right:4px;top:4px}.translation-text{color:#333;font-size:18px;font-style:italic;margin:0;padding-right:20px}.edit-banner{align-items:center;background:#f4f6ff;border-left:3px solid #2b61f9;border-radius:4px;display:flex;justify-content:space-between;margin:0 10px -55px;padding:8px 14px}.edit-banner-body{display:flex;flex-direction:column;overflow:hidden}.edit-banner-label{color:#2b61f9;font-size:16px;font-weight:600;margin-bottom:2px}.edit-banner-message{color:#555;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes soundBar{0%,to{opacity:.55;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.sound-wave{align-items:center;display:flex;gap:6px;height:38px;padding:2px 6px}.sound-wave-bar{animation:soundBar .7s ease-in-out infinite;background-color:#4b4c4bd9;border-radius:4px;width:7px}.sound-wave-bar:first-child{animation-delay:0s;height:14px}.sound-wave-bar:nth-child(2){animation-delay:.14s;height:26px}.sound-wave-bar:nth-child(3){animation-delay:.28s;height:38px}.waiting-dots{animation:dotsPulse 1.2s ease-in-out infinite;letter-spacing:4px}@keyframes dotsPulse{0%,to{opacity:1}50%{opacity:.35}}.send-green-icon{height:100%;object-fit:contain;width:100%}.mic-wrapper{align-items:center;display:flex;height:8vw;justify-content:center;top:-2vh;width:8vw}.mic-wrapper,.mic-wrapper:before{left:50%;position:absolute;transform:translate(-50%,-50%)}.mic-wrapper:before{background-color:#d5e8f1;border-radius:50%;content:"";height:9vw;top:50%;width:9vw;z-index:0}.floating-mic-label{background-color:#d5e8f1;bottom:calc(100% + 8px);color:#555;font-size:14px;font-weight:500;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.floating-mic-btn{background-color:#fff!important;border:1.5px solid #e0e0e0!important;box-shadow:0 4px 16px #00000038!important;height:8vw!important;position:relative!important;width:8vw!important;z-index:1!important}.floating-mic-btn:hover{background-color:#f5f5f5!important}.suggestions-row{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:2%;margin-top:2%}.suggestion-chip{background-color:#f8f8f8;border-radius:8px;color:#000;font-size:16px;max-width:40%;padding:1% 2%}@media (max-width:900px){.suggestion-chip{font-size:14px;max-width:30%}}@media (max-width:600px){.suggestion-chip{font-size:10px;max-width:20%}}.topic-change-wrapper{display:flex;justify-content:center;padding:6px 0 14px}.topic-change-pill{background-color:#fff;border:1px solid #000;border-radius:20px;color:#666;font-size:18px;padding:6px 24px;white-space:nowrap}@keyframes slideUpBar{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.topics-bar{animation:slideUpBar .22s ease-out;background-color:#fff;cursor:grab;display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none;-webkit-user-select:none;user-select:none}.topics-bar::-webkit-scrollbar{display:none}.topic-pill{background-color:#fff;border:1.5px solid #ccc;border-radius:20px;color:#333;cursor:pointer;flex-shrink:0;font-family:Roboto-Regular,sans-serif;font-size:14px;padding:6px 16px;transition:background-color .15s;white-space:nowrap}.topic-pill:hover{background-color:#f0f4ff;border-color:#2b61f9;color:#2b61f9}.topic-pill:active{background-color:#e8eeff}.suggestion-bubble-wrapper{display:flex;justify-content:center;padding:8px 16px}.suggestion-col{display:flex;flex-direction:column;max-width:35%;width:35%}.suggestion-bubble{animation:slideDownFade .22s ease-out;background-color:#fffbef!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001f!important;padding:12px 16px!important}.suggestion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.suggestion-title{color:#000;font-size:20px;font-weight:600}.suggestion-close-btn{color:#fff}.suggestion-text{color:#333;font-size:20px;margin:4px 0 24px}.suggestion-icons{display:flex;justify-content:space-between}.suggestion-icons-left{display:flex;gap:16px}.suggestion-icons-right{display:flex}.bubble-icon-btn-amber{color:#000!important;&.MuiIconButton-root{background-color:initial!important}}.suggestion-col .translation-bubble{margin:0 10px}@media (max-width:600px){.message-text{font-size:22px}.chat-top-blur{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#d5e8f1d1 0,#d5e8f100);display:flex;height:65px;justify-content:flex-end;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.chat-close-btn{height:36px!important;position:fixed!important;right:14px!important;top:14px!important;width:36px!important;z-index:400!important}.messages-area-chat{padding:52px 8px 8px}.bubble-chat{max-width:70%;padding:8px 12px!important}.bubble-chat-user{margin-right:6px}.bubble-chat-bot{margin-left:6px}.bubble-chat-col{margin-left:6px;max-width:70%}.suggestion-col{max-width:75%;width:75%}.suggestion-text{font-size:20px}.bubble-icons{gap:22px}.status-banner{font-size:14px}.input-bar-chat{gap:0;margin-top:75px;overflow-x:clip;padding:20px 12px 22px}.input-section{flex-shrink:0;justify-content:flex-start;width:20%}.input-section.mobile-open{flex-shrink:0;margin-right:-10%;width:60%}.keyboard-toggle-btn{display:flex!important}.keyboard-toggle-btn svg{font-size:38px}.input-section.mobile-open .keyboard-toggle-btn{display:none!important}.input-section:not(.mobile-open) .input-pill{display:none}.input-collapse-btn,.input-section:not(.mobile-open) .send-btn{display:none!important}.input-section.mobile-open .input-collapse-btn{display:flex!important}.mic-section{transition:transform .3s ease}.input-section.mobile-open~.mic-section{transform:translateX(200px)}.input-pill{border-radius:20px;padding:8px 44px 8px 12px}.send-btn{height:36px!important;width:36px!important}.icons-section{flex-shrink:0;gap:1%;justify-content:flex-end;margin:0;width:50%}.input-section.mobile-open~.icons-section{flex-shrink:0;gap:0;justify-content:flex-end}.input-section.icons-active{align-items:center;display:flex;flex-shrink:0;position:relative;width:20%}.icons-section.icons-active{flex-shrink:0;gap:0;justify-content:center;margin:0;width:50%}.icons-section svg{font-size:38px!important}.icons-section img{height:38px!important}.mic-section{flex-shrink:0;margin:0;width:30%}.mic-wrapper{height:100px;top:10;width:100px}.mic-wrapper:before{height:116px;width:116px}.floating-mic-btn{height:100px!important;width:100px!important}.floating-mic-btn svg{font-size:70px!important}.floating-mic-label{bottom:calc(100% + 6px);font-size:14px}}@keyframes slideUpPanel{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.translator-panel{animation:slideUpPanel .22s ease-out;background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 28px #00000021;display:flex;flex-direction:column;left:50%;max-width:640px;position:fixed;transform:translateX(-50%);width:100%;z-index:300}.translator-header{align-items:center;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;padding:16px 16px 12px}.translator-title-group{align-items:center;display:flex;gap:8px}.translator-title{color:#333;font-family:Roboto-Regular,sans-serif;font-size:16px;font-weight:600}.translator-body{min-height:130px;padding:16px 18px 10px}.translator-instruction{color:#333;font-family:Roboto-Regular,sans-serif;font-size:15px;font-weight:700;line-height:1.45;margin:0 0 14px}.translator-divider{border:none;border-top:1px solid #e5e5e5;margin:0 0 14px}.translator-result-area{min-height:44px}.translator-placeholder{color:#bbb;font-family:Roboto-Regular,sans-serif;font-size:15px}.translator-loading{color:#bbb;font-size:20px;letter-spacing:3px}.translator-result-text{color:#1a1a1a;line-height:1.5}.translator-result-text,.translator-user-text{font-family:Roboto-Regular,sans-serif;font-size:16px;font-weight:500}.translator-user-text{color:#2b61f9;line-height:1.45;margin:0 0 14px}.translator-actions{align-items:center;border-top:1px solid #ebebeb;display:flex;padding:6px 10px 8px}.translator-action-speaker{flex-shrink:0;opacity:1;transition:opacity .15s}.translator-action-speaker.Mui-disabled{opacity:.35!important}.translator-action-right{display:flex;gap:4px;margin-left:auto}.translator-action-btn{align-items:center;background:none;border:none;border-radius:50px;color:#2b61f9;cursor:pointer;display:flex;font-family:Roboto-Regular,sans-serif;font-size:13px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;transition:background .15s}.translator-action-btn:hover{background:#f0f4ff}.translator-action-btn:disabled{cursor:default;opacity:.35}.translator-action-btn:disabled:hover{background:none}.translator-input-row{align-items:center;background:#efefef;border-radius:50px;display:flex;gap:8px;margin:4px 14px 18px;padding:8px 8px 8px 16px}.translator-input{background:#0000;border:none;color:#222;flex:1 1;font-family:Roboto-Regular,sans-serif;font-size:15px;outline:none}.translator-input::placeholder{color:#bbb}.translator-send-btn{background-color:#2b61f9!important;color:#fff!important;flex-shrink:0;height:36px!important;width:36px!important}.translator-send-btn:hover{background-color:#1e4fd4!important}.translator-send-btn.Mui-disabled{background-color:#c5cae9!important;color:#fff!important}@media (max-width:600px){.translator-panel{border-radius:16px 16px 0 0;max-width:100%}.translator-title{font-size:15px}.translator-instruction{font-size:14px}.translator-result-text{font-size:15px}}.grammar-feedback-row{display:flex;font-size:14px;justify-content:center;margin-bottom:-20px;margin-top:20px;padding:6px 16px}.grammar-feedback-row a{color:#2b61f9;text-align:center;text-decoration:underline}@media (min-width:600px){.grammar-feedback-row{font-size:13px}}@media (min-width:900px){.grammar-feedback-row{font-size:14px}}.grammar-page .input-section{width:63%}.grammar-page .icons-section{width:17%}.grammar-page .input-section.icons-active{width:15%}.grammar-page .icons-section.icons-active{width:65%}@media (max-width:600px){.grammar-page .input-section{flex-shrink:0;width:40%}.grammar-page .input-pill .MuiInputBase-inputMultiline{height:auto!important;min-height:0!important;min-height:auto!important;overflow-y:hidden}.grammar-page .input-section .input-pill,.grammar-page .input-section .send-btn{display:flex!important}.grammar-page .input-collapse-btn,.grammar-page .keyboard-toggle-btn{display:none!important}.grammar-page .icons-section{flex-shrink:0;gap:6px;justify-content:flex-end;margin:0;overflow:visible;transform:none!important;transition:none!important;width:40%}.grammar-page .input-section.icons-active{width:25%}.grammar-page .icons-section.icons-active{flex-shrink:0;gap:0;justify-content:center;margin:0;width:55%}.grammar-page .icons-section.icons-active,.grammar-page .mic-section{transform:none!important;transition:none!important}.task-review-page .input-section.mobile-open{margin-right:.4%;width:70%}.task-review-page .input-section.mobile-open~.icons-section{width:30%}}
/*# sourceMappingURL=main.09438167.css.map*/