body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;padding:0}.App{display:flex;flex-direction:column;height:100vh;text-align:center}.App-header{align-items:center;background-color:#4a90e2;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;min-height:52px;padding:15px 20px;position:relative;z-index:10}.header-title-container{flex-grow:1;text-align:center}.App-header h1{font-size:1.8rem;margin:0}.company-name{font-size:.9rem;font-weight:300;margin:0}.back-to-hub-button{background-color:#4a90e2;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;left:20px;padding:12px 24px;position:absolute;text-decoration:none;top:20px;transition:background-color .3s ease;z-index:10}.back-to-hub-button:hover{background-color:#357abd}.back-button{align-items:center;background-color:initial;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:5px;padding:8px 15px;transition:all .2s ease}.back-button:hover{background-color:#fff;color:#4a90e2}.header-buttons-right{align-items:center;display:flex;gap:15px}.character-button{background-color:initial;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 15px;transition:all .2s ease}.character-button:hover{background-color:#fff;color:#4a90e2}.back-button-grade{background-color:initial;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;left:20px;padding:8px 15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.back-button-grade:hover{background-color:#fff;color:#4a90e2}.teacher-button{animation:glow 2s infinite alternate;background-color:initial;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 15px;transition:all .2s ease;z-index:10}.teacher-button:hover{background-color:#fff;color:#4a90e2}@keyframes glow{0%{box-shadow:0 0 5px #fff,0 0 10px #fff}to{box-shadow:0 0 20px #4a90e2,0 0 30px #4a90e2}}.main-content-area{flex-grow:1;height:calc(100vh - 82px);justify-content:flex-start;overflow:hidden;padding-top:20px}.main-content-area,.welcome-screen{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.welcome-screen{height:100%;justify-content:center;padding:20px;width:100%}.welcome-content{align-items:center;display:flex;flex-direction:column;gap:40px;text-align:center}.welcome-logo{height:auto;margin-bottom:20px;max-width:55%}.start-buttons-container{align-items:center;display:flex;flex-direction:row;gap:60px;justify-content:center;margin-top:20px}.start-button-image{background:#0000;background-color:initial;cursor:pointer;height:auto;transition:transform .2s ease-in-out;width:350px}.start-button-image:hover{transform:scale(1.05)}.character-selection-screen{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:15px;width:100%}.character-selection-screen .header-bar{flex-shrink:0;margin-bottom:15px}.character-selection-screen .header-bar h2{color:#333;font-size:clamp(1.5rem,4vw,1.8rem)}.character-grid{align-content:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:clamp(10px,2vmin,25px);justify-content:center;min-height:0;width:100%}.character-card{aspect-ratio:9/13;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:38vmin;max-width:32%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.character-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.character-video{background-color:#d6eaff;height:80%;object-fit:cover;width:100%}.character-name{color:#333;flex-grow:1;font-size:clamp(.7rem,2.5vmin,1.2rem);font-weight:700;margin:0;padding:10px;text-align:center}.avatar-container,.character-name{align-items:center;display:flex;justify-content:center}.avatar-container{background-color:#000;flex-shrink:0;height:45vh;max-height:400px;overflow:hidden;position:relative;transition:height .3s ease-in-out;width:100%}.avatar-video{height:100%;object-fit:contain;width:100%}.conversation-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border-radius:10px;box-sizing:border-box;justify-content:flex-end;margin:10px;overflow:hidden;padding:0 20px 20px}.conversation-container,.message-list{display:flex;flex-direction:column;flex-grow:1;width:100%}.message-list{max-width:800px;min-height:0;overflow-y:auto;padding:10px}.bot-speech,.user-speech{align-items:center;display:flex;font-size:1.1rem;margin:15px 0;max-width:90%}.bot-speech{align-self:flex-start;justify-content:flex-start}.user-speech{align-self:flex-end;justify-content:flex-end}.user-speech .avatar-icon{font-size:2rem;margin:0 0 0 10px}.subtitle{background-color:#fff;border-radius:22px;box-shadow:0 1px 2px #0000001a;font-size:1.2rem;padding:20px;text-align:left}.bot-speech .subtitle{border-bottom-left-radius:4px}.user-speech .subtitle{background-color:#dcf8c6;border-bottom-right-radius:4px}.controls-footer{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px;max-width:800px;padding:10px;width:100%}.subtitle-controls{background-color:#e9e9e9;border-radius:20px;display:flex;gap:10px;padding:5px}.control-button{background-color:initial;border:none;border-radius:15px;color:#555;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 15px;transition:all .3s ease}.control-button.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#4a90e2}.listening-indicator{color:#555;font-size:1.2rem;font-weight:700;margin-top:10px}.hint-container{display:flex;gap:15px;margin-top:10px}.hint-button{background-color:#f5a623;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:background-color .3s ease}.hint-button.skip-button{background-color:#e74c3c}.hint-button:hover{background-color:#d8901f}.hint-button.skip-button:hover{background-color:#c0392b}.end-screen{background-color:#e8f4fd;border-radius:12px;margin-top:20px;padding:20px}.end-screen p{color:#4a90e2;font-size:1.3rem;font-weight:700;margin:0}@media (max-height:500px) and (orientation:landscape){.avatar-container{height:40vh;max-height:250px}}.theme-selection-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:800px;width:100%}.theme-selection-screen h2{color:#333;font-size:1.5rem;margin-bottom:25px}.theme-buttons-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.theme-button-image{background-color:#f8f9fa;border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:300px}.theme-button-image:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px) scale(1.05)}.theme-button-label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;color:#fff;font-size:.9rem;left:0;padding:8px;position:absolute;right:0;text-align:center}.bp-echo-main-menu{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:auto;max-width:1000px;padding:20px;width:100%}.menu-section{background-color:#fffc;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:20px;width:100%}.menu-section h3{color:#4a90e2;font-size:1.5rem;margin-bottom:20px;margin-top:0;text-align:center}.menu-buttons-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.menu-button-image{background-color:#f8f9fa;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:300px}.menu-button-image:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px) scale(1.05)}.menu-button-label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;color:#fff;font-size:.9rem;left:0;padding:8px;position:absolute;right:0;text-align:center}.menu-button-image.grade-button{height:120px;width:300px}.grade-selection-screen{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:auto;max-width:1000px;padding:20px;width:100%}.grade-selection-screen h2{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.unit-buttons-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);justify-content:center;margin:0 auto 30px;max-width:1200px;width:100%}.unit-button-image{background-color:#f8f9fa;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:300px}.unit-button-image:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px) scale(1.05)}.unit-button-label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;color:#fff;font-size:.9rem;left:0;padding:8px;position:absolute;right:0;text-align:center}
/*# sourceMappingURL=main.a619d0b4.css.map*/