@charset "UTF-8";._navigationLoader_1bmie_365{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1400;animation:_navigationLoaderFadeIn_1bmie_1 .3s ease-out}[data-theme=light] ._navigationLoader_1bmie_365{background:#0006}@keyframes _navigationLoaderFadeIn_1bmie_1{0%{opacity:0}to{opacity:1}}._navigationLoaderContent_1bmie_391{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0006;position:relative;animation:_navigationLoaderSlideUp_1bmie_1 .3s ease-out}[data-theme=dark] ._navigationLoaderContent_1bmie_391{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1)}._navigationLoaderContent_1bmie_391:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;border-radius:20px;pointer-events:none;z-index:0}[data-theme=dark] ._navigationLoaderContent_1bmie_391:before{background:#141414e6}._navigationLoaderContent_1bmie_391>*{position:relative;z-index:1}._navigationLoaderContent_1bmie_391 p{color:#333;font-size:16px;font-weight:600;margin:0}[data-theme=dark] ._navigationLoaderContent_1bmie_391 p{color:#fff}._navigationLoaderClose_1bmie_438{position:absolute;top:12px;right:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .3s ease;z-index:2}._navigationLoaderClose_1bmie_438:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}._navigationLoaderClose_1bmie_438:active{transform:scale(.95)}._navigationLoaderClose_1bmie_438 svg{opacity:.8;transition:opacity .3s ease}._navigationLoaderClose_1bmie_438:hover svg{opacity:1}[data-theme=dark] ._navigationLoaderClose_1bmie_438{background:#00f2fe1a;border:1px solid rgba(0,242,254,.2);color:#fff}[data-theme=dark] ._navigationLoaderClose_1bmie_438:hover{background:#00f2fe33;border-color:#00f2fe4d}._navigationLoaderHint_1bmie_480{margin-top:8px;text-align:center}._navigationLoaderHint_1bmie_480 p{color:#666;font-size:12px;font-weight:400;margin:0;font-style:italic;opacity:.8}[data-theme=dark] ._navigationLoaderHint_1bmie_480 p{color:#fff9}@keyframes _navigationLoaderSlideUp_1bmie_1{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}._navigationSpinner_1bmie_506{width:50px;height:50px;border:3px solid rgba(59,130,246,.2);border-top:3px solid var(--profile-accent);border-radius:50%;animation:_navigationSpinnerRotate_1bmie_1 1s linear infinite;box-shadow:0 0 20px #3b82f64d}[data-theme=dark] ._navigationSpinner_1bmie_506{border:3px solid rgba(0,242,254,.2);border-top:3px solid #00f2fe;box-shadow:0 0 20px #00f2fe66}@keyframes _navigationSpinnerRotate_1bmie_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){._navigationLoaderContent_1bmie_391{padding:24px;gap:16px}._navigationLoaderClose_1bmie_438{width:32px;height:32px;top:8px;right:8px}._navigationLoaderClose_1bmie_438 svg{width:16px;height:16px}._navigationLoaderHint_1bmie_480 p{font-size:11px}}@media(max-width:480px){._navigationLoaderContent_1bmie_391{padding:20px;gap:14px}._navigationLoaderClose_1bmie_438{width:28px;height:28px;top:6px;right:6px}._navigationLoaderClose_1bmie_438 svg{width:14px;height:14px}._navigationSpinner_1bmie_506{width:40px;height:40px;border-width:2px}._navigationLoaderContent_1bmie_391 p{font-size:14px}._navigationLoaderHint_1bmie_480 p{font-size:10px}}:root{--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--space-9: 72px;--space-10: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 24px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-mobile: 991px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-sm-down: 639px;--breakpoint-md-down: 767px;--breakpoint-lg-down: 1023px;--breakpoint-xs-down: 479px;--breakpoint-xxs-down: 374px;--breakpoint-mini-down: 319px}:root[data-theme=light]{--text-color: #051b2c;--header-bg: #e6f3ff;--border-color: rgba(163, 163, 163, .8);--logo-color: #064d50;--logo-icon-color: #0099a1;--logo-text-gradient: linear-gradient(135deg, #00f2fe, #4facfe);--primary-color: #0099a1;--nav-mobile-bg: #e6f3ff;--nav-underline: linear-gradient(135deg, #00f2fe, #4facfe);--theme-toggle-bg: rgba(245, 245, 245, .5);--theme-toggle-border: rgba(0, 153, 161, .2);--theme-toggle-color: #051b2c;--theme-toggle-hover-bg: rgba(229, 229, 229, .5);--theme-toggle-hover-border: #0099a1;--cta-button-bg: linear-gradient(135deg, #00f2fe, #4facfe);--cta-button-text: #ffffff;--cta-button-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--hero-bg: #e6f3ff;--hero-text: #051b2c;--hero-highlight: linear-gradient(135deg, #00f2fe, #4facfe);--hero-headline-color: #0099a1;--hero-headline-shadow: 0 0 20px rgba(0, 153, 161, .3);--hero-headline-filter: drop-shadow(0 2px 6px rgba(0, 153, 161, .2));--hero-headline-glow: linear-gradient(135deg, rgba(0, 242, 254, .1) 0%, rgba(0, 153, 161, .1) 50%, rgba(0, 242, 254, .1) 100%);--hero-language-bg: rgba(255, 255, 255, .5);--hero-language-border: rgba(0, 242, 254, .3);--hero-language-text: #051b2c;--hero-language-hover-border: rgba(0, 242, 254, .5);--hero-language-hover-bg: rgba(255, 255, 255, .8);--hero-language-active-bg: linear-gradient(135deg, #00f2fe, #4facfe);--hero-language-active-text: #ffffff;--hero-tutor-bg: rgba(255, 255, 255, .5);--hero-tutor-text: #051b2c;--hero-tutor-title: #0a3a5c;--info-button-bg: rgba(255, 255, 255, .8);--info-button-border: rgba(0, 242, 254, .3);--info-button-text: #051b2c;--info-button-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--info-button-hover-bg: linear-gradient(135deg, #00f2fe, #4facfe);--info-button-hover-border: #00f2fe;--info-button-hover-text: #ffffff;--info-button-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--info-button-focus-shadow: 0 0 0 2px rgba(0, 242, 254, .3);--voice-bg: #e6f3ff;--voice-text: #051b2c;--voice-feature-bg: rgba(255, 255, 255, .5);--voice-feature-icon: #00f2fe;--voice-feature-border: rgba(0, 242, 254, .3);--voice-visual-bg: rgba(255, 255, 255, .5);--voice-visual-content-bg: rgba(255, 255, 255, .3);--learning-bg: #e6f3ff;--learning-gradient-1: rgba(0, 242, 254, .05);--learning-gradient-2: rgba(0, 153, 161, .05);--learning-title: #051b2c;--learning-title-underline: linear-gradient(135deg, #00f2fe, #4facfe);--learning-subtitle: #0a3a5c;--learning-text: #051b2c;--learning-card-bg: rgba(255, 255, 255, .5);--learning-card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--learning-card-active-border: #00f2fe;--learning-card-active-shadow: 0 0 0 4px rgba(0, 242, 254, .1);--learning-badge-text: #ffffff;--learning-progress-bg: rgba(229, 229, 229, .5);--learning-completed-icon: #22c55e;--learning-stat-icon-bg: rgba(0, 242, 254, .1);--learning-stat-icon: #00f2fe;--learning-stat-title: #0a3a5c;--learning-stat-value: #051b2c;--learning-milestone-check-bg: rgba(5, 27, 44, .1);--dashboard-bg: #e6f3ff;--profile-bg: #e6f3ff;--profile-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 50%, rgba(255, 255, 255, .95) 100%);--profile-card-border: rgba(0, 242, 254, .1);--profile-card-shadow: 0 20px 40px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .8);--animation-glow-weak: .2;--animation-glow-medium: .3;--animation-glow-strong: .4;--animation-blur-radius: 20px;--profile-text: #051b2c;--profile-text-secondary: #0a3a5c;--profile-accent: #0099a1;--profile-accent-secondary: #b026ff;--profile-stat-bg: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(0, 242, 254, .05) 100%);--profile-stat-border: rgba(0, 242, 254, .2);--profile-stat-icon-bg: rgba(0, 242, 254, .1);--profile-button-bg: linear-gradient(135deg, rgba(0, 242, 254, .1) 0%, rgba(176, 38, 255, .05) 100%);--profile-button-border: rgba(0, 242, 254, .2);--profile-button-hover-bg: linear-gradient(135deg, rgba(0, 242, 254, .15) 0%, rgba(176, 38, 255, .1) 100%);--profile-button-shadow: 0 8px 25px rgba($primary-500, .2);--profile-button-secondary-bg: rgba(229, 229, 229, .8);--profile-button-secondary-text: #0a3a5c;--profile-button-secondary-hover-bg: rgba(255, 255, 255, .9);--profile-button-secondary-shadow: 0 8px 25px rgba($marine-700, .15);--profile-button-secondary-border: rgba(10, 58, 92, .2);--profile-header-text: #051b2c;--profile-shimmer: linear-gradient(90deg, transparent, rgba(0, 242, 254, .15), transparent);--chat-window-bg: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, .85) 100%);--chat-window-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--chat-header-bg: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .9) 100%);--chat-header-text: #051b2c;--chat-border: rgba(5, 27, 44, .1);--chat-messages-bg: transparent;--chat-input-bg: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .9) 100%);--chat-input-field-bg: rgba(255, 255, 255, .9);--chat-input-border: rgba(5, 27, 44, .1);--chat-input-text: #051b2c;--chat-input-placeholder: rgba(5, 27, 44, .5);--chat-input-focus-border: rgba(0, 242, 254, .5);--chat-input-focus-shadow: 0 0 0 2px rgba(0, 242, 254, .2);--chat-button-bg: rgba(255, 255, 255, .9);--chat-button-border: rgba(5, 27, 44, .1);--chat-button-text: #051b2c;--chat-button-hover-bg: rgba(0, 242, 254, .1);--chat-button-hover-border: #00f2fe;--chat-button-hover-text: #0099a1;--tablet-bg: rgba(255, 255, 255, .9);--tablet-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .9));--controls-overlay-bg: rgba(255, 255, 255, .8);--chat-message-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lesson-modal-overlay: rgba(5, 27, 44, .45);--lesson-modal-icon-bg: rgba(0, 242, 254, .15);--lesson-modal-icon-color: #0099a1;--lesson-modal-insufficient: #ef4444;--lesson-modal-sufficient: #22c55e}:root{--text-color: #ffffff;--header-bg: rgba(5, 27, 44, .3);--border-color: rgba(10, 58, 92, .3);--logo-color: #0099a1;--logo-icon-color: #00f2fe;--logo-text-gradient: linear-gradient(135deg, #00f2fe, #4facfe);--primary-color: #00f2fe;--nav-mobile-bg: #072a44;--nav-underline: linear-gradient(135deg, #00f2fe, #4facfe);--theme-toggle-bg: rgba(7, 42, 68, .3);--theme-toggle-border: rgba(0, 242, 254, .2);--theme-toggle-color: #ffffff;--theme-toggle-hover-bg: rgba(7, 42, 68, .5);--theme-toggle-hover-border: #00f2fe;--cta-button-bg: linear-gradient(135deg, #00f2fe, #4facfe);--cta-button-text: #ffffff;--cta-button-shadow: 0 0 20px rgba(0, 242, 254, .3);--hero-bg: #051b2c;--hero-text: #ffffff;--hero-highlight: linear-gradient(135deg, #00f2fe, #4facfe);--hero-headline-color: #00f2fe;--hero-headline-shadow: 0 0 30px rgba(0, 242, 254, .4);--hero-headline-filter: drop-shadow(0 2px 8px rgba(0, 242, 254, .3));--hero-headline-glow: linear-gradient(135deg, rgba(0, 242, 254, .15) 0%, rgba(176, 38, 255, .15) 50%, rgba(0, 242, 254, .15) 100%);--hero-language-bg: rgba(10, 58, 92, .5);--hero-language-border: rgba(0, 242, 254, .3);--hero-language-text: #ffffff;--hero-language-hover-border: rgba(0, 242, 254, .5);--hero-language-hover-bg: linear-gradient(135deg, rgba(0, 242, 254, .2), rgba(0, 242, 254, .1));--hero-language-active-bg: linear-gradient(135deg, #00f2fe, #4facfe);--hero-language-active-text: #ffffff;--hero-tutor-bg: rgba(10, 58, 92, .5);--hero-tutor-text: #ffffff;--hero-tutor-title: #ffffff;--info-button-bg: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));--info-button-border: rgba(0, 242, 254, .3);--info-button-text: #ffffff;--info-button-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--info-button-hover-bg: rgba(0, 242, 254, .2);--info-button-hover-border: #00f2fe;--info-button-hover-text: #00f2fe;--info-button-hover-shadow: 0 0 20px rgba(0, 242, 254, .3);--info-button-focus-shadow: 0 0 0 2px rgba(0, 242, 254, .3);--voice-bg: #051b2c;--voice-text: #ffffff;--voice-feature-bg: rgba(10, 58, 92, .5);--voice-feature-icon: #00f2fe;--voice-feature-border: rgba(0, 242, 254, .3);--voice-visual-bg: rgba(7, 42, 68, .5);--voice-visual-content-bg: rgba(10, 58, 92, .3);--learning-bg: #051b2c;--learning-gradient-1: rgba(176, 38, 255, .05);--learning-gradient-2: rgba(255, 0, 128, .05);--learning-title: #ffffff;--learning-title-underline: linear-gradient(135deg, #00f2fe, #4facfe);--learning-subtitle: #ffffff;--learning-text: #ffffff;--learning-card-bg: rgba(7, 42, 68, .5);--learning-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--learning-card-active-border: #00f2fe;--learning-card-active-shadow: 0 0 0 4px rgba(0, 242, 254, .1);--learning-badge-text: #ffffff;--learning-progress-bg: rgba(10, 58, 92, .3);--learning-completed-icon: #00ff8c;--learning-stat-icon-bg: rgba(0, 242, 254, .1);--learning-stat-icon: #00f2fe;--learning-stat-title: #ffffff;--learning-stat-value: #ffffff;--learning-milestone-check-bg: rgba(255, 255, 255, .1);--dashboard-bg: #051b2c;--profile-bg: #051b2c;--profile-card-bg: linear-gradient(135deg, rgba(0, 242, 254, .05) 0%, rgba(176, 38, 255, .03) 50%, rgba(7, 42, 68, .8) 100%);--profile-card-border: rgba(0, 242, 254, .3);--profile-card-shadow: 0 20px 40px rgba(5, 27, 44, .3), 0 0 0 1px rgba(0, 242, 254, .1);--animation-glow-weak: .15;--animation-glow-medium: .25;--animation-glow-strong: .35;--animation-blur-radius: 15px;--profile-text: #ffffff;--profile-text-secondary: #ffffff;--profile-accent: #00f2fe;--profile-accent-secondary: #b026ff;--profile-stat-bg: linear-gradient(135deg, rgba(5, 27, 44, .6) 0%, rgba(0, 242, 254, .08) 100%);--profile-stat-border: rgba(0, 242, 254, .4);--profile-stat-icon-bg: rgba(0, 242, 254, .15);--profile-button-bg: linear-gradient(135deg, rgba(0, 242, 254, .15) 0%, rgba(176, 38, 255, .1) 100%);--profile-button-border: rgba(0, 242, 254, .4);--profile-button-hover-bg: linear-gradient(135deg, rgba(0, 242, 254, .25) 0%, rgba(176, 38, 255, .15) 100%);--profile-button-shadow: 0 8px 25px rgba($neon-blue, .3);--profile-button-secondary-bg: rgba(10, 58, 92, .8);--profile-button-secondary-text: #ffffff;--profile-button-secondary-hover-bg: rgba(13, 74, 116, .9);--profile-button-secondary-shadow: 0 8px 25px rgba($marine-600, .3);--profile-button-secondary-border: rgba(255, 255, 255, .2);--profile-header-text: #ffffff;--profile-shimmer: linear-gradient(90deg, transparent, rgba(0, 242, 254, .2), transparent);--chat-window-bg: linear-gradient(135deg, rgba(0, 242, 254, .05) 0%, rgba(176, 38, 255, .03) 50%, rgba(255, 0, 128, .02) 100%);--chat-window-shadow: 0 20px 40px rgba($marine-900, .3), 0 0 0 1px rgba($neon-blue, .1), inset 0 1px 0 rgba(255, 255, 255, .1);--chat-header-bg: linear-gradient(135deg, rgba(0, 242, 254, .15) 0%, rgba(176, 38, 255, .12) 50%, rgba(7, 42, 68, .8) 100%);--chat-header-text: #ffffff;--chat-border: rgba(0, 242, 254, .3);--chat-messages-bg: radial-gradient(circle at 20% 20%, rgba(0, 242, 254, .08) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(176, 38, 255, .06) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(255, 0, 128, .04) 0%, transparent 70%);--chat-input-bg: linear-gradient(135deg, rgba(0, 242, 254, .08) 0%, rgba(7, 42, 68, .9) 50%, rgba(176, 38, 255, .06) 100%);--chat-input-field-bg: linear-gradient(135deg, rgba(5, 27, 44, .7) 0%, rgba(0, 242, 254, .05) 100%);--chat-input-border: rgba(0, 242, 254, .4);--chat-input-text: #ffffff;--chat-input-placeholder: rgba(255, 255, 255, .5);--vocab-bg: #ffffff;--vocab-text: #051b2c;--vocab-header-bg: rgba(255, 255, 255, .9);--vocab-header-border: rgba(0, 242, 254, .3);--vocab-info-bg: rgba(255, 255, 255, .95);--vocab-info-border: rgba(0, 242, 254, .2);--vocab-controls-bg: rgba(255, 255, 255, .9);--vocab-controls-border: rgba(0, 242, 254, .3);--vocab-progress-bg: rgba(255, 255, 255, .5);--vocab-progress-fill: linear-gradient(135deg, #00f2fe, #4facfe);--vocab-card-bg: rgba(255, 255, 255, .95);--vocab-card-border: rgba(0, 242, 254, .2);--vocab-card-hover-border: #00f2fe;--vocab-card-selected-bg: rgba(0, 255, 140, .1);--vocab-card-selected-border: #00ff8c;--vocab-card-incorrect-bg: rgba(239, 68, 68, .1);--vocab-card-incorrect-border: #ef4444;--vocab-card-shown-bg: rgba(245, 158, 11, .1);--vocab-card-shown-border: #f59e0b;--vocab-modal-bg: rgba(255, 255, 255, .98);--vocab-modal-border: rgba(0, 242, 254, .3);--vocab-modal-overlay: rgba(5, 27, 44, .7);--vocab-option-bg: rgba(255, 255, 255, .9);--vocab-option-border: rgba(0, 242, 254, .2);--vocab-result-bg: rgba(255, 255, 255, .98);--vocab-result-border: rgba(0, 255, 140, .4);--vocab-result-shadow: 0 0 30px rgba(0, 255, 140, .2)}:root[data-theme=dark]{--vocab-bg: #051b2c;--vocab-text: #ffffff;--vocab-header-bg: rgba(7, 42, 68, .4);--vocab-header-border: rgba(0, 242, 254, .2);--vocab-info-bg: rgba(0, 242, 254, .08);--vocab-info-border: rgba(0, 242, 254, .2);--vocab-controls-bg: rgba(7, 42, 68, .4);--vocab-controls-border: rgba(0, 242, 254, .2);--vocab-progress-bg: rgba(0, 242, 254, .1);--vocab-progress-fill: linear-gradient(135deg, #00f2fe, #00ff8c);--vocab-card-bg: rgba(0, 242, 254, .05);--vocab-card-border: rgba(0, 242, 254, .15);--vocab-card-hover-border: #00f2fe;--vocab-card-selected-bg: rgba(0, 255, 140, .1);--vocab-card-selected-border: #00ff8c;--vocab-card-incorrect-bg: rgba(239, 68, 68, .1);--vocab-card-incorrect-border: #ef4444;--vocab-card-shown-bg: rgba(245, 158, 11, .1);--vocab-card-shown-border: #f59e0b;--vocab-modal-bg: rgba(7, 42, 68, .95);--vocab-modal-border: rgba(0, 242, 254, .3);--vocab-modal-overlay: rgba(5, 27, 44, .85);--vocab-option-bg: rgba(0, 242, 254, .08);--vocab-option-border: rgba(0, 242, 254, .2);--vocab-result-bg: rgba(7, 42, 68, .95);--vocab-result-border: rgba(0, 255, 140, .3);--vocab-result-shadow: 0 0 30px rgba(0, 255, 140, .3)}:root{--chat-input-focus-border: #00f2fe;--chat-input-focus-shadow: 0 0 0 2px rgba(0, 242, 254, .2), 0 0 20px rgba(0, 242, 254, .2);--chat-button-bg: linear-gradient(135deg, rgba(5, 27, 44, .6) 0%, rgba(0, 242, 254, .08) 100%);--chat-button-border: rgba(0, 242, 254, .4);--chat-button-text: #ffffff;--chat-button-hover-bg: linear-gradient(135deg, rgba(0, 242, 254, .25) 0%, rgba(176, 38, 255, .15) 100%);--chat-button-hover-border: #00f2fe;--chat-button-hover-text: #ffffff;--tablet-bg: rgb(2.3979591837, 12.9489795918, 21.1020408163);--tablet-content-bg: linear-gradient(135deg, rgb(2.3979591837, 12.9489795918, 21.1020408163), rgb(3.4387755102, 18.5693877551, 30.2612244898));--controls-overlay-bg: linear-gradient(135deg, rgba(7, 42, 68, .9) 0%, rgba(0, 242, 254, .1) 100%);--chat-message-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lesson-modal-overlay: rgba(5, 27, 44, .82);--lesson-modal-icon-bg: rgba(0, 242, 254, .2);--lesson-modal-icon-color: #00f2fe;--lesson-modal-insufficient: #ff0080;--lesson-modal-sufficient: #00ff8c}:export{primaryColor:#00f2fe;secondaryColor:#00ff8c;accentColor:#b026ff;fontFamily:"Poppins",sans-serif}:root{--viewport-height: 100vh;--safe-area-top: env(safe-area-inset-top, 0);--safe-area-bottom: env(safe-area-inset-bottom, 0);--safe-area-left: env(safe-area-inset-left, 0);--safe-area-right: env(safe-area-inset-right, 0)}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}*{-webkit-overflow-scrolling:touch}button,input,select,textarea,a,[role=button],[tabindex="0"]{min-width:44px;min-height:44px}@media(max-width:768px){button,input,select,textarea,a,[role=button],[tabindex="0"]{min-width:48px;min-height:48px}}@media(max-width:320px){button,input,select,textarea,a,[role=button],[tabindex="0"]{min-width:40px;min-height:40px}}input,select,textarea{font-size:16px}@media(max-width:768px){input,select,textarea{font-size:max(16px,1rem)}}.full-height{height:100vh;height:var(--viewport-height)}@supports (height: -webkit-fill-available){.full-height{height:-webkit-fill-available}}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.show-mobile-only{display:none!important}@media(max-width:768px){.show-mobile-only{display:block!important}}.text-responsive{font-size:clamp(14px,2.5vw,18px);line-height:1.4}.text-responsive-small{font-size:clamp(12px,2vw,14px);line-height:1.3}.text-responsive-large{font-size:clamp(16px,3vw,24px);line-height:1.2}.padding-responsive{padding:clamp(8px,2vh,16px) clamp(12px,3vw,24px)}.margin-responsive{margin:clamp(8px,2vh,16px) clamp(12px,3vw,24px)}.button-responsive{min-width:clamp(32px,8vw,44px);min-height:clamp(32px,8vw,44px);padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);font-size:clamp(14px,2.5vw,16px);border-radius:clamp(4px,1vw,8px)}*{-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none}@media(hover:none){html{overflow-y:hidden;overscroll-behavior:none}body{overscroll-behavior:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(8px,2vw,24px)}.flex-responsive{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,16px)}@media(max-width:768px){.flex-responsive{flex-direction:column}}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(12px,3vw,24px)}@media(max-width:480px){.grid-responsive{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:500px){.landscape-compact{padding:clamp(4px,1vh,8px);font-size:clamp(12px,2vh,14px)}}@media(max-width:480px){.high-contrast-mobile{filter:contrast(1.1)}}@media(pointer:coarse){button,input,select{min-width:48px;min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-data:reduce){.data-heavy{display:none}}body{font-family:Poppins,sans-serif;color:var(--profile-text, white);background-color:var(--dashboard-bg, #051b2c);line-height:1.5;margin:0;padding:0;overflow-x:hidden}@media(hover:hover){body{scroll-behavior:smooth}}@media(hover:none){body{scroll-behavior:auto}}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0;color:var(--profile-text, white)}h1{font-size:1.875rem;font-weight:700}@media(min-width:768px){h1{font-size:2.25rem}}h2{font-size:1.5rem;font-weight:700}@media(min-width:768px){h2{font-size:1.875rem}}h3{font-size:1.25rem;font-weight:600}@media(min-width:768px){h3{font-size:1.5rem}}p{margin:0 0 16px;color:var(--profile-text, white)}button{cursor:pointer}a{color:#00f2fe;text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 32px}}.primaryGradient{background:linear-gradient(135deg,#00f2fe,#4facfe)}.secondaryGradient{background:linear-gradient(135deg,#00f2fe,#00f2fe80)}.accentGradient{background:linear-gradient(135deg,#00f2fe,#4facfe)}.neonGradient{background:linear-gradient(135deg,#b026ff,#00f2fe)}.cardShadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:box-shadow .25s ease}.cardShadow:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.message-avatar,.message-content,.task-container{animation:fadeIn .3s ease-in-out}.fas,.far,.fab{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands"}.fas{font-weight:900}.far{font-weight:400}.react-chat-component button{border:none;background:none;cursor:pointer;outline:none}.react-chat-component button:focus{outline:2px solid var(--neon-blue);outline-offset:2px}.react-chat-component input,.react-chat-component textarea,.react-chat-component select{outline:none}.react-chat-component input:focus,.react-chat-component textarea:focus,.react-chat-component select:focus{outline:2px solid var(--neon-blue);outline-offset:2px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.italic{font-style:italic}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}