:root{--welcome-bg-start: #2E3192;--welcome-bg-end: #1BFFFF;--media-bg: #FBB03B;--quiz-bg: #D4145A;--story-bg: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);--rewards-bg-gradient: linear-gradient(135deg, #662D8C, #ED1E79);--homework-bg: #009688;--voice-assistant-bg: #f0f2f5;--playground-bg: #166534;--treasure-hunt-bg: #96c9eaf5;--learning-camp-bg: linear-gradient(135deg, #f12711, #f5af19);--parent-dashboard-bg: linear-gradient(135deg, #2E3192, #4c4088);--home-bg-light: #f5f6fa;--profile-bg: #f5f6fa;--action-cyan: #00aeef;--action-cyan-dark: #008dbf;--white: #FFFFFF;--light-gray: #F0F0F0;--text-dark: #2c3e50;--text-light: #f0f0f0;--green-correct: #00A651;--red-incorrect: #ED1C24;--yellow-connecting: #FBB03B;--nav-active-color: #662D8C;--font-family-heading: "Fredoka", sans-serif;--font-family-body: "Poppins", sans-serif;--messenger-user-bubble-light: #0084ff;--messenger-buddy-bubble-light: #e4e6eb;--messenger-input-bg-light: #f0f2f5;--messenger-header-light: #ffffff;--messenger-border-light: #ced0d4;--dm-bg: #121212;--dm-surface1: #1E1E1E;--dm-surface2: #2A2A2A;--dm-text-primary: #E0E0E0;--dm-text-secondary: #BDBDBD;--dm-rewards-bg: #2c0b3a;--dm-story-bg: #1e113b;--dm-homework-bg: #004d40;--dm-playground-bg: #166534;--dm-learning-camp-bg: linear-gradient(135deg, #b01c0d, #b88213);--dm-parent-dashboard-bg: #1a1a2e;--dm-nav-bg: rgba(30, 30, 30, .8);--dm-voice-assistant-bg: #000000;--messenger-user-bubble-dark: #248cff;--messenger-buddy-bubble-dark: #3a3b3c;--messenger-input-bg-dark: #242526;--messenger-header-dark: #18191a;--messenger-border-dark: #3a3b3c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);color:var(--text-dark);transition:background-image .5s ease;overscroll-behavior-y:contain}body.lang-bn{font-family:Poppins,sans-serif}body.lang-bn h1,body.lang-bn h2,body.lang-bn h3{font-family:Fredoka,Poppins,sans-serif}#root{max-width:680px;margin:0 auto}@media (min-width: 768px){#root{max-width:100%}}body.welcome-bg,body.about-bg,body.terms-bg,body.privacy-bg{background:linear-gradient(135deg,var(--welcome-bg-start),var(--welcome-bg-end))}body.home-bg{background-color:var(--home-bg-light)}body.profile-bg{background-color:var(--profile-bg)}body.media-bg,body.result-bg{background-color:var(--media-bg)}body.voice-assistant-gate-bg{background-color:var(--voice-assistant-bg)}body.voice-assistant-bg{background-color:var(--white)}body.playground-gate-bg{background-color:var(--playground-bg)}body.playground-live-bg{background-color:#000}body.quiz-bg,body.quizSummary-bg{background-color:var(--quiz-bg)}body:not([style*=background-image]).story-bg{background:var(--story-bg)}body.rewards-bg{background:var(--rewards-bg-gradient)}body.homework-bg,body.homework-solver-bg{background-color:var(--homework-bg)}body.treasure-hunt-gate-bg,body.treasure-hunt-active-bg{background-color:var(--treasure-hunt-bg)}body.learning-camp-gate-bg,body.learning-camp-view-bg{background:var(--learning-camp-bg)}body.parent-dashboard-bg{background:var(--parent-dashboard-bg)}.btn{background-color:var(--action-cyan);color:var(--white);border:none;border-radius:50px;padding:1rem 2.5rem;font-family:var(--font-family-body);font-size:1.25rem;font-weight:600;cursor:pointer;box-shadow:0 4px 0 var(--action-cyan-dark);transition:all .2s ease;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--action-cyan-dark)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--action-cyan-dark)}.btn.btn-start{background-color:var(--white);color:var(--text-dark);box-shadow:0 4px #bdbdbd;display:flex;align-items:center;gap:.75rem;padding:1rem 3rem;font-size:.9rem}.btn.btn-start:hover{box-shadow:0 6px #bdbdbd}.btn.btn-start:active{box-shadow:0 2px #bdbdbd}.btn-secondary{background-color:var(--light-gray);color:var(--text-dark);box-shadow:0 4px #bdbdbd}.btn-secondary:hover{box-shadow:0 6px #bdbdbd}.btn-secondary:active{box-shadow:0 2px #bdbdbd}.btn-danger{background-color:var(--red-incorrect);box-shadow:0 4px #b5151b}.btn-danger:hover{background-color:#f02d34;box-shadow:0 6px #b5151b;transform:translateY(-2px)}.btn-danger:active{background-color:#ed1c24;box-shadow:0 2px #b5151b;transform:translateY(2px)}.card{background:var(--white);border-radius:24px;padding:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center;width:90%;max-width:100%;position:relative}.feedback-icon{width:32px;height:32px}.error-message{color:var(--red-incorrect);background-color:var(--white);padding:1rem;border-radius:12px;text-align:center;font-weight:500;margin:1rem}.btn:disabled,.custom-input-group button:disabled{background-color:#ccc;box-shadow:0 4px #999;cursor:not-allowed;transform:translateY(0)}body.dark-mode{color:var(--dm-text-primary)}body.dark-mode.home-bg,body.dark-mode.profile-bg{background-color:var(--dm-bg)}body.dark-mode.rewards-bg{background:var(--dm-rewards-bg)}body.dark-mode.story-bg{background:var(--dm-story-bg)}body.dark-mode.homework-bg,body.dark-mode.homework-solver-bg{background-color:var(--dm-homework-bg)}body.dark-mode.playground-gate-bg{background-color:var(--dm-playground-bg)}body.dark-mode.learning-camp-gate-bg,body.dark-mode.learning-camp-view-bg{background:var(--dm-learning-camp-bg)}body.dark-mode.about-bg,body.dark-mode.terms-bg,body.dark-mode.privacy-bg{background:#1a1a2e}body.dark-mode.parent-dashboard-bg{background-color:var(--dm-parent-dashboard-bg)}body.dark-mode.voice-assistant-gate-bg{background-color:var(--dm-voice-assistant-bg)}body.dark-mode.voice-assistant-bg{background-color:var(--messenger-header-dark)}body.dark-mode .card{background-color:var(--dm-surface1)}body.dark-mode .btn-secondary{background-color:var(--dm-surface2);color:var(--dm-text-primary);box-shadow:0 4px #111}body.dark-mode .btn-secondary:hover{box-shadow:0 6px #111}body.dark-mode .btn-secondary:active{box-shadow:0 2px #111}body.dark-mode .error-message{background-color:var(--dm-surface1);color:#ff8a80}body.dark-mode .btn:disabled,body.dark-mode .custom-input-group button:disabled{background-color:#444;box-shadow:0 4px #222}@media (min-width: 768px){.card{width:70%}}.app-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:1rem;height:60px;z-index:10;background:var(--white);color:var(--text-dark);box-shadow:0 2px 4px #0000000d}.app-header h2{font-family:var(--font-family-heading);font-size:1.5rem;text-align:center;display:flex;align-items:center;gap:.5rem}.header-controls{position:absolute;right:1rem;display:flex;align-items:center;gap:.5rem}.back-button{position:absolute;left:1rem;background:none;border:none;color:var(--text-dark);cursor:pointer;padding:.5rem}.theme-toggle,.language-toggle{background:none;border:none;color:var(--text-dark);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.back-button svg{width:28px;height:28px}body.dark-mode .app-header{background-color:var(--dm-surface1);color:var(--dm-text-primary)}body.dark-mode .app-header .theme-toggle,body.dark-mode .app-header .language-toggle,body.dark-mode .back-button{color:var(--dm-text-primary)}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--light-gray);display:flex;justify-content:space-around;align-items:center;z-index:100;padding:0 1rem}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#888;font-size:.75rem;font-weight:500;cursor:pointer;transition:color .3s ease;flex:1;height:100%;text-decoration:none}.nav-item svg{width:24px;height:24px}.nav-item.active{color:var(--nav-active-color);font-weight:600}.nav-item.active svg{color:var(--nav-active-color)}.nav-item:last-child.active{color:#888}body.dark-mode .bottom-nav{background:var(--dm-nav-bg);border-top-color:var(--dm-surface2)}body.dark-mode .nav-item{color:var(--dm-text-secondary)}body.dark-mode .nav-item.active{color:var(--dm-text-primary)}body.dark-mode .nav-item.active svg{color:var(--dm-text-primary)}body.dark-mode .nav-item:last-child.active{color:var(--dm-text-secondary)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.sidebar-overlay.open{opacity:1;visibility:visible;transition:opacity .3s ease}.sidebar{position:fixed;top:0;left:0;width:280px;height:100%;background:var(--white);z-index:1001;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--light-gray);flex-shrink:0}.sidebar-header h3{font-family:var(--font-family-heading);font-size:1.5rem}.sidebar-header button{background:none;border:none;font-size:2rem;cursor:pointer;color:#888}.sidebar-section{padding:1rem 0;border-bottom:1px solid var(--light-gray)}.sidebar-section:last-child{border-bottom:none}.sidebar-section h4{font-family:var(--font-family-heading);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#888;padding:0 1.5rem .5rem}.sidebar-nav.static a{padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;color:var(--text-dark);text-decoration:none;cursor:pointer;display:block}.sidebar-nav.static a:hover{background-color:var(--light-gray)}.sidebar-feature-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:500;color:var(--text-dark);text-decoration:none;cursor:pointer}.sidebar-feature-item:hover{background-color:var(--light-gray)}.sidebar-feature-icon{color:var(--nav-active-color)}.sidebar-feature-status{width:8px;height:8px;border-radius:50%;background-color:var(--green-correct);margin-left:auto;box-shadow:0 0 5px var(--green-correct)}body.dark-mode .sidebar{background-color:var(--dm-surface1)}body.dark-mode .sidebar-header{border-bottom-color:var(--dm-surface2)}body.dark-mode .sidebar-header h3{color:var(--dm-text-primary)}body.dark-mode .sidebar-header button{color:var(--dm-text-secondary)}body.dark-mode .sidebar-section{border-bottom-color:var(--dm-surface2)}body.dark-mode .sidebar-section h4{color:var(--dm-text-secondary)}body.dark-mode .sidebar-feature-item,body.dark-mode .sidebar-nav.static a{color:var(--dm-text-primary)}body.dark-mode .sidebar-feature-item:hover,body.dark-mode .sidebar-nav.static a:hover{background-color:var(--dm-surface2)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--white);min-height:60vh;text-align:center}.loader-spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid var(--white);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.language-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.language-selector-card{background-color:var(--white);color:var(--text-dark);border-radius:24px;padding:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:320px;box-shadow:0 10px 30px #0003}.language-selector-card h3{font-family:var(--font-family-heading);font-size:1.5rem;margin-bottom:1rem}.language-selector-card button{width:100%;border:none;border-radius:12px;padding:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.language-selector-card button:hover{background-color:#ddd}body.dark-mode .language-selector-card{background-color:var(--dm-surface1);color:var(--dm-text-primary)}body.dark-mode .language-selector-card button{background-color:var(--dm-surface2);color:var(--dm-text-primary)}body.dark-mode .language-selector-card button:hover{background-color:#444}.treasure-hunt-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.treasure-hunt-progress-card{background:linear-gradient(135deg,var(--action-cyan),#8A2BE2);color:var(--white);padding:2rem;border-radius:24px;text-align:center;box-shadow:0 10px 30px #0000004d;border:3px solid var(--white);width:90%;max-width:300px;position:relative;overflow:hidden;animation:scale-up .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes scale-up{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.treasure-hunt-progress-card h2{font-family:var(--font-family-heading);font-size:2rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.treasure-hunt-progress-card .progress-text{font-size:4rem;font-weight:700;line-height:1;margin:.5rem 0}.treasure-hunt-progress-card .progress-label{font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;opacity:.8}.treasure-hunt-progress-card lottie-player{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:400px!important;height:400px!important;z-index:-1}.static-page-view{color:var(--white);padding:1rem;text-align:left}.static-page-view h2{font-family:var(--font-family-heading);font-size:2rem;margin-bottom:1.5rem}.static-page-view h3{font-family:var(--font-family-heading);font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.static-page-view h4{font-weight:600;font-size:1.1rem;margin-top:1.5rem;margin-bottom:.5rem}.static-page-view p{line-height:1.8;font-size:1rem;opacity:.9}.parent-dashboard-view{color:var(--white);padding-top:0;text-align:left}.dashboard-section h3{font-family:var(--font-family-heading);font-size:1.5rem;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.timeline{position:relative;list-style:none;padding:0;margin:0}.timeline:before{content:"";position:absolute;top:10px;left:10px;height:calc(100% - 20px);width:4px;background:#ffffff4d;border-radius:2px}.timeline-item{margin-bottom:1.5rem;position:relative;padding-left:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background-color:var(--white);color:var(--action-cyan);display:flex;align-items:center;justify-content:center;border:4px solid var(--action-cyan)}.timeline-icon svg{width:12px;height:12px}.timeline-content h4{font-weight:600;font-size:1.1rem;margin:0 0 .25rem}.timeline-content .timestamp{font-size:.8rem;opacity:.7;margin:0}.tips-content ul{padding-left:1.5rem;margin:0}.app-layout{position:relative}main{padding:80px 1rem 100px;min-height:100vh}.app-layout.screen-voice-assistant main,.app-layout.screen-voice-room main{padding:0;height:100vh;overflow:hidden}.app-layout.screen-playground-live main{padding:60px 0 0;height:100vh;overflow:hidden}.parent-dashboard-view{color:var(--white);padding-top:1rem;text-align:left}.parent-dashboard-view h2{font-family:var(--font-family-heading);font-size:2rem;margin-bottom:.5rem}.parent-dashboard-view>p{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.dashboard-section{background:#ffffff1a;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.dashboard-section h3{font-family:var(--font-family-heading);font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.timeline{position:relative;list-style:none;padding-left:2rem}.timeline:before{content:"";position:absolute;top:0;left:10px;height:100%;width:4px;background:#ffffff4d;border-radius:2px}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-icon{position:absolute;left:-2rem;top:0;width:40px;height:40px;border-radius:50%;background-color:var(--white);color:var(--action-cyan);display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.3)}.timeline-icon svg{width:20px;height:20px}.timeline-content{margin-left:1rem}.timeline-content h4{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.timeline-content .timestamp{font-size:.8rem;opacity:.7}.empty-timeline{text-align:center;padding:2rem;opacity:.8}.tips-content p{font-size:1rem;line-height:1.7}.tips-content ul{padding-left:1.5rem}.tips-content li{margin-bottom:.75rem}