html{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:#f0ece4;background-color:var(--bg-color)}html.capacitor-ios:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0);height:var(--lk-safe-top, env(safe-area-inset-top, 0));background-color:#f0ece4;background-color:var(--bg-color);z-index:0;pointer-events:none}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px}}#root,.app{min-height:100vh;overflow-y:auto;overflow-x:hidden}@media(hover:none){.stat-item:hover .word-dropdown,.word-dropdown:hover{display:none}.msg-icon-btn{opacity:.4!important;pointer-events:auto!important}.msg-icon-btn:disabled{opacity:0!important;pointer-events:none!important}}:root{--bg-color: #f0ece4;--text-color: #1f1f1f;--card-bg: #ffffff;--border-color: #d3d9e3;--hover-bg: #e3e8ef;--accent-color: #1ab4d9;--accent-color-rgb: 26, 180, 217;--error-color: #d93025;--success-color: #1e8e3e;--error-bg: #fce8e6;--success-bg: #e6f4ea;--tooltip-bg: #3c4043;--tooltip-text: #f8f9fa;--overlay-bg: rgba(0, 0, 0, .5);--side-panel-bg: #f8f9fb;--menu-hover: #e3e8ef;--disabled-bg: #dadce0;--disabled-text: #80868b;--question-bg: #e8edf3;--question-text: #1f1f1f;--secondary-text: #5f6368;--modal-bg: #f8f9fb;--dropdown-bg: #f8f9fb;--stats-bg: #e8edf3;--word-hover: rgba(26, 115, 232, .08);--word-text: #1a73e8;--learn-word-bg: #fef7e0;--learn-word-border: #f9ab00;--learn-word-text: #b06000;--new-word-bg: #f0e6ff;--new-word-border: #9334e6;--new-word-text: #7627bb;--button-primary: #1a73e8;--button-primary-text: #ffffff;--button-success: #1e8e3e;--button-success-text: #ffffff;--record-progress-bg: #e3e8ef;--record-progress-fill: #ea4335;--header-bg: #f8f9fb;--input-bg: #ffffff;--input-border: #d3d9e3;--input-text: #1f1f1f;--grammar-label-color: #7627bb;--vocab-label-color: #1a73e8;--feedback-correct-bg: #e6f4ea;--feedback-correct-text: #137333;--feedback-incorrect-bg: #fce8e6;--feedback-incorrect-text: #c5221f;--status-not-started-bg: #dadce0;--status-not-started-text: #5f6368;--page-bg-gradient-start: #f0f4f9;--page-bg-gradient-end: #e8edf3;--dark-bg: #1a202c;--dark-card-bg: #2d3748;--dark-text: #e2e8f0;--dark-secondary-text: #a0aec0;--dark-border: #4a5568;--dark-input-bg: #2d3748;--dark-input-border: #4a5568;--dark-input-text: #e2e8f0;--dark-button-bg: #3182ce;--dark-button-hover: #2c5282;--dark-error-bg: #742a2a;--dark-error-border: #9b2c2c;--dark-error-text: #feb2b2}.dark-theme{--bg-color: #111827;--text-color: #f3f4f6;--card-bg: #1f2937;--border-color: #374151;--hover-bg: #2d3748;--accent-color: #1ab4d9;--accent-color-rgb: 26, 180, 217;--error-color: #ef4444;--success-color: #22c55e;--error-bg: rgba(239, 68, 68, .15);--success-bg: rgba(34, 197, 94, .15);--tooltip-bg: #4b5563;--tooltip-text: #f3f4f6;--overlay-bg: rgba(0, 0, 0, .75);--side-panel-bg: #1f2937;--menu-hover: #2d3748;--disabled-bg: #374151;--disabled-text: #9ca3af;--question-bg: #2d3748;--question-text: #f3f4f6;--secondary-text: #9ca3af;--modal-bg: #1f2937;--dropdown-bg: #1f2937;--stats-bg: #2d3748;--word-hover: rgba(59, 130, 246, .1);--word-text: #60a5fa;--learn-word-bg: rgba(251, 191, 36, .1);--learn-word-border: #d97706;--learn-word-text: #fbbf24;--new-word-bg: rgba(167, 139, 250, .1);--new-word-border: #8b5cf6;--new-word-text: #a78bfa;--button-primary: #3b82f6;--button-primary-text: #ffffff;--button-success: #22c55e;--button-success-text: #ffffff;--record-progress-bg: #374151;--record-progress-fill: #ef4444;--header-bg: #1f2937;--input-bg: #2d3748;--input-border: #4a5568;--input-text: #e2e8f0;--grammar-label-color: #8b5cf6;--vocab-label-color: #3b82f6;--feedback-correct-bg: rgba(34, 197, 94, .15);--feedback-correct-text: #4ade80;--feedback-incorrect-bg: rgba(239, 68, 68, .15);--feedback-incorrect-text: #f87171;--status-not-started-bg: #334155;--status-not-started-text: #475569;--page-bg-gradient-start: #1e293b;--page-bg-gradient-end: #0f172a}body{margin:0;padding:0;min-height:100vh;background-color:#f0ece4;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease;overflow-y:auto;overflow-x:hidden}body.dark-theme{background-color:#1a202c;background-color:var(--dark-bg);overflow-y:auto;overflow-x:hidden}.container{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f0ece4;background-color:var(--bg-color);color:#1f1f1f;color:var(--text-color);z-index:1;overflow:visible}.container.lesson-page .side-panel{transform:translate(-100%);display:flex;transition:transform .3s ease}.container.lesson-page .side-panel.expanded{transform:translate(0)}.container.lesson-page .main-content{padding-left:0;margin-left:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:24px;gap:8px;text-align:center;width:100%}.loading-text{font-size:18px;color:#1f1f1f;color:var(--text-color);margin-top:0;opacity:.8}.loading-spinner{width:40px;height:40px;border-radius:50%;animation:spinner-rotate 1s linear infinite;margin:0 auto}.partial-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;width:100%;flex:1 1;min-height:120px;box-sizing:border-box}.lesson-v2-grid .partial-loading-state{position:fixed;inset:0 320px;width:auto;z-index:10;pointer-events:none}.lesson-v2-grid.left-collapsed .partial-loading-state{left:68px}.lesson-v2-grid.right-collapsed .partial-loading-state{right:0}.lesson-v2-grid.left-collapsed.right-collapsed .partial-loading-state{left:68px;right:0}.lesson-v2-grid.guest-no-left .partial-loading-state{left:0;right:320px}@media(min-width:1600px){.lesson-v2-grid .partial-loading-state,.lesson-v2-grid.left-collapsed .partial-loading-state{right:360px}.lesson-v2-grid.right-collapsed .partial-loading-state,.lesson-v2-grid.left-collapsed.right-collapsed .partial-loading-state{right:0}.lesson-v2-grid.guest-no-left .partial-loading-state{left:0;right:360px}}.partial-loading-text{font-size:14px;color:#5f6368;color:var(--secondary-text);opacity:.85;text-align:center;animation:partialLoadFade 1.6s ease-in-out infinite}@keyframes partialLoadFade{0%,to{opacity:.55}50%{opacity:1}}.card{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 16px #00000014;width:100%;max-width:1000px;height:350px;overflow:visible;transition:all .3s ease;display:flex;flex-direction:column;position:relative;margin:70px auto 0;border-color:#d3d9e3;border-color:var(--border-color)}.card.chat-mode{height:385px;overflow:visible;padding-bottom:60px;display:flex;flex-direction:column;margin-top:70px}@media(min-width:769px)and (max-width:1199px){.card{width:calc(100% - 40px)!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;margin-top:70px!important;position:relative!important;box-sizing:border-box!important}.card.chat-mode{width:calc(100% - 40px)!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important}.container,.main-content,.lesson-area{padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}.container.lesson-page{padding-left:20px!important;padding-right:20px!important}.container.lesson-page.lesson-v2{padding-left:0!important;padding-right:0!important}.container.lesson-page .main-content{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}}@media(min-width:1200px){.card{max-width:1200px!important;height:min(350px,60vh)!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;position:relative!important}.card.chat-mode{max-width:min(1400px,calc(100vw - 64px))!important;height:min(720px,calc(100vh - 240px))!important}.container.lesson-page{padding-left:0!important;padding-right:0!important}.container.lesson-page .main-content{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}}@media(min-width:1440px){.card{max-width:1400px!important;height:min(360px,60vh)!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;position:relative!important}.card.chat-mode{max-width:min(1600px,calc(100vw - 80px))!important;height:min(820px,calc(100vh - 240px))!important}}@media(min-width:1920px){.card{max-width:1600px!important;height:min(370px,60vh)!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;position:relative!important}.card.chat-mode{max-width:min(1800px,calc(100vw - 96px))!important;height:min(980px,calc(100vh - 240px))!important}}@media(min-width:2560px){.card{max-width:2000px!important;height:min(450px,65vh)!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;position:relative!important}.card.chat-mode{max-width:min(2200px,calc(100vw - 120px))!important;height:min(1200px,calc(100vh - 260px))!important}}@media(min-width:3200px){.card{max-width:2400px!important;height:min(750px,80vh)!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;position:relative!important}.card.chat-mode{max-width:min(2600px,calc(100vw - 140px))!important;height:min(1500px,calc(100vh - 280px))!important}}@media(min-width:3840px){.card{max-width:2800px!important;height:min(900px,85vh)!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;position:relative!important}.card.chat-mode{max-width:min(3000px,calc(100vw - 160px))!important;height:min(1700px,calc(100vh - 300px))!important}}.card.chat-mode .card-content{overflow:visible;display:flex;flex-direction:column;flex:1 1}.card-content{padding:-5px 16px 16px;height:90%;display:flex;flex-direction:column;justify-content:space-between;overflow:visible}.card-content>.loading-state{justify-content:center;align-items:center;margin:auto;width:100%;z-index:10}.chat-with-avatar .loading-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.question-section{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:160px;max-height:200px;position:relative}.question-text{font-size:16px;font-weight:500;line-height:1.4;color:#1f1f1f;color:var(--question-text);transition:color .3s ease,background-color .3s ease;text-align:center;margin:0 auto;padding:8px 16px;background-color:#e8edf3;background-color:var(--question-bg);border-radius:12px;width:95%;height:60px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px}.question-text.rtl{direction:rtl;unicode-bidi:bidi-override}.question-text.rtl .word{display:inline-block;unicode-bidi:isolate}.question-text.correct{color:#1e8e3e;color:var(--success-color);background-color:#e6f4ea;background-color:var(--success-bg)}.question-text.incorrect{color:#d93025;color:var(--error-color);background-color:#ef444426}.transliteration-text{font-size:18px;color:#5f6368;color:var(--secondary-text);font-style:italic;text-align:center;min-height:24px;margin:0}.recall-prompt{display:flex;flex-direction:column;align-items:center;gap:4px}.recall-native-word{font-size:1.35em;font-weight:600;color:#1f1f1f;color:var(--question-text)}.recall-instruction{font-size:.75rem;color:#5f6368;color:var(--secondary-text);font-weight:400}.recording-container{display:flex;flex-direction:column;align-items:center;margin-top:auto;min-height:120px;position:relative;padding:12px 0}.recording-container .transliteration-text{position:absolute;top:0;left:0;right:0;text-align:center;margin:0;min-height:24px}.recording-container .loading-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100px;width:100%;display:flex;justify-content:center;align-items:center}.record-button{background:none;border:none;padding:0;cursor:pointer;transition:all .3s ease;opacity:1;visibility:visible;margin:0;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.record-button:focus,.record-button:focus-visible,.record-button:active{outline:none;-webkit-tap-highlight-color:transparent}.record-button.hold-to-record,.record-button.hold-to-record *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-drag:none}.record-button.hidden{opacity:0;visibility:hidden;position:absolute;pointer-events:none}.record-button-content{background:#1ab4d9;background:var(--accent-color);color:#fff;color:var(--button-primary-text);padding:12px 32px;border-radius:50px;display:flex;align-items:center;gap:12px;transition:all .3s ease;min-width:200px;justify-content:center;margin:0 auto}.record-button-content.recording-active{background:#f56565;animation:pulse 2s infinite}.record-button-text{font-size:18px;font-weight:500}.recording-progress{width:100%;max-width:300px;height:4px;background:#e3e8ef;background:var(--record-progress-bg);border-radius:2px;overflow:hidden;opacity:0;transition:opacity .3s ease;margin:0;position:absolute;top:65%;left:50%;transform:translate(-50%)}.recording-progress.active{opacity:1}.progress-bar{height:100%;background:#ea4335;background:var(--record-progress-fill);transition:width .1s linear}.text-actions{display:flex;justify-content:center;gap:12px;margin:8px 0}.play-button,.translation-toggle-button,.hint-button{background:#e8edf3;background:var(--question-bg);border:none;border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;width:40px;height:40px}.play-button:hover,.translation-toggle-button:hover,.hint-button:hover{background:#e3e8ef;background:var(--hover-bg)}.play-button:disabled{opacity:.5;cursor:not-allowed;background:#dadce0;background:var(--disabled-bg)}.play-button svg,.translation-toggle-button svg,.hint-button svg{width:24px;height:24px;color:#1f1f1f;color:var(--text-color)}.play-button.playing{background:#e3e8ef;background:var(--hover-bg);color:#1ab4d9;color:var(--accent-color)}.play-button.playing svg{color:#1ab4d9;color:var(--accent-color)}.translation-toggle-button.active,.hint-button.active{background:#e3e8ef;background:var(--hover-bg);color:#1ab4d9;color:var(--accent-color)}.translation-toggle-button.active svg,.hint-button.active svg{color:#1ab4d9;color:var(--accent-color)}[title]{position:relative}[title]:before{display:none}[title]:after{display:none}.next-button-container{opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;display:flex;justify-content:center;width:100%}.next-button-container.visible{opacity:1;visibility:visible;position:relative}.next-button{background:#1e8e3e;background:var(--button-success);color:#fff;color:var(--button-success-text);border:none;margin-top:32px;border-radius:50px;padding:12px 32px;font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-width:200px;justify-content:center}.next-button:hover{background:#38a169;transform:translateY(-1px)}.word{display:inline-flex;align-items:center;transition:all .2s ease;position:relative;padding:4px 6px;border-radius:8px;max-width:100%;overflow-wrap:break-word;word-break:break-word;z-index:45;margin:0 2px;border:1.5px solid rgba(226,232,240,.05);height:auto;min-height:36px;box-sizing:border-box;font-size:clamp(22px,4vw,32px);line-height:1.2;font-weight:600}.word.punctuation{cursor:default;border:none;padding:0;min-height:auto;background:none;font-weight:400}.word.punctuation:hover{background:none;transform:none}.word:hover{background-color:#1a73e814;background-color:var(--word-hover);color:#1a73e8;color:var(--word-text)}.recording .word:not(.clickable-word):hover{background-color:transparent;color:inherit;cursor:default}.clickable-word{position:relative;border-bottom:1px dotted rgba(150,150,150,.4);cursor:pointer}@media(hover:hover)and (pointer:fine){.clickable-word:hover:after{content:"Click if you forgot";position:absolute;background:#3c3c3cd9;color:#fff;padding:3px 6px;border-radius:3px;font-size:11px;bottom:120%;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;z-index:1000;margin-bottom:5px;animation:fadeIn .2s ease-in-out;box-shadow:0 1px 3px #0003}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.word.learn-word{background-color:#fef7e0;background-color:var(--learn-word-bg);border:2px solid #f9ab00;border:2px solid var(--learn-word-border);border-radius:8px;padding:4px 6px;transition:all .2s ease;box-shadow:0 1px 2px #fbbf241a;font-weight:700;color:#b06000;color:var(--learn-word-text);height:auto;min-height:36px;font-size:clamp(22px,4vw,32px);line-height:1.2}.chat-text .word.learn-word{background-color:#fef7e0;background-color:var(--learn-word-bg);border:1px solid #f9ab00;border:1px solid var(--learn-word-border);border-radius:4px;padding:2px 4px;font-weight:600;color:#b06000;color:var(--learn-word-text);font-size:inherit;min-height:0;min-height:initial;height:auto;line-height:inherit;margin:0 2px;display:inline-block;cursor:pointer;position:relative}.word.learn-word:hover{background-color:#fef7e0;background-color:var(--learn-word-bg);border-color:#f9ab00;border-color:var(--learn-word-border);transform:translateY(-1px);box-shadow:0 2px 4px #fbbf2426;color:#b06000;color:var(--learn-word-text)}.chat-text .word.learn-word:hover{transform:translateY(-1px);box-shadow:0 2px 4px #fbbf2426}.word.new-word{background-color:#f0e6ff;background-color:var(--new-word-bg);border:2px solid #9334e6;border:2px solid var(--new-word-border);border-radius:8px;padding:4px 6px;transition:all .2s ease;box-shadow:0 1px 2px #a78bfa1a;font-weight:700;color:#7627bb;color:var(--new-word-text);height:auto;min-height:36px;font-size:clamp(22px,4vw,32px);line-height:1.2}.chat-text .word.new-word{background-color:#f0e6ff;background-color:var(--new-word-bg);border:1px solid #9334e6;border:1px solid var(--new-word-border);border-radius:4px;padding:2px 4px;font-weight:600;color:#7627bb;color:var(--new-word-text);font-size:inherit;min-height:0;min-height:initial;height:auto;line-height:inherit;margin:0 2px;display:inline-block;cursor:pointer;position:relative}.word.new-word:hover{background-color:#f0e6ff;background-color:var(--new-word-bg);border-color:#9334e6;border-color:var(--new-word-border);transform:translateY(-1px);box-shadow:0 2px 4px #a78bfa26;color:#7627bb;color:var(--new-word-text)}.chat-text .word.new-word:hover{transform:translateY(-1px);box-shadow:0 2px 4px #a78bfa26}.chat-text .word.grammar-highlight{border-bottom:2px solid #a78bfa;cursor:pointer;position:relative}.chat-text .word.grammar-highlight:hover:after{content:attr(data-grammar-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#8b5cf6eb;color:#fff;padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:600;white-space:nowrap;z-index:3000;pointer-events:none;animation:grammarTooltipIn .15s ease}.chat-text .word.grammar-highlight:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#8b5cf6eb;z-index:3000;pointer-events:none}.chat-text .word.pron-moderate{border-bottom:2px solid #f97316;background:#f973161a;border-radius:2px;cursor:pointer}.chat-text .word.pron-bad{border-bottom:2px solid #ef4444;background:#ef44441a;border-radius:2px;cursor:pointer}.chat-text .word.correction-wrong{color:#ef4444;cursor:pointer}.chat-text .correction-missing{color:#9ca3af;opacity:.55;font-weight:400;font-style:italic;pointer-events:none;-webkit-user-select:none;user-select:none}.chat-message.sent:not(.latest-sent) .chat-text .word.pron-moderate,.chat-message.sent:not(.latest-sent) .chat-text .word.pron-bad{border-bottom:none;background:transparent}.chat-message.sent:not(.latest-sent) .chat-text .word.correction-wrong{color:inherit}.chat-message.sent:not(.latest-sent) .chat-text .correction-missing{display:none}@keyframes grammarTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.word.selected{z-index:101;background-color:#1a73e814;background-color:var(--word-hover);color:#1a73e8;color:var(--word-text)}.tooltip-arrow:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #d3d9e3;border-bottom:9px solid var(--border-color);z-index:99}.word-details{display:flex;flex-direction:column;gap:4px}.word-text{font-size:14px;color:#5f6368;color:var(--secondary-text);font-style:italic;padding-bottom:4px;border-bottom:1px solid #d3d9e3;border-bottom:1px solid var(--border-color)}.word-translation{color:#1f1f1f;color:var(--text-color);font-size:16px;font-weight:500;display:flex;align-items:center;gap:4px;position:relative;padding-left:8px}.word-translation:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:#1ab4d9;background-color:var(--accent-color);border-radius:2px}.app-header{position:absolute;top:5px;left:20px;display:flex;align-items:center;gap:12px;z-index:999;cursor:pointer;transition:all .2s ease;width:calc(100% - 100px);justify-content:flex-start;padding-left:60px}.app-header:hover{transform:translateY(-1px)}.lesson-page .app-header{padding-left:0}.learn-page .app-header{padding-left:60px}.app-name{font-size:18px;font-weight:600;color:#1f1f1f;color:var(--text-color);letter-spacing:-.01em}.app-name span{color:#1ab4d9;color:var(--accent-color)}.language-pair-container{margin-left:auto;margin-right:24px;display:flex;align-items:center;position:relative;z-index:1500}.language-pair{display:flex;align-items:center;gap:8px;background:transparent;padding:0;border-radius:0;box-shadow:none;font-size:13px;color:#1f1f1f;color:var(--text-color);border:none}.learn-page .language-pair{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:auto!important;align-items:center!important;transition:all .2s ease!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.learn-page .language-pair:hover{background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important}.learn-page .selected-language{transition:all .2s ease!important;transform:none!important}.learn-page .selected-language:hover{background:#e3e8ef!important;background:var(--hover-bg)!important;transform:none!important;transition:all .2s ease!important;box-shadow:none!important}.learn-page .arrow{transition:transform .2s ease!important;transform:none!important}.learn-page .arrow.open{transform:rotate(180deg)!important}.learn-page .language-pair-container{margin-left:auto!important;margin-right:24px!important}.learn-page .selected-language{padding:4px 8px!important;min-height:auto!important;font-size:13px!important;min-width:150px!important;max-width:150px!important;width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.learn-page .language-flag{width:18px!important;height:12px!important}.separator{color:#718096;font-size:16px;margin:0 4px}.stats-container{display:flex;align-items:center;justify-content:space-evenly;gap:4px;margin:0 40px;padding:6px 12px;background:#e8edf3;background:var(--stats-bg);border-radius:12px;box-shadow:0 1px 2px #0000000d;position:relative;z-index:1000;height:30px;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-width:320px}.stats-container:hover{background:#e3e8ef;background:var(--hover-bg);box-shadow:0 2px 5px #0000001a}.stat-item:hover{z-index:51}.stat-item:hover .word-dropdown,.word-dropdown:hover{display:block}.stat-item{display:flex;align-items:center;gap:4px;position:relative;padding:0;z-index:40;height:30px;flex:1 1;justify-content:center;min-width:0}.stat-item-container{flex:1 1;display:flex;justify-content:center;align-items:center;position:relative}.stat-item .stat-label{font-weight:500;margin-right:2px;margin-bottom:0;display:inline-flex;align-items:center;color:#5f6368;color:var(--secondary-text);font-size:13px}.stat-item .stat-value{font-weight:600;font-size:12px;margin-bottom:0;display:inline-flex;align-items:center;color:#1f1f1f;color:var(--text-color)}.word-dropdown{position:absolute;top:100%;right:0;left:auto;transform:none;background:#f8f9fb;background:var(--dropdown-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;min-width:250px;max-width:350px;max-height:400px;overflow:hidden;z-index:50;margin-top:4px}.dropdown-header{padding:8px 12px;background:#e8edf3;background:var(--question-bg);font-weight:600;font-size:14px;color:#1f1f1f;color:var(--text-color);position:sticky;top:0;z-index:2}.dropdown-search{padding:8px 12px;background:#f8f9fb;background:var(--dropdown-bg);border-bottom:1px solid #d3d9e3;border-bottom:1px solid var(--border-color);position:sticky;top:35px;z-index:2}.dropdown-search input{width:100%;padding:6px 12px;border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:#1f1f1f;color:var(--text-color);background-color:#e8edf3;background-color:var(--question-bg);transition:all .2s ease;box-sizing:border-box;margin:0}.dropdown-search input:focus{outline:none;border-color:#1ab4d9;border-color:var(--accent-color);background-color:#fff;box-shadow:0 0 0 2px #4299e11a}.dropdown-search input::placeholder{color:#a0aec0}.dropdown-content{overflow-y:auto;max-height:300px;position:relative;z-index:1;padding:8px 0}.dropdown-word{padding:6px 12px;font-size:14px;color:#1f1f1f;color:var(--text-color);cursor:default;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.dropdown-word .word-text{font-weight:500}.dropdown-word .word-due{font-size:12px;color:#5f6368;color:var(--secondary-text);margin-left:8px}.dropdown-word:hover{background-color:#e3e8ef;background-color:var(--hover-bg)}input[type=search]{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;margin:4px 0}.language-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#f8f9fb;background:var(--dropdown-bg);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1550;overflow:hidden;max-height:300px;display:flex;flex-direction:column;border:1px solid #d3d9e3;border:1px solid var(--border-color)}.language-dropdown input{width:calc(100% - 16px);margin:8px;box-sizing:border-box}.main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:100vh;overflow-y:auto;transition:padding-left .3s ease-in-out,filter .3s ease;box-sizing:border-box;position:relative}.main-content.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.side-panel{position:fixed;top:0;left:0;height:100vh;width:64px;background:#f8f9fb;background:var(--side-panel-bg);box-shadow:4px 0 8px #0000001a;z-index:1000;transition:width .3s ease;display:flex;flex-direction:column;transform:translate(0);border-color:#d3d9e3;border-color:var(--border-color)}.side-panel.expanded{width:280px}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;background:var(--overlay-bg);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;-webkit-backdrop-filter:none;backdrop-filter:none}.overlay.visible{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.side-panel-header{padding:20px;border-bottom:1px solid #d3d9e3;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;min-height:64px}.side-panel-close{background:none;border:none;padding:8px;cursor:pointer;color:#1f1f1f;color:var(--text-color);transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:6px}.side-panel-close:hover{opacity:.8;background:#e3e8ef;background:var(--hover-bg)}.side-panel-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1 1}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;border:none;background:none;color:#1f1f1f;color:var(--text-color);cursor:pointer;transition:all .2s ease;border-radius:8px;margin:4px 0}.menu-item:hover{background-color:#6366f11a}.menu-item svg{width:22px;height:22px;transition:all .2s ease;flex-shrink:0}.menu-item span{font-size:15px}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background-color:#ef44441a}.menu-item.danger svg{color:#ef4444}.menu-item.logout{margin-top:auto;color:#6b7280}.menu-item.logout:hover{background-color:#6b72801a;color:#4b5563}.dark-theme .menu-item.logout svg{color:#9ca3af}.dark-theme .menu-item.logout:hover svg{color:#d1d5db}.side-panel.collapsed .menu-item{justify-content:center;padding:12px 8px}.side-panel.collapsed .menu-item span{display:none}.side-panel.collapsed .side-panel-header{justify-content:center;padding:12px}.side-panel.collapsed .app-name{display:none}.side-panel.collapsed .side-panel-close{padding:8px;margin:0}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-width:100vw;background-color:#f0ece4;background-color:var(--bg-color);padding:20px;margin:0;box-sizing:border-box;transition:background-color .3s ease}.auth-container.dark-theme{background-color:#1a202c;background-color:var(--dark-bg)}.auth-card{width:100%;max-width:400px;margin:0 auto;background-color:#fff;border-radius:16px;padding:32px;box-sizing:border-box;box-shadow:0 4px 6px #0000001a}.auth-card.dark-theme{background-color:#2d3748;background-color:var(--dark-card-bg);box-shadow:0 4px 6px #0000004d}.auth-card h2{font-size:24px;color:#1f2937;margin-bottom:8px;text-align:center}.auth-card.dark-theme h2{color:#e2e8f0;color:var(--dark-text)}.auth-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:2px}.form-group label{font-size:14px;color:#4b5563;font-weight:500}.auth-card.dark-theme .form-group label{color:#a0aec0;color:var(--dark-secondary-text)}.form-group input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s ease}.auth-card.dark-theme .form-group input{background-color:#2d3748;background-color:var(--dark-input-bg);border-color:#4a5568;border-color:var(--dark-input-border);color:#e2e8f0;color:var(--dark-input-text)}.form-group input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.auth-card.dark-theme .form-group input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.auth-button{background-color:#1ab4d9;background-color:var(--accent-color);color:#fff;border:none;padding:10px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:4px}.auth-card.dark-theme .auth-button{background-color:#1ab4d9;background-color:var(--accent-color)}.auth-button:hover:not(:disabled){background-color:#15a0c0;transform:translateY(-1px)}.auth-card.dark-theme .auth-button:hover:not(:disabled){background-color:#2ea8e5}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-error{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:12px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-card.dark-theme .auth-error{background-color:#742a2a;background-color:var(--dark-error-bg);border-color:#9b2c2c;border-color:var(--dark-error-border);color:#feb2b2;color:var(--dark-error-text)}.field-error{color:#ef4444;font-size:12px;margin-top:4px;display:block}.auth-card.dark-theme .field-error{color:#feb2b2;color:var(--dark-error-text)}.form-group input.error{border-color:#ef4444}.auth-card.dark-theme .form-group input.error{border-color:#9b2c2c;border-color:var(--dark-error-border)}.auth-switch{text-align:center;margin-top:20px;color:#4b5563;font-size:16px;font-weight:500}.auth-card.dark-theme .auth-switch{color:#a0aec0;color:var(--dark-secondary-text)}.auth-switch-button{background:none;border:none;color:#06b6d4;font-weight:600;cursor:pointer;padding:4px 8px;font-size:16px;border-radius:4px;transition:all .2s ease}.auth-card.dark-theme .auth-switch-button{color:#63b3ed}.auth-switch-button:hover{text-decoration:underline;background-color:#06b6d41a;transform:translateY(-1px)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.welcome-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f8f9fb;background:var(--modal-bg);border-radius:12px;box-shadow:0 4px 16px #00000014;width:90%;max-width:420px;z-index:3100;padding:20px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8)}.welcome-modal.visible{opacity:1;visibility:visible}.welcome-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative}.welcome-modal-title{font-size:18px;font-weight:600;color:#1f1f1f;color:var(--text-color);display:flex;align-items:center;gap:6px;line-height:1.2}.welcome-modal-title svg{width:20px;height:20px;color:#06b6d4}.welcome-modal-close{position:absolute;top:-6px;right:-6px;background:#fff;border:1px solid #E2E8F0;color:#718096;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;line-height:0;box-shadow:0 2px 4px #0000000f}.welcome-modal-close svg{width:14px;height:14px}.welcome-modal-content{color:#1f1f1f;color:var(--text-color);font-size:14px;line-height:1.4}.learning-steps{margin:12px 0;display:flex;flex-direction:column;gap:8px}.learning-step{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;background:#e8edf3;background:var(--question-bg);border-radius:8px;transition:all .2s ease}.step-number{font-weight:600;color:#1ab4d9;color:var(--accent-color);font-size:14px;min-width:20px;height:20px;background:#fff;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #06b6d41a}.step-content{flex:1 1}.step-title{font-weight:600;color:#1f1f1f;color:var(--text-color);margin-bottom:2px;font-size:14px}.step-description{color:#5f6368;color:var(--secondary-text);font-size:13px;line-height:1.3}.welcome-modal-footer{margin-top:12px;font-size:12px;color:#5f6368;color:var(--secondary-text);font-style:italic;text-align:right;padding-top:8px;border-top:1px solid #E2E8F0}.welcome-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-modal-overlay.visible{opacity:1;visibility:visible}@media(max-width:640px){.welcome-modal{padding:clamp(16px,4.27vw,19px);width:94%;max-width:clamp(380px,101.33vw,436px)}.welcome-modal-title{font-size:clamp(16px,4.27vw,19px)}.learning-step{padding:clamp(8px,2.13vw,10px) clamp(10px,2.67vw,12px);gap:clamp(8px,2.13vw,10px)}.step-title{font-size:clamp(13px,3.47vw,15px)}.step-description{font-size:clamp(12px,3.2vw,14px)}.welcome-modal-footer{font-size:clamp(11px,2.93vw,13px)}}.dictionary-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f8f9fb;background:var(--modal-bg);border-radius:12px;box-shadow:0 4px 16px #00000014;width:90%;max-width:600px;max-height:80vh;z-index:3100;padding:20px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column}.dictionary-modal.visible{opacity:1;visibility:visible}.dictionary-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative}.dictionary-modal-title{font-size:18px;font-weight:600;color:#1f1f1f;color:var(--text-color);display:flex;align-items:center;gap:6px;line-height:1.2}.dictionary-modal-title svg{width:20px;height:20px;color:#06b6d4}.dictionary-modal-close{position:absolute;top:-6px;right:-6px;background:#fff;border:1px solid #E2E8F0;color:#718096;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;line-height:0;box-shadow:0 2px 4px #0000000f}.dictionary-modal-close svg{width:14px;height:14px}.dictionary-modal-content{flex:1 1;overflow-y:auto;padding-right:8px}.dictionary-search{margin-bottom:16px}.dictionary-search input{width:100%;padding:8px 12px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;color:#1f1f1f;color:var(--text-color);transition:all .2s ease}.dictionary-search input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.dictionary-words{display:flex;flex-direction:column;gap:8px}.dictionary-word{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#e8edf3;background:var(--question-bg);border-radius:8px;transition:all .2s ease}.dictionary-word:hover{background:#e3e8ef;background:var(--hover-bg)}.word-info{display:flex;align-items:center;gap:8px;flex:1 1}.word-number{min-width:30px;color:#5f6368;color:var(--secondary-text);font-size:12px;font-weight:500}.word-text{display:flex;align-items:center;gap:8px;font-size:14px;color:#1f1f1f;color:var(--text-color)}.word-transliteration{font-size:12px;color:#5f6368;color:var(--secondary-text)}.word-due{font-size:12px;color:#5f6368;color:var(--secondary-text);font-weight:500}.dictionary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:12px}.dictionary-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.dictionary-modal-overlay.visible{opacity:1;visibility:visible}@media(max-width:640px){.dictionary-modal{padding:clamp(16px,4.27vw,19px);width:94%;max-width:clamp(500px,133.33vw,574px)}.dictionary-modal-title{font-size:clamp(16px,4.27vw,19px)}.dictionary-word{padding:clamp(8px,2.13vw,10px) clamp(10px,2.67vw,12px)}.word-text{font-size:clamp(13px,3.47vw,15px)}.word-number,.word-transliteration,.word-due{font-size:clamp(11px,2.93vw,13px)}}.profile-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f8f9fb;background:var(--modal-bg);border-radius:12px;box-shadow:0 4px 16px #00000014;width:90%;max-width:400px;z-index:3100;padding:24px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #d3d9e3;border:1px solid var(--border-color)}.profile-modal.visible{opacity:1;visibility:visible}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:calc(env(safe-area-inset-top) + 15px)}.profile-modal-title{font-size:20px;font-weight:600;color:#1f1f1f;color:var(--text-color)}.profile-modal-close{background:#78788029;border:none;color:#5f6368;color:var(--secondary-text);cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-modal-close svg{width:16px;height:16px}.profile-modal-close:hover{background:#78788047;color:#1f1f1f;color:var(--text-color)}.profile-content{display:flex;flex-direction:column;gap:16px}.profile-info{display:flex;align-items:center;gap:16px;padding:16px;background:#e8edf3;background:var(--question-bg);border-radius:12px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:#1ab4d9;background:var(--accent-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.profile-details{flex:1 1}.profile-name{font-size:18px;font-weight:600;color:#1f1f1f;color:var(--text-color);margin-bottom:4px}.profile-email{font-size:14px;color:#5f6368;color:var(--secondary-text)}.profile-languages{display:flex;flex-direction:column;gap:8px;padding:16px;background:#e8edf3;background:var(--question-bg);border-radius:12px}.language-item{display:flex;justify-content:space-between;align-items:center}.language-label{font-size:14px;color:#5f6368;color:var(--secondary-text)}.language-value{font-size:14px;font-weight:500;color:#1f1f1f;color:var(--text-color)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.profile-stat{padding:16px;background:#e8edf3;background:var(--question-bg);border-radius:12px;text-align:center}.stat-value{font-size:24px;font-weight:600;color:#1f1f1f;color:var(--text-color);margin-bottom:4px}.stat-label{font-size:13px;color:#5f6368;color:var(--secondary-text)}.word-text{color:#1f1f1f;color:var(--text-color);display:flex;align-items:center;gap:6px}.word-transliteration{color:#5f6368;color:var(--secondary-text);font-size:12px}.word-due{font-size:12px;color:#5f6368;color:var(--secondary-text)}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-modal-overlay.visible{opacity:1;visibility:visible}@media(max-width:640px){.profile-modal{padding:clamp(20px,5.33vw,23px);width:94%}.profile-modal-title{font-size:clamp(18px,4.8vw,21px)}.profile-avatar{width:clamp(56px,14.93vw,65px);height:clamp(56px,14.93vw,65px);font-size:clamp(20px,5.33vw,23px)}.profile-name{font-size:clamp(16px,4.27vw,19px)}.profile-email{font-size:clamp(13px,3.47vw,15px)}.stat-value{font-size:clamp(20px,5.33vw,23px)}.stat-label{font-size:clamp(12px,3.2vw,14px)}}.auth-header{text-align:center;margin-bottom:16px}.auth-app-name{font-size:36px;font-weight:700;background:linear-gradient(135deg,#06b6d4 0% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:0;display:inline-block}.auth-app-name span{font-weight:800;background:linear-gradient(135deg,#06b6d4 0% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-icon-container{position:absolute;top:10px;right:10px;z-index:2000}.info-dropdown{position:fixed!important;top:auto!important;right:auto!important;width:320px;background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #d3d9e3;border:1px solid var(--border-color);z-index:3000!important;animation:fadeIn .2s ease;max-height:400px;overflow-y:auto!important;overflow-x:visible!important}.info-dropdown:before{content:"";position:absolute;top:-8px;right:14px;width:14px;height:14px;background:#fff;background:var(--card-bg);transform:rotate(45deg);border-left:1px solid #d3d9e3;border-left:1px solid var(--border-color);border-top:1px solid #d3d9e3;border-top:1px solid var(--border-color);z-index:1499}.dropdown-header{padding:12px 16px;font-weight:600;border-bottom:1px solid #d3d9e3;border-bottom:1px solid var(--border-color);color:#1f1f1f;color:var(--text-color)}.dropdown-content{padding:12px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dictionary-level-selector{margin-bottom:16px;padding:8px;background:#e8edf3;background:var(--question-bg);border-radius:8px}.level-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-gap:8px;gap:8px}.level-button{padding:8px;border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:6px;background:#f8f9fb;background:var(--modal-bg);color:#1f1f1f;color:var(--text-color);font-size:14px;cursor:pointer;transition:all .2s ease}.level-button:hover{background:#e3e8ef;background:var(--hover-bg)}.level-button.active{background:#06b6d4;color:#fff;border-color:#06b6d4}.word-status{display:flex;align-items:center;gap:12px}.word-state{font-size:12px;padding:2px 8px;border-radius:12px;text-transform:capitalize}.word-state.learning{background:#fef3c7;color:#92400e}.word-state.review{background:#dcfce7;color:#166534}.word-state.relearning{background:#fee2e2;color:#991b1b}.dictionary-word.learning{border-left:3px solid #F59E0B}.dictionary-word.review{border-left:3px solid #10B981}.dictionary-word.relearning{border-left:3px solid #EF4444}@media(max-width:768px){.side-panel{transform:translate(-100%);width:clamp(280px,74.67vw,322px);z-index:2000}.side-panel.expanded{transform:translate(0);width:clamp(280px,74.67vw,322px)}html,body{overflow:hidden!important;overflow-x:hidden!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}.app{max-width:100vw!important;overflow:hidden!important;overflow-x:hidden!important;height:100vh!important;max-height:100vh!important}html:has(.landing-page){overflow:auto!important;overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;min-height:100vh!important}html:has(.landing-page) body{overflow:auto!important;overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;min-height:100vh!important}.landing-page{overflow:visible!important;overflow-y:visible!important;height:auto!important;max-height:none!important;min-height:100vh!important}html:has(.landing-page) .app{overflow:auto!important;overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;min-height:100vh!important}.card{margin-left:auto;margin-right:auto;margin-top:clamp(60px,16vw,69px)!important;height:calc(100vh - clamp(80px,21.33vw,92px))!important;max-height:calc(100vh - clamp(80px,21.33vw,92px))!important;overflow-y:auto!important;width:calc(100vw - clamp(40px,10.67vw,46px))!important}.card.loading-card{overflow:hidden!important}.card{box-sizing:border-box!important;max-width:calc(100vw - clamp(40px,10.67vw,46px))!important;width:calc(100vw - clamp(40px,10.67vw,46px))!important}.container,.main-content,.lesson-area{max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important}.loading-text{font-size:clamp(18px,4.8vw,21px)!important;color:#1f1f1f!important;color:var(--text-color)!important;text-align:center!important;margin:0!important;opacity:.8!important}.app-header{left:5px!important;top:5px!important;width:calc(100% - 10px)!important;flex-wrap:nowrap!important;gap:clamp(6px,1.6vw,7px)!important;justify-content:space-between!important;align-items:center!important;padding-top:clamp(8px,2.13vw,10px)!important;padding-bottom:clamp(8px,2.13vw,10px)!important;padding-left:0!important;padding-right:5px!important;height:clamp(50px,13.33vw,58px)!important;min-height:clamp(50px,13.33vw,58px)!important}.app-name{font-size:clamp(20px,5.33vw,23px)!important;font-weight:600!important}.language-pair-container{margin-left:auto!important;margin-right:clamp(20px,5.33vw,23px)!important;order:2;display:flex!important;align-items:center!important;position:relative!important;z-index:10!important}.language-pair{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:auto!important;align-items:center!important;gap:4px!important}.language-pair-container .selected-language{padding:clamp(4px,1.07vw,5px) clamp(8px,2.13vw,10px)!important;font-size:clamp(12px,3.2vw,14px)!important;min-width:clamp(70px,18.67vw,81px)!important;max-width:clamp(80px,21.33vw,92px)!important;width:auto!important;background:#e8edf3!important;background:var(--question-bg)!important;border:1px solid #d3d9e3!important;border:1px solid var(--border-color)!important;border-radius:6px!important;color:#1f1f1f!important;color:var(--text-color)!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.language-pair-container .language-flag{display:inline-block!important;width:clamp(16px,4.27vw,19px)!important;height:clamp(11px,2.93vw,13px)!important;margin-right:4px!important}.language-pair-container .language-select-text{display:inline-block!important;font-size:clamp(12px,3.2vw,14px)!important;font-weight:500!important;color:#1f1f1f!important;color:var(--text-color)!important}.separator{font-size:clamp(14px,3.73vw,17px)!important;margin:0 4px!important;color:#5f6368!important;color:var(--secondary-text)!important}.tooltip{min-width:150px;max-width:250px}.recording-container{min-height:100px}.record-button-content{min-width:150px;padding:10px 24px}.record-button-text{font-size:16px}.text-actions{gap:16px}.play-button,.translation-toggle-button{width:44px;height:44px;background:#e8edf3;background:var(--question-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color)}.next-button{min-width:150px;margin-top:16px;background:#e8edf3;background:var(--question-bg);color:#1f1f1f;color:var(--text-color);border:1px solid #d3d9e3;border:1px solid var(--border-color)}.next-button:hover{background:#e3e8ef;background:var(--hover-bg);transform:translateY(-1px)}.info-icon-container{top:6px;right:6px}.info-dropdown{width:240px;right:0;left:auto!important}.word-dropdown{max-width:250px;right:0;left:auto}.language-options{display:block!important;grid-template-columns:none!important;gap:0!important;padding:0!important}.language-option{display:flex!important;padding:8px 12px!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important}.language-option .language-name{display:block!important;flex:1 1!important}.language-option .language-flag{margin:0!important;width:18px!important;height:12px!important}.language-dropdown .dropdown-header{display:block!important}.language-dropdown .search-container{padding:8px!important}.language-dropdown .search-container input{padding:6px 12px!important;font-size:14px!important;width:100%!important;box-sizing:border-box!important}.word-dropdown,.info-dropdown,.mobile-dropdown{position:fixed;z-index:2100!important;left:auto!important;right:10px!important;width:240px;max-height:60vh;overflow-y:auto;background:#fff!important;background:var(--card-bg)!important;box-shadow:0 4px 12px #0003!important;border:1px solid #d3d9e3!important;border:1px solid var(--border-color)!important;pointer-events:auto!important}.stat-item .word-dropdown{top:40px!important}.language-pair-container{z-index:2000}.mobile-dropdown .dropdown-word,.mobile-dropdown .language-option{padding:6px 10px}.info-dropdown{top:90px!important;right:20px!important}.stat-item .word-dropdown:before{display:none}.logo-container{display:flex;align-items:center;gap:6px!important;cursor:pointer;padding:4px!important;border-radius:6px;flex-shrink:0!important;margin-left:20px!important;position:relative;z-index:1002;pointer-events:auto}.logo-container svg{width:32px!important;height:34px!important}.logo-container:active{background-color:#0000000d}.tab-navigation{margin-left:5px!important;margin-top:75px!important}.tab-button{padding:.4rem .8rem!important;font-size:1rem!important;font-weight:500!important;flex:1 1!important;text-align:center!important}.main-content{align-items:flex-start!important;justify-content:flex-start!important;padding:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;overflow:hidden!important;height:100vh!important;max-height:100vh!important}.page-content-wrapper{margin-top:0!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.container{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.lesson-area{padding:.5rem!important;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important;box-sizing:border-box!important}.learn-section{margin-bottom:.25rem!important}.learn-section-header{margin-left:0!important;margin-right:0!important;margin-bottom:.75rem!important;margin-top:0!important}.learn-section-header h2{font-size:1.2rem!important}.learn-section-header p{font-size:.85rem!important}.learn-section,.horizontal-level-journey-wrapper,.tab-navigation{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.learn-section input[type=text]{max-width:100%!important;box-sizing:border-box!important}}@media(min-width:769px){.stats-container .stat-item-container .word-dropdown,.stats-container .stat-item .word-dropdown{position:absolute!important;right:0!important;left:auto!important;top:100%!important;transform:none!important;width:300px!important;margin-top:4px!important;z-index:50!important;background:#f8f9fb!important;background:var(--dropdown-bg)!important;border:1px solid #d3d9e3!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 6px #0000001a!important}}@media(min-width:1px){.stats-container .word-dropdown{position:absolute!important;right:0!important;left:auto!important;top:100%!important;transform:none!important;width:300px!important;margin-top:4px!important;z-index:50!important}}@media(max-width:380px){.card{margin-top:70px;height:300px}.app-name{font-size:22px}.question-text{height:50px;font-size:13px}.record-button-content{min-width:130px;padding:8px 16px}.next-button{padding:10px 24px;font-size:16px}}.logo-container{display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.logo-container:hover{opacity:.9}.logo-container:active{background-color:#0000000d}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-legend{position:fixed;bottom:15px;right:15px;background:#fff;background:var(--card-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:10px;padding:14px;font-size:13px;width:280px;z-index:100;box-shadow:0 3px 12px #0000001a;opacity:.95;transition:all .3s ease-in-out;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:.95}}.app-legend:hover{opacity:1;box-shadow:0 4px 16px #00000026}.legend-header{font-weight:600;margin-bottom:10px;color:#1f1f1f;color:var(--text-color);font-size:15px;border-bottom:1px solid #d3d9e3;border-bottom:1px solid var(--border-color);padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}.legend-close{background:none;border:none;font-size:18px;color:#5f6368;color:var(--secondary-text);cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;padding:0;line-height:1;transition:all .2s ease}.legend-close:hover{background-color:#0000000d;color:#1f1f1f;color:var(--text-color)}.legend-list{list-style-type:none;padding:0;margin:0}.legend-list li{margin-bottom:9px;color:#1f1f1f;color:var(--text-color);display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.4}.legend-list li:last-child{margin-bottom:0}.legend-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px}.highlight-icon{color:#b06000;color:var(--learn-word-text)}.regular-icon{color:#1f1f1f;color:var(--text-color)}.click-icon,.mic-icon{font-size:16px}.legend-highlight{background-color:#fef7e0;background-color:var(--learn-word-bg);color:#b06000;color:var(--learn-word-text);padding:2px 6px;border-radius:4px;font-weight:500}.legend-regular{background-color:#e8edf3;background-color:var(--question-bg);color:#1f1f1f;color:var(--text-color);padding:2px 6px;border-radius:4px;font-weight:500}@media(max-width:768px){.app-legend{width:auto;max-width:clamp(240px,64vw,276px);font-size:clamp(12px,3.2vw,14px);bottom:clamp(10px,2.67vw,12px);right:clamp(10px,2.67vw,12px);padding:clamp(12px,3.2vw,14px)}.legend-header{font-size:clamp(14px,3.73vw,17px);margin-bottom:clamp(8px,2.13vw,10px);padding-bottom:clamp(6px,1.6vw,7px)}.legend-list li{font-size:clamp(12px,3.2vw,14px);margin-bottom:clamp(7px,1.87vw,9px)}.legend-icon{width:clamp(18px,4.8vw,21px);height:clamp(18px,4.8vw,21px);font-size:clamp(13px,3.47vw,15px)}}.tooltip-loading{display:flex;align-items:center;gap:8px;min-height:24px}.loading-spinner.small{width:16px;height:16px;border:2px solid rgba(26,180,217,.1);border:2px solid rgba(var(--accent-color-rgb),.1);border-top-color:#1ab4d9;border-top-color:var(--accent-color)}.tooltip-loading span{font-size:14px;color:#5f6368;color:var(--secondary-text)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-container{display:flex;flex-direction:column;height:100%;padding-bottom:20px;font-size:14px}.chat-instructions{color:#1ab4d9;color:var(--accent-color);padding:12px 16px 4px;margin:0 16px 12px;font-size:18px;line-height:1.4;text-align:left;font-weight:600;position:relative;z-index:10;transition:all .2s ease;max-width:calc(100% - 120px)}.chat-instructions:after{content:"";position:absolute;bottom:-4px;left:16px;width:60px;height:3px;background-color:#1ab4d9;background-color:var(--accent-color);border-radius:2px;transition:all .3s ease}.teacher-avatar{display:flex;align-items:center;flex-shrink:0}.instruction-text{flex:1 1;margin:0}@media(max-width:768px){.chat-instructions{margin:0 clamp(12px,3.2vw,14px) clamp(8px,2.13vw,10px) clamp(12px,3.2vw,14px);padding:clamp(8px,2.13vw,10px) clamp(14px,3.73vw,17px);font-size:clamp(14px,3.73vw,17px);gap:clamp(8px,2.13vw,10px);max-width:calc(100% - clamp(100px,26.67vw,115px))}.chat-instructions:after{bottom:-4px;left:clamp(14px,3.73vw,17px);width:clamp(60px,16vw,69px);height:3px}}.chat-messages{flex:1 1;overflow-y:auto;overflow-x:visible;padding:16px 32px 8px}.chat-message{display:flex;margin-bottom:6px;max-width:652px;margin-left:auto;margin-right:auto;width:100%}.chat-message.received{justify-content:flex-start}.chat-message.sent{justify-content:flex-end}.chat-bubble-wrapper{display:flex;align-items:center;gap:8px}.skip-question-button{background:none;border:none;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.3;transition:all .2s ease;color:#1f1f1f;color:var(--text-color);flex-shrink:0}.skip-question-button:hover:not(:disabled){opacity:.7;transform:translate(2px)}.skip-question-button:disabled{opacity:.15;cursor:not-allowed}.skip-question-button svg{width:16px;height:16px}.dark-theme .skip-question-button{color:#1f1f1f;color:var(--text-color)}.dark-theme .skip-question-button:hover:not(:disabled){opacity:.8}.mode-change-indicator{text-align:center;color:#fff;font-size:12px;font-weight:400;padding:8px 0;margin:12px 0;width:100%;opacity:.4;letter-spacing:.3px}.lesson-session-progress{width:100%;max-width:680px;margin:10px auto 6px;padding:0 14px;box-sizing:border-box}.lesson-session-progress__bar{height:3px;width:100%;background:#ffffff0f;border-radius:999px;overflow:hidden}.lesson-session-progress__fill{height:100%;background:#1ab4d9;background:var(--accent-color);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}body:not(.dark-theme) .lesson-session-progress__bar{background:#0000000f}.chat-bubble{max-width:420px;padding:7px 14px;border-radius:16px;box-shadow:none;word-break:break-word;position:relative;line-height:1.35;margin-bottom:0}.chat-message.received .chat-bubble{background-color:#fff;color:#111b21;border-top-left-radius:4px;margin-right:auto;max-width:420px;box-shadow:0 1px 3px #00000014}.chat-message.sent .chat-bubble{background-color:#d9fdd3;color:#111b21;border-top-right-radius:4px;margin-left:auto;max-width:420px;margin-right:0;box-shadow:0 1px 3px #00000014}.dark-theme .chat-message.received .chat-bubble{background-color:#2a2d35;color:#e8e8e8;box-shadow:0 1px 3px #0003}.dark-theme .chat-message.sent .chat-bubble{max-width:420px;background-color:#1e3a5f;color:#dbeafe;box-shadow:0 1px 3px #0003}.chat-message.received+.chat-message.sent,.chat-message.sent+.chat-message.received{margin-top:0}.chat-text{font-size:16px;line-height:1.4;margin-bottom:0;overflow:visible!important;position:relative;font-weight:500;letter-spacing:-.2px;display:flow-root}.chat-text .word{font-size:inherit;display:inline-block;padding:1px 2px;margin:0 1px;border-radius:3px;height:auto;line-height:inherit;min-height:0;min-height:initial;border:1px solid transparent}.chat-text .word.learn-word{background-color:#fef7e0;background-color:var(--learn-word-bg);border:1px solid #f9ab00;border:1px solid var(--learn-word-border);border-radius:3px;padding:1px 3px;font-weight:600;color:#b06000;color:var(--learn-word-text);font-size:inherit;min-height:0;min-height:initial;height:auto;line-height:inherit;margin:0 1px;display:inline-block;cursor:pointer;position:relative}.chat-transliteration{font-size:12px;color:#5f6368;color:var(--secondary-text);font-style:italic;opacity:.65;margin-top:2px;line-height:1.25;display:flow-root}.chat-bubble:has(.chat-transliteration){padding-top:6px;padding-bottom:5px}.chat-bubble:has(.chat-transliteration) .chat-text{line-height:1.35;margin-bottom:0}.chat-transliteration .chat-time-float{font-style:normal}.chat-translation{font-size:12px;color:#5f6368;color:var(--secondary-text);opacity:.55;border-top:none;margin-top:1px;padding-top:0;line-height:1.2;display:flow-root}.chat-bubble--translit-primary .chat-bubble-body,.chat-bubble--translit-primary .hint-message>div,.relative.chat-bubble--translit-primary,.audio-player-container-sent.chat-bubble--translit-primary{display:flex;flex-direction:column}.chat-bubble--translit-primary .chat-text{order:2;font-size:12px;color:#5f6368;color:var(--secondary-text);opacity:.7;line-height:1.3;margin-top:2px;font-weight:400}.chat-bubble--translit-primary .chat-transliteration{order:1;font-size:inherit;font-style:normal;color:inherit;opacity:1;line-height:1.4;margin-top:0}.chat-bubble--translit-primary .chat-translation{order:3}.dark-theme .chat-translation{opacity:.6}@media(max-width:768px){.chat-bubble{max-width:clamp(300px,80vw,344px);padding:5px clamp(10px,2.67vw,12px)}.chat-message.sent .chat-bubble{max-width:clamp(300px,80vw,344px);margin-right:0}.chat-text{font-size:clamp(14px,3.73vw,17px);letter-spacing:-.3px}.chat-transliteration,.chat-translation{font-size:clamp(10px,2.67vw,12px);margin-top:1px;line-height:1.15}.chat-messages{padding:clamp(10px,2.67vw,12px)}.mobile-chat-card .chat-container{padding:0!important;overflow:hidden!important}.mobile-chat-card .chat-messages{padding:clamp(16px,4.27vw,19px)!important;padding-bottom:clamp(16px,4.27vw,19px)!important;overflow-y:auto!important}}.floating-mic-button{position:absolute;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background-color:#1ab4d9;background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px #1ab4d94d,0 4px 12px #00000026;cursor:pointer;border:none;transition:all .25s ease;z-index:1001;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.floating-mic-button.hold-to-record,.floating-mic-button.hold-to-record *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-drag:none}.floating-mic-button:focus,.floating-mic-button:focus-visible{outline:none;-webkit-tap-highlight-color:transparent}.floating-mic-button:hover{transform:scale(1.08);box-shadow:0 0 22px #1ab4d973,0 6px 16px #0003}.floating-mic-button.recording{background-color:#f59e0b}.floating-mic-button.has-text{background-color:#1ab4d9;background-color:var(--accent-color)}.mic-wave-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible;--amp: 0}.mic-wave-ring{position:absolute;inset:0;border-radius:50%;border:2.5px solid rgba(26,180,217,.55);pointer-events:none;opacity:calc(var(--amp) * .6);transform:scale(calc(1 + var(--amp) * .7));transition:opacity .15s ease-out,transform .15s ease-out,border-color .3s ease}.mic-wave-ring-1{transform:scale(calc(1 + var(--amp) * .55));opacity:calc(var(--amp) * .55)}.mic-wave-ring-2{transform:scale(calc(1 + var(--amp) * .9));opacity:calc(var(--amp) * .38)}.mic-wave-ring-3{transform:scale(calc(1 + var(--amp) * 1.25));opacity:calc(var(--amp) * .22)}.mic-wave-container:has(.floating-mic-button.recording) .mic-wave-ring{border-color:#f56565b3}@keyframes mic-glow-breathe{0%,to{box-shadow:0 0 12px #1ab4d940,0 4px 10px #0000001f}50%{box-shadow:0 0 26px #1ab4d980,0 4px 14px #0000002e}}.mic-listening-indicator{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px;font-weight:600;color:#1ab4d9bf;letter-spacing:.6px;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none}.mic-listening-dot{width:6px;height:6px;border-radius:50%;background:#1ab4d9d9;animation:listening-dot-pulse 2s ease-in-out infinite}.mic-listening-dot--listening{background:#1ab4d9e6}.mic-listening-dot--transcribing{background:orange}.mic-listening-dot--replying{background:#1ab4d9e6}.mic-status-text--listening{color:#1ab4d9f2}.mic-status-text--transcribing{color:orange}.mic-status-text--replying{color:#1ab4d9d9}.mic-wave-container.is-recording .mic-wave-ring{display:none}.tr-button{position:relative;width:48px;height:48px;border-radius:50%;border:none;background:#1ab4d9;background:var(--accent-color, #1ab4d9);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 14px #1ab4d94d,0 4px 12px #00000026;box-shadow:0 0 14px rgba(var(--accent-color-rgb, 26, 180, 217),.3),0 4px 12px #00000026;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s ease,box-shadow .18s ease,opacity .14s ease;-webkit-tap-highlight-color:transparent}.tr-button:focus,.tr-button:focus-visible,.tr-button:active{outline:none}.tr-button.is-tap-flash{animation:tr-button-flash .22s ease-out}.tr-button.is-pressing,.tr-button.is-recording{background:linear-gradient(135deg,#ff5757,#ff2b2b);box-shadow:0 8px 24px #ff323273;transform:scale(1.35)}.tr-button.is-cancel-warn{background:linear-gradient(135deg,#ff3b3b,#c0151a);animation:tr-cancel-shake .22s ease-in-out infinite}.tr-button.is-locked-send{background:#1ab4d9;background:var(--accent-color, #1ab4d9);box-shadow:0 6px 18px #1ab4d966;box-shadow:0 6px 18px rgba(var(--accent-color-rgb, 26, 180, 217),.4);transform:scale(1.2);animation:none}.tr-button.is-locked-send:active{transform:scale(1.1)}@keyframes tr-button-flash{0%{background:#1ab4d9;background:var(--accent-color, #1ab4d9)}35%{background:linear-gradient(135deg,#ff5757,#ff2b2b);transform:scale(1.08)}to{background:#1ab4d9;background:var(--accent-color, #1ab4d9);transform:scale(1)}}@keyframes tr-cancel-shake{0%,to{transform:scale(1.35) translate(0)}25%{transform:scale(1.35) translate(-3px)}75%{transform:scale(1.35) translate(3px)}}.tr-recording-bar{flex:1 1;display:flex;align-items:center;gap:10px;padding:8px 12px;height:44px;border-radius:22px;background:#fffffff2;box-shadow:0 2px 10px #00000014;overflow:hidden;position:relative}.tr-recording-bar.is-locked{justify-content:space-between}.tr-cancel-hint{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#888;white-space:nowrap;transition:color .14s ease;flex-shrink:0}.tr-cancel-hint .tr-cancel-arrow{font-size:18px;line-height:1}.tr-cancel-hint.is-warn{color:#d22020;font-weight:600}.tr-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#d22020;font-size:13px;font-weight:600;flex-shrink:0;margin-left:4px}.tr-recording-bar.is-locked .tr-timer{margin-left:0}.tr-waveform{flex:1 1;min-width:0;height:40px;display:flex;align-items:center;overflow:hidden}.tr-waveform .audio-wave-visualizer{width:100%;height:100%}.tr-waveform canvas{width:100%!important;height:100%!important;display:block}.tr-trash,.tr-send{width:36px;height:36px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.tr-trash{background:transparent;color:#d22020}.tr-trash:active{background:#d220201a}.tr-send{background:#1ab4d9;background:var(--accent-color, #1ab4d9);color:#fff;box-shadow:0 4px 12px #1ab4d959;box-shadow:0 4px 12px rgba(var(--accent-color-rgb, 26, 180, 217),.35)}.tr-send:active{transform:scale(.94)}.tr-lock-chip{position:fixed;z-index:9999;width:36px;padding:8px 4px 6px;border-radius:18px;background:#fff;box-shadow:0 4px 14px #0000002e;display:flex;flex-direction:column;align-items:center;color:#1ab4d9;color:var(--accent-color, #1ab4d9);pointer-events:none;transition:opacity .14s ease}.tr-lock-chip.is-ready{color:#d22020}.tr-lock-chip-chevron{margin-top:2px;animation:tr-lock-chip-bounce 1.1s ease-in-out infinite}@keyframes tr-lock-chip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tr-toast{position:fixed;z-index:9999;padding:8px 14px;border-radius:14px;background:#141414d9;color:#fff;font-size:13px;font-weight:500;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px #00000040}.tr-toast.is-in{animation:tr-toast-in .14s ease-out forwards}.tr-toast.is-out{animation:tr-toast-out .28s ease-in forwards}@keyframes tr-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes tr-toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.recording-strip{flex:1 1;display:flex;align-items:center;gap:10px;padding:6px 14px;background:#fff;background:var(--input-bg, rgba(45, 52, 68, .95));border-radius:24px;min-height:48px;min-width:0}.recording-strip-trash{background:transparent;border:none;color:#fb923c;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .08s ease}.recording-strip-trash:hover{background:#fb923c1f}.recording-strip-trash:active{transform:scale(.92)}.recording-strip-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;color:#f59e0b;min-width:36px;flex-shrink:0}.recording-strip-wave{flex:1 1;min-width:0;height:40px;overflow:hidden;display:flex;align-items:center}.recording-strip-wave .audio-wave-visualizer{width:100%;height:100%}.recording-strip-wave canvas{width:100%!important;height:100%!important;display:block}.floating-mic-button:active{transform:scale(.92);transition:transform .08s ease}@keyframes listening-dot-pulse{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes input-ambient-glow{0%,to{box-shadow:0 0 #1ab4d900}50%{box-shadow:0 0 10px #1ab4d91a}}.floating-text-input{position:absolute;bottom:80px;right:80px;height:50px;width:340px;max-width:calc(100% - 160px);min-width:220px;background-color:#141e37eb;border:none;border-radius:25px;display:flex;align-items:center;gap:10px;padding:0 10px 0 20px;box-shadow:0 4px 16px #00000026;z-index:2000}.container.lesson-page.lesson-v2:not(.dark-theme) .floating-text-input{background-color:#fff;border:none;box-shadow:0 4px 16px #0000001a}.floating-text-input-field{flex:1 1;width:100%;height:100%;border:none;outline:none;background:transparent;color:#1f1f1f;color:var(--text-color);font-size:14px;font-family:inherit;letter-spacing:inherit;word-spacing:inherit;padding:0;text-align:left}.floating-text-input-field::placeholder{color:#5f6368;color:var(--secondary-text);opacity:.6;font-style:normal;text-align:left!important}@media(max-width:768px){.floating-text-input-field,.autocomplete-ghost-text{font-size:clamp(14px,3.73vw,17px)}}.floating-send-button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;border-radius:999px;border:none;background-color:transparent;color:#ffffff80;cursor:pointer;transition:opacity .15s ease,color .15s ease}.floating-send-button svg{width:24px;height:24px}.floating-send-button:hover{color:#fffc}.container.lesson-page.lesson-v2:not(.dark-theme) .floating-send-button{color:#00000059}.container.lesson-page.lesson-v2:not(.dark-theme) .floating-send-button:hover{color:#0009}.floating-send-button:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-container{position:relative;display:flex;align-items:center}.emoji-picker-button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:0;border-radius:50%;border:none;background-color:transparent;color:#00000073;cursor:pointer;transition:color .15s ease}body.dark-theme .emoji-picker-button{color:#ffffff80}.emoji-picker-button svg{width:24px;height:24px}.emoji-picker-button:hover{color:#000000bf}body.dark-theme .emoji-picker-button:hover{color:#fffc}.emoji-picker-button:disabled{opacity:.4;cursor:not-allowed}.emoji-picker-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:280px;max-height:280px;overflow-y:auto;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px;gap:4px;box-shadow:0 8px 24px #00000026;z-index:10000;animation:emojiPickerFadeIn .15s ease-out}body.dark-theme .emoji-picker-dropdown{background-color:#1e2841;border-color:#ffffff26;box-shadow:0 8px 24px #0000004d}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background-color:transparent;border-radius:8px;cursor:pointer;font-size:22px;transition:background-color .1s ease,transform .1s ease}.emoji-picker-item:hover{background-color:#00000014;transform:scale(1.15)}body.dark-theme .emoji-picker-item:hover{background-color:#ffffff26}.emoji-picker-dropdown::-webkit-scrollbar{width:6px}.emoji-picker-dropdown::-webkit-scrollbar-track{background:transparent}.emoji-picker-dropdown::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}body.dark-theme .emoji-picker-dropdown::-webkit-scrollbar-thumb{background-color:#fff3}.recording-indicator{position:absolute;bottom:115px;right:20px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:16px;font-size:12px;z-index:99}.floating-translate-button{position:absolute;bottom:80px;left:20px;width:40px;height:40px;border-radius:50%;background-color:#e8edf3;background-color:var(--question-bg);color:#1f1f1f;color:var(--text-color);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;cursor:pointer;border:none;transition:all .2s ease;z-index:1001}.floating-translate-button:hover{background-color:#e3e8ef;background-color:var(--hover-bg)}.floating-translate-button.active{background-color:#e3e8ef;background-color:var(--hover-bg);color:#1ab4d9;color:var(--accent-color)}.chat-loading{display:flex;margin-bottom:8px;max-width:652px;margin-left:auto;margin-right:auto;width:100%}.chat-loading.received{justify-content:flex-start}.chat-loading.sent{justify-content:flex-end}.chat-loading-bubble{background-color:#e8edf3;background-color:var(--question-bg);color:#5f6368;color:var(--secondary-text);padding:10px 16px;border-radius:16px;box-shadow:0 1px 2px #0000001a;display:flex;align-items:center;gap:8px;max-width:60%;animation:pulse 1.5s infinite}.chat-loading.received .chat-loading-bubble{border-top-left-radius:4px;background-color:#fff}.chat-loading.sent .chat-loading-bubble{border-top-right-radius:4px;background-color:#d9fdd3}.dark-theme .chat-loading.received .chat-loading-bubble{background-color:#2a2d35}.dark-theme .chat-loading.sent .chat-loading-bubble{background-color:#1e3a5f}.chat-loading-bubble .loading-dots{display:flex;align-items:center;gap:4px}.chat-loading-bubble .dot{width:8px;height:8px;background-color:#5f6368;background-color:var(--secondary-text);border-radius:50%;opacity:.7;animation:loadingDot 1.4s infinite ease-in-out}.chat-loading-bubble .dot:nth-child(1){animation-delay:0s}.chat-loading-bubble .dot:nth-child(2){animation-delay:.2s}.chat-loading-bubble .dot:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:.8}}.chat-text .tooltip{position:fixed!important;top:auto;left:auto;transform:none}.chat-bubble{overflow:visible!important}.chat-text{overflow:visible!important;position:relative;display:flow-root}.chat-bubble:after{content:none!important;display:none!important}.chat-bubble-row{display:flex;align-items:flex-end;gap:6px}.chat-bubble-body{flex:1 1 auto;min-width:0}.chat-time{display:inline;white-space:nowrap;font-size:11px;color:#5f6368;color:var(--secondary-text);opacity:.7;line-height:1;margin-left:8px;vertical-align:bottom}.chat-bubble-content{display:inline}.chat-time-spacer{display:inline-block;width:10px;height:1px;vertical-align:baseline}.chat-time-float{float:right;clear:right;position:relative;margin-left:6px;margin-top:4px;font-size:11px;color:#5f6368;color:var(--secondary-text);opacity:.7;white-space:nowrap;display:flex;align-items:center;gap:3px}.chat-time-float .read-receipt{display:inline-flex;align-items:center;margin-left:2px}.chat-time-float .read-receipt svg{width:16px;height:11px;color:currentColor;opacity:.7}.chat-play-button{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background-color:#1ab4d9;color:#fff;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0003;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;z-index:5;opacity:0;transform:scale(.85)}.chat-bubble:hover .chat-play-button,.chat-play-button:focus{opacity:1;transform:scale(1)}.chat-play-button:hover{background-color:#138aa7;transform:scale(1.1)}.chat-play-button.playing{opacity:1;transform:scale(1);background-color:#ff5722}.dark-theme .chat-play-button{background-color:#2c8fa1}.dark-theme .chat-play-button:hover{background-color:#1ab4d9}.chat-play-button svg{width:16px;height:16px}.floating-hint-button{position:absolute;left:70px;bottom:15px;width:40px;height:40px;border-radius:50%;background-color:#e8edf3;background-color:var(--question-bg);color:#1f1f1f;color:var(--text-color);border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.chat-hint{display:block;width:auto;max-width:300px;padding:12px 16px;margin:8px auto;border-radius:12px;background-color:#fff3e0;color:#3a3a3a;font-size:.95rem;line-height:1.4;box-shadow:0 2px 4px #0000001a;text-align:left;animation:fadeIn .3s ease;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word}.dark-theme .chat-hint{background-color:#37474f;color:#e0e0e0}.hint-loading{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;font-style:italic;color:#757575}.dark-theme .hint-loading{color:#bdbdbd}.improvement-button{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#4a5568;color:#fff;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0003;transition:all .2s ease;z-index:5;font-size:14px}.improvement-button:hover{background-color:#2d3748;transform:scale(1.1)}.improvement-tooltip{position:fixed;transform:none;z-index:3000;width:230px;background-color:#fff;color:#2d3748;padding:10px 12px;border-radius:8px;font-size:14px;box-shadow:0 2px 8px #00000026;text-align:left;animation:fadeIn .2s ease;border:1px solid #e2e8f0}.dark-theme .improvement-tooltip{background-color:#2d3748;color:#e2e8f0;border-color:#4a5568}.chat-message.sent .chat-bubble .improvement-button:hover+.improvement-tooltip,.chat-message.sent .chat-bubble .improvement-tooltip.visible{display:block!important}.tooltip,.improvement-tooltip,.info-dropdown,.word-dropdown{position:fixed!important;z-index:3000!important;overflow:visible!important}.card-content>*:last-child{overflow:visible}.word.learn-word .tooltip{z-index:3100!important;position:fixed!important;transform:none!important}.chat-text .word.learn-word .tooltip{position:fixed!important;top:auto!important;left:auto!important;transform:none!important;margin:0!important}.tooltip{position:fixed!important;background:#fff;background:var(--card-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:12px;min-width:200px;z-index:3000!important;color:#1f1f1f;color:var(--text-color);overflow:visible!important}.tooltip-arrow{position:absolute;top:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff;border-bottom:8px solid var(--card-bg);z-index:101;transform:none!important}.chat-text h1,.chat-text h2,.chat-text h3,.chat-text h4{color:#1ab4d9;color:var(--accent-color);font-weight:600;margin:8px 0;line-height:1.3}.chat-text h1{font-size:20px}.chat-text h2{font-size:18px}.chat-text h3{font-size:16px}.chat-text h4{font-size:14px}.grammar-info-button{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#4a5568;color:#fff;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0003;transition:all .2s ease;z-index:5;font-size:14px}.grammar-info-button:hover{background-color:#2d3748;transform:scale(1.1)}.grammar-info-button.active{background-color:#4b5563}.dark-theme .grammar-info-button{background-color:#4a5568}.dark-theme .grammar-info-button:hover{background-color:#2d3748}.grammar-info-button svg{width:14px;height:14px}.msg-action-icons{display:flex;align-items:center;align-self:center;gap:1px;padding-left:4px;flex-shrink:0}.chat-message.sent .msg-action-icons{padding-left:0;padding-right:4px}.msg-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:none;outline:none;cursor:pointer;background:transparent;color:#9e9e9e;padding:0;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease,color .15s ease}.msg-icon-btn svg{width:18px;height:18px}.chat-message:hover .msg-icon-btn{opacity:1;pointer-events:auto}.msg-icon-btn:hover:not(:disabled){background:#0000000f;color:#616161}.msg-icon-btn:active:not(:disabled){background:#0000001a}.msg-icon-btn.playing{opacity:1;pointer-events:auto;color:#ff7043}.msg-icon-btn.active{opacity:1;pointer-events:auto}.msg-icon-btn:disabled{opacity:0!important}.chat-message:hover .msg-icon-btn:disabled{opacity:.3!important;pointer-events:none}.chat-message.received .msg-action-icons.latest .msg-icon-btn:first-child{opacity:.3;pointer-events:auto}.chat-message.sent .msg-action-icons.latest .msg-icon-btn:last-child{opacity:.3;pointer-events:auto}.chat-messages:has(.chat-message:hover) .msg-action-icons.latest .msg-icon-btn:first-child,.chat-messages:has(.chat-message:hover) .msg-action-icons.latest .msg-icon-btn:last-child{opacity:0;pointer-events:none}.chat-messages .chat-message:hover .msg-action-icons.latest .msg-icon-btn:first-child,.chat-messages .chat-message:hover .msg-action-icons.latest .msg-icon-btn:last-child{opacity:1;pointer-events:auto}.dark-theme .msg-icon-btn{color:#9e9e9e}.dark-theme .msg-icon-btn:hover:not(:disabled){background:#ffffff14;color:#e0e0e0}.dark-theme .msg-icon-btn:active:not(:disabled){background:#ffffff1f}.dark-theme .msg-icon-btn.playing{color:#ff8a65}.dark-theme .msg-icon-btn.active{color:#e0e0e0}@media(max-width:768px){.msg-icon-btn{width:28px;height:28px}.msg-icon-btn svg{width:16px;height:16px}}.message-ctx-backdrop{position:fixed;inset:0;background:#00000026;z-index:9000;-webkit-tap-highlight-color:transparent}.message-ctx-menu{position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 28px #0000002e,0 2px 6px #00000014;min-width:200px;max-width:280px;padding:4px;z-index:9001;overflow:hidden;animation:messageCtxMenuEnter .16s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column}@keyframes messageCtxMenuEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.message-ctx-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;outline:none;font-size:15px;color:#1f2937;text-align:left;cursor:pointer;border-radius:8px;min-height:44px;font-family:inherit;-webkit-tap-highlight-color:transparent}.message-ctx-item:active{background:#0000000f}.message-ctx-item--danger{color:#ef4444}.message-ctx-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.message-ctx-icon svg{width:18px;height:18px}.message-ctx-label{flex:1 1;min-width:0}.dark-theme .message-ctx-menu{background:#2a2a2e;box-shadow:0 8px 28px #00000073,0 2px 6px #00000040}.dark-theme .message-ctx-item{color:#e5e7eb}.dark-theme .message-ctx-item:active{background:#ffffff14}.dark-theme .message-ctx-item--danger{color:#f87171}.capacitor-native .chat-bubble-wrapper,.capacitor-native .chat-bubble-wrapper *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.grammar-panel{margin:0 12px 8px;background:#f59e0b0f;border-radius:12px;border:1px solid rgba(245,158,11,.12);overflow:hidden;animation:grammarPanelIn .3s ease}@keyframes grammarPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.grammar-panel-header{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;color:#f59e0b;letter-spacing:.3px;text-transform:uppercase}.grammar-panel-header svg{width:13px;height:13px;opacity:.8}.grammar-panel-close{margin-left:auto;background:none;border:none;color:#ffffff4d;font-size:18px;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s;border-radius:4px}.grammar-panel-close:hover{color:#ffffffb3}.grammar-panel-content{padding:0 14px 12px;font-size:13px;line-height:1.75;color:#ffffffd1;max-height:220px;overflow-y:auto}.grammar-panel-content::-webkit-scrollbar{width:3px}.grammar-panel-content::-webkit-scrollbar-thumb{background:#f59e0b33;border-radius:3px}.grammar-panel-loading{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;color:#ffffff73}.grammar-panel-text{white-space:pre-wrap;word-wrap:break-word}.grammar-panel.improvement-panel{background:#3b82f60f;border:1px solid rgba(59,130,246,.12)}.grammar-panel.improvement-panel .grammar-panel-header{color:#3b82f6}.grammar-panel.improvement-panel .grammar-panel-content::-webkit-scrollbar-thumb{background:#3b82f633}.question-header-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:3px;line-height:1.3}.question-header-instruction{font-size:.65rem;font-weight:600;letter-spacing:.02em;padding:2px 9px;border-radius:9px;display:inline-block;line-height:1.4}.question-header-progress{font-size:.6rem;font-weight:500;color:#5f6368;color:var(--secondary-text);opacity:.6;white-space:nowrap;flex-shrink:0}.grammar-concepts-list{display:flex;flex-direction:column;gap:2px;padding:0 14px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.grammar-concepts-list-title{display:flex;align-items:center;font-size:.6rem;font-weight:600;color:#c4b5fd;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;padding-top:8px}.grammar-concept-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;border-left:2px solid transparent;transition:background .15s ease}.grammar-concept-item:hover{background:#8b5cf633}.grammar-concept-item.current{background:#8b5cf633;border-left-color:#8b5cf6}.grammar-concept-status{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;flex-shrink:0;color:#fff}.grammar-concept-name{font-size:.65rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0}.grammar-concept-badge{font-size:.5rem;font-weight:700;flex-shrink:0}.floating-hint-button{position:absolute;left:70px;bottom:80px;width:40px;height:40px;border-radius:50%;background-color:#e8edf3;background-color:var(--question-bg);color:#1f1f1f;color:var(--text-color);border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.floating-hint-button:hover{background-color:#e3e8ef;background-color:var(--hover-bg)}.floating-hint-button.active{background-color:#e3e8ef;background-color:var(--hover-bg);color:#1ab4d9;color:var(--accent-color)}.dark-theme .floating-hint-button{background-color:#e8edf3;background-color:var(--question-bg)}.dark-theme .floating-hint-button:hover{background-color:#e3e8ef;background-color:var(--hover-bg)}.srs-toggle-container{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#e8edf3;background:var(--question-bg);border-radius:12px;margin-bottom:16px}.srs-toggle-label{font-size:14px;font-weight:500;color:#1f1f1f;color:var(--text-color)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#5f6368;background-color:var(--secondary-text);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#1ab4d9;background-color:var(--accent-color)}.toggle-switch-small{position:relative;display:inline-block;width:36px;height:18px}.toggle-switch-small input{opacity:0;width:0;height:0}.toggle-switch-small .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#5f6368;background-color:var(--secondary-text);transition:.4s;border-radius:18px}.toggle-switch-small .toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch-small input:checked+.toggle-slider{background-color:#1ab4d9;background-color:var(--accent-color)}.toggle-switch-small input:focus+.toggle-slider{box-shadow:0 0 1px #1ab4d9;box-shadow:0 0 1px var(--accent-color)}.toggle-switch-small input:checked+.toggle-slider:before{transform:translate(18px)}input:focus+.toggle-slider{box-shadow:0 0 1px #1ab4d9;box-shadow:0 0 1px var(--accent-color)}input:checked+.toggle-slider:before{transform:translate(24px)}.srs-toggle-description{font-size:12px;color:#5f6368;color:var(--secondary-text);margin-top:8px;text-align:center}.upv-mobile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:10000}.upv-mobile-modal{position:fixed;inset:0;z-index:10001;background:#0f172a;background:var(--background-color, #0f172a);overflow:hidden;display:flex;flex-direction:column}html.capacitor-ios .upv-mobile-modal{padding-top:max(47px,env(safe-area-inset-top));padding-top:max(47px,var(--lk-safe-top, env(safe-area-inset-top)));background:#fff}.upv-mobile-modal .upv-root{height:100%;display:flex;flex-direction:column;overflow:hidden}.upv-mobile-modal .upv-content{flex:1 1;overflow-y:auto}.srs-toggle-container{display:flex;flex-direction:column}.srs-toggle-container>div{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.lesson-area{-ms-overflow-style:none;scrollbar-width:none}.lesson-area::-webkit-scrollbar{display:none}.avatar-3d-container{width:300px;height:350px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 50%,#5a91c3e0,#4682b9e6 22%,#234878f0 70%,#18375ff2)}.container.lesson-page.lesson-v2{background:#f0ece4;background:var(--bg-color)}.container.lesson-page.lesson-v2 .side-panel:not(.expanded),.container.lesson-page.lesson-v2 .overlay:not(.visible){display:none!important}.container.lesson-page.lesson-v2 .main-content{margin-left:0!important;width:100%!important;padding:0}.container.lesson-page.lesson-v2 .app-header{background:transparent;border:none;box-shadow:none;padding:6px 8px 14px;display:none}.container.lesson-page.lesson-v2 .logo-container .app-name{color:#1f1f1f;color:var(--text-color)}.lesson-v2-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;grid-gap:0;gap:0;align-items:stretch;height:100vh;height:100dvh;padding:0;width:100%;max-width:none;margin:0;box-sizing:border-box;transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1)}.lesson-v2-grid.guest-no-left{grid-template-columns:minmax(0,1fr) 320px}@media(min-width:1600px){.lesson-v2-grid.guest-no-left{grid-template-columns:minmax(0,1fr) 360px}}.guest-top-bar{display:flex!important;align-items:center;justify-content:space-between;position:static!important;left:0!important;right:0!important;width:auto!important;background:#f0ece4;background:var(--bg-color);padding:12px 14px!important;border-bottom:none}.guest-logo-topbar{display:flex;align-items:center}.guest-auth-buttons{display:flex;align-items:center;gap:10px}.guest-login-btn{background:transparent;color:#1f1f1f;color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.guest-login-btn:hover{background:#ffffff14;border-color:#ffffff59}.guest-about-btn{background:transparent;color:#1f1f1f;color:var(--text-color);border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;opacity:.75}.guest-about-btn:hover{opacity:1;background:#ffffff0f}.guest-signup-btn{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.guest-signup-btn:hover{background:#ffffff2e;border-color:#ffffff59}.guest-tutor-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;gap:14px;flex:1 1}.guest-tutor-cta-text{display:flex;flex-direction:column;gap:6px}.guest-tutor-cta-title{font-size:15px;font-weight:600;color:#1f1f1f;color:var(--text-color);margin:0}.guest-tutor-cta-desc{font-size:13px;color:#5f6368;color:var(--secondary-text);margin:0;line-height:1.4}.guest-tutor-cta-btn{background:#1ab4d938;background:rgba(var(--accent-color-rgb),.22);color:#1ab4d9;color:var(--accent-color);border:none;border-radius:10px;padding:11px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:240px}.guest-tutor-cta-btn:hover{background:#1ab4d952;background:rgba(var(--accent-color-rgb),.32);transform:translateY(-1px)}.guest-center-footer{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:10px 0;pointer-events:none}.guest-center-footer p{margin:0;font-size:11px;color:#5f6368;color:var(--secondary-text);opacity:.4;letter-spacing:.2px}.guest-tutor-login-link{background:none;border:none;color:#5f6368;color:var(--secondary-text);font-size:13px;cursor:pointer;padding:4px}.guest-tutor-login-link span{color:#1ab4d9;font-weight:600}.guest-tutor-login-link:hover span{text-decoration:underline}.mobile-guest-welcome{display:flex;flex-direction:column;align-items:center;position:fixed;inset:0;background:#f0ece4;background:var(--bg-color);padding:0 0 env(safe-area-inset-bottom);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:10}.mobile-guest-welcome-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:clamp(14px,3.73vw,17px) clamp(20px,5.33vw,23px);position:sticky;top:0;z-index:10;background:#f0ece4;background:var(--bg-color);box-sizing:border-box}.mobile-guest-welcome-logo{font-size:clamp(22px,5.87vw,26px);font-weight:700;color:#fff;letter-spacing:-.5px;display:flex;align-items:center;gap:clamp(8px,2.13vw,10px)}.mobile-guest-welcome-logo svg{width:clamp(28px,7.47vw,33px);height:clamp(28px,7.47vw,33px)}.mobile-guest-welcome-auth{display:flex;align-items:center;gap:clamp(8px,2.13vw,10px)}.mobile-guest-welcome-auth .guest-login-btn,.mobile-guest-welcome-auth .guest-signup-btn{padding:clamp(7px,1.87vw,9px) clamp(14px,3.73vw,17px);font-size:clamp(13px,3.47vw,15px)}.mobile-guest-welcome-stack{display:flex;flex-direction:column;width:100%;flex:1 1 auto;min-height:0;gap:clamp(12px,3vh,28px)}.mobile-guest-welcome-upper{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:0;padding:clamp(4px,1vh,12px) 0}.mobile-guest-welcome-lower{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.6vh,14px);min-height:0;padding-bottom:clamp(8px,2vh,16px)}.phone-avatar-card{display:flex;justify-content:center;align-items:center;height:100%;animation:welcomeFadeIn .5s ease-out both}.phone-avatar-card__frame{position:relative;height:100%;max-height:480px;aspect-ratio:220 / 320;margin:0 auto}.phone-avatar-card__body{position:absolute;inset:6% 0 0;border:3px solid #1f1f1f;border:3px solid var(--text-color, #1a1a1a);border-bottom:none;border-radius:12% 12% 0 0/8% 8% 0 0;background:#fff;background:var(--card-bg);box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:1}.phone-avatar-card__notch{position:absolute;top:6%;left:50%;transform:translate(-50%);width:32%;height:3.2%;background:#1f1f1f;background:var(--text-color, #1a1a1a);border-radius:0 0 12px 12px;z-index:3}.phone-avatar-card__avatar{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}.phone-avatar-card__avatar .avatar-3d-container,.phone-avatar-card__avatar .lesson-v2-avatar{width:100%;height:100%;background:transparent!important;overflow:visible}.phone-avatar-card__ribbon{position:absolute;top:12%;z-index:5;padding:7px 14px 7px 10px;border-radius:14px;font-weight:700;font-size:clamp(11px,3.2vw,13px);line-height:1.1;color:#fff;box-shadow:0 8px 18px #0000002e;white-space:nowrap;display:flex;align-items:center;gap:6px;pointer-events:none}.phone-avatar-card__ribbon--left{left:-10%;transform:rotate(-7deg);background:linear-gradient(135deg,#ff7eb6,#ff4d77)}.phone-avatar-card__ribbon--right{right:-10%;top:22%;transform:rotate(7deg);background:linear-gradient(135deg,#6ec5ff,#2b8df7)}.phone-avatar-card__ribbon-flag{font-size:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.phone-avatar-card__ribbon-text{animation:langRibbonFadeIn .4s ease-out}@keyframes langRibbonFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.mobile-guest-welcome-hero{text-align:center;padding:0 clamp(24px,6.4vw,28px) clamp(4px,1.07vw,5px);animation:welcomeFadeIn .6s ease-out both}.mobile-guest-welcome-headline{font-size:clamp(27px,7.2vw,31px);font-weight:700;color:#1f1f1f;color:var(--text-color);margin:0;line-height:1.15;letter-spacing:-.5px;white-space:nowrap}.mobile-guest-welcome-subheadline{font-size:clamp(13px,3.47vw,15px);font-weight:400;color:#5f6368;color:var(--secondary-text);margin:clamp(6px,1.6vw,7px) 0 0;line-height:1.4;animation:welcomeFadeIn .7s ease-out .2s both}.welcome-langs-count{font-weight:700}.mobile-guest-welcome-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:clamp(8px,2.13vw,10px);gap:clamp(8px,2.13vw,10px);width:100%;max-width:clamp(260px,69.33vw,299px);padding:clamp(10px,2.67vw,12px) clamp(20px,5.33vw,23px) 0}.mobile-guest-welcome-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:clamp(10px,2.67vw,12px) clamp(8px,2.13vw,10px) clamp(8px,2.13vw,10px);border-radius:clamp(12px,3.2vw,14px);border:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,#ffffff0f,#ffffff04);color:#1f1f1f;color:var(--text-color);cursor:pointer;transition:all .28s cubic-bezier(.25,.46,.45,.94);animation:welcomeCardIn .5s ease-out both}.mobile-guest-welcome-option:nth-child(1){animation-delay:.3s}.mobile-guest-welcome-option:nth-child(2){animation-delay:.4s}.mobile-guest-welcome-option:nth-child(3){animation-delay:.5s}.mobile-guest-welcome-option:nth-child(4){animation-delay:.6s}.mobile-guest-welcome-option .welcome-option-emoji{font-size:clamp(22px,5.87vw,26px)}.mobile-guest-welcome-option .welcome-option-label{font-size:clamp(12px,3.2vw,14px)}.mobile-guest-welcome-option .welcome-option-desc{font-size:clamp(9px,2.4vw,11px)}.mobile-guest-welcome-option.recommended .welcome-option-desc,.mobile-guest-welcome-option.coming-soon .welcome-option-desc{color:#5f6368;color:var(--secondary-text);font-weight:400;text-transform:none;letter-spacing:normal;font-size:clamp(9px,2.4vw,11px)}.mobile-guest-welcome-option:active{transform:scale(.97);background:linear-gradient(160deg,#1ab4d91f,#1ab4d908);border-color:#1ab4d94d}.container.lesson-page.lesson-v2:not(.dark-theme) .guest-login-btn{border-color:#00000026;color:#1f1f1f;color:var(--text-color)}.container.lesson-page.lesson-v2:not(.dark-theme) .guest-login-btn:hover{background:#0000000a;border-color:#00000040}.container.lesson-page.lesson-v2:not(.dark-theme) .guest-signup-btn{background:#1ab4d9;background:var(--accent-color);color:#fff;border-color:#1ab4d9;border-color:var(--accent-color)}.container.lesson-page.lesson-v2:not(.dark-theme) .guest-signup-btn:hover{background:#159ab8;border-color:#159ab8}.container.lesson-page.lesson-v2:not(.dark-theme) .guest-about-btn:hover{background:#0000000a}.container.lesson-page.lesson-v2:not(.dark-theme) .guest-tutor-cta-btn{background:#1ab4d9;background:var(--accent-color);color:#fff}.container.lesson-page.lesson-v2:not(.dark-theme) .guest-tutor-cta-btn:hover{background:#159ab8}.container.lesson-page.lesson-v2:not(.dark-theme) .mobile-guest-welcome-logo{color:#1f1f1f;color:var(--text-color)}.container.lesson-page.lesson-v2:not(.dark-theme) .gradient-word{background:linear-gradient(135deg,#0891b2,#0284c7,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container.lesson-page.lesson-v2:not(.dark-theme) .mobile-guest-welcome-option{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000f}.container.lesson-page.lesson-v2:not(.dark-theme) .mobile-guest-welcome-option:active{background:#fff;border-color:#1ab4d959}.mobile-guest-welcome-cta{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:clamp(18px,4.8vw,21px) clamp(24px,6.4vw,28px) clamp(24px,6.4vw,28px);gap:clamp(8px,2.13vw,10px);animation:welcomeFadeIn .7s ease-out .5s both}.mobile-guest-welcome-cta-title{font-size:clamp(15px,4vw,18px);font-weight:600;color:#1f1f1f;color:var(--text-color);margin:0}.mobile-guest-welcome-cta-desc{font-size:clamp(13px,3.47vw,15px);color:#5f6368;color:var(--secondary-text);margin:0;line-height:1.45;max-width:clamp(300px,80vw,344px)}.mobile-guest-welcome-cta .guest-tutor-cta-btn{margin-top:clamp(6px,1.6vw,7px);max-width:clamp(260px,69.33vw,299px)}.mobile-guest-welcome-input-bar{display:flex;align-items:center;gap:clamp(12px,3.2vw,14px);width:100%;padding:clamp(32px,8.53vw,37px) clamp(20px,5.33vw,23px) 0;max-width:clamp(400px,106.67vw,459px);box-sizing:border-box;animation:welcomeFadeIn .7s ease-out .65s both}.mobile-guest-welcome-input-bar .floating-text-input{position:relative!important;bottom:auto!important;right:auto!important;width:auto!important;max-width:none!important;min-width:0!important;flex:1 1;height:48px;background-color:#141e37eb!important;border:none;border-radius:clamp(25px,6.67vw,29px)}.mobile-guest-welcome-input-bar .floating-mic-button{position:relative!important;width:48px!important;height:48px!important;flex-shrink:0;animation:none!important}.mobile-guest-welcome-footer{margin-top:auto;padding:clamp(20px,5.33vw,23px) 0 clamp(12px,3.2vw,14px);text-align:center}.mobile-guest-welcome-footer p{margin:0;font-size:clamp(11px,2.93vw,13px);color:#5f6368;color:var(--secondary-text);opacity:.4;letter-spacing:.2px}@media(max-width:360px){.mobile-guest-welcome-headline{font-size:20px}.mobile-guest-welcome-options{gap:8px;padding:12px 16px 0}.mobile-guest-welcome-option{padding:12px 8px 10px}}.lesson-v2-panel{background:#fff;background:var(--card-bg);border:none;border-radius:0;box-shadow:none;overflow:hidden}.lesson-v2-right .lesson-v2-panel{border-right:none}.lesson-v2-left .lesson-v2-panel{display:flex;flex-direction:column;min-height:0}.lesson-v2-left{display:flex;flex-direction:column;gap:0;border-right:1px solid #d3d9e3;border-right:1px solid var(--border-color);height:100%;min-height:0;background:#fff;background:var(--card-bg);position:relative}.lesson-v2-left-collapse-btn{position:absolute;top:90px;right:-12px;width:24px;height:24px;padding:0;border-radius:50%;background:#fff;background:var(--card-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color);color:#5f6368;color:var(--secondary-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;box-shadow:0 2px 6px #00000014;transition:opacity .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.lesson-v2-left:hover .lesson-v2-left-collapse-btn,.lesson-v2-left-collapse-btn:focus-visible{opacity:1}.lesson-v2-left-collapse-btn:hover{background:#2196f3;background:var(--primary-color, #2196f3);color:#fff;border-color:transparent}.lesson-v2-right{display:flex;flex-direction:column;gap:0;height:100%;min-height:0;border-left:1px solid #d3d9e3;border-left:1px solid var(--border-color)}.lesson-v2-left .lesson-v2-panel:not(:last-child),.lesson-v2-right .lesson-v2-panel:not(:last-child){border-bottom:none}.lesson-v2-left .lesson-v2-panel{border-bottom:none}.lesson-v2-panel-header{padding:20px 18px 8px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#5f6368;color:var(--secondary-text);font-family:inherit;border-bottom:none;background:transparent}.lesson-v2-left,.lesson-v2-center,.lesson-v2-right{min-height:0}.lesson-v2-center{position:relative;min-width:0;overflow:hidden}.lesson-v2-partners{padding:8px 0 0;overflow:auto;flex:1 1;min-height:0}.lesson-v2-options{padding:14px 0 0;display:flex;flex-direction:column}.lesson-v2-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 18px;border-radius:0;border:none;background:transparent;color:#1f1f1f;color:var(--text-color);cursor:pointer;transition:background .14s ease;margin:0;font-size:15px;font-weight:600}.lesson-v2-option:hover{background:#ffffff0f}.lesson-v2-option.active{background:#ffffff14;color:var(--primary-color)}.container.lesson-page.lesson-v2:not(.dark-theme) .lesson-v2-option:hover{background:#0000000f}.container.lesson-page.lesson-v2:not(.dark-theme) .lesson-v2-option.active{background:#00000014}.lesson-v2-option.recommended{position:relative;background:#64dcff0f;box-shadow:inset 0 0 0 1px #64dcff40}.lesson-v2-option.recommended:before{content:"Up next";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:#64dcffb3;letter-spacing:.8px;text-transform:uppercase}.lesson-v2-option.recommended.active:before{display:none}.lesson-v2-option.recommended.active{box-shadow:none}.container.lesson-page.lesson-v2:not(.dark-theme) .lesson-v2-option.recommended{background:#28a0c80f;box-shadow:inset 0 0 0 1px #28a0c833}.container.lesson-page.lesson-v2:not(.dark-theme) .lesson-v2-option.recommended:before{color:#28a0c8b3}.lesson-v2-option-icon{display:flex;align-items:center;justify-content:center;color:inherit}.learning-board-options .lesson-v2-option{color:#ffffff8c;font-weight:500}.learning-board-options .lesson-v2-option:hover{color:#ffffffd9}.container.lesson-page.lesson-v2:not(.dark-theme) .learning-board-options .lesson-v2-option{color:#0000008c}.container.lesson-page.lesson-v2:not(.dark-theme) .learning-board-options .lesson-v2-option:hover{color:#000000d9}.lesson-v2-partner{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:0;border:none;background:transparent;color:#1f1f1f;color:var(--text-color);cursor:pointer;transition:background .14s ease;margin:0;border-bottom:none}@media(hover:hover){.lesson-v2-partner:hover{background:#ffffff0f}}.lesson-v2-partner.active{background:#ffffff14}@media(hover:hover){.container.lesson-page.lesson-v2:not(.dark-theme) .lesson-v2-partner:hover{background:#0000000f}}.container.lesson-page.lesson-v2:not(.dark-theme) .lesson-v2-partner.active{background:#00000014}.partner-row-end{display:flex;align-items:center;flex-shrink:0;margin-left:auto;align-self:center}.partner-row-end .partner-menu{display:none}@media(hover:hover){.lesson-v2-partner:hover .partner-row-end .partner-menu{display:inline-flex}}@media(hover:none){.partner-row-end .partner-menu{display:inline-flex}}.partner-menu .chat-menu-container .lesson-v2-icon-btn{width:26px;height:26px;border:none;background:transparent}.partner-menu .chat-menu-container .lesson-v2-icon-btn:hover{background:#ffffff1a}.partner-menu .chat-menu-dropdown{right:0;left:auto;min-width:170px}.chat-menu-dropdown-fixed{position:fixed!important;top:auto;right:auto;left:auto;width:170px;min-width:170px;max-width:170px;z-index:9999}.tutor-option-menu{margin-left:auto;flex-shrink:0;visibility:hidden;opacity:0;transition:opacity .15s ease;line-height:0}.lesson-v2-option:hover .tutor-option-menu{visibility:visible;opacity:1}.tutor-option-menu .chat-menu-container .lesson-v2-icon-btn{width:26px;height:26px;border:none;background:transparent}.tutor-option-menu .chat-menu-container .lesson-v2-icon-btn:hover{background:#ffffff1a}.container.lesson-page.lesson-v2:not(.dark-theme) .tutor-option-menu .chat-menu-container .lesson-v2-icon-btn:hover{background:#00000014}.lesson-v2-partner-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;border:none}.lesson-v2-partner-meta{display:flex;flex-direction:column;min-width:0;flex:1 1;max-width:75%}.lesson-v2-partner-name{font-weight:600;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-v2-partner-role{font-weight:600;color:#5f6368;color:var(--secondary-text);font-size:12px}.lesson-v2-partner-sub{display:flex;align-items:center;font-size:12px;color:#5f6368;color:var(--secondary-text);margin-top:2px;white-space:nowrap;overflow:hidden}.partner-last-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.partner-time-inline{flex-shrink:0;opacity:.7;white-space:nowrap}.panel-empty-state,.chat-partners-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;padding:100px 20px 24px;text-align:center}.panel-empty-state-icon,.chat-partners-empty-icon{width:48px;height:48px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#5f6368;color:var(--secondary-text);opacity:.7}.panel-empty-state-text,.chat-partners-empty-subtitle{color:#5f6368;color:var(--secondary-text);font-size:13px;margin:0 0 14px;line-height:1.4}.panel-empty-state-cta,.chat-partners-empty-cta{padding:7px 18px;background:transparent;color:#5f6368;color:var(--secondary-text);border:1px solid rgba(0,0,0,.15);border-radius:20px;font-weight:500;font-size:12.5px;cursor:pointer;transition:all .2s ease}.panel-empty-state-cta:hover,.chat-partners-empty-cta:hover{color:#1f1f1f;color:var(--text-color);border-color:#0000004d;background:#0000000a}.panel-empty-state-cta:active,.chat-partners-empty-cta:active{background:#0000000f}.dark-theme .panel-empty-state-cta,.dark-theme .chat-partners-empty-cta{border-color:#ffffff1f}.dark-theme .panel-empty-state-cta:hover,.dark-theme .chat-partners-empty-cta:hover{border-color:#ffffff40;background:#ffffff0d}.dark-theme .panel-empty-state-cta:active,.dark-theme .chat-partners-empty-cta:active{background:#ffffff08}.chat-partners-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;min-height:200px}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:2px 6px;background:#3b82f6;color:#fff;border-radius:10px;font-size:11px;font-weight:700;margin-left:8px}.chat-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.chat-modal-panel{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:90%;max-height:80vh;display:flex;flex-direction:column;z-index:10000}.chat-modal-title{font-size:20px;font-weight:700;padding:24px;border-bottom:1px solid #d3d9e3;border-bottom:1px solid var(--border-color);color:#1f1f1f;color:var(--text-color)}.chat-modal-search{padding:16px 24px}.chat-modal-search input{width:100%;padding:12px 16px;border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:8px;background:#f0ece4;background:var(--bg-color);color:#1f1f1f;color:var(--text-color);font-size:14px}.chat-modal-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-modal-list{flex:1 1;min-height:0;max-height:50vh;overflow-y:auto;padding:0 16px 16px}.chat-modal-partner-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;transition:background .2s ease;margin-bottom:8px}.chat-modal-partner-item:hover{background:#3b82f60d}.chat-modal-partner-info{display:flex;align-items:center;gap:12px;flex:1 1}.chat-modal-partner-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.chat-modal-partner-details{flex:1 1}.chat-modal-partner-name{font-weight:600;color:#1f1f1f;color:var(--text-color);font-size:15px;margin-bottom:2px}.chat-modal-partner-language{font-size:13px;color:#5f6368;color:var(--secondary-text)}.chat-modal-section-header{font-size:13px;font-weight:600;color:#1f1f1f;color:var(--text-color);text-transform:uppercase;letter-spacing:.04em;padding:8px 4px}.chat-modal-partner-button{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.chat-modal-partner-button:hover{background:#2563eb}.chat-modal-partner-button:disabled{background:#9ca3af;cursor:not-allowed}.chat-modal-close{padding:16px 24px;border-top:1px solid #d3d9e3;border-top:1px solid var(--border-color)}.chat-modal-close button{width:100%;padding:12px;background:var(--bg-secondary);color:#1f1f1f;color:var(--text-color);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.chat-modal-close button:hover{background:#d3d9e3;background:var(--border-color)}.chat-modal-empty{padding:48px 24px;text-align:center;color:#5f6368;color:var(--secondary-text)}.chat-add-partner-btn{width:20px;height:20px;border-radius:50%;background:#3b82f6;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.chat-add-partner-btn:hover{background:#2563eb;transform:scale(1.1)}.chat-add-partner-btn:active{transform:scale(.95)}.chat-menu-container{position:relative;display:inline-block}.chat-menu-btn{background:transparent!important;border:none!important;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.chat-menu-btn:hover{background:#ffffff1a}.chat-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;background:var(--card-bg, #1e293b);border:1px solid #d3d9e3;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:160px;z-index:1000;overflow:hidden}.chat-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#1f1f1f;color:var(--text-color, #e2e8f0);font-size:14px;cursor:pointer;transition:background .15s ease;text-align:left}.chat-menu-item:hover{background:#ffffff14}.chat-menu-item-danger{color:#ef4444}.chat-menu-item-danger:hover{background:#ef444426}.chat-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.chat-menu-icon svg{width:16px;height:16px}.chat-partner-pinned{color:#1ab4d9;color:var(--accent-color);font-size:12px;margin-left:4px}.lesson-v2-chat-panel{height:100%;display:flex;flex-direction:column;min-height:0;background:#f0ece4;background:var(--bg-color);position:relative;z-index:0}.lesson-v2-chat-panel:before{content:"";position:absolute;inset:0;background-image:url(/static/media/pattern-31.dd70191bf155bffcb225.svg);background-repeat:repeat;background-size:400px;opacity:.06;pointer-events:none;z-index:-1}.dark-theme .lesson-v2-chat-panel{background:#0e1521}.dark-theme .lesson-v2-chat-panel:before{filter:invert(1);opacity:.03}.lesson-v2-chat-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;min-height:63px;border-bottom:none;background:#fff;background:var(--card-bg)}.lesson-v2-chat-title{display:flex;align-items:center;gap:12px;min-width:0}.lesson-v2-chat-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;border:2px solid #d3d9e3;border:2px solid var(--border-color)}.lesson-v2-chat-title-text{font-size:16px;font-weight:700;color:#1f1f1f;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-v2-chat-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.chat-partner-float-info{position:absolute;top:14px;left:18px;z-index:15;display:flex;align-items:center;gap:10px;pointer-events:auto}.chat-partner-float-clickable{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:left;min-width:0;border-radius:8px;transition:opacity .15s}.chat-partner-float-clickable:hover{opacity:.8}.chat-partner-float-clickable:hover .chat-partner-float-name{text-decoration:underline;text-underline-offset:2px}.chat-partner-float-details{display:flex;flex-direction:column;min-width:0}.mode-icon-circle{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#1f1f1f;color:var(--text-color)}.chat-partner-float-name{font-size:16px;font-weight:700;color:#1f1f1f;color:var(--text-color);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-partner-float-status{font-size:11px;color:#5f6368;color:var(--secondary-text);opacity:.7;line-height:1.3;margin-top:1px}.chat-partner-float-status.online{color:#10b981;opacity:1}.chat-partner-float-status.typing{color:#3b82f6;opacity:1}.chat-floating-typing-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none}.chat-floating-typing{display:inline-flex;align-items:center;gap:2px;font-size:12px;color:#10b981;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 10px;border-radius:10px;font-weight:500;white-space:nowrap}.chat-floating-practice-actions{position:absolute;top:10px;right:12px;z-index:20;display:flex;align-items:center;gap:4px;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:4px 6px}.chat-floating-panel-toggle{position:absolute;top:10px;right:12px;z-index:20;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffb3;cursor:pointer;transition:background .15s ease,color .15s ease}.chat-floating-panel-toggle:hover{background:#00000059;color:#fff}.lesson-v2-icon-btn{width:30px;height:30px;border-radius:10px;border:1px solid #d3d9e3;border:1px solid var(--border-color);background:#e8edf3;background:var(--question-bg);color:#1f1f1f;color:var(--text-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.lesson-v2-chat-panel .card.chat-mode{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0!important;border:none;border-radius:0;background:transparent;box-shadow:none;max-width:none;width:100%;height:auto!important;padding-bottom:0!important}.lesson-v2-chat-panel .card-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0}.lesson-v2-chat-panel .chat-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-bottom:0!important}.container.lesson-page.lesson-v2 .chat-instructions{display:none}.container.lesson-page.lesson-v2 .chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 18px}.container.lesson-page.lesson-v2 .card.chat-mode{margin-top:0}.v2-tutor-header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px;flex:0 0 auto;z-index:15}.container.lesson-page.lesson-v2 .card.chat-mode .chat-messages{padding-top:8px}.container.lesson-page.lesson-v2 .recording-indicator{position:static;align-self:flex-end;margin:8px 14px 0}.lesson-v2-chat-footer{position:relative;width:100%;max-width:680px;margin:auto auto 0;box-sizing:border-box;z-index:100;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 14px 16px;background:transparent;overflow:visible}.container.lesson-page.lesson-v2 .floating-text-input{position:relative;inset:auto;flex:1 1 auto;width:auto;max-width:none;height:50px;border-radius:18px;background:#e8edf3;background:var(--question-bg);border:none;box-shadow:0 4px 16px #0000001a;padding:0 10px 0 16px;display:flex;flex-direction:column}.container.lesson-page.lesson-v2 .floating-text-input.has-reply{height:auto;padding:0}.container.lesson-page.lesson-v2 .floating-text-input.has-reply .floating-text-input-row{padding:0 10px 0 16px}.floating-text-input-row{display:flex;align-items:center;flex:1 1;min-height:50px;width:100%}.container.lesson-page.lesson-v2 .floating-mic-button{position:relative;inset:auto;width:56px;height:56px}.lesson-v2-right{display:flex;flex-direction:column;gap:0;height:100%;min-height:0}.lesson-v2-avatar-panel{flex:1 1;min-height:0;margin-bottom:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.lesson-v2-right-header{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;background:transparent;position:absolute;top:16px;right:0;z-index:5;box-sizing:border-box}.right-panel-stats{display:flex;gap:16px;font-size:14px;color:#5f6368;color:var(--secondary-text)}.v2-stats-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px 6px;font-size:12.5px}.v2-stat{background:none;border:none;padding:0;margin:0;font:inherit;font-size:12.5px;color:#5f6368;color:var(--secondary-text);cursor:pointer;transition:color .15s ease}.v2-stat:hover{color:#1f1f1f;color:var(--text-color)}.v2-stat strong{color:#1f1f1f;color:var(--text-color);font-weight:600}.v2-stats-dot{color:#5f6368;color:var(--secondary-text);opacity:.5}.lesson-v2-right-header .close-btn{background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fffc;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.lesson-v2-right-header .close-btn:hover{background:#00000080;color:#fff}.header-panel-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#5f6368;color:var(--secondary-text);cursor:pointer;padding:6px;border-radius:6px;transition:background .15s,color .15s}.header-panel-toggle:hover{background:#ffffff14;color:#1f1f1f;color:var(--text-color)}.lesson-v2-avatar-surface{height:clamp(340px,50vh,480px);flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#5a91c3e0,#4682b9e6 22%,#234878f0 70%,#18375ff2)}.center-course-selector{position:absolute;top:18px;right:14px;z-index:20}.center-course-selector .course-dropdown-trigger{background:transparent;border-radius:8px;padding:4px}.center-course-selector .course-dropdown-trigger:hover{background:#ffffff14}.center-course-selector .course-flag{width:24px;height:16px}.session-home-btn{background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;padding:6px;cursor:pointer;color:#5f6368;color:var(--secondary-text);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.session-home-btn:hover{background:#ffffff1f;color:#fff}.quit-confirm-panel{background:#fff;background:var(--card-bg, #1e293b);border:1px solid #d3d9e3;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;padding:24px;max-width:360px;width:90%;box-shadow:0 20px 60px #00000080}.quit-confirm-title{font-size:18px;font-weight:600;color:#fff;color:var(--primary-text, #fff);margin:0 0 8px}.quit-confirm-text{font-size:14px;color:#5f6368;color:var(--secondary-text, #94a3b8);margin:0 0 20px;line-height:1.5}.quit-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.quit-confirm-cancel{background:transparent;border:1px solid #d3d9e3;border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:8px;padding:8px 18px;color:#5f6368;color:var(--secondary-text, #94a3b8);font-size:14px;cursor:pointer;transition:background .15s}.quit-confirm-cancel:hover{background:#ffffff0f}.quit-confirm-leave{background:#e53935;border:none;border-radius:8px;padding:8px 18px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.quit-confirm-leave:hover{background:#c62828}.avatar-panel-title{position:absolute;top:28px;left:16px;z-index:10;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#5f6368;color:var(--secondary-text);background:transparent;display:inline-flex;align-items:center;gap:6px}.container.lesson-page.lesson-v2:not(.dark-theme) .avatar-panel-title{color:#1e3c64b3}.learning-board-title{padding:22px 12px 12px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#5f6368;color:var(--secondary-text)}.lesson-v2-avatar-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#ffffff 0%,transparent 50%);background:linear-gradient(to top,var(--card-bg) 0%,transparent 50%);pointer-events:none;z-index:1}.container.lesson-page:not(.dark-theme) .lesson-v2-avatar-surface{background:radial-gradient(ellipse at 50% 50%,#c8dcf0f2,#b4cdebeb 30%,#a0c3e6e6 70%,#91b9e1e0)}.container.lesson-page:not(.dark-theme) .lesson-v2-avatar-surface:after{background:linear-gradient(to top,#ffffff 0%,transparent 30%);background:linear-gradient(to top,var(--card-bg) 0%,transparent 30%)}.lesson-v2-avatar-card{width:100%;height:100%;justify-content:center}.avatar-subtitles{position:absolute;bottom:0;left:0;right:0;z-index:5;pointer-events:none;padding:0 16px 12px;display:flex;justify-content:center;align-items:flex-end}.avatar-subtitles__bubble{position:relative;max-width:100%}.avatar-sub--ask-tutor{background:transparent;border:none;padding:0;margin:0;cursor:pointer;pointer-events:auto;font-family:inherit;font-weight:inherit;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.avatar-sub--tutor.avatar-sub--ask-tutor,.dark-theme .avatar-sub--tutor.avatar-sub--ask-tutor{color:#1ab4d9;color:var(--accent-color);text-shadow:none}.avatar-sub--ask-tutor:hover{filter:brightness(.7)}.avatar-sub--ask-tutor:focus{outline:none}.avatar-subtitles__close{position:absolute;top:-6px;right:-10px;width:18px;height:18px;border:none;background:#00000073;color:#fff9;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:6;padding:0}.avatar-subtitles:hover .avatar-subtitles__close{opacity:1}.avatar-subtitles__close--persistent{opacity:.85;z-index:12}.avatar-subtitles__close--persistent:hover{opacity:1}.avatar-subtitles__close:hover{background:#000000b3;color:#ffffffe6}.avatar-subtitles__scroll{max-height:58px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;pointer-events:auto;width:max-content;max-width:100%;mask-image:linear-gradient(to bottom,transparent 0%,black 35%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 35%)}.avatar-subtitles__bubble .avatar-sub{max-width:100%}.avatar-subtitles__scroll::-webkit-scrollbar{width:0}.avatar-sub{font-size:12.5px;line-height:1.45;max-width:94%;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;flex-shrink:0;animation:subFadeIn .3s ease-out}@keyframes subFadeIn{0%{opacity:0}to{opacity:1}}.avatar-sub--tutor{color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.55)}.avatar-sub--user{color:#0277bdbf;font-style:italic;font-size:11.5px}.avatar-subtitles__close{background:#00000040;color:#0009}.avatar-subtitles__close:hover{background:#00000073;color:#000000d9}.dark-theme .avatar-sub--tutor{color:#ffffffd9;text-shadow:0 1px 6px rgba(0,0,0,.5)}.dark-theme .avatar-sub--user{color:#1ab4d980}.dark-theme .avatar-subtitles__close{background:#ffffff26;color:#fff9}.dark-theme .avatar-subtitles__close:hover{background:#000000b3;color:#ffffffe6}.lesson-v2-avatar.avatar-3d-container{width:100%;height:100%;background:transparent!important;overflow:visible}.lesson-v2-lang-pill{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #d3d9e3;border:1px solid var(--border-color);background:#fff;background:var(--card-bg);color:#1f1f1f;color:var(--text-color);font-weight:600;cursor:pointer}.lesson-v2-flag{width:18px;height:14px;border-radius:3px;object-fit:cover}.lesson-v2-feedback-panel{flex:0 0 auto;display:flex;flex-direction:column}.lesson-v2-feedback-panel .lesson-v2-panel-header{padding:30px 18px 12px;font-size:12px;letter-spacing:1.2px;font-weight:700;color:#5f6368;color:var(--secondary-text);border-bottom:none}.lesson-v2-feedback-body{padding:14px 16px;color:#1f1f1f;color:var(--text-color);flex:1 1 auto;min-height:0;overflow:auto}@media(max-width:768px),(max-height:740px){.lesson-v2-right{gap:0}.lesson-v2-avatar-surface{height:clamp(280px,42vh,360px)}.lesson-v2-avatar canvas,.lesson-avatar-head canvas{transform:translateY(-10px) scale(1.05);transform-origin:center top}.lesson-v2-feedback-panel{flex:0 0 auto}}.lesson-v2-feedback-row{display:grid;grid-template-columns:110px 1fr;grid-gap:10px;gap:10px;margin-bottom:10px}.lesson-v2-feedback-label{font-size:12px;color:#5f6368;color:var(--secondary-text)}.lesson-v2-feedback-value{font-size:13px;color:#1f1f1f;color:var(--text-color)}.lesson-v2-feedback-muted{font-size:13px;color:#5f6368;color:var(--secondary-text)}.lesson-v2-feedback-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-weight:700;font-size:12px;background:#e8edf3;background:var(--question-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color);margin-top:4px}.lesson-v2-feedback-chip.ok{background:#22c55e24;border-color:#22c55e42}.lesson-v2-feedback-chip.bad{background:#ef444424;border-color:#ef444442}@media(max-width:1200px){.lesson-v2-grid{grid-template-columns:320px minmax(0,1fr) 320px;width:100%;max-width:none}}@media(min-width:1600px){.lesson-v2-grid{grid-template-columns:360px minmax(0,1fr) 360px;max-width:none;width:100%}}@media(max-width:900px){.lesson-v2-grid{width:100%}}.dark-theme .avatar-3d-container{background:radial-gradient(ellipse at 50% 50%,#5a91c3e0,#4682b9e6 22%,#234878f0 70%,#18375ff2)}:not(.dark-theme) .avatar-3d-container{background:radial-gradient(ellipse at 50% 50%,#c8dcf0f2,#b4cdebeb 30%,#a0c3e6e6 70%,#91b9e1e0)}.avatar-3d-container canvas{width:100%!important;height:100%!important}.chat-with-avatar{position:relative;height:100%}.chat-with-avatar .chat-container{width:100%;height:100%}.chat-with-avatar .avatar-card{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);z-index:10;pointer-events:auto}.chat-with-avatar .avatar-3d-container{width:250px;height:350px}.chat-with-avatar .floating-mic-button,.chat-with-avatar .floating-translate-button,.chat-with-avatar .floating-hint-button,.chat-with-avatar .floating-text-input{bottom:-50px}.chat-with-avatar .recording-indicator{bottom:15px}@media(max-width:768px){.chat-with-avatar .avatar-card{bottom:-55px;left:50%;transform:translate(-50%)}.chat-with-avatar .avatar-3d-container{width:250px;height:300px}.chat-with-avatar .floating-mic-button,.chat-with-avatar .floating-translate-button,.chat-with-avatar .floating-hint-button{bottom:-50px}.chat-with-avatar .recording-indicator{bottom:20px}}.avatar-card{position:relative;display:flex;flex-direction:column;align-items:center}.tts-overlay{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:280px;max-width:90%;z-index:20;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tts-overlay-content{position:relative;width:100%}.tts-close-button{position:absolute;top:-12px;right:-12px;width:24px;height:24px;border-radius:50%;background:#f56565;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;z-index:21}.tts-close-button:hover{background:#e53e3e;transform:scale(1.1)}.dark-theme .tts-close-button{background:#f56565;color:#fff}.dark-theme .tts-close-button:hover{background:#e53e3e}.tts-input-group{display:flex;flex-direction:column;gap:10px;padding:16px;background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #00000040;border:1px solid #d3d9e3;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .tts-input-group{background:#2d3748f2;border-color:#4a5568}.tts-input{width:100%;padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;background:#fff;color:#1f1f1f;color:var(--text-color);transition:border-color .2s ease}.tts-input:focus{outline:none;border-color:#1ab4d9;border-color:var(--accent-color);box-shadow:0 0 0 3px #1ab4d91a}.tts-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.dark-theme .tts-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-theme .tts-input:disabled{background:#1a202c;color:#718096}.dark-theme .tts-input:focus{border-color:#1ab4d9;border-color:var(--accent-color);box-shadow:0 0 0 3px #1ab4d933}.tts-speak-button{padding:10px 20px;background:linear-gradient(135deg,#1ab4d9,#0f7a8c);background:linear-gradient(135deg,var(--accent-color),#0f7a8c);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.tts-speak-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1ab4d94d}.tts-speak-button:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.dark-theme .tts-speak-button:disabled{background:#4a5568;color:#718096}@media(max-width:768px){.tts-overlay{width:95%;max-width:clamp(300px,80vw,344px);bottom:clamp(50px,13.33vw,58px)}.tts-input-group{padding:clamp(14px,3.73vw,17px)}.tts-input{min-height:clamp(50px,13.33vw,58px);font-size:clamp(16px,4.27vw,19px);padding:clamp(8px,2.13vw,10px)}.tts-speak-button{padding:clamp(12px,3.2vw,14px) clamp(18px,4.8vw,21px);font-size:clamp(16px,4.27vw,19px)}.tts-close-button{width:clamp(28px,7.47vw,33px);height:clamp(28px,7.47vw,33px);font-size:clamp(16px,4.27vw,19px);top:-10px;right:-10px}}.mobile-card-container{display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.mobile-chat-card{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column;margin:0!important;padding-bottom:0!important}.mobile-chat-card .card-content,.mobile-chat-card .chat-container{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.mobile-chat-card .chat-messages{flex:1 1;min-height:0;overflow-y:auto;padding:16px}.mobile-card-container .avatar-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.mobile-card-container .avatar-3d-container{width:100%;height:100%;max-height:none}.mobile-card-container .loading-state{position:relative;top:auto;left:auto;transform:none;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.mobile-chat-card:after{display:none}@media(max-width:768px){.mobile-chat-card .floating-mic-button{position:relative;bottom:auto;right:auto;width:48px;height:48px;z-index:1001}.mobile-chat-card .mic-wave-container{flex-shrink:0;width:48px;height:48px}.mobile-chat-card .floating-text-input{position:relative;bottom:auto;right:auto;width:auto;flex:1 1;height:44px;border-radius:clamp(22px,5.87vw,26px)}.mobile-chat-card .floating-text-input-field{font-size:clamp(14px,3.73vw,17px)}.mobile-chat-card .floating-send-button{width:clamp(32px,8.53vw,37px);min-width:clamp(32px,8.53vw,37px);height:clamp(32px,8.53vw,37px)}.mobile-chat-card .floating-send-button .send-icon{font-size:clamp(14px,3.73vw,17px)}.mobile-chat-card .recording-indicator{bottom:clamp(75px,20vw,87px);right:clamp(20px,5.33vw,23px)}.mobile-dropdown{box-shadow:0 8px 25px #00000040;border:1px solid rgba(255,255,255,.2);border-radius:clamp(12px,3.2vw,14px);background:#2d3748f2;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.mobile-dropdown .dropdown-search{padding:clamp(12px,3.2vw,14px);background:#2d3748f2}.mobile-dropdown .dropdown-search input{width:100%;padding:clamp(12px,3.2vw,14px);border:1px solid rgba(255,255,255,.3);border-radius:clamp(8px,2.13vw,10px);font-size:clamp(16px,4.27vw,19px);background:#ffffff1a;color:#fff;box-sizing:border-box}.mobile-dropdown .dropdown-search input::placeholder{color:#fff9}.mobile-dropdown .dropdown-content{max-height:clamp(200px,53.33vw,230px);overflow-y:auto;background:#2d3748f2}.mobile-dropdown .dropdown-word{padding:clamp(12px,3.2vw,14px) clamp(16px,4.27vw,19px);border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(14px,3.73vw,17px);color:#fff;display:flex;justify-content:space-between;align-items:center}.mobile-dropdown .dropdown-word:last-child{border-bottom:none}.mobile-dropdown .dropdown-word:hover{background:#ffffff1a}.mobile-dropdown .word-text{color:#fff;font-weight:500}.mobile-dropdown .word-transliteration{color:#ffffffb3;font-style:italic;margin-left:clamp(8px,2.13vw,10px)}.mobile-dropdown .word-due{color:#fff9;font-size:clamp(12px,3.2vw,14px)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center!important}.flex-1{flex:1 1!important}.cursor-pointer{cursor:pointer!important}.whitespace-nowrap{white-space:nowrap!important}.relative{position:relative!important}.min-w-120{min-width:120px!important}.dropdown-stats-override{margin-top:0!important;z-index:1050!important}.stat-label-accent{color:#1ab4d9!important;color:var(--accent-color)!important;font-weight:600!important}.loading-subtext{font-size:14px!important;color:#5f6368!important;color:var(--secondary-text)!important;margin-top:8px!important;opacity:.7!important}.mic-error-tooltip{position:absolute!important;bottom:75px!important;right:20px!important;color:red!important;background-color:#fff!important;padding:5px!important;border-radius:5px!important;font-size:12px!important;z-index:101!important}.flex-column-full{display:flex!important;flex-direction:column!important;min-height:0!important}.flex-grow-min-height{flex:1 1!important;min-height:0!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.h-full{height:100%!important}.flex-none{flex:0 0 auto!important}.flex-1-min-0{flex:1 1!important;min-height:0!important}.flex-column{display:flex!important;flex-direction:column!important}.min-h-0{min-height:0!important}.m-0{margin:0!important}.w-full{width:100%!important}.text-red{color:red!important}.mt-2{margin-top:.5rem!important}.mt-10px{margin-top:10px!important}.global-loader-overlay{position:fixed;inset:0;background-color:#f0ece4;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:9999}.global-loader-content{text-align:center}.mobile-stats-container{position:fixed;top:20px;right:30px;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 4px #0000001a;z-index:1001;font-size:13px;transition:all .2s ease;height:20px;min-height:20px}.mobile-stat-item{display:flex;align-items:center;gap:4px;cursor:pointer;position:relative;padding:4px;border-radius:6px;transition:background-color .2s ease}.mobile-stat-label{font-weight:500;color:#5f6368;color:var(--secondary-text);font-size:13px;white-space:nowrap}.mobile-stat-value{font-weight:600;color:#1f1f1f;color:var(--text-color);font-size:13px}.mobile-card-container-style{position:fixed;inset:80px 20px 20px;width:auto;display:flex;flex-direction:column;gap:20px;z-index:1000}.mobile-avatar-card{flex:0 0 25%;min-height:120px;background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;border:none;position:relative}.mobile-avatar-card .avatar-3d-container{width:100%;flex:1 1;min-height:0}.mobile-avatar-subtitles{width:100%;flex:0 0 auto;max-height:20%;overflow-y:auto;padding:2px 12px 6px;background:linear-gradient(transparent,#00000026 40%);z-index:5}.mobile-avatar-subtitles .avatar-subtitles{position:relative;bottom:auto;left:auto;right:auto;pointer-events:auto;padding:0}.mobile-avatar-subtitles .avatar-subtitles__scroll{max-height:48px;gap:2px}.mobile-avatar-subtitles .avatar-sub{font-size:11px;line-height:1.35}.mobile-chat-contacts-avatar .avatar-subtitles__scroll{max-height:48px}.mobile-chat-contacts-avatar .avatar-sub{font-size:11px;line-height:1.35}.mobile-avatar-subtitles .avatar-sub--ask-tutor,.mobile-chat-contacts-avatar .avatar-sub--ask-tutor{font-size:14px;font-weight:600}.mobile-top-header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1002;background:transparent}.mobile-top-header-logo{display:flex;align-items:center;gap:8px;cursor:pointer}.mobile-top-header-logo svg{width:26px;height:28px}.mobile-top-header-stats{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-stats-container{display:none!important}.mobile-lang-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:#15203bd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:4px 8px;z-index:10;cursor:pointer;transition:all .2s ease}.mobile-lang-badge:hover{transform:scale(1.05)}.mobile-flag-img{width:16px;height:12px;border-radius:2px;object-fit:cover;pointer-events:none}.mobile-lang-text{color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.audio-player-container-sent{position:relative;display:block;text-align:left;margin-left:auto;margin-right:0;max-width:fit-content;white-space:nowrap}.text-left{text-align:left!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.max-w-fit{max-width:fit-content!important}.text-white{color:#fff!important}.text-black{color:#000!important}.dark-theme .text-dark-white{color:#fff!important}.text-dark-black{color:#000!important}.progress-bar-fill{height:100%;background-color:#1ab4d9;background-color:var(--accent-color);transition:width .3s ease}.chat-hint-container{margin-top:10px;padding:10px;background-color:#e3e8ef;background-color:var(--hover-bg);border-radius:8px;font-size:14px}.chat-hint-content{position:relative}.chat-hint-audio-wrapper{position:relative;display:block;text-align:left;margin-left:auto;margin-right:0;max-width:fit-content;white-space:nowrap}.chat-hint-wrapper{display:block;text-align:left;margin-left:auto;margin-right:0;max-width:300px;white-space:normal}.chat-hint-text{font-size:14px;color:#1f1f1f;color:var(--text-color);margin-bottom:8px;line-height:1.4}.chat-play-button-hint{display:flex;position:absolute;top:-20px;right:-25px;z-index:10}.hidden{display:none!important}.stats-container-override{cursor:pointer;width:260px;display:flex;justify-content:space-evenly;position:relative}.mobile-learning-dropdown{position:fixed!important;top:48px!important;right:20px!important;left:20px!important;zIndex:9999!important;width:auto!important;max-height:200px!important;overflow-y:auto!important}.level-indicator-container{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:#15203b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:4px 14px;z-index:10;cursor:pointer;transition:all .2s ease}.level-indicator-container:hover{background:#15203b;transform:scale(1.05)}.level-indicator-text{color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.chat-container-relative{position:relative}.chat-hint-wrapper-styled{margin-top:10px;padding:10px;background-color:#e3e8ef;background-color:var(--hover-bg);border-radius:8px;font-size:14px}.chat-hint-inner-relative{position:relative}.chat-play-button-hint-wrapper{position:absolute;top:-20px;right:-25px;z-index:10}.floating-text-input-relative{flex:1 1;position:relative;animation:input-ambient-glow 5s ease-in-out infinite;border-radius:18px}.floating-mic-button-relative{position:relative;flex:0 0 auto;width:56px;height:56px;animation:mic-glow-breathe 3s ease-in-out infinite}.floating-mic-button-relative.recording{animation:none;box-shadow:0 0 18px #f5656580,0 4px 12px #00000026}.chat-message-audio-wrapper{position:relative;display:block;text-align:left;margin-left:auto;margin-right:0;max-width:fit-content;white-space:nowrap}.mobile-chat-card-inner{flex:1 1;min-height:0;margin:0;position:relative;overflow:hidden}.lesson-v2-chat-footer-style{flex:0 0 auto;display:flex;align-items:center;gap:14px;margin-top:auto;overflow:visible;padding-bottom:32px}@media(max-width:768px){.mobile-chat-card .lesson-v2-chat-footer-style{padding:clamp(10px,2.67vw,12px) clamp(16px,4.27vw,19px) clamp(16px,4.27vw,19px);gap:clamp(10px,2.67vw,12px);z-index:1001;position:relative;max-width:100%;width:100%;box-sizing:border-box}}.floating-text-input.auto-translated{box-shadow:0 0 0 1px #1ab4d966,0 0 8px #1ab4d926}.floating-text-input.auto-translated .floating-text-input-field{color:#a0b4c88c}.floating-mic-button.speak-prompt{background-color:#1ab4d9;background-color:var(--accent-color);animation:speakPromptPulse 1.5s ease-in-out infinite;box-shadow:0 0 16px #1ab4d980,0 4px 12px #0003}@keyframes speakPromptPulse{0%,to{box-shadow:0 0 16px #1ab4d980,0 4px 12px #0003;transform:scale(1)}50%{box-shadow:0 0 24px #1ab4d9b3,0 4px 16px #0000004d;transform:scale(1.05)}}.mic-listening-dot--speak-prompt{background-color:#1ab4d9;animation:speakDotPulse 1s ease-in-out infinite}@keyframes speakDotPulse{0%,to{opacity:.5}50%{opacity:1}}.mic-status-text--speak-prompt{color:#1ab4d9d9}.translation-play-btn{color:#1ab4d9d9;transition:color .2s}.translation-play-btn:hover:not(:disabled){color:#1ab4d9}.translation-play-btn:disabled{opacity:.4}.translation-play-icon{color:#1ab4d9d9}.translation-play-icon.playing{animation:speakerPulse .8s ease-in-out infinite}@keyframes speakerPulse{0%,to{opacity:.6}50%{opacity:1}}.mic-listening-dot--recording{background-color:#e66464cc;animation:listening-dot-pulse 2s ease-in-out infinite}.mic-status-text--recording{color:#e66464bf}.lesson-v2-chat-panel,.lesson-v2-chat-panel .card.chat-mode,.lesson-v2-chat-panel .card-content,.lesson-v2-chat-panel .chat-container{overflow:visible}.container.lesson-page.lesson-v2 .chat-messages{overflow-y:auto;overflow-x:hidden}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#1ab4d9;border-top-color:var(--accent-color);animation:spinner-rotate 1s linear infinite;margin:0 auto}.dark-theme .loading-spinner{border-color:#ffffff1a;border-top-color:#1ab4d9;border-top-color:var(--accent-color)}.loading-spinner.small{width:20px;height:20px;border-width:2px}.retry-button{margin-top:16px;padding:8px 16px;background-color:#1ab4d9;background-color:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.retry-button:hover{background-color:#0d94b6;background-color:var(--accent-color-dark, #0d94b6)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#d93025;color:var(--error-color)}.error-message{margin-bottom:16px;font-size:16px}.lesson-v2-chat-stats{display:flex;gap:12px;align-items:center;margin-left:16px;color:#5f6368;color:var(--secondary-text);font-size:13px;font-weight:500}.chat-stat-item strong{color:#1f1f1f;color:var(--text-color);margin-left:4px}.chat-partners-header{padding:16px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#5f6368;color:var(--secondary-text);border-bottom:none;background:transparent}.chat-partners-toolbar{display:flex;align-items:center;padding:0 12px 12px}.chat-partners-search{position:relative;display:flex;align-items:center;width:100%}.chat-partners-search-icon{position:absolute;left:12px;color:#5f6368;color:var(--secondary-text);opacity:.5;pointer-events:none}.chat-partners-search-input{width:100%;padding:9px 36px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#1f1f1f;color:var(--text-color);font-size:13px;outline:none;transition:all .2s ease}.chat-partners-search-input::placeholder{color:#5f6368;color:var(--secondary-text);opacity:.5}.chat-partners-search-input:focus{border-color:#1ab4d959;border-color:rgba(var(--accent-color-rgb),.35);background:#ffffff0f}.container.lesson-page.lesson-v2:not(.dark-theme) .chat-partners-search-input{background:#f2f2f2;border-color:#e0e0e0}.container.lesson-page.lesson-v2:not(.dark-theme) .chat-partners-search-input:focus{background:#fff;border-color:#1ab4d966;border-color:rgba(var(--accent-color-rgb),.4)}.chat-partners-add-inline{position:absolute;right:8px;background:none;border:none;padding:4px;margin:0;display:flex;align-items:center;justify-content:center;color:#5f6368;color:var(--secondary-text);opacity:0;cursor:pointer;transition:opacity .2s ease;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;pointer-events:none}.lesson-v2-left:hover .chat-partners-add-inline{opacity:.5;pointer-events:auto}.lesson-v2-left:hover .chat-partners-add-inline:hover{opacity:.85}.mobile-chat-contacts-list .chat-partners-add-inline{opacity:.7;pointer-events:auto}.chat-filter-pills{display:flex;align-items:center;gap:6px;padding:0 12px 10px;overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.chat-filter-pills::-webkit-scrollbar{display:none}.chat-filter-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 12px;border-radius:16px;border:none;font-size:12px;font-weight:600;cursor:pointer;color:#5f6368;color:var(--secondary-text);background:#ffffff0f;transition:all .18s ease;flex-shrink:0;line-height:1.35}.chat-filter-pill:hover{background:#ffffff1a;color:#1f1f1f;color:var(--text-color)}.chat-filter-pill.active{background:#1ab4d938;background:rgba(var(--accent-color-rgb, 99, 102, 241),.22);color:#1ab4d9;color:var(--accent-color, #818cf8)}.container.lesson-page.lesson-v2:not(.dark-theme) .chat-filter-pill{background:#f2f2f2;border:1px solid #e0e0e0}.container.lesson-page.lesson-v2:not(.dark-theme) .chat-filter-pill:hover{background:#e8e8e8;border-color:#d0d0d0}.container.lesson-page.lesson-v2:not(.dark-theme) .chat-filter-pill.active{background:#1ab4d91f;background:rgba(var(--accent-color-rgb, 99, 102, 241),.12);border-color:#1ab4d940;border-color:rgba(var(--accent-color-rgb, 99, 102, 241),.25)}.chat-filter-pill-flag{width:14px;height:14px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-partners-add-inline:focus,.chat-partners-add-inline:active{outline:none!important;box-shadow:none!important}.user-profile-card{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px;background:#fff;background:var(--card-bg);margin-top:auto}.user-profile-info{display:flex;align-items:center;gap:10px;padding:6px 8px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .2s;flex:1 1;text-align:left;min-width:0}.user-profile-info:hover{background:transparent}.user-profile-details{flex:1 1;min-width:0}.user-profile-name{font-size:14px;font-weight:600;color:#1f1f1f;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-email{font-size:11px;color:#5f6368;color:var(--secondary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.upgrade-vip-button{display:flex;align-items:center;justify-content:center;padding:6px 12px;background:transparent;color:#5f6368;color:var(--secondary-text);border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;flex-shrink:0}.upgrade-vip-button:hover{background:#ffffff0d;color:#1f1f1f;color:var(--text-color);border-color:#1f1f1f;border-color:var(--text-color)}.container.lesson-page.lesson-v2:not(.dark-theme) .upgrade-vip-button{background:#f2f2f2}.container.lesson-page.lesson-v2:not(.dark-theme) .upgrade-vip-button:hover{background:#e8e8e8}.upv-root{display:flex;flex-direction:column;height:100%;background:#fff;background:var(--card-bg);overflow:hidden}.upv-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-height:63px;background:#fff;background:var(--card-bg);box-sizing:border-box}.upv-header-title{font-size:15px;font-weight:700;color:#1f1f1f;color:var(--text-color)}.upv-header-close{background:transparent;border:none;color:#5f6368;color:var(--secondary-text);cursor:pointer;padding:8px;margin:-8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.upv-header-close:hover{background:#ffffff1a;color:#1f1f1f;color:var(--text-color)}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-header-close:hover{background:#0000000f}.upv-banner{position:relative;width:100%;height:180px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#3b82f659,#8b5cf64d,#ec489940)}.upv-banner-img{width:100%;height:100%;object-fit:cover;display:block}.upv-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f640,#8b5cf638,#ec48992e)}.upv-banner-initials{font-size:52px;font-weight:700;color:#fff6;letter-spacing:4px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.upv-banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,#ffffff 0%,transparent 55%);background:linear-gradient(to top,var(--card-bg) 0%,transparent 55%);pointer-events:none}.upv-banner-actions{position:absolute;bottom:12px;right:12px;z-index:3;display:flex;gap:6px}.upv-photo-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;font-family:inherit;color:#fff;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:8px;cursor:pointer;transition:background .2s;white-space:nowrap}.upv-photo-btn:hover{background:#000000b3}.upv-photo-btn--danger{color:#fca5a5}.upv-photo-btn--danger:hover{background:#ef444480;color:#fff}.upv-photo-btn:disabled{opacity:.5;cursor:not-allowed}.upv-content{flex:1 1;overflow-y:auto;padding:16px 18px 20px;display:flex;flex-direction:column;gap:0}.upv-toast{padding:10px 14px;border-radius:10px;margin-bottom:16px;font-size:13px;font-weight:500;text-align:center}.upv-toast.success{background:#10b9811a;color:#34d399}.upv-toast.error{background:#ef44441a;color:#f87171}.upv-identity{margin-bottom:20px}.upv-username{margin:0 0 1px;font-size:18px;font-weight:700;color:#1f1f1f;color:var(--text-color);line-height:1.3;letter-spacing:-.2px}.upv-email{margin:0;font-size:12px;color:#5f6368;color:var(--secondary-text);opacity:.6;font-weight:400}.upv-section{margin-bottom:20px}.upv-section-title{font-size:11px;font-weight:700;color:#5f6368;color:var(--secondary-text);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;opacity:.55}.upv-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.upv-lang-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.upv-lang-card{padding:10px 12px;background:#ffffff08;border-radius:10px}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-lang-card{background:#f2f2f2;border:1px solid #e0e0e0}.upv-lang-label{display:block;font-size:10px;font-weight:600;color:#5f6368;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;opacity:.55}.upv-lang-value{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#1f1f1f;color:var(--text-color)}.upv-lang-flag{width:20px;height:14px;border-radius:2px;object-fit:cover;flex-shrink:0}.upv-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px}.upv-stat-card{text-align:center;padding:10px 4px;background:#ffffff08;border-radius:10px}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-stat-card{background:#f2f2f2;border:1px solid #e0e0e0}.upv-stat-number{font-size:18px;font-weight:700;color:#1f1f1f;color:var(--text-color);line-height:1;margin-bottom:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upv-stat-text{font-size:10px;font-weight:600;color:#5f6368;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.6px;opacity:.55}.upv-stat-streak .upv-stat-number{color:#f59e0b}.upv-edit-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;font-family:inherit;color:#3b82f6;color:var(--primary-color, #3b82f6);background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:8px;cursor:pointer;transition:all .2s}.upv-edit-btn:hover{background:#3b82f61a;border-color:#3b82f680}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-edit-btn{background:#f2f2f2}.upv-edit-actions{display:flex;gap:6px}.upv-save-btn{padding:5px 14px;font-size:12px;font-weight:600;font-family:inherit;color:#fff;background:#3b82f6;background:var(--primary-color, #3b82f6);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.upv-save-btn:hover{opacity:.85}.upv-save-btn:disabled{opacity:.5;cursor:not-allowed}.upv-cancel-btn{padding:5px 14px;font-size:12px;font-weight:600;font-family:inherit;color:#5f6368;color:var(--secondary-text);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.upv-cancel-btn:hover{background:#ffffff0d}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-cancel-btn{background:#f2f2f2;border-color:#e0e0e0}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-cancel-btn:hover{background:#e8e8e8}.upv-field{margin-bottom:14px}.upv-field-label{display:block;font-size:10px;font-weight:600;color:#5f6368;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;opacity:.55}.upv-field-value{font-size:13px;color:#1f1f1f;color:var(--text-color);padding:9px 12px;background:#ffffff08;border-radius:10px;min-height:38px;display:flex;align-items:center;gap:8px;font-weight:500}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-field-value{background:#f2f2f2;border:1px solid #e0e0e0}.upv-country-display-flag{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.upv-country-selector{position:relative}.upv-country-input-wrap{position:relative;display:flex;align-items:center}.upv-country-input-flag{position:absolute;left:12px;width:20px;height:20px;border-radius:50%;object-fit:cover;pointer-events:none;z-index:1}.upv-country-input{width:100%;padding:9px 32px 9px 14px;font-size:13px;font-weight:500;font-family:inherit;color:#1f1f1f;color:var(--text-color);background:#ffffff0d;border:1px solid transparent;border-radius:10px;transition:all .2s;box-sizing:border-box}.upv-country-input-wrap .upv-country-input-flag+.upv-country-input{padding-left:40px}.upv-country-input:focus{outline:none;background:#ffffff14;border-color:#3b82f6;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-country-input{background:#f2f2f2;border-color:#e0e0e0}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-country-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary-color, #3b82f6)}.upv-country-chevron{position:absolute;right:10px;color:#5f6368;color:var(--secondary-text);pointer-events:none;opacity:.5}.upv-country-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:#fff;background:var(--card-bg, #1e293b);border-radius:10px;box-shadow:0 6px 20px #00000059;z-index:50;padding:4px}.upv-country-dropdown::-webkit-scrollbar{width:6px}.upv-country-dropdown::-webkit-scrollbar-track{background:transparent}.upv-country-dropdown::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.upv-country-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;font-family:inherit;color:#1f1f1f;color:var(--text-color);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .12s;text-align:left}.upv-country-option:hover,.upv-country-option.highlighted{background:#ffffff14}.upv-country-option.selected{background:#3b82f626;color:#60a5fa}.upv-country-flag{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.upv-country-empty{padding:16px;text-align:center;font-size:13px;color:#5f6368;color:var(--secondary-text);opacity:.6}.upv-bio-wrap{position:relative}.upv-bio-input{width:100%;padding:9px 12px;font-size:13px;font-weight:500;font-family:inherit;color:#1f1f1f;color:var(--text-color);background:#ffffff0d;border:1px solid transparent;border-radius:10px;resize:vertical;min-height:72px;transition:all .2s;box-sizing:border-box}.upv-bio-input:focus{outline:none;background:#ffffff14;border-color:#3b82f6;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-bio-input{background:#f2f2f2;border-color:#e0e0e0}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-bio-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary-color, #3b82f6)}.upv-bio-count{display:block;font-size:11px;color:#5f6368;color:var(--secondary-text);text-align:right;margin-top:4px;opacity:.5}.upv-settings-section{margin-bottom:20px}.upv-setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-radius:10px;margin-bottom:6px;transition:background .15s}.upv-setting-row:last-child{margin-bottom:0}.upv-setting-row:hover{background:#ffffff0d}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-setting-row{background:#f2f2f2;border:1px solid #e0e0e0}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-setting-row:hover{background:#e8e8e8}.upv-setting-info{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.upv-setting-label{font-size:13px;font-weight:600;color:#1f1f1f;color:var(--text-color)}.upv-setting-desc{font-size:11px;color:#5f6368;color:var(--secondary-text);opacity:.6;line-height:1.3}.upv-toggle{position:relative;width:38px;height:20px;flex-shrink:0;margin-left:12px}.upv-toggle input{opacity:0;width:0;height:0;position:absolute}.upv-toggle-track{position:absolute;inset:0;background:#ffffff1f;border-radius:12px;cursor:pointer;transition:background .25s}.upv-toggle input:checked+.upv-toggle-track{background:#3b82f6;background:var(--primary-color, #3b82f6)}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-toggle-track{background:#00000026}.upv-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s;pointer-events:none;box-shadow:0 1px 3px #00000040}.upv-toggle input:checked~.upv-toggle-thumb{transform:translate(18px)}.upv-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin-top:auto;background:transparent;color:#5f6368;color:var(--secondary-text);border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;opacity:.7}.upv-logout-btn:hover{background:#ef44441a;color:#f87171;opacity:1}.container.lesson-page.lesson-v2:not(.dark-theme) .upv-logout-btn:hover{background:#ef444414;color:#dc2626}.upv-logout-btn svg{width:17px;height:17px}.lpb-root{width:100%}.lpb-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:2px;padding:8px 10px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.lpb-arrow{flex-shrink:0;color:#5f6368;color:var(--secondary-text, #94a3b8);opacity:.5;display:flex;align-items:flex-end;margin:0 3px;padding-bottom:1px}.lpb-item{display:flex;flex-direction:column;align-items:center;gap:2px}.lpb-code{font-size:.55rem;font-weight:700;color:#1f1f1f;color:var(--text-color, #f1f5f9);letter-spacing:.3px;line-height:1}.lpb-bar{width:26px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.lpb-fill{height:100%;border-radius:2px;transition:width .4s ease}.lpb-fill-native{width:100%;background:linear-gradient(90deg,#22c55e,#4ade80)}.lpb-fill-learning{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.btn-secondary,.btn-danger,.btn-edit,.btn-save,.btn-cancel{padding:8px 16px;font-size:12px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s}.btn-secondary{background:var(--primary-color);color:#fff}.btn-secondary:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-edit{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-edit:hover{background:rgba(var(--primary-color-rgb),.1)}.btn-save{background:var(--primary-color);color:#fff}.btn-save:hover{opacity:.9}.btn-cancel{background:transparent;color:#5f6368;color:var(--secondary-text);border:1px solid #d3d9e3;border:1px solid var(--border-color)}.btn-cancel:hover{background:#ffffff0d}.btn-secondary:disabled,.btn-danger:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.lesson-v2-grid.left-collapsed{grid-template-columns:68px minmax(0,1fr) 320px}@media(min-width:1600px){.lesson-v2-grid.left-collapsed{grid-template-columns:68px minmax(0,1fr) 360px}}@media(max-width:1200px){.lesson-v2-grid.left-collapsed{grid-template-columns:68px minmax(0,1fr) 320px}}.lesson-v2-left--collapsed{overflow:visible}.v2-collapsed-sidebar{display:flex;flex-direction:column;align-items:center;height:100%;background:#fff;background:var(--card-bg);cursor:pointer;padding:0;overflow-y:auto;overflow-x:hidden;border-right:1px solid #d3d9e3;border-right:1px solid var(--border-color);animation:v2-sidebar-fade-in .22s ease-out}@keyframes v2-sidebar-fade-in{0%{opacity:0}to{opacity:1}}.lesson-v2-left>.lesson-v2-panel:first-child{animation:v2-sidebar-fade-in .22s ease-out}.v2-collapsed-sidebar::-webkit-scrollbar{display:none}.v2-collapsed-sidebar{-ms-overflow-style:none;scrollbar-width:none}.v2-collapsed-header{padding:4px 0 0;display:flex;justify-content:center;align-items:center;width:100%;flex-shrink:0;min-height:63px}.v2-collapsed-logo{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.v2-collapsed-logo svg{width:34px;height:34px}.v2-collapsed-sidebar:hover .v2-collapsed-logo{opacity:.8}.v2-collapsed-nav{display:flex;flex-direction:column;align-items:center;gap:2px;padding:75px 0 0;width:100%;flex-shrink:0}.v2-collapsed-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#ffffff8c;transition:color .2s ease,background .2s ease;position:relative;cursor:pointer}.v2-collapsed-icon:hover{color:#ffffffd9;background:#ffffff0d}.v2-collapsed-icon.active{color:#fff;background:#ffffff14}.v2-collapsed-icon.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:18px;background:#fffc;border-radius:0 2px 2px 0}.v2-collapsed-icon-badge{position:absolute;top:-4px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:9px;font-size:10px;font-weight:700;line-height:1;box-shadow:0 1px 4px #0000004d;pointer-events:none}.v2-collapsed-divider{width:24px;height:1px;background:#ffffff14;margin:16px 0 8px;flex-shrink:0}.v2-collapsed-partners{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;flex:1 1;min-height:0;overflow-y:auto;width:100%}.v2-collapsed-partners::-webkit-scrollbar{display:none}.v2-collapsed-partners{-ms-overflow-style:none;scrollbar-width:none}.v2-collapsed-partner{display:flex;align-items:center;justify-content:center;padding:3px;border-radius:50%;transition:all .15s ease;flex-shrink:0}.v2-collapsed-partner:hover{background:#ffffff14}.v2-collapsed-partner.active{background:#6366f126;box-shadow:0 0 0 2px var(--primary-color);border-radius:50%}.v2-collapsed-footer{margin-top:auto;padding:12px 0 16px;display:flex;justify-content:center;width:100%;flex-shrink:0}.container.lesson-page.lesson-v2:not(.dark-theme) .v2-collapsed-logo{color:#1f1f1f;color:var(--text-color)}.container.lesson-page.lesson-v2:not(.dark-theme) .v2-collapsed-icon{color:#00000073}.container.lesson-page.lesson-v2:not(.dark-theme) .v2-collapsed-icon:hover{color:#000000b3;background:#0000000a}.container.lesson-page.lesson-v2:not(.dark-theme) .v2-collapsed-icon.active{color:#6366f1e6;background:#6366f114}.container.lesson-page.lesson-v2:not(.dark-theme) .v2-collapsed-icon.active:before{background:#6366f1cc}.lesson-v2-left--collapsed{border-right:none}.lesson-v2-grid.right-collapsed{grid-template-columns:320px minmax(0,1fr) 0px}.lesson-v2-grid.left-collapsed.right-collapsed{grid-template-columns:68px minmax(0,1fr) 0px}@media(min-width:1600px){.lesson-v2-grid.right-collapsed{grid-template-columns:360px minmax(0,1fr) 0px}.lesson-v2-grid.left-collapsed.right-collapsed{grid-template-columns:68px minmax(0,1fr) 0px}}@media(max-width:1200px){.lesson-v2-grid.right-collapsed{grid-template-columns:320px minmax(0,1fr) 0px}.lesson-v2-grid.left-collapsed.right-collapsed{grid-template-columns:68px minmax(0,1fr) 0px}}.lesson-v2-grid.right-collapsed>.lesson-v2-right{overflow:hidden;border:none;min-width:0;opacity:0;pointer-events:none}.v2-avatar-bubble{position:fixed;bottom:28px;right:28px;width:62px;height:62px;border-radius:50%;cursor:grab;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#649bd2f2,#285082fa);box-shadow:0 4px 20px #0000004d,0 0 0 3px #6366f126;transition:transform .2s ease,box-shadow .2s ease;animation:v2-bubble-entrance .4s cubic-bezier(.34,1.56,.64,1);touch-action:none;user-select:none;-webkit-user-select:none}.v2-avatar-bubble:hover{transform:scale(1.08);box-shadow:0 6px 28px #00000059,0 0 0 3px #6366f14d}.v2-avatar-bubble:active{cursor:grabbing;transform:scale(1.02)}.v2-avatar-bubble-face{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;z-index:1}.v2-avatar-bubble-3d.avatar-3d-container{width:100%!important;height:100%!important;background:transparent!important;border-radius:50%;overflow:hidden}.v2-avatar-bubble-3d.avatar-3d-container canvas{border-radius:50%}.v2-avatar-bubble-img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1}.v2-avatar-bubble-ring{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(99,102,241,.35);animation:v2-bubble-pulse 3s ease-in-out infinite;pointer-events:none}.v2-avatar-bubble-indicator{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;background:#10b981;border:2.5px solid #f0ece4;border:2.5px solid var(--bg-color, #0f172a);z-index:3;animation:v2-indicator-breathe 2s ease-in-out infinite}@keyframes v2-bubble-entrance{0%{opacity:0;transform:scale(.3) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes v2-bubble-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes v2-indicator-breathe{0%,to{opacity:1}50%{opacity:.6}}.welcome-onboarding-screen{display:flex;flex-direction:column;align-items:center;flex:1 1;height:100%;background:#f0ece4;background:var(--bg-color);min-height:0;position:relative}.welcome-onboarding-screen.mobile-welcome-screen{position:fixed;inset:0;height:auto;padding:0;padding-top:max(10px,env(safe-area-inset-top));padding-top:max(10px,var(--lk-safe-top, env(safe-area-inset-top)));padding-bottom:0;z-index:999;overflow:hidden;flex-direction:column;align-items:stretch}.mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;padding:6px 4px;padding-bottom:max(4px,calc(env(safe-area-inset-bottom) - 22px));background:#fff;background:var(--card-bg);border-top:1px solid #d3d9e3;border-top:1px solid var(--border-color);z-index:10;position:relative;transform:translateY(15px)}.mobile-bottom-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border:none;background:none;color:#5f6368;color:var(--secondary-text);cursor:pointer;min-width:56px;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav-tab span{font-size:10px;font-weight:500;letter-spacing:.01em;line-height:1.2}.mobile-bottom-nav-tab:active,.mobile-bottom-nav-tab.active{color:#1ab4d9;color:var(--accent-color)}.mobile-welcome-header{display:flex;align-items:center;gap:8px;padding:8px 20px 4px;flex-shrink:0;z-index:2}.mobile-welcome-brand{font-size:18px;font-weight:700;color:#1f1f1f;color:var(--text-color);letter-spacing:-.3px}.mobile-welcome-header-right{margin-left:auto;position:relative;z-index:1000;display:flex;align-items:center;gap:8px}.mobile-welcome-lang-code{font-size:13px;font-weight:700;letter-spacing:.5px;color:#5f6368;color:var(--secondary-text);text-transform:uppercase}.mobile-welcome-body{flex:1 1;position:relative;min-height:0;overflow:visible}.mobile-welcome-deco{position:absolute!important;top:0;left:0;width:72px!important;height:100%!important;z-index:0;overflow:visible;pointer-events:auto}.mobile-welcome-content{position:relative;z-index:1;width:calc(100% - clamp(96px,25.6vw,110px));margin-left:clamp(96px,25.6vw,110px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:64px 16px 16px 4px;min-height:0;overflow:visible;box-sizing:border-box}.mobile-welcome-content:has(.welcome-onboarding-center.typing-done){justify-content:center;padding-top:16px;padding-bottom:46px}.welcome-deco-lines{position:absolute;top:0;left:4%;height:100%;width:70%;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s ease}.welcome-deco-lines--during-spinner{opacity:0;pointer-events:none}.welcome-deco-lines--animate-in{animation:welcomeFadeIn .7s ease-out 1.5s both}.welcome-onboarding-screen.exiting .welcome-deco-lines{opacity:0}.welcome-deco-vertical{position:absolute;top:0;left:120px;width:1.5px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(220,180,80,.45) 5%,rgba(220,180,80,.3) 9%,rgba(180,210,230,.18) 16%,rgba(180,210,230,.2) 35%,rgba(180,210,230,.14) 65%,rgba(180,210,230,.06) 88%,transparent 100%)}.welcome-deco-vertical:after{content:"";position:absolute;top:0;left:-4px;width:10px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(220,180,80,.1) 5%,rgba(220,180,80,.06) 9%,rgba(180,215,240,.05) 16%,rgba(180,215,240,.07) 35%,rgba(180,215,240,.04) 65%,transparent 88%);filter:blur(4px)}.welcome-deco-node{position:absolute;top:65px;left:113px;width:16px;height:16px;border-radius:50%;background:#f5d782;box-shadow:0 0 6px 2px #f5d782cc,0 0 16px 6px #f0c86466,0 0 36px 12px #f0c86426;animation:nodeGlow 3s ease-in-out infinite alternate}@keyframes nodeGlow{0%{box-shadow:0 0 6px 2px #f5d782cc,0 0 16px 6px #f0c86466,0 0 36px 12px #f0c86426}to{box-shadow:0 0 8px 4px #f5d782e6,0 0 22px 10px #f0c86473,0 0 44px 16px #f0c8642e}}.welcome-deco-node-label{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);font-size:10.5px;font-weight:600;color:#f0c86e8c;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.welcome-deco-node-blue{position:absolute;top:50%;left:115px;width:12px;height:12px;border-radius:50%;background:#bef0ff;box-shadow:0 0 4px 1px #a0ebff99,0 0 10px 4px #78dcf540,0 0 22px 8px #78dcf51a;animation:nodeGlowCyan 3s ease-in-out 1.5s infinite alternate}@keyframes nodeGlowCyan{0%{box-shadow:0 0 4px 1px #a0ebff99,0 0 10px 4px #78dcf540,0 0 22px 8px #78dcf51a}to{box-shadow:0 0 6px 2px #a0ebffb3,0 0 14px 6px #78dcf54d,0 0 28px 10px #78dcf51f}}.welcome-deco-node-blue-label{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);font-size:10.5px;font-weight:600;color:#82dcf58c;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.welcome-deco-horizontal{position:absolute;top:73px;left:120px;width:100%;height:1px;background:linear-gradient(to right,rgba(200,210,220,.18) 0%,rgba(200,210,220,.1) 40%,rgba(200,210,220,.03) 75%,transparent 100%)}.welcome-deco-horizontal:after{content:"";position:absolute;top:-3px;left:0;width:100%;height:7px;background:linear-gradient(to right,rgba(200,215,230,.06) 0%,rgba(200,215,230,.03) 40%,transparent 75%);filter:blur(3px)}@media(max-width:680px){.welcome-deco-lines:not(.mobile-welcome-deco){display:none}}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.welcome-spacer-top,.welcome-spacer-bottom{flex:1 1;min-height:0;transition:flex .5s cubic-bezier(.4,0,.2,1)}.welcome-onboarding-screen.exiting .welcome-spacer-bottom{flex:0 0}.welcome-onboarding-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 32px 32px;text-align:center;width:min(960px,calc(100% - 300px));max-height:600px;overflow:hidden;transition:opacity .3s ease,max-height .45s cubic-bezier(.4,0,.2,1),padding .45s ease;animation:welcomeFadeIn .6s ease-out both}.welcome-onboarding-center:has(.onboarding-inline){overflow:visible;max-height:none}.welcome-onboarding-screen.exiting .welcome-onboarding-center{opacity:0;max-height:0;padding-bottom:0}.welcome-onboarding-greeting{display:flex;align-items:center;gap:10px;animation:welcomeFadeIn .7s ease-out .2s both;margin-bottom:2px}.welcome-onboarding-icon{font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-onboarding-hi{font-size:20px;font-weight:500;color:#5f6368;color:var(--secondary-text);letter-spacing:.2px}.welcome-onboarding-headline{font-size:clamp(36px,4.8vw,50px);font-weight:700;color:#1f1f1f;color:var(--text-color);margin:0;line-height:1.15;letter-spacing:-.5px;text-transform:capitalize;word-wrap:break-word}.gradient-word{background:linear-gradient(135deg,#22d3ee,#38bdf8,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typing-headline{min-height:1.15em;white-space:nowrap;max-width:none}.welcome-seq-sub{opacity:0;transform:translateY(12px)}.typing-done .welcome-seq-sub,.welcome-seq-sub.typing-done{animation:welcomeFadeIn .5s ease-out forwards}.welcome-seq-cards{opacity:0;transform:translateY(16px)}.typing-done .welcome-seq-cards,.welcome-seq-cards.typing-done{animation:welcomeFadeIn .5s ease-out .5s forwards}.welcome-seq-input{opacity:0;transform:translateY(12px)}.welcome-seq-input.typing-done{animation:welcomeFadeIn .5s ease-out .55s forwards}.welcome-onboarding-subheadline{font-size:clamp(16px,2vw,20px);font-weight:400;color:#5f6368;color:var(--secondary-text);margin:6px 0 0;line-height:1.4;letter-spacing:.1px}.welcome-onboarding-options{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-gap:14px;gap:14px;width:100%;max-width:620px;margin-top:28px}.welcome-onboarding-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 14px 22px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,#ffffff0f,#ffffff04);color:#1f1f1f;color:var(--text-color);cursor:pointer;transition:all .28s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(18px) scale(.95)}.typing-done .welcome-onboarding-option{animation:welcomeCardIn .5s ease-out both}.typing-done .welcome-onboarding-option:nth-child(1){animation-delay:.05s}.typing-done .welcome-onboarding-option:nth-child(2){animation-delay:.15s}.typing-done .welcome-onboarding-option:nth-child(3){animation-delay:.25s}.typing-done .welcome-onboarding-option:nth-child(4){animation-delay:.35s}@keyframes welcomeCardIn{0%{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-onboarding-option:hover{background:linear-gradient(160deg,#1ab4d91f,#1ab4d908);border-color:#1ab4d94d;transform:translateY(-4px) scale(1.02);box-shadow:0 14px 36px #0003,0 0 0 1px #1ab4d91f}.welcome-onboarding-option:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 12px #00000026}.container.lesson-page.lesson-v2:not(.dark-theme) .welcome-onboarding-option{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000f}.container.lesson-page.lesson-v2:not(.dark-theme) .welcome-onboarding-option:hover{background:#fff;border-color:#1ab4d959;box-shadow:0 8px 24px #0000001a,0 0 0 1px #1ab4d926}.container.lesson-page.lesson-v2:not(.dark-theme) .welcome-onboarding-option:active{box-shadow:0 2px 8px #00000014}.container.lesson-page.lesson-v2:not(.dark-theme) .welcome-onboarding-option.recommended{background:#fff;border-color:#1ab4d959;box-shadow:0 2px 12px #1ab4d91f,0 0 0 1px #1ab4d926}.container.lesson-page.lesson-v2:not(.dark-theme) .welcome-onboarding-option.recommended .welcome-option-desc{color:#1496bef2}.container.lesson-page.lesson-v2:not(.dark-theme) .welcome-onboarding-option:not(.recommended) .welcome-option-desc,.container.lesson-page:not(.dark-theme) .mobile-guest-welcome-option:not(.recommended) .welcome-option-desc{color:#5a6470;opacity:.85;font-weight:500}.welcome-onboarding-option.recommended,.mobile-guest-welcome-option.recommended{border-color:#1ab4d966;box-shadow:0 8px 24px #00000026,0 0 0 1px #1ab4d926}.typing-done .welcome-onboarding-option.recommended,.typing-done .mobile-guest-welcome-option.recommended{animation:welcomeCardIn .5s ease-out both,recommendedPulse 2.5s ease-in-out 1.2s infinite}.welcome-onboarding-option.recommended .welcome-option-desc,.mobile-guest-welcome-option.recommended .welcome-option-desc{color:#1ad2ebf2;font-weight:700;opacity:1;letter-spacing:.6px;text-transform:uppercase;font-size:10.5px}@keyframes recommendedPulse{0%,to{border-color:#1ab4d966;box-shadow:0 8px 24px #00000026,0 0 0 1px #1ab4d926}50%{border-color:#1ab4d9a6;box-shadow:0 8px 24px #00000026,0 0 0 1px #1ab4d94d,0 0 20px #1ab4d926}}.welcome-option-emoji{font-size:40px;line-height:1}.welcome-option-icon{display:inline-flex;align-items:center;justify-content:center;color:#3d4754}.welcome-option-icon svg{display:block}.dark-theme .welcome-option-icon{color:#ffffffd9}.welcome-onboarding-option.recommended .welcome-option-icon,.mobile-guest-welcome-option.recommended .welcome-option-icon{color:#1ab4d9}.welcome-option-label{font-size:16px;font-weight:600;color:#1f1f1f;color:var(--text-color);line-height:1.2}.welcome-option-desc{font-size:11.5px;font-weight:400;color:#5f6368;color:var(--secondary-text);opacity:.4;line-height:1.3}@media(max-width:1500px){.welcome-onboarding-options{max-width:520px;gap:10px}.welcome-onboarding-option{padding:18px 10px 16px;gap:7px;border-radius:16px}.welcome-option-emoji{font-size:34px}.welcome-option-label{font-size:14.5px}.welcome-option-desc{font-size:10.5px}.welcome-onboarding-headline{font-size:clamp(32px,4.2vw,44px)}.welcome-onboarding-subheadline{font-size:clamp(15px,1.8vw,18px)}.container.lesson-page.lesson-v2 .floating-text-input{height:46px}.floating-text-input-row{min-height:46px}.container.lesson-page.lesson-v2 .floating-mic-button{width:50px;height:50px}.lesson-v2-chat-footer{max-width:560px;gap:10px}.chat-message,.chat-loading{max-width:532px}}@media(max-width:680px){.mobile-welcome-screen .welcome-onboarding-options{grid-template-columns:repeat(2,1fr);max-width:100%;gap:clamp(10px,2.67vw,12px);margin-top:clamp(16px,4.27vw,19px);width:100%}.mobile-welcome-screen .welcome-onboarding-option{flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5.33vw,23px) clamp(10px,2.67vw,12px) clamp(16px,4.27vw,19px);gap:clamp(8px,2.13vw,10px);border-radius:clamp(16px,4.27vw,19px)}.mobile-welcome-screen .welcome-option-emoji{font-size:clamp(32px,8.53vw,37px);flex-shrink:0}.mobile-welcome-screen .welcome-option-label{font-size:clamp(16px,4.27vw,19px);text-align:center}.mobile-welcome-screen .welcome-option-desc{font-size:clamp(12.5px,3.33vw,15px);font-weight:600;text-align:center;opacity:1}.mobile-welcome-screen .welcome-onboarding-option:not(.recommended) .welcome-option-desc{color:#3d4754;opacity:.9}.dark-theme .mobile-welcome-screen .welcome-onboarding-option:not(.recommended) .welcome-option-desc{color:#ffffffbf;opacity:1}.mobile-welcome-screen .welcome-onboarding-headline{font-size:clamp(28px,8.5vw,42px);text-align:left;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mobile-welcome-screen .welcome-onboarding-subheadline{font-size:clamp(13px,3.2vw,16px);text-align:left}.mobile-welcome-screen .welcome-onboarding-center{align-items:flex-start;width:100%;max-width:100%;overflow:visible;padding:0;box-sizing:border-box}}@media(max-width:400px){.mobile-welcome-screen .welcome-onboarding-options{gap:8px}.mobile-welcome-screen .welcome-onboarding-option{padding:14px 8px 12px;gap:6px}.mobile-welcome-screen .welcome-option-emoji{font-size:24px}.mobile-welcome-screen .welcome-option-label{font-size:13px}.mobile-welcome-screen .welcome-option-desc{font-size:11px;font-weight:600}}.welcome-input-footer{flex:0 0 auto;margin-top:8px;animation:welcomeFadeIn .7s ease-out 1s both}@media(max-width:768px){.mobile-welcome-screen .welcome-spacer-top{display:none}}.lesson-v2-grid .lesson-v2-right{transition:opacity .5s ease,transform .5s ease}.lesson-v2-grid.right-collapsed>.lesson-v2-right{transform:translate(40px)}.lesson-v2-grid:not(.right-collapsed)>.lesson-v2-right{transform:translate(0)}.add-course-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;height:100%;background:#f0ece4;background:var(--bg-color);min-height:0;animation:addCourseFadeIn .4s ease-out both}@keyframes addCourseFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.add-course-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 32px 32px;text-align:center;width:100%;max-width:340px}.add-course-greeting{display:flex;align-items:center;gap:10px;animation:addCourseFadeIn .5s ease-out .08s both;margin-bottom:2px}.add-course-icon{font-size:24px}.add-course-subtitle{font-size:14px;font-weight:500;color:#5f6368;color:var(--secondary-text);letter-spacing:.3px;text-transform:uppercase}.add-course-headline{font-size:clamp(24px,3.5vw,32px);font-weight:700;color:#1f1f1f;color:var(--text-color);margin:0;line-height:1.15;letter-spacing:-.3px;white-space:nowrap;animation:addCourseFadeIn .5s ease-out .15s both}.add-course-description{font-size:14px;color:#5f6368;color:var(--secondary-text);margin:2px 0 24px;line-height:1.5;white-space:nowrap;animation:addCourseFadeIn .5s ease-out .2s both}.add-course-language-count{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1ab4d9;color:var(--accent-color, #17a2b8);background:#17a2b814;padding:4px 12px;border-radius:999px;margin:-12px 0 20px;letter-spacing:.3px;animation:addCourseFadeIn .5s ease-out .25s both}.add-course-language-count-num{font-weight:700}.add-course-selectors{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;text-align:left;position:relative;z-index:50;animation:addCourseFadeIn .5s ease-out .25s both}.add-course-field{position:relative;margin-bottom:18px}.add-course-field:last-child{margin-bottom:0}.add-course-field:first-child{z-index:2}.add-course-field:last-child{z-index:1}.add-course-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#5f6368;color:var(--secondary-text);display:block;margin-bottom:8px}.add-course-selector-wrap{position:relative}.add-course-selector-wrap .language-selector{width:100%;min-width:0}.add-course-selector-wrap .selected-language{background:#fff;background:var(--card-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:10px;padding:11px 14px;color:#1f1f1f;color:var(--text-color);transition:border-color .15s ease;justify-content:flex-start}.add-course-selector-wrap .selected-language:hover{border-color:#1ab4d9;border-color:var(--accent-color)}.add-course-selector-wrap .language-select-text{text-align:left}.add-course-selector-wrap .language-dropdown{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;width:100%!important;max-height:40vh!important;z-index:9999}.add-course-selector-wrap .language-option{justify-content:flex-start;gap:10px;padding:6px 12px;min-height:auto}.add-course-selector-wrap .language-option .language-name{text-align:left;margin-right:0;white-space:nowrap}.add-course-selector-wrap .language-option .language-flag{margin-left:8px;flex-shrink:0}.add-course-selector-wrap .language-option+.language-option{border-top:1px solid #d3d9e3;border-top:1px solid var(--border-color)}.add-course-error{color:#f87171;font-size:13px;font-weight:500;margin-top:4px;text-align:center;animation:addCourseFadeIn .25s ease-out both}.add-course-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px;width:100%;animation:addCourseFadeIn .5s ease-out .32s both}.add-course-btn-start{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 24px;border:none;border-radius:10px;background:#1ab4d9;background:var(--accent-color);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.add-course-btn-start:hover:not(:disabled){opacity:.88}.add-course-btn-start:active:not(:disabled){transform:scale(.98)}.add-course-btn-start:disabled{opacity:.35;cursor:not-allowed}.add-course-btn-cancel{background:none;border:none;color:#5f6368;color:var(--secondary-text);font-size:13px;font-weight:500;cursor:pointer;padding:6px 16px;border-radius:6px;transition:color .15s ease}.add-course-btn-cancel:hover{color:#1f1f1f;color:var(--text-color)}@media(max-width:768px){.add-course-center{padding:0 clamp(20px,5.33vw,23px) clamp(24px,6.4vw,28px)}.add-course-headline{font-size:clamp(22px,5.87vw,26px)}.add-course-description{white-space:normal}}.mobile-add-course-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#f0ece4;background:var(--bg-color);display:flex;flex-direction:column}.right-panel-lower{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;background:var(--card-bg);padding-top:10px}.pillar-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:8px 12px 10px;flex:1 1;align-content:start;animation:pillarFadeIn .2s ease-out}@keyframes pillarFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pillar-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:14px;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;font-family:inherit;color:inherit;text-align:left;-webkit-user-select:none;user-select:none}.pillar-card:hover{background:#ffffff0a;border-color:#ffffff0f;transform:translateY(-1px)}.pillar-card:active{transform:translateY(0);background:#ffffff0f}.container.lesson-page.lesson-v2:not(.dark-theme) .pillar-card{background:transparent;border-color:transparent}.container.lesson-page.lesson-v2:not(.dark-theme) .pillar-card:hover{background:#00000008;border-color:#0000000d}.container.lesson-page.lesson-v2:not(.dark-theme) .pillar-card:active{background:#0000000d}.pillar-card__icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pillar-card__icon--vocab{background:#60a5fa1f;color:#60a5fa}.pillar-card__icon--grammar{background:#4ade801f;color:#4ade80}.pillar-card__icon--pronunciation{background:#fbbf241f;color:#fbbf24}.pillar-card__icon--context{background:#a78bfa1f;color:#a78bfa}.pillar-card__label{font-size:11.5px;font-weight:600;color:#1f1f1f;color:var(--text-color);letter-spacing:.01em;opacity:.85}.pillar-card__stat{font-size:12px;color:#5f6368;color:var(--secondary-text);opacity:.7}.pillar-detail-panel{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;animation:pillarFadeIn .2s ease-out}.pillar-detail-back{display:flex;align-items:center;gap:6px;padding:10px 14px;background:none;border:none;color:#5f6368;color:var(--secondary-text);font-size:11.5px;font-weight:600;cursor:pointer;transition:color .15s ease;font-family:inherit;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.pillar-detail-back:hover{color:#1f1f1f;color:var(--text-color)}.pillar-grammar-detail{flex:1 1;overflow-y:auto;padding:8px;background:#0f172a80;border-radius:8px;margin:0 4px 4px}.pillar-placeholder-panel{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;text-align:center;gap:8px}.pillar-placeholder-icon{color:#5f6368;color:var(--secondary-text);opacity:.3;margin-bottom:4px}.pillar-placeholder-title{font-size:13px;font-weight:600;color:#1f1f1f;color:var(--text-color);margin:0}.pillar-placeholder-desc{font-size:12px;color:#5f6368;color:var(--secondary-text);margin:0;line-height:1.5;max-width:240px;opacity:.7}.pillar-placeholder-stat{font-size:11px;color:#5f6368;color:var(--secondary-text);padding:5px 12px;background:#ffffff0a;border-radius:8px;margin-top:6px;opacity:.6}.pillar-context-stats{width:100%;max-width:220px;display:flex;flex-direction:column;gap:5px;margin-top:10px}.pillar-context-row{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;background:#ffffff08;border-radius:8px;font-size:11.5px;color:#5f6368;color:var(--secondary-text)}.pillar-context-val{font-size:13px;font-weight:700;color:#1f1f1f;color:var(--text-color)}.pillar-pron-dashboard{flex:1 1;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:14px 14px 18px;overflow-y:auto}.pillar-pron-ring-wrap{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:4px}.pillar-pron-ring-svg{display:block}.pillar-pron-ring-center{position:absolute;top:6px;left:0;right:0;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.pillar-pron-ring-score{font-size:30px;font-weight:700;line-height:1}.pillar-pron-ring-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#5f6368;color:var(--secondary-text);opacity:.7;margin-top:2px}.pillar-pron-trend{margin-top:4px;font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:#ffffff0d}.pillar-pron-subbars{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:12px}.pillar-pron-subbar-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.pillar-pron-subbar-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:#5f6368;color:var(--secondary-text);opacity:.75}.pillar-pron-subbar-val{font-size:12px;font-weight:700;color:#1f1f1f;color:var(--text-color)}.pillar-pron-subbar-track{position:relative;height:4px;width:100%;background:#ffffff0f;border-radius:999px;overflow:hidden}.pillar-pron-subbar-fill{height:100%;border-radius:999px;transition:width .5s ease,background .3s ease}.pillar-pron-sparkline{display:flex;justify-content:space-between;align-items:flex-end;padding:6px 4px 4px;background:#ffffff08;border-radius:10px}.pillar-pron-spark-day{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1;cursor:default}.pillar-pron-spark-day.is-today .pillar-pron-spark-day-label{color:#1f1f1f;color:var(--text-color);font-weight:700;opacity:1}.pillar-pron-spark-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.18);transition:background .3s ease,border-color .3s ease,transform .2s ease}.pillar-pron-spark-day:hover .pillar-pron-spark-dot{transform:scale(1.15)}.pillar-pron-spark-day-label{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#5f6368;color:var(--secondary-text);opacity:.55}.pillar-pron-section{display:flex;flex-direction:column;gap:8px}.pillar-pron-section-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5f6368;color:var(--secondary-text);opacity:.65;padding:0 2px}.pillar-pron-trouble-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pillar-pron-trouble-row{display:grid;grid-template-columns:minmax(0,1fr) 60px auto;align-items:center;grid-gap:8px;gap:8px;padding:7px 10px;background:#ffffff08;border-radius:8px}.pillar-pron-trouble-word{font-size:12.5px;font-weight:600;color:#1f1f1f;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pillar-pron-trouble-bar{position:relative;height:4px;width:100%;background:#ffffff0f;border-radius:999px;overflow:hidden}.pillar-pron-trouble-fill{height:100%;border-radius:999px}.pillar-pron-trouble-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#5f6368;color:var(--secondary-text);opacity:.85}.pillar-pron-speaker{background:#ffffff0f;border:none;color:#1f1f1f;color:var(--text-color);width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.75;transition:opacity .2s ease,background .2s ease}.pillar-pron-speaker:hover{opacity:1;background:#1ab4d92e;color:#1ab4d9;color:var(--accent-color, #1ab4d9)}.pillar-pron-wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.pillar-pron-win-tile{background:#ffffff08;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0}.pillar-pron-win-tile.tone-great{background:#c4a8781a}.pillar-pron-win-tile.tone-good{background:#c4a87812}.pillar-pron-win-title{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:#5f6368;color:var(--secondary-text);opacity:.7}.pillar-pron-win-value{font-size:14px;font-weight:700;color:#1f1f1f;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.pillar-pron-win-sub{font-size:10px;color:#5f6368;color:var(--secondary-text);opacity:.75}.pillar-pron-bymode{display:flex;flex-direction:column;gap:6px;margin-top:4px}.pillar-pron-bymode-track{display:flex;height:5px;border-radius:999px;overflow:hidden;background:#ffffff0f}.pillar-pron-bymode-seg{height:100%}.pillar-pron-bymode-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:#5f6368;color:var(--secondary-text)}.pillar-pron-bymode-key{display:inline-flex;align-items:center;gap:4px;text-transform:capitalize}.pillar-pron-bymode-swatch{width:7px;height:7px;border-radius:50%;display:inline-block}.pillar-pron-bymode-num{font-weight:700;color:#1f1f1f;color:var(--text-color);opacity:.85}.pillar-pron-building{font-size:11px;text-align:center;color:#5f6368;color:var(--secondary-text);opacity:.7;padding:6px 12px;background:#ffffff08;border-radius:8px}.pillar-pron-loading,.pillar-pron-error{font-size:11px;text-align:center;color:#5f6368;color:var(--secondary-text);opacity:.7;padding:4px}.right-panel-empty-state{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 56px;text-align:center;animation:rpEmptyFadeIn .5s ease-out}@keyframes rpEmptyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rp-empty-bubble{display:flex;align-items:center;justify-content:center;gap:5px;width:56px;height:32px;border-radius:16px;background:#ffffff0b;margin-bottom:16px}.rp-empty-dot{width:5px;height:5px;border-radius:50%;background:#5f6368;background:var(--secondary-text);opacity:.25;animation:rpDotPulse 1.6s ease-in-out infinite}.rp-empty-dot:nth-child(2){animation-delay:.2s}.rp-empty-dot:nth-child(3){animation-delay:.4s}@keyframes rpDotPulse{0%,60%,to{transform:translateY(0);opacity:.2}30%{transform:translateY(-3px);opacity:.55}}.rp-empty-text{color:#5f6368;color:var(--secondary-text);font-size:12.5px;margin:0 0 6px;line-height:1.4;opacity:.6}.rp-empty-hint{color:#5f6368;color:var(--secondary-text);font-size:11.5px;margin:0 0 16px;line-height:1.4;opacity:.4;font-style:italic}.rp-empty-cta{padding:7px 18px;background:#1ab4d90f;color:#1ab4d999;border:1px solid rgba(26,180,217,.12);border-radius:20px;font-weight:500;font-size:12.5px;cursor:pointer;transition:all .2s ease}.rp-empty-cta:hover{background:#1ab4d91a;color:#1ab4d9d9;border-color:#1ab4d938}.rp-empty-cta:active{background:#1ab4d90f}.vocab-heatmap-full{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:#fff;background:var(--card-bg);animation:vocabFadeIn .2s ease-out}@keyframes vocabFadeIn{0%{opacity:0}to{opacity:1}}.vocab-heatmap-scroll-wrap{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column}.vocab-cloud-fade{position:absolute;top:0;left:0;right:0;height:44px;background:linear-gradient(to bottom,#ffffff 10%,transparent 100%);background:linear-gradient(to bottom,var(--card-bg) 10%,transparent 100%);pointer-events:none;z-index:3}.vocab-heatmap-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:12px 0 4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.vocab-heatmap-scroll::-webkit-scrollbar{width:3px}.vocab-heatmap-scroll::-webkit-scrollbar-track{background:transparent}.vocab-heatmap-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.vocab-groove{display:flex;align-items:center;justify-content:center;padding:0 6px;margin:0 auto;width:90%}.vocab-groove-shelf{flex:1 1;height:1px;background:#ffffff1a}.vocab-level-section{display:flex;align-items:stretch;justify-content:center;padding:0 6px;margin-left:34px}.vocab-level-future{opacity:.35}.vocab-level-block{display:flex;flex-direction:column;align-items:center;padding:2px 0;flex:0 0 auto}.vocab-level-tag{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 0 8px;gap:2px;min-width:26px}.vocab-level-tag-num{font-size:14px;font-weight:700;color:#5f6368;color:var(--secondary-text);opacity:.5;line-height:1}.vocab-level-tag-count{font-size:8px;color:#5f6368;color:var(--secondary-text);opacity:.3;line-height:1}.vocab-row{display:flex;gap:2px;justify-content:center;margin-bottom:2px}.vocab-cell{width:9px;height:9px;border-radius:1.5px;transition:transform .1s ease,box-shadow .1s ease;cursor:pointer;flex-shrink:0;position:relative}.vocab-cell:hover{transform:scale(2.2);z-index:4}.vocab-state-idle{background:#ffffff0d}.vocab-state-learning{background:#4ade808c}.vocab-state-reviewed,.vocab-state-cracking{background:#c8d2e199}.vocab-future{background:#648cb40d;border:1px solid rgba(100,160,220,.09);width:7px;height:7px}.vocab-future:hover{background:#64a0dc24}.vocab-current{background:#38bdf8e0!important;box-shadow:0 0 5px #38bdf880,0 0 10px #38bdf826!important;border:none!important;width:9px!important;height:9px!important;animation:vocabPulse 1.6s ease-in-out infinite}.vocab-current:after{display:none!important}@keyframes vocabPulse{0%,to{opacity:1}50%{opacity:.5}}.vocab-learn-word{background:#facc15b3!important}.vocab-not-from-list{background:#ef4444b3!important}body:not(.dark-theme) .vocab-state-idle{background:#0f172a14}body:not(.dark-theme) .vocab-state-reviewed,body:not(.dark-theme) .vocab-state-cracking{background:#3341558c}body:not(.dark-theme) .vocab-future{background:#0f172a0a;border:1px solid rgba(51,65,85,.18)}body:not(.dark-theme) .vocab-future:hover{background:#3341552e}.vocab-heatmap-footer{flex:0 0 auto;text-align:center;padding:8px 16px 14px;font-size:9.5px;letter-spacing:.4px;color:#5f6368;color:var(--secondary-text);opacity:.5}.vocab-heatmap-loading{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 0}.vocab-tooltip{background:#0c1420f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 11px;color:#e2e8f0;white-space:nowrap;z-index:99999;display:flex;flex-direction:column;gap:2px;box-shadow:0 6px 20px #00000080}.vocab-tooltip-word{font-size:14px;font-weight:600;color:#fff}.vocab-tooltip-meta{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#ffffff80}.vocab-tooltip-sep{opacity:.3}.vocab-tooltip-state{font-weight:600}.vocab-tooltip-state-0{color:#ffffff59}.vocab-tooltip-state-1{color:#facc15e6}.vocab-tooltip-state-2{color:#bec8dce6}.vocab-tooltip-state-3{color:#facc15e6}.v2-stat.v2-stat-active{color:#1f1f1f;color:var(--text-color)}.v2-stat.v2-stat-active strong{font-weight:600}.autocomplete-input-wrapper{position:relative;flex:1 1;height:100%;display:flex;align-items:center;overflow:hidden}.autocomplete-ghost-text{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;z-index:1;white-space:pre;overflow:hidden;font-size:14px;font-family:inherit;line-height:normal;padding:0;letter-spacing:inherit;word-spacing:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;text-rendering:inherit}.autocomplete-ghost-typed{visibility:hidden}.autocomplete-ghost-suggestion{color:#5f6368;color:var(--secondary-text);opacity:.45;font-style:normal;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.autocomplete-ghost-suggestion:after{content:"  \21e5";font-size:.75em;opacity:.5;font-style:normal}@media(pointer:coarse){.autocomplete-ghost-suggestion:after{content:"  (tap)"}}.autocomplete-input-wrapper.rtl .autocomplete-ghost-text{direction:rtl}.autocomplete-ghost-text--pulse{cursor:pointer}.autocomplete-ghost-suggestion--pulse{opacity:1;color:#f59e0b;font-weight:600;animation:tutorialGhostPulse 1.1s ease-in-out infinite;border-radius:6px;padding:1px 4px;margin-left:-4px}@keyframes tutorialGhostPulse{0%,to{color:#f59e0b;text-shadow:0 0 0 rgba(245,158,11,0)}50%{color:#fbbf24;text-shadow:0 0 12px rgba(245,158,11,.65)}}.autocomplete-ghost-suggestion--pulse:after{content:"  \21e5  tap";opacity:.85;font-size:.75em;color:#f59e0b}@media(pointer:coarse){.autocomplete-ghost-suggestion--pulse:after{content:"  tap \2192"}}.pronunciation-feedback-container{width:100%;margin-bottom:3px}.pronunciation-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:9px;font-size:.65rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:opacity .15s;line-height:1.4}.pronunciation-indicator:hover{opacity:.8}.pronunciation-indicator-icon{display:inline-flex;align-items:center;flex-shrink:0}.pronunciation-indicator-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pronunciation-indicator--pending{animation:pronunciation-pending-pulse 1.4s ease-in-out infinite}.pronunciation-indicator-score--pending{letter-spacing:1px}@keyframes pronunciation-pending-pulse{0%,to{opacity:.55}50%{opacity:1}}.global-word-tooltip{background:#fff;background:var(--card-bg, #1f2937);border-radius:14px;box-shadow:0 8px 32px #00000080,0 2px 8px #00000040;pointer-events:auto;min-width:280px;max-width:340px;overflow:hidden;animation:tooltipSlideIn .15s ease-out}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tooltip-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);padding:0 4px}.tooltip-tab{flex:1 1;padding:10px 0;background:none;border:none;border-bottom:2.5px solid transparent;color:#ffffff61;font-size:.8rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s;text-align:center;letter-spacing:.01em}.tooltip-tab:hover{color:#ffffffb3}.tooltip-tab.active{color:#ffffffe6;border-bottom-color:#ffffffb3}.tooltip-tab-more-wrapper{position:relative;flex:0 0 auto;display:flex}.tooltip-tab-more{flex:0 0 auto;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tooltip-tab-more svg{display:block}.tooltip-more-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:#fff;background:var(--card-bg, #1f2937);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;padding:4px;z-index:10000;display:flex;flex-direction:column}.tooltip-more-item{background:none;border:none;padding:8px 12px;text-align:left;font-size:.85rem;font-weight:500;color:#ffffffbf;border-radius:5px;cursor:pointer;transition:background .12s,color .12s}.tooltip-more-item:hover{background:#ffffff0f;color:#fffffff2}.tooltip-more-item.active{color:#fffffff2;background:#ffffff14}body:not(.dark-theme) .tooltip-more-dropdown{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}body:not(.dark-theme) .tooltip-more-item{color:#000000b3}body:not(.dark-theme) .tooltip-more-item:hover{background:#0000000d;color:#000000f2}body:not(.dark-theme) .tooltip-more-item.active{background:#0000000f;color:#000000f2}.tooltip-tab-body{padding:14px 16px 16px;min-height:180px}.correction-diff-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.92rem}.correction-allgood{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 8px;gap:6px}.correction-allgood-check{width:36px;height:36px;border-radius:50%;background:#22c55e26;color:#22c55e;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.correction-allgood-title{font-weight:600;font-size:.95rem}.correction-allgood-sub{font-size:.82rem;opacity:.7}.correction-tab-wrong{color:#ffffff73;text-decoration:line-through;font-weight:500}.correction-tab-arrow{color:#fff6;font-size:.95em}.correction-tab-correct{color:#ffffffe6;font-weight:600}.correction-error-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.68rem;font-weight:600;letter-spacing:.02em;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1)}.correction-reason{font-size:.85rem;font-style:italic;color:#ffffffb8;line-height:1.5;margin-top:-2px}.correction-sentence-card{border-radius:10px;background:#ffffff0a;padding:10px 12px}.correction-sentence-card .corrected-line{font-size:.8rem;line-height:1.55;color:#ffffff8c}.correction-sentence-card .corrected-line strong{color:#fff;font-weight:700}.correction-sentence-card .corrected-translation{font-size:.78rem;font-style:italic;color:#fff6;line-height:1.5;margin-top:4px}.pron-tab-content{display:flex;flex-direction:column;gap:10px}.pron-word-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pron-word-main{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.01em}.pron-score-badge{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:10px;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1);letter-spacing:.02em}.pron-score-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.pron-score-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.pron-issue-tag{display:inline-block;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:10px;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1);letter-spacing:.02em;align-self:flex-start}.pron-feedback{font-size:.8rem;color:#ffffffb3;line-height:1.45;background:#ffffff0a;padding:8px 10px;border-radius:8px}.pron-audio-row{display:flex;gap:8px;margin-top:2px}.pron-audio-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border-radius:8px;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.pron-audio-correct{background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffff8c}.pron-audio-correct:hover{border-color:#ffffff47;color:#ffffffd9;background:#ffffff0a}.pron-audio-yours{background:#ffffff12;border:1px solid rgba(255,255,255,.07);color:#ffffffa6}.pron-audio-yours:hover{background:#ffffff1f;color:#fff}.vocab-tab-content{display:flex;flex-direction:column;gap:12px}.vocab-word-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vocab-word-main{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.01em}.vocab-audio-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ffffff0f;border:none;color:#ffffff73;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.vocab-audio-btn:hover{background:#ffffff26;color:#fff}.vocab-audio-btn:active{transform:scale(.92)}.vocab-pos-tag,.vocab-gender-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.68rem;font-weight:600;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1);letter-spacing:.02em}.vocab-pronunciation{font-size:.8rem;font-style:italic;color:#fff6;margin-top:-4px}.vocab-translation{font-size:.88rem;color:#ffffffc7;line-height:1.5}.vocab-definitions-list{margin:0;padding-left:18px;list-style:decimal}.vocab-definition-item{font-size:.85rem;color:#ffffffc7;line-height:1.55;padding:1px 0}.vocab-definition-item:first-child{font-weight:600;color:#fff}.vocab-loading-skeleton{display:flex;align-items:center;justify-content:center;min-height:120px}.vocab-loading{display:flex;align-items:center;gap:7px;color:#ffffff73}.vocab-example-section{border-radius:10px;background:#ffffff0a;overflow:hidden}.vocab-example-body{padding:10px 12px}.vocab-example-line{font-size:.8rem;line-height:1.55;color:#ffffff8c}.vocab-example-line strong{color:#fff;font-weight:700}.vocab-example-translation{font-size:.78rem;font-style:italic;color:#fff6;line-height:1.5;margin-top:4px}.vocab-action-row{display:flex;gap:8px;padding-top:2px}.vocab-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 0;border-radius:10px;font-size:.76rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.vocab-btn:active{transform:scale(.97)}.vocab-btn-icon{font-size:.9rem}.vocab-btn-save{background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffff8c}.vocab-btn-save:hover{border-color:#ffffff47;color:#ffffffd9;background:#ffffff0a}.vocab-btn-know{background:#ffffff12;border:1px solid rgba(255,255,255,.07);color:#ffffffa6}.vocab-btn-know:hover{background:#ffffff1f;color:#fff}.grammar-tab-content{display:flex;flex-direction:column;gap:14px}.grammar-empty-state{color:#ffffff4d;font-size:.8rem;text-align:center;padding:16px 0}.grammar-word-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.grammar-word-main{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.01em}.grammar-word-base{font-size:.8rem;color:#fff6;font-weight:400}.grammar-word-base em{color:#ffffff8c;font-weight:500}.grammar-morph-tags{display:flex;flex-wrap:wrap;gap:5px}.grammar-morph-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.68rem;font-weight:600;background:#8b5cf61f;color:#c4b5fdcc;border:1px solid rgba(139,92,246,.2);letter-spacing:.02em}.grammar-morph-tag-clickable{cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.grammar-morph-tag-clickable:hover{background:#8b5cf640;border-color:#8b5cf666;color:#c4b5fd}.grammar-morph-tag-clickable:active{transform:scale(.95)}.grammar-concept-section{display:flex;flex-direction:column;gap:4px;background:#ffffff0a;border-radius:10px;padding:10px 12px}.grammar-concept-section-clickable{cursor:pointer;transition:background .15s,outline-color .15s}.grammar-concept-section-clickable:hover{background:#ffffff14;outline:1px solid rgba(139,92,246,.3)}.grammar-concept-section-clickable:active{background:#ffffff1a}.grammar-concept-name{font-size:.85rem;font-weight:700;color:#ffffffd9;line-height:1.35}.grammar-concept-desc{font-size:.78rem;color:#ffffff73;line-height:1.55}.grammar-lesson-progress{display:inline-block;margin-left:8px;font-size:.7rem;font-weight:600;color:#a78bfa;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:1px 7px;border-radius:10px;vertical-align:middle;letter-spacing:.02em}.grammar-action-stack{display:flex;flex-direction:column;gap:7px}.grammar-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.grammar-action-btn:active{transform:scale(.98)}.grammar-action-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffa6}.grammar-action-secondary:hover{background:#ffffff17;border-color:#ffffff2e;color:#fff}.grammar-action-primary{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffbf}.grammar-action-primary:hover{background:#ffffff24;border-color:#ffffff40;color:#fff}.grammar-action-primary{display:flex;align-items:center;justify-content:center;gap:8px}.grammar-action-counts{display:inline-flex;align-items:center;gap:5px}.grammar-action-count-total{background:#8b5cf640;color:#c4b5fd;font-size:.65rem;font-weight:700;padding:1px 7px;border-radius:10px;line-height:1.4}.grammar-action-count-new{background:#f59e0b33;color:#fbbf24;font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:10px;line-height:1.4}.grammar-audio-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#8b5cf61a;border:none;color:#c4b5fd99;cursor:pointer;transition:background .15s,color .15s,transform .1s;flex-shrink:0}.grammar-audio-btn:hover{background:#8b5cf638;color:#c4b5fd}.grammar-audio-btn:active{transform:scale(.92)}.grammar-pos-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.68rem;font-weight:600;background:#8b5cf61f;color:#c4b5fdd9;border:1px solid rgba(139,92,246,.22);letter-spacing:.02em}.grammar-pronunciation{font-size:.8rem;font-style:italic;color:#fff6;margin-top:-4px}.grammar-translation{font-size:.85rem;color:#ffffffc7;line-height:1.5}.grammar-morph-tag-label{opacity:.6;font-weight:500;margin-right:2px}.grammar-role-line{display:flex;align-items:baseline;gap:6px;font-size:.8rem;line-height:1.5}.grammar-role-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#c4b5fdb3}.grammar-role-value{color:#ffffffc7;font-weight:500}.grammar-explanation-section{border-radius:10px;background:#ffffff0a;overflow:hidden}.grammar-explanation-body{padding:10px 12px}.grammar-explanation-line{font-size:.82rem;line-height:1.55;color:#ffffffc7}.grammar-explanation-line strong{color:#fff;font-weight:700}.grammar-explanation-connection{font-size:.78rem;font-style:italic;color:#c4b5fda6;line-height:1.5;margin-top:6px;padding-top:6px;border-top:1px solid rgba(139,92,246,.12)}.grammar-concept-chips-section{display:flex;flex-direction:column;gap:6px}.grammar-concept-chips-label{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff52}.grammar-concept-chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.25) transparent;padding-bottom:4px;-webkit-overflow-scrolling:touch}.grammar-concept-chips::-webkit-scrollbar{height:4px}.grammar-concept-chips::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:2px}.grammar-concept-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.72rem;font-weight:600;background:#8b5cf61a;color:#c4b5fdc7;border:1px solid rgba(139,92,246,.18);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;flex-shrink:0;white-space:nowrap}.grammar-concept-chip:hover{background:#8b5cf633;border-color:#8b5cf65c;color:#c4b5fd}.grammar-concept-chip:active{transform:scale(.97)}.grammar-concept-chip-current{background:#8b5cf647;border-color:#8b5cf68c;color:#fff}.grammar-concept-chip-current:hover{background:#8b5cf65c;color:#fff}.grammar-concept-chip-new:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fbbf24;margin-right:2px;flex-shrink:0}.grammar-concept-chip-progress{font-size:.62rem;font-weight:700;background:#ffffff2e;color:#fff;padding:1px 6px;border-radius:8px;letter-spacing:.02em}.grammar-action-row{display:flex;gap:8px;padding-top:2px}.grammar-lesson-link{align-self:center;background:none;border:none;color:#c4b5fdb3;font-size:.74rem;font-weight:600;cursor:pointer;padding:4px 8px;letter-spacing:.01em;transition:color .15s}.grammar-lesson-link:hover{color:#c4b5fd;text-decoration:underline}.grammar-others-section{border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.grammar-others-label{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff4d;margin-bottom:7px}.grammar-others-chips{display:flex;flex-wrap:wrap;gap:5px;max-height:56px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.grammar-other-chip{display:inline-flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:4px 10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;color:#fff9;font-size:.7rem;font-weight:500}.grammar-other-chip:hover{background:#ffffff1f;border-color:#fff3;color:#ffffffd9}.morphology-explanation{font-size:.76rem;color:#ffffff8c;line-height:1.5;font-style:italic;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.morphology-concept-connection{font-size:.72rem;color:#a78bfab3;line-height:1.45}.word.grammar-highlight{border-bottom:2px solid #a78bfa;cursor:pointer;position:relative}body:not(.dark-theme) .global-word-tooltip{background:#fff;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}body:not(.dark-theme) .tooltip-tabs{border-bottom-color:#0000001a}body:not(.dark-theme) .tooltip-tab{color:#0006}body:not(.dark-theme) .tooltip-tab:hover{color:#000000b3}body:not(.dark-theme) .tooltip-tab.active{color:#000000e6;border-bottom-color:#000000b3}body:not(.dark-theme) .pron-word-main{color:#1a1a1a}body:not(.dark-theme) .pron-score-bar{background:#00000014}body:not(.dark-theme) .pron-feedback{color:#000000a6;background:#0000000a}body:not(.dark-theme) .pron-score-badge,body:not(.dark-theme) .pron-issue-tag{background:#0000000f;color:#0009;border-color:#0000001a}body:not(.dark-theme) .pron-audio-correct{border-color:#00000026;color:#0000008c}body:not(.dark-theme) .pron-audio-correct:hover{border-color:#0000004d;color:#000000d9;background:#0000000a}body:not(.dark-theme) .pron-audio-yours{background:#0000000f;border-color:#0000000f;color:#0009}body:not(.dark-theme) .pron-audio-yours:hover{background:#0000001a;color:#1a1a1a}body:not(.dark-theme) .vocab-word-main{color:#1a1a1a}body:not(.dark-theme) .vocab-audio-btn{background:#0000000f;color:#00000073}body:not(.dark-theme) .vocab-audio-btn:hover{background:#0000001f;color:#1a1a1a}body:not(.dark-theme) .vocab-pos-tag,body:not(.dark-theme) .vocab-gender-tag{background:#0000000f;color:#0009;border-color:#0000001a}body:not(.dark-theme) .vocab-pronunciation{color:#0006}body:not(.dark-theme) .vocab-translation{color:#000000bf}body:not(.dark-theme) .vocab-definition-item{color:#000000b3}body:not(.dark-theme) .vocab-definition-item:first-child{color:#1a1a1a}body:not(.dark-theme) .vocab-loading{color:#00000073}body:not(.dark-theme) .vocab-example-section{background:#00000008}body:not(.dark-theme) .vocab-example-line{color:#0000008c}body:not(.dark-theme) .vocab-example-line strong{color:#1a1a1a}body:not(.dark-theme) .vocab-example-translation{color:#0006}body:not(.dark-theme) .correction-tab-wrong{color:#0006}body:not(.dark-theme) .correction-tab-arrow{color:#0006}body:not(.dark-theme) .correction-tab-correct{color:#000000d9}body:not(.dark-theme) .correction-error-tag{background:#0000000f;color:#0009;border-color:#0000001a}body:not(.dark-theme) .correction-reason{color:#000000b3}body:not(.dark-theme) .correction-sentence-card{background:#00000008}body:not(.dark-theme) .correction-sentence-card .corrected-line{color:#0000008c}body:not(.dark-theme) .correction-sentence-card .corrected-line strong{color:#1a1a1a}body:not(.dark-theme) .correction-sentence-card .corrected-translation{color:#0006}body:not(.dark-theme) .vocab-btn-save{border-color:#00000026;color:#0000008c}body:not(.dark-theme) .vocab-btn-save:hover{border-color:#0000004d;color:#000000d9;background:#0000000a}body:not(.dark-theme) .vocab-btn-know{background:#0000000f;border-color:#0000000f;color:#0009}body:not(.dark-theme) .vocab-btn-know:hover{background:#0000001a;color:#1a1a1a}body:not(.dark-theme) .grammar-empty-state{color:#00000059}body:not(.dark-theme) .grammar-word-main{color:#1a1a1a}body:not(.dark-theme) .grammar-word-base{color:#00000073}body:not(.dark-theme) .grammar-word-base em{color:#0009}body:not(.dark-theme) .grammar-morph-tag{background:#8b5cf614;color:#6d3ed8d9;border-color:#8b5cf633}body:not(.dark-theme) .grammar-morph-tag-clickable:hover{background:#8b5cf62e;border-color:#8b5cf659;color:#6d3ed8}body:not(.dark-theme) .grammar-concept-section{background:#00000008}body:not(.dark-theme) .grammar-concept-section-clickable:hover{background:#0000000f;outline-color:#8b5cf64d}body:not(.dark-theme) .grammar-concept-name{color:#000000d9}body:not(.dark-theme) .grammar-concept-desc{color:#00000080}body:not(.dark-theme) .grammar-action-secondary{background:#0000000a;border-color:#0000001a;color:#0009}body:not(.dark-theme) .grammar-action-secondary:hover{background:#00000012;border-color:#0000002e;color:#1a1a1a}body:not(.dark-theme) .grammar-action-primary{background:#0000000f;border-color:#0000001f;color:#000000b3}body:not(.dark-theme) .grammar-action-primary:hover{background:#0000001a;border-color:#0003;color:#1a1a1a}body:not(.dark-theme) .grammar-others-section{border-top-color:#00000014}body:not(.dark-theme) .grammar-others-label{color:#00000059}body:not(.dark-theme) .grammar-other-chip{background:#0000000d;border-color:#00000014;color:#0009}body:not(.dark-theme) .grammar-other-chip:hover{background:#0000001a;border-color:#0000002e;color:#000000d9}body:not(.dark-theme) .morphology-explanation{color:#0000008c;border-top-color:#00000014}body:not(.dark-theme) .morphology-concept-connection{color:#6d3ed8bf}body:not(.dark-theme) .grammar-audio-btn{background:#8b5cf614;color:#6d3ed8a6}body:not(.dark-theme) .grammar-audio-btn:hover{background:#8b5cf62e;color:#6d3ed8}body:not(.dark-theme) .grammar-pos-chip{background:#8b5cf614;color:#6d3ed8d9;border-color:#8b5cf638}body:not(.dark-theme) .grammar-pronunciation{color:#00000073}body:not(.dark-theme) .grammar-translation{color:#000000c7}body:not(.dark-theme) .grammar-role-label{color:#6d3ed8bf}body:not(.dark-theme) .grammar-role-value{color:#000000c7}body:not(.dark-theme) .grammar-explanation-section{background:#00000008}body:not(.dark-theme) .grammar-explanation-line{color:#000000c7}body:not(.dark-theme) .grammar-explanation-line strong{color:#1a1a1a}body:not(.dark-theme) .grammar-explanation-connection{color:#6d3ed8bf;border-top-color:#8b5cf62e}body:not(.dark-theme) .grammar-concept-chips-label{color:#0006}body:not(.dark-theme) .grammar-concept-chip{background:#8b5cf614;color:#6d3ed8d9;border-color:#8b5cf633}body:not(.dark-theme) .grammar-concept-chip:hover{background:#8b5cf62e;border-color:#8b5cf666;color:#6d3ed8}body:not(.dark-theme) .grammar-concept-chip-current{background:#8b5cf638;border-color:#8b5cf68c;color:#4c1d95}body:not(.dark-theme) .grammar-concept-chip-progress{background:#8b5cf64d;color:#4c1d95}body:not(.dark-theme) .grammar-lesson-link{color:#6d3ed8bf}body:not(.dark-theme) .grammar-lesson-link:hover{color:#6d3ed8}.mobile-chat-contacts-screen{display:flex;flex-direction:column;position:fixed;inset:0;overflow:hidden;z-index:10}.mobile-chat-contacts-avatar{position:relative;flex:0 0 auto;min-height:140px;max-height:200px;height:25vh;border-radius:0;margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#5a91c3e0,#4682b9e6 22%,#234878f0 70%,#18375ff2)}:not(.dark-theme) .mobile-chat-contacts-avatar{background:radial-gradient(ellipse at 50% 50%,#c8dcf0f2,#b4cdebeb 30%,#a0c3e6e6 70%,#91b9e1e0)}.mobile-chat-contacts-avatar .avatar-3d-container{width:100%;height:100%;background:transparent!important}.mobile-chat-avatar-status{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:#0a1428a6;padding:4px 12px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;pointer-events:none;color:#1ab4d9bf}.mobile-chat-contacts-list{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 8px}.mobile-chat-contacts-list .lesson-v2-panel{background:transparent;border:none;box-shadow:none}.mobile-chat-contacts-list .lesson-v2-partner{padding:12px 16px;min-height:64px}.mobile-chat-contacts-list .user-profile-card{display:none}.main-content:has(.mobile-guest-welcome){padding:0!important;align-items:stretch!important;justify-content:stretch!important;min-height:0!important;overflow:hidden!important}.main-content:has(.mobile-chat-contacts-screen){padding:0!important;align-items:stretch!important;justify-content:stretch!important;min-height:0!important;overflow:hidden!important}.main-content:has(.mobile-chat-conversation-screen){padding:0!important;align-items:stretch!important;justify-content:stretch!important;min-height:0!important;overflow:hidden!important}.mobile-chat-conversation-screen{display:flex;flex-direction:column;position:fixed;inset:0;overflow:hidden;z-index:10}.mobile-chat-back-btn{background:none;border:none;color:#1f1f1f;color:var(--text-color, #e2e8f0);padding:0 8px 0 0;cursor:pointer;display:flex;align-items:center;align-self:flex-start;margin-top:6px}.mobile-chat-conversation-screen .mobile-top-header{padding-left:8px;align-items:flex-start;padding-top:8px}html.capacitor-ios .mobile-chat-conversation-screen .mobile-top-header{padding-top:calc(env(safe-area-inset-top) + 8px)}.mobile-chat-partner-header{display:flex;align-items:center;gap:8px;flex:1 1}.mobile-chat-partner-name{font-weight:600;font-size:15px;color:#1f1f1f;color:var(--text-color, #e2e8f0)}.mobile-chat-messages-area,.mobile-practice-messages-area{flex:1 1;min-height:0;width:100%!important;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;background:#f0ece4;background:var(--bg-color);position:relative;z-index:0}.dark-theme .mobile-chat-messages-area,.dark-theme .mobile-practice-messages-area{background:#0e1521}.mobile-chat-messages-area:before,.mobile-practice-messages-area:before{content:"";position:absolute;inset:0;background-image:url(/static/media/pattern-31.dd70191bf155bffcb225.svg);background-repeat:repeat;background-size:400px;opacity:.06;pointer-events:none;z-index:-1}.dark-theme .mobile-chat-messages-area:before,.dark-theme .mobile-practice-messages-area:before{filter:invert(1);opacity:.03}.mobile-chat-messages-area .chat-peer-instructions{display:none}.mobile-chat-messages-area .card.chat-mode,.mobile-practice-messages-area .card.chat-mode{height:100%!important;max-height:none!important;max-width:100%!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important;box-shadow:none!important;box-sizing:border-box!important;border:none!important;background:transparent!important}.mobile-chat-messages-area .card-content,.mobile-practice-messages-area .card-content{height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;padding:0!important;box-sizing:border-box!important}.mobile-chat-messages-area .min-h-0.flex-1.flex-column,.mobile-practice-messages-area .min-h-0.flex-1.flex-column{flex:1 1;min-height:0;width:100%!important;display:flex;flex-direction:column;height:100%;box-sizing:border-box!important}.mobile-chat-messages-area .chat-container,.mobile-practice-messages-area .chat-container{flex:1 1!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important;height:100%!important;padding:0!important;box-sizing:border-box!important}.mobile-chat-messages-area .chat-messages,.mobile-practice-messages-area .chat-messages{flex:1 1;min-height:0;overflow-y:auto;width:100%!important;box-sizing:border-box!important}.mobile-chat-messages-area .lesson-v2-chat-footer,.mobile-practice-messages-area .lesson-v2-chat-footer{flex:0 0 auto;width:100%!important;max-width:100%!important;padding:6px 8px!important;box-sizing:border-box!important}.mobile-chat-messages-area .floating-text-input,.mobile-practice-messages-area .floating-text-input{position:relative!important;bottom:auto!important;right:auto!important;width:auto!important;max-width:none!important;min-width:0!important;flex:1 1!important;height:44px;border-radius:22px}.mobile-chat-messages-area .floating-text-input-field,.mobile-practice-messages-area .floating-text-input-field{font-size:14px}.mobile-chat-card .recording-strip,.mobile-chat-messages-area .recording-strip,.mobile-practice-messages-area .recording-strip{gap:6px;padding:4px 10px;min-height:40px;height:44px;border-radius:22px}.mobile-chat-card .recording-strip-timer,.mobile-chat-messages-area .recording-strip-timer,.mobile-practice-messages-area .recording-strip-timer{font-size:12px;min-width:30px}.mobile-chat-card .recording-strip-trash,.mobile-chat-messages-area .recording-strip-trash,.mobile-practice-messages-area .recording-strip-trash{width:32px;height:32px}.mobile-chat-card .recording-strip-wave,.mobile-chat-messages-area .recording-strip-wave,.mobile-practice-messages-area .recording-strip-wave{height:32px}.mobile-chat-messages-area .floating-mic-button,.mobile-practice-messages-area .floating-mic-button{position:relative;bottom:auto;right:auto;width:48px;height:48px}.mobile-chat-messages-area .mic-wave-container,.mobile-practice-messages-area .mic-wave-container{flex-shrink:0;width:48px;height:48px;overflow:visible}.mobile-chat-messages-area .mic-wave-ring,.mobile-practice-messages-area .mic-wave-ring{inset:4px}.mobile-chat-messages-area .floating-send-button,.mobile-practice-messages-area .floating-send-button{width:32px;min-width:32px;height:32px}.mobile-chat-messages-area .floating-send-button .send-icon,.mobile-practice-messages-area .floating-send-button .send-icon{font-size:14px}.mobile-chat-messages-area .mic-listening-indicator,.mobile-practice-messages-area .mic-listening-indicator{display:none}.main-content:has(.mobile-practice-conversation-screen){padding:0!important;align-items:stretch!important;justify-content:stretch!important;min-height:0!important;overflow:hidden!important}.mobile-practice-conversation-screen{display:flex;flex-direction:column;position:fixed;inset:0;overflow:hidden;z-index:10}.mobile-practice-back-btn{position:absolute;top:12px;left:12px;z-index:5;background:#0000004d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-practice-back-btn:hover{background:#00000080}.mobile-tutor-listening-indicator{position:absolute;top:44px;right:12px;width:36px;height:36px;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.mobile-tutor-listening-dot{width:14px;height:14px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef4444b3;animation:mobile-tutor-listening-pulse 1.4s ease-out infinite}@keyframes mobile-tutor-listening-pulse{0%{box-shadow:0 0 #ef4444b3;transform:scale(1)}70%{box-shadow:0 0 0 12px #ef444400;transform:scale(1.05)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.mobile-practice-messages-area .chat-instructions,.mobile-practice-messages-area .level-indicator-container{display:none}.welcome-onboarding-screen.guest-chat-active{justify-content:flex-end}.welcome-onboarding-screen.guest-chat-active.guest-onboarding-active{justify-content:center}.welcome-onboarding-screen.guest-chat-active .welcome-spacer-top,.welcome-onboarding-screen.guest-chat-active .welcome-spacer-bottom{flex:0 1}.guest-chat-messages{flex:1 1;display:flex;flex-direction:column;gap:12px;padding:80px 14px 24px;overflow-y:auto;width:100%;max-width:680px;box-sizing:border-box;margin:0 auto;min-height:0;scroll-behavior:smooth;align-self:center}.guest-chat-close-btn{position:absolute;top:12px;right:14px;background:none;border:none;padding:0;color:#5f6368;color:var(--secondary-text);cursor:pointer;z-index:10;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.guest-chat-close-btn:hover{color:#1f1f1f;color:var(--text-color);background-color:#ffffff1a}.guest-chat-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.5;animation:guestChatFadeIn .3s ease;word-wrap:break-word}.guest-chat-bubble-user{align-self:flex-end;background-color:#d9fdd3;color:#111b21;border-bottom-right-radius:4px}.guest-chat-bubble-assistant{align-self:flex-start;background-color:#e8edf3;background-color:var(--question-bg);color:#1f1f1f;color:var(--question-text);border-bottom-left-radius:4px;border:1px solid #d3d9e3;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.guest-chat-typing{display:flex;gap:4px;padding:4px 0}.guest-chat-typing span{width:8px;height:8px;border-radius:50%;background:#5f6368;background:var(--secondary-text, #9ca3af);animation:guestChatBounce 1.4s infinite ease-in-out both}.guest-chat-typing span:nth-child(1){animation-delay:-.32s}.guest-chat-typing span:nth-child(2){animation-delay:-.16s}.guest-chat-typing span:nth-child(3){animation-delay:0s}@keyframes guestChatBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes guestChatFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-mic-button.recording{background:#ef4444!important;animation:guestRecordPulse 1.5s infinite}@keyframes guestRecordPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.mobile-guest-welcome.guest-chat-active{justify-content:flex-start}.mobile-guest-welcome.guest-chat-active .guest-chat-messages{padding:12px 16px}.mobile-guest-input-footer{position:sticky;bottom:0;width:100%;padding-bottom:env(safe-area-inset-bottom);background:#f0ece4;background:var(--bg-color);z-index:10;flex-shrink:0}.welcome-onboarding-option.coming-soon,.mobile-guest-welcome-option.coming-soon{opacity:.75;cursor:default;position:relative;pointer-events:none}.welcome-onboarding-option.coming-soon:hover{transform:none;box-shadow:0 6px 20px #0000001f;border-color:#ffffff14;background:#ffffff08}.coming-soon-badge{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#1ab4d9b3!important;opacity:1!important}.lesson-v2-grid.guest-no-left .lesson-v2-chat-panel{background:transparent}.lesson-v2-grid.guest-no-left .lesson-v2-chat-panel:before{display:none}.guest-footer{text-align:center;padding:12px 0;font-size:12px;color:#5f6368;color:var(--secondary-text);opacity:.5;letter-spacing:.3px;pointer-events:none;flex-shrink:0}@media(max-width:768px){.guest-footer{padding:clamp(8px,2.13vw,10px) 0 calc(clamp(8px,2.13vw,10px) + env(safe-area-inset-bottom));font-size:clamp(11px,2.93vw,13px)}}:not(.dark-theme) .mobile-dropdown{background:#fffffff7;border-color:#d3d9e3;border-color:var(--border-color);color:#1f1f1f;color:var(--text-color)}:not(.dark-theme) .mobile-dropdown .dropdown-search{background:#fffffff7}:not(.dark-theme) .mobile-dropdown .dropdown-search input{background:#e3e8ef;background:var(--hover-bg);border-color:#d3d9e3;border-color:var(--border-color);color:#1f1f1f;color:var(--text-color)}:not(.dark-theme) .mobile-dropdown .dropdown-search input::placeholder{color:#5f6368;color:var(--secondary-text)}:not(.dark-theme) .mobile-dropdown .dropdown-content{background:#fffffff7}:not(.dark-theme) .mobile-dropdown .dropdown-word{border-bottom-color:#d3d9e3;border-bottom-color:var(--border-color);color:#1f1f1f;color:var(--text-color)}:not(.dark-theme) .mobile-dropdown .dropdown-word:hover{background:#e3e8ef;background:var(--hover-bg)}:not(.dark-theme) .mobile-dropdown .word-text{color:#1f1f1f;color:var(--text-color)}:not(.dark-theme) .mobile-dropdown .word-transliteration{color:#5f6368;color:var(--secondary-text)}:not(.dark-theme) .mobile-dropdown .word-due{color:#5f6368;color:var(--secondary-text)}:not(.dark-theme) .mobile-top-header-stats{background:#0000000f}:not(.dark-theme) .mobile-lang-badge{background:#0000000f}:not(.dark-theme) .mobile-lang-text{color:#1f1f1f;color:var(--text-color)}:not(.dark-theme) .mobile-guest-welcome-input-bar .floating-text-input{background-color:#fff!important;border-color:#d5d5d5}:not(.dark-theme) .mobile-chat-messages-area .floating-text-input,:not(.dark-theme) .mobile-practice-messages-area .floating-text-input{background-color:#fff;border-color:#d5d5d5;box-shadow:0 2px 8px #00000014}.dark-theme .mobile-chat-messages-area .floating-text-input,.dark-theme .mobile-practice-messages-area .floating-text-input{background-color:#2d3748;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 12px #0000001f}:not(.dark-theme) .mobile-chat-messages-area .floating-send-button,:not(.dark-theme) .mobile-practice-messages-area .floating-send-button{color:#00000059}:not(.dark-theme) .mobile-chat-card .floating-text-input{background-color:#fff;border-color:#d5d5d5;box-shadow:0 2px 8px #00000014}:not(.dark-theme) .mobile-chat-card .floating-send-button{color:#00000059}.dark-theme .mobile-chat-card .floating-text-input{background-color:#2d3748;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 12px #0000001f}.container.lesson-page:not(.dark-theme) .mobile-welcome-screen .welcome-onboarding-option{background:#f2f2f2;border-color:#e0e0e0}.container.lesson-page:not(.dark-theme) .mobile-welcome-screen .welcome-onboarding-option:hover{background:linear-gradient(160deg,#1ab4d914,#1ab4d905);border-color:#1ab4d94d;box-shadow:0 14px 36px #00000014,0 0 0 1px #1ab4d91f}.container.lesson-page:not(.dark-theme) .mobile-welcome-screen .welcome-onboarding-option:active{box-shadow:0 4px 12px #0000000f}.container.lesson-page:not(.dark-theme) .mobile-welcome-screen .welcome-onboarding-option.recommended{background:#1ab4d90f;border-color:#1ab4d94d;box-shadow:0 8px 24px #0000000f,0 0 0 1px #1ab4d926}.container.lesson-page:not(.dark-theme) .mobile-welcome-screen .welcome-onboarding-option.recommended .welcome-option-desc{color:#1496bef2}:not(.dark-theme) .mobile-chat-contacts-list .lesson-v2-partner:active{background:#00000014}.container.lesson-page:not(.dark-theme) .welcome-onboarding-option.coming-soon:hover{background:#f2f2f2;border-color:#e0e0e0}:not(.dark-theme) .guest-chat-close-btn{color:#5f6368;color:var(--secondary-text)}:not(.dark-theme) .guest-chat-close-btn:hover{color:#1f1f1f;color:var(--text-color);background-color:#0000000f}:not(.dark-theme) .mobile-chat-avatar-status{background:#ffffffbf}.session-recap-card{width:100%;max-width:520px;margin:0 auto 20px;padding:14px 18px;background:#fff;background:var(--card-bg);border:1px solid #d3d9e3;border:1px solid var(--border-color);border-radius:12px;color:#1f1f1f;color:var(--text-color)}.session-recap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.session-recap-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5f6368;color:var(--secondary-text)}.session-recap-dismiss{width:22px;height:22px;padding:0;border:none;background:transparent;color:#5f6368;color:var(--secondary-text);font-size:18px;line-height:1;cursor:pointer;border-radius:4px;opacity:.7;transition:opacity .12s ease}.session-recap-dismiss:hover{opacity:1}.session-recap-headline{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.session-recap-accuracy{font-size:1.6rem;font-weight:600;line-height:1.1;color:#1f1f1f;color:var(--text-color);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.session-recap-label{font-size:.9rem;font-weight:400;color:#5f6368;color:var(--secondary-text)}.session-recap-chips{display:flex;flex-wrap:wrap;gap:6px 14px}.session-recap-chip{font-size:.82rem;font-weight:400;color:#5f6368;color:var(--secondary-text);white-space:nowrap}.session-recap-chip+.session-recap-chip:before{content:"\b7";margin-right:14px;margin-left:-14px;color:#d3d9e3;color:var(--border-color)}@media(max-width:768px){.session-recap-card{max-width:100%;padding:clamp(12px,3.2vw,14px) clamp(14px,3.73vw,17px);margin-bottom:clamp(16px,4.27vw,19px)}.session-recap-accuracy{font-size:clamp(1.4rem,5.97vw,1.6rem)}.session-recap-label{font-size:clamp(.85rem,3.63vw,.98rem)}.session-recap-chip{font-size:clamp(.78rem,3.33vw,.9rem)}}.mobile-pillar-overlay{position:absolute;top:0;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));background:#f0ece4;background:var(--bg-color);z-index:5;display:flex;flex-direction:column;animation:mobilePillarFadeIn .18s ease-out}@keyframes mobilePillarFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-pillar-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #d3d9e3;border-bottom:1px solid var(--border-color);flex-shrink:0}html.capacitor-ios .mobile-pillar-overlay{top:max(44px,env(safe-area-inset-top))!important;top:max(44px,var(--lk-safe-top, env(safe-area-inset-top)))!important}.mobile-pillar-back{background:none;border:none;padding:6px;color:#1f1f1f;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;-webkit-tap-highlight-color:transparent}.mobile-pillar-back:active{background:#e3e8ef;background:var(--hover-bg, rgba(0,0,0,.05))}.mobile-pillar-title{font-size:16px;font-weight:600;color:#1f1f1f;color:var(--text-color)}.mobile-pillar-body{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}@media(max-width:768px){.mobile-pillar-body .pillar-grammar-detail{margin:0;padding:clamp(12px,3.2vw,14px);background:transparent;flex:1 1;min-height:0;overflow-y:auto}.mobile-pillar-body .pillar-pron-dashboard{padding:clamp(16px,4.27vw,19px)}.mobile-pillar-body .pillar-placeholder-panel{padding:clamp(24px,6.4vw,28px) clamp(16px,4.27vw,19px)}}html.capacitor-ios .mobile-chat-contacts-avatar{height:calc(25vh + env(safe-area-inset-top));min-height:calc(140px + env(safe-area-inset-top));max-height:calc(200px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);box-sizing:border-box}html.capacitor-ios .mobile-chat-messages-area,html.capacitor-ios .mobile-practice-messages-area{padding-bottom:max(0px,calc(env(safe-area-inset-bottom) - 12px));box-sizing:border-box}html.capacitor-ios .mobile-chat-conversation-screen,html.capacitor-ios .mobile-practice-conversation-screen{background:#f0ece4;background:var(--bg-color)}html.capacitor-ios .mobile-top-header{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}html.capacitor-ios .mobile-guest-welcome-topbar{padding-top:calc(env(safe-area-inset-top) + clamp(14px,3.73vw,17px))}html.capacitor-ios .onboarding-modal--science-tutorial .onboarding-back-button,html.capacitor-ios .onboarding-modal--science-tutorial .onboarding-close-button{top:36px!important}html.capacitor-ios .onboarding-modal--science-tutorial .onboarding-header{padding-top:50px!important;padding-bottom:8px!important}html.capacitor-ios .welcome-onboarding-screen.mobile-welcome-screen{padding-bottom:0;background:#f0ece4;background:var(--bg-color)}html.capacitor-ios .mobile-bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + max(4px,env(safe-area-inset-bottom) - 22px))}@media(max-height:700px){html:not(.capacitor-ios) .mobile-bottom-nav{transform:translateY(0);padding-bottom:8px}}html.capacitor-ios .mobile-practice-back-btn{top:48px}html.capacitor-ios .mobile-chat-messages-area .lesson-v2-chat-footer,html.capacitor-ios .mobile-practice-messages-area .lesson-v2-chat-footer{padding-left:clamp(22px,5.87vw,26px);padding-right:clamp(22px,5.87vw,26px)}html.capacitor-ios.keyboard-open .mobile-chat-messages-area,html.capacitor-ios.keyboard-open .mobile-practice-messages-area{padding-bottom:0}.h2r-overlay{position:fixed;inset:0;pointer-events:none;z-index:2000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.h2r-lock-chip{position:fixed;width:44px;height:56px;background:#1c1c20d9;color:#fff;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;box-shadow:0 4px 12px #00000040;transition:opacity 80ms ease,transform 80ms ease}.h2r-lock-chip.is-ready{background:#1ab4d9;background:var(--accent-color, #2196f3);box-shadow:0 6px 18px #2196f373}.h2r-lock-chip svg{width:18px;height:18px}.h2r-lock-chevron{display:inline-flex;opacity:.85}.floating-mic-button.hold-to-record.h2r-active{background:#fa5252;color:#fff;transform:scale(1.2);box-shadow:0 6px 20px #fa525273;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.record-button.hold-to-record.h2r-active{background:#fa5252;color:#fff;box-shadow:0 6px 20px #fa525273;transition:background .16s ease,box-shadow .16s ease}.recording-strip-cancel-hint{display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:14px;color:#ffffffd9;font-weight:500;transition:color .12s ease,opacity .12s ease;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0}@media(prefers-color-scheme:light){.recording-strip-cancel-hint{color:#282c3cbf}}.recording-strip-cancel-hint.is-warning{color:#fa5252}.recording-strip-cancel-arrow{display:inline-block;font-weight:800;font-size:22px;line-height:1;transform:translateY(-1px)}.floating-mic-button.hold-to-record[aria-disabled=true],.record-button.hold-to-record[aria-disabled=true]{opacity:.55}.onboarding-modal--science-tutorial{max-width:920px;width:95vw;display:flex;flex-direction:column;max-height:92vh}.science-tutorial-content,.onboarding-inline .onboarding-content.science-tutorial-content{padding:0!important;min-height:0;display:flex;flex-direction:column;overflow:visible}.science-tutorial-demo{min-height:0;display:flex;flex-direction:column;flex:1 1}.science-tutorial-demo__layout{display:flex;flex-direction:row;gap:18px;padding:12px 18px 8px;min-height:380px;flex:1 1;min-width:0;overflow:visible;box-sizing:border-box}.science-tutorial-demo__avatar{flex:0 0 38%;position:relative;min-height:320px;background:#52b8d10d;background:var(--card-bg-secondary, rgba(82, 184, 209, .05));border-radius:14px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 14px);transform:translateZ(0);will-change:transform}.science-tutorial-demo__avatar .avatar-3d-container,.science-tutorial-demo__avatar canvas{border-radius:14px;clip-path:inset(0 round 14px)}.science-tutorial-demo__avatar .avatar-3d-container{position:absolute;inset:0;width:100%;height:100%}.science-tutorial-demo__avatar-loading{position:absolute;inset:auto 0 16px;text-align:center;font-size:13px;color:#5f6368;color:var(--secondary-text);pointer-events:none}.science-tutorial-demo__avatar-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;background:#ffffff59;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.dark-theme .science-tutorial-demo__avatar-spinner{background:#0a161e59}.science-tutorial-demo__avatar-spinner-ring{width:36px;height:36px;border-radius:50%;border:3px solid rgba(2,119,189,.18);border-top-color:#0277bdd9;animation:spin .9s linear infinite}.dark-theme .science-tutorial-demo__avatar-spinner-ring{border-color:#1ab4d92e;border-top-color:#1ab4d9e6}.tutorial-pause-button{position:absolute;left:50%;bottom:8%;transform:translate(-50%);z-index:4;width:auto;height:auto;border-radius:0;background:transparent;border:none;padding:4px;color:#0277bdd9;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:transform .1s ease,color .15s ease}.tutorial-pause-button:hover{color:#0277bd;background:transparent}.tutorial-pause-button:active{transform:translate(-50%) scale(.92)}.tutorial-pause-button--paused{color:#1ab4d9;color:var(--accent-color);background:transparent;border:none}.tutorial-pause-button--paused:hover{color:#1ab4d9;color:var(--accent-color);filter:brightness(1.08)}.dark-theme .tutorial-pause-button{color:#1ab4d9e6}.dark-theme .tutorial-pause-button:hover{color:#1ab4d9}.science-tutorial-demo__content{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:visible}.science-tutorial-demo__caption{font-size:18px;line-height:1.5;font-weight:500;color:#1f1f1f;color:var(--text-color);background:#52b8d112;background:var(--card-bg-secondary, rgba(82, 184, 209, .07));border-left:3px solid #1ab4d9;border-left:3px solid var(--accent-color);padding:12px 14px;border-radius:6px;min-height:52px}.science-tutorial-demo__srs{padding:4px 0 2px;display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;min-width:0;width:100%;align-self:stretch;overflow:visible;box-sizing:border-box}.science-tutorial-demo__srs>.chat-message{max-width:100%}.tutorial-srs-token--pulse{animation:tutorialSrsPulse 1.1s ease-in-out infinite}.tutorial-srs-token--tapped{animation:none!important}@keyframes tutorialSrsPulse{0%,to{box-shadow:0 0 #f9ab0073}50%{box-shadow:0 0 0 6px #f9ab0000}}.tutorial-srs-pill--pulse{animation:tutorialSrsPillPulse 1.1s ease-in-out infinite;border-radius:999px}@keyframes tutorialSrsPillPulse{0%,to{box-shadow:0 0 #f59e0b8c}50%{box-shadow:0 0 0 8px #f59e0b00}}.science-tutorial-demo__srs-badge{margin-top:14px;display:inline-block;padding:4px 10px;font-size:12px;border-radius:999px;background:#9b59d924;color:#9b59d9;font-weight:500}.tutorial-srs-tooltip{z-index:1200;min-width:110px;max-width:220px;padding:10px 28px 10px 12px;background:#fff;background:var(--card-bg, #1a202c);color:#1f1f1f;color:var(--text-color, #e2e8f0);border:1px solid #d3d9e3;border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:10px;box-shadow:0 8px 24px #00000047;font-size:13px;line-height:1.35;animation:tutorialSrsTooltipIn .16s ease-out}@keyframes tutorialSrsTooltipIn{0%{opacity:0;transform:translate(-50%,-2px)}to{opacity:1;transform:translate(-50%)}}.tutorial-srs-tooltip__close{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:transparent;color:#5f6368;color:var(--secondary-text, rgba(255, 255, 255, .55));font-size:16px;line-height:1;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.tutorial-srs-tooltip__close:hover{background:#ffffff14;color:#1f1f1f;color:var(--text-color, #e2e8f0)}.tutorial-srs-tooltip__word{font-size:12px;font-weight:600;color:#5f6368;color:var(--secondary-text, rgba(255, 255, 255, .6));margin-bottom:2px}.tutorial-srs-tooltip__meaning{font-size:14px;font-weight:500;color:#1f1f1f;color:var(--text-color, #e2e8f0)}.onboarding-record-practice{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;flex:0 0 auto;margin-top:auto}.onboarding-record-practice__bottom{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.onboarding-record-practice__answer{width:100%;display:flex;justify-content:flex-end}.onboarding-record-practice__answer .chat-message{margin-bottom:0}.onboarding-record-practice__pill{justify-content:flex-end;margin-bottom:6px}.onboarding-record-practice__transcript{font-size:16px;line-height:1.4;word-spacing:1px}.onboarding-record-practice__transcript .word{padding:1px 2px;border-radius:4px}.onboarding-record-practice .recording-progress{position:static;transform:none;width:80%;max-width:320px}.onboarding-record-practice .mic-error-message{color:#d93025;color:var(--error-color, #ef4444);font-size:13px;text-align:center;max-width:320px}.onboarding-record-practice .loading-state{display:flex;flex-direction:column;align-items:center;gap:8px;color:#5f6368;color:var(--secondary-text);font-size:13px}.onboarding-record-practice .loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.12);border-top-color:#1ab4d9;border-top-color:var(--accent-color, #52b8d1);border-radius:50%;animation:spin .8s linear infinite}.onboarding-record-practice__input-row{display:flex;align-items:center;gap:10px;width:100%;max-width:480px;min-width:0;min-height:56px;margin:0 auto;justify-content:stretch;box-sizing:border-box}.onboarding-record-practice__text-input{position:relative;bottom:auto;right:auto;width:auto;min-width:0;max-width:none;flex:1 1;height:50px;background-color:#fffffff2;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000d}.onboarding-record-practice__text-input .floating-text-input-field{color:#1f1f1f;color:var(--text-color, #1a202c)}.dark-theme .onboarding-record-practice__text-input{background-color:#141e37eb;border:1px solid rgba(255,255,255,.08)}.dark-theme .onboarding-record-practice__text-input .floating-text-input-field{color:#1f1f1f;color:var(--text-color)}.onboarding-record-practice .floating-mic-button{position:relative;bottom:auto;right:auto}.onboarding-record-practice .mic-wave-container{flex-shrink:0;width:56px;height:56px}.onboarding-record-practice .mic-listening-indicator{display:none}.onboarding-pron-word-tooltip{z-index:1200;min-width:200px;max-width:280px;padding:12px 14px;background:#fff;background:var(--card-bg, #1a202c);color:#1f1f1f;color:var(--text-color, #e2e8f0);border:1px solid #d3d9e3;border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:10px;box-shadow:0 10px 28px #00000052;font-size:13px;line-height:1.4;animation:tutorialSrsTooltipIn .16s ease-out}.onboarding-pron-word-tooltip__close{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;background:transparent;color:#5f6368;color:var(--secondary-text, rgba(255, 255, 255, .55));font-size:16px;line-height:1;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.onboarding-pron-word-tooltip__close:hover{background:#ffffff14;color:#1f1f1f;color:var(--text-color, #e2e8f0)}.onboarding-pron-word-tooltip__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-right:22px}.onboarding-pron-word-tooltip__word{font-size:15px;font-weight:600;color:#1f1f1f;color:var(--text-color, #e2e8f0)}.onboarding-pron-word-tooltip__score{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.onboarding-pron-word-tooltip__bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:8px}.onboarding-pron-word-tooltip__bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.onboarding-pron-word-tooltip__issue{display:inline-block;padding:2px 8px;border-radius:999px;background:#ef44441f;color:#ef4444;font-size:11px;font-weight:500;margin-bottom:6px}.onboarding-pron-word-tooltip__feedback{font-size:13px;color:#5f6368;color:var(--secondary-text, rgba(255, 255, 255, .72));margin-bottom:10px}.onboarding-pron-word-tooltip__audio{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border:1px solid #d3d9e3;border:1px solid var(--border-color, rgba(255, 255, 255, .12));background:transparent;color:#1f1f1f;color:var(--text-color, #e2e8f0);border-radius:6px;cursor:pointer}.onboarding-pron-word-tooltip__audio:hover{background:#ffffff0f}.science-tutorial-demo__muwf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tutorial-muwf-row{display:grid;grid-template-columns:28px auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:6px 10px;border-radius:8px;background:#52b8d10f;background:var(--card-bg-secondary, rgba(82, 184, 209, .06));opacity:0;transform:translateY(4px);animation:tutorialMuwfIn .4s ease forwards}@keyframes tutorialMuwfIn{to{opacity:1;transform:translateY(0)}}.tutorial-muwf-row__rank{font-size:12px;color:#5f6368;color:var(--secondary-text);font-weight:600}.tutorial-muwf-row__word{font-size:17px;font-weight:600;color:#1f1f1f;color:var(--text-color)}.tutorial-muwf-row__translation{font-size:13px;color:#5f6368;color:var(--secondary-text)}.tutorial-muwf-row__bar{display:inline-block;height:6px;background:linear-gradient(90deg,#1ab4d9,#52b8d180);background:linear-gradient(90deg,var(--accent-color),rgba(82,184,209,.5));border-radius:3px;justify-self:end;max-width:110px}.science-tutorial-demo__lic{display:flex;flex-direction:column;gap:10px;flex:1 1;min-height:0}.science-tutorial-demo__lic-stream{display:flex;flex-direction:column;gap:8px;flex:1 1;min-height:0;overflow-y:auto;padding:2px 4px 2px 0}.science-tutorial-demo__lic .onboarding-record-practice{flex:0 0 auto;margin-top:0}.tutorial-lic-bubble{max-width:82%;padding:8px 12px;border-radius:14px;font-size:15px;line-height:1.4;animation:tutorialBubbleIn .25s ease}@keyframes tutorialBubbleIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tutorial-lic-bubble--sent{align-self:flex-end;background:#1ab4d9;background:var(--accent-color);color:#fff;border-bottom-right-radius:4px}.tutorial-lic-bubble--received{align-self:flex-start;background:#52b8d11a;background:var(--card-bg-secondary, rgba(82, 184, 209, .1));color:#1f1f1f;color:var(--text-color);border-bottom-left-radius:4px}.tutorial-lic-bubble__text{word-break:break-word}.tutorial-lic-bubble__hl{background:#9b59d938;color:#7b3fc7;border-radius:4px;padding:0 2px;font-weight:600}.tutorial-lic-bubble--sent .tutorial-lic-bubble__hl{background:#ffffff40;color:#fff}.tutorial-lic-bubble__translation{margin-top:3px;font-size:12px;opacity:.75;font-style:italic}.tutorial-suggested-reply{align-self:flex-end;max-width:88%;background:transparent;border:1.5px dashed #1ab4d9;border:1.5px dashed var(--accent-color);color:#1ab4d9;color:var(--accent-color);padding:8px 12px 8px 14px;border-radius:14px 14px 4px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;cursor:pointer;font:inherit;text-align:right;transition:background .15s ease;animation:tutorialBubbleIn .25s ease}.tutorial-suggested-reply:hover{background:#52b8d11a}.tutorial-suggested-reply__text{font-size:15px;font-weight:500}.tutorial-suggested-reply__translation{font-size:11px;opacity:.7;font-style:italic}.tutorial-suggested-reply__send{position:absolute;margin-left:8px;opacity:.55;font-size:13px}.tutorial-advance-button{align-self:flex-end;margin-top:20px;padding:7px 14px;font-size:13px;font-weight:500;background:transparent;color:#1ab4d9;color:var(--accent-color);border:1px solid #1ab4d9;border:1px solid var(--accent-color);border-radius:999px;cursor:pointer;transition:background .15s ease;position:relative;z-index:2}.tutorial-advance-button:hover{background:#52b8d11a}.onboarding-modal--science-tutorial .onboarding-tutorial-input-slot{display:none}@media(max-width:768px){.onboarding-modal--science-tutorial{width:100vw;max-height:100vh}.mobile-guest-onboarding-wrapper:has(.onboarding-modal--science-tutorial){padding:8px 0 0!important}.mobile-guest-onboarding-wrapper:has(.onboarding-modal--science-tutorial) .onboarding-inline-progress{display:none}.onboarding-inline .onboarding-modal.onboarding-modal--science-tutorial{min-height:calc(100vh - 70px);max-height:none}.onboarding-modal--science-tutorial .onboarding-footer{margin-top:auto;padding:12px 0 max(16px,env(safe-area-inset-bottom))}.science-tutorial-demo__layout{flex-direction:column;padding:6px 12px 0;gap:8px;min-height:0}.science-tutorial-demo__avatar{flex:0 0 auto;height:16vh;min-height:120px;max-height:150px;width:100%}.science-tutorial-demo__content{flex:1 1;min-height:0;overflow:visible;gap:8px}.science-tutorial-demo__caption{font-size:15px;line-height:1.3;font-weight:500;padding:8px 12px;min-height:40px}.tutorial-srs-sentence{font-size:22px}.science-tutorial-demo__content>.onboarding-record-practice{padding-top:24px}.science-tutorial-demo__content>.tutorial-advance-button{margin-top:auto}.onboarding-modal--science-tutorial .onboarding-tutorial-input-slot{display:flex;flex-direction:column;width:100%;padding:0 12px;margin-top:auto;box-sizing:border-box}.onboarding-modal--science-tutorial .onboarding-footer{margin-top:0}.onboarding-modal--science-tutorial .science-tutorial-demo__content>.onboarding-record-practice{padding-top:0}.onboarding-modal--science-tutorial .onboarding-content.science-tutorial-content{flex:1 1;min-height:0}}.welcome-onboarding-center:has(.onboarding-modal--science-tutorial) .onboarding-inline-progress{display:none}.notif-primer-overlay{position:fixed;inset:0;background:#0000008c;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px;animation:notif-primer-fade-in .18s ease}@keyframes notif-primer-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.notif-primer-modal{position:relative;width:min(380px,100%);background:var(--card-bg);color:var(--text-color);border-radius:16px;padding:24px 22px;box-shadow:0 16px 48px #00000059;z-index:10002;display:flex;flex-direction:column;gap:12px;text-align:center}.notif-primer-icon{font-size:40px;line-height:1}.notif-primer-title{margin:0;font-size:20px;font-weight:700}.notif-primer-body{margin:0;font-size:14px;opacity:.85;line-height:1.4}.notif-primer-time-label{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-top:6px}.notif-primer-time-input{font-size:18px;font-weight:600;padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.15);border:1px solid var(--border-color, rgba(0, 0, 0, .15));background:#0000000d;background:var(--input-bg, rgba(0, 0, 0, .05));color:var(--text-color);text-align:center;width:120px}.notif-primer-platform-note{margin:0;font-size:12px;opacity:.65;font-style:italic}.notif-primer-error{margin:0;color:#d44;font-size:13px}.notif-primer-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.notif-primer-accept{background:#f0c86ed9;color:#2a1d00;font-weight:700;font-size:15px;padding:12px 16px;border-radius:10px;border:none;cursor:pointer}.notif-primer-accept:disabled{opacity:.55;cursor:not-allowed}.notif-primer-accept:not(:disabled):hover{background:#f0c86e}.notif-primer-defer{background:transparent;color:var(--text-color);font-size:14px;padding:8px 16px;border-radius:10px;border:none;cursor:pointer;opacity:.7}.notif-primer-defer:hover{opacity:1}.landing-page{--section-bg-light: #f9fafb;--section-bg-dark: #1a2235;--ghibli-accent: rgba(106, 220, 255, .5);--ghibli-accent-soft: rgba(106, 220, 255, .2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--bg-color);background-image:radial-gradient(circle at 80% 10%,rgba(26,180,217,.15) 0%,transparent 60%),radial-gradient(circle at 20% 90%,rgba(26,180,217,.1) 0%,transparent 60%),radial-gradient(circle at 50% 50%,var(--bg-color) 0%,var(--section-bg-dark) 100%);background-attachment:fixed;line-height:1.6;overflow-x:hidden;position:relative}.landing-page:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(26,180,217,.03) 0%,transparent 100%);pointer-events:none}.landing-header{position:sticky;top:0;z-index:100;padding:1rem 2rem;background:var(--header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.landing-nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;cursor:pointer}.app-name{font-size:1.75rem;font-weight:700;background:linear-gradient(90deg,#ffffff 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-name span{color:inherit}.landing-page .app-name{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:border-box;background-clip:initial;color:var(--text-color)}.landing-page .app-name span{color:var(--text-color)}.nav-buttons{display:flex;gap:1rem}.nav-button{padding:.5rem 1.25rem;font-size:1rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease;background:none;border:1px solid var(--border-color);color:var(--text-color)}.nav-button:hover{background-color:var(--hover-bg)}.primary-button{background-color:var(--accent-color);color:#fff;border:none}.primary-button:hover{background-color:var(--accent-color-hover)}.secondary-button:hover{background-color:var(--hover-bg);border-color:var(--border-color)}.hero{display:flex;align-items:center;max-width:1200px;margin:1rem auto;padding:2rem;gap:4rem}.hero-content{flex:1 1;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem;background:linear-gradient(90deg,#ffffff 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--ghibli-accent-soft)}.hero h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--secondary-text)}.hero-description{font-size:1.125rem;margin-bottom:2rem;color:var(--secondary-text)}.hero-signup .email-signup-form{margin-bottom:0}.hero-signup .form-message{font-size:.875rem;padding:.5rem;margin-top:.75rem;margin-bottom:0}.cta-button{padding:.75rem 2rem;font-size:1.125rem;font-weight:600;background-color:var(--accent-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;z-index:1}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease;z-index:-1}.cta-button:hover{background-color:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 4px 15px #1ab4d966}.cta-button:hover:before{left:100%}.hero-image{flex:1 1;position:relative;display:flex;align-items:center}.hero-image img{width:100%;border-radius:1rem;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;transform:translateZ(0)}.ghibli-style-image{filter:drop-shadow(0 0 10px rgba(106,220,255,.3));transition:all .5s ease;border:2px solid var(--border-color);border-radius:8px;position:relative;will-change:transform,filter}.ghibli-style-image:hover{transform:scale(1.02);filter:drop-shadow(0 0 15px rgba(106,220,255,.5))}.audience-card .ghibli-style-image{height:220px;object-fit:cover;object-position:center}.landing-page:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 40%,rgba(16,24,39,.2) 45%,rgba(16,24,39,.5) 55%,rgba(26,34,53,.7) 75%,rgba(26,34,53,.9) 100%);z-index:-1;pointer-events:none}.features{padding:5rem 2rem;max-width:1200px;margin:0 auto;position:relative;text-align:center}.features h2{font-size:2.25rem;font-weight:700;color:var(--text-color);margin-bottom:3rem}.feature-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;text-align:left}.feature-item{background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:1rem;box-shadow:0 8px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000004d}.feature-icon{background-color:var(--accent-color);width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #1ab4d966}.feature-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--ghibli-accent-soft) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.feature-item:hover .feature-icon:after{opacity:1}.feature-icon svg{width:1.75rem;height:1.75rem;color:var(--text-color)}.feature-item h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#00d4ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,212,255,.3);animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.feature-item p{color:var(--secondary-text);margin-bottom:1rem}.feature-item ul{list-style-type:none;padding-left:0}.feature-item li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--secondary-text)}.feature-item li:before{content:"\2713";position:absolute;left:0;color:var(--accent-color);font-weight:700}.avatar-method-section{padding:5rem 2rem;max-width:1200px;margin:0 auto;position:relative}.avatar-method-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start;min-height:400px}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.avatar-container{display:flex;justify-content:center;align-items:center;position:relative;background:linear-gradient(135deg,#1ab4d91a,#0f7a8c1a);border-radius:20px;padding:2rem;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1ab4d933;height:300px}.avatar-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(26,180,217,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.method-text{display:flex;flex-direction:column;text-align:center}.method-text h2{font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:var(--text-color);background:linear-gradient(135deg,#fff,#1ab4d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(26,180,217,.3)}.method-description{font-size:1.25rem;color:var(--secondary-text);line-height:1.8;max-width:600px;margin:0 auto}.chatgpt-comparison{padding:2rem;background:linear-gradient(135deg,#1ab4d914,#0f7a8c14);border-radius:20px;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1ab4d91a;height:300px;display:flex;flex-direction:column;justify-content:center}.comparison-description{font-size:1.125rem;color:var(--secondary-text);line-height:1.7;margin-bottom:1.5rem;text-align:left}.comparison-description:last-child{margin-bottom:0}.comparison-description strong{color:#1ab4d9;font-weight:600}@media(max-width:900px){.avatar-method-content{grid-template-columns:1fr;gap:3rem;min-height:auto}.left-column{order:1}.right-column{order:2}.avatar-container{max-width:350px;margin:0 auto;height:250px}.method-text h2{font-size:1.5rem}.chatgpt-comparison{padding:1.5rem;height:250px}}.audience{padding:5rem 2rem;max-width:1200px;margin:0 auto;position:relative}.audience h2{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-color)}.audience-cards{display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem;width:100%}.audience-card{background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;overflow:hidden;box-shadow:0 8px 20px #0000004d;transition:transform .3s ease;border:1px solid var(--border-color);flex:1 1;display:flex;flex-direction:column}.audience-card:hover{transform:translateY(-5px)}.audience-card h3{font-size:1.25rem;font-weight:700;padding:1.5rem 1.5rem .5rem;color:var(--text-color)}.audience-subtitle{color:var(--accent-color);font-weight:600;font-size:1.125rem;padding:0 1.5rem .5rem;margin:0;text-shadow:0 0 10px var(--ghibli-accent-soft)}.audience-card p{color:var(--secondary-text);padding:0 1.5rem 1.5rem;flex-grow:1}.audience-card .ghibli-style-image{width:100%;height:200px;object-fit:cover;object-position:center;margin-top:auto}.how-it-works{padding:5rem 2rem;position:relative}.how-it-works h2{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-color)}.steps{max-width:800px;margin:0 auto}.step{display:flex;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;box-shadow:0 8px 20px #0000004d;border:1px solid var(--border-color)}.step-number{background-color:var(--accent-color);color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0;margin-right:1.5rem;box-shadow:0 0 15px var(--ghibli-accent-soft)}.step p{margin:0;font-size:1.125rem;color:var(--text-color)}.progress-tracking{padding:5rem 2rem;position:relative;display:flex;align-items:center;max-width:1200px;margin:0 auto;gap:4rem}.progress-content{flex:1 1}.progress-content h2{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.progress-content p{color:var(--secondary-text);font-size:1.125rem;margin-bottom:2rem}.progress-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.metric{display:flex;align-items:center;gap:1rem}.metric-icon{font-size:1.5rem}.metric-text{font-weight:500;color:var(--text-color)}.progress-footer{font-weight:600;color:var(--accent-color)!important}.progress-image{flex:1 1;max-width:500px}.progress-image img{width:100%;height:350px;object-fit:cover;border-radius:1rem;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.progress-image .ghibli-style-image{filter:drop-shadow(0 0 10px rgba(106,220,255,.3));transition:all .5s ease;border:2px solid var(--border-color);height:350px;object-fit:cover}.progress-image .ghibli-style-image:hover{transform:scale(1.02);filter:drop-shadow(0 0 15px rgba(106,220,255,.5))}.differentiators{padding:5rem 2rem;text-align:center;position:relative}.differentiators h2{font-size:2.25rem;font-weight:700;margin-bottom:3rem;color:var(--text-color)}.differentiators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.differentiator{background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:1rem;box-shadow:0 8px 20px #0000004d;transition:transform .3s ease;border:1px solid var(--border-color)}.differentiator:hover{transform:translateY(-5px)}.differentiator-icon{font-size:2.5rem;margin-bottom:1rem}.differentiator p{color:var(--secondary-text);margin:0}.cta-section{text-align:center;padding:5rem 2rem;position:relative}.cta-section h2{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.cta-section p{color:var(--secondary-text);font-size:1.25rem;margin-bottom:2.5rem}.email-signup-container{max-width:600px;margin:0 auto}.email-signup-form{display:flex;flex-direction:row;gap:1rem;margin-bottom:1.5rem;width:100%;position:relative}.email-input{flex:1 1;padding:.75rem 1.25rem;font-size:1rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);transition:all .2s ease}.email-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #1ab4d94d}.email-input::placeholder{color:#ffffff80}.form-message{padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center;font-weight:500;animation:fadeIn .3s ease-in}.form-message.success{background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.form-message.error{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.email-signup-note{font-size:.875rem!important;color:var(--secondary-text)!important;text-align:center;margin-top:0!important;margin-bottom:0!important}.auth-note{display:inline-block;margin-top:.75rem}.text-button{background:none;border:none;color:var(--accent-color);font-weight:600;padding:0;margin:0;cursor:pointer;transition:color .2s ease;font-size:inherit}.text-button:hover{color:var(--accent-color-hover);text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.email-signup-form{flex-direction:column}.email-input,.cta-section .cta-button{width:100%}}.faq-section{padding:5rem 2rem;position:relative}.faq-section h2{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-color)}.faq-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto;padding:0 2rem}.faq-item{background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem 2rem;box-shadow:0 8px 20px #0000004d;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000004d}.faq-item h3{font-size:1.25rem;font-weight:600;color:var(--accent-color);margin-bottom:1rem}.faq-item p{color:var(--secondary-text);line-height:1.6;margin:0}@media(max-width:768px){.faq-items{grid-template-columns:1fr}}.landing-footer{background:linear-gradient(180deg,var(--bg-color) 0%,#0f172a 100%);color:#fff;padding:5rem 2rem 2rem;position:relative}.landing-footer:before{content:"";position:absolute;inset:0 -9999px;background:inherit;z-index:-1}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding-bottom:3rem;border-bottom:1px solid var(--border-color)}.footer-logo{flex:1 1}.footer-logo .app-name{background:linear-gradient(90deg,#ffffff 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem;margin-bottom:1rem;display:inline-block}.footer-logo p{color:var(--secondary-text);max-width:300px}.footer-links{display:flex;gap:4rem}.footer-column h4{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.footer-column ul{list-style-type:none;padding:0;margin:0}.footer-column li{margin-bottom:.75rem}.footer-column a{color:var(--secondary-text);text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:var(--text-color)}.footer-column .footer-link{background:none;border:none;padding:0;font:inherit;color:var(--secondary-text);text-decoration:none;transition:color .2s ease;cursor:pointer;font-size:inherit;text-align:left}.footer-column .footer-link:hover{color:var(--text-color)}.footer-bottom{max-width:1200px;margin:2rem auto 0;text-align:center;color:var(--secondary-text);font-size:.875rem}.auth-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;z-index:1000}.auth-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal-content{position:relative;z-index:1;width:100%;max-width:400px;box-sizing:border-box}.auth-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;line-height:1;color:var(--secondary-text);cursor:pointer;z-index:10}@media(max-width:900px){.hero,.progress-tracking{flex-direction:column;text-align:center;gap:2rem}.hero h1{font-size:2.5rem}.footer-content{flex-direction:column;gap:3rem}.footer-links{justify-content:space-between;width:100%}.audience-cards{flex-direction:column}.audience-card{width:100%}.audience-card .ghibli-style-image{height:220px}.nav-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.nav-button{font-size:.875rem;padding:.5rem 1rem}.progress-tracking{flex-direction:column;text-align:center;gap:2rem}.progress-image{width:100%;max-width:600px;margin:0 auto}.progress-image img,.progress-image .ghibli-style-image{height:300px}}@media(max-width:768px){.landing-nav{flex-direction:column;gap:1rem}.nav-buttons{width:100%;justify-content:center}}@media(max-width:600px){.hero h1{font-size:2rem}.footer-links{flex-direction:column;gap:2rem}.progress-metrics{grid-template-columns:1fr}.progress-image img,.progress-image .ghibli-style-image{height:250px}.languages-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.language-section-title{font-size:1.3rem}.language-card{padding:.625rem .875rem;font-size:.85rem;min-height:40px}.language-search-input{font-size:.9rem}.expand-button{padding:.625rem 1.25rem;font-size:.875rem}.expand-icon{width:18px;height:18px}}.structured-data{display:none}.languages-supported{padding:3rem 0;text-align:center;position:relative;overflow:hidden;width:100%;max-width:100%;margin:0 auto}.languages-supported h2{font-size:2.25rem;font-weight:700;margin-bottom:2.5rem;color:var(--text-color)}.languages-intro{color:var(--secondary-text);font-size:1.1rem;margin:0;text-align:center;max-width:600px;line-height:1.5}.language-search-container{display:flex;flex-direction:column;align-items:center;margin:2rem auto 3rem;width:100%;max-width:1200px;gap:1.5rem}.search-input-wrapper{position:relative;width:100%;max-width:350px;margin:0 auto}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--secondary-text);pointer-events:none}.language-search-input{width:100%;padding:14px 14px 14px 44px;border:2px solid var(--accent-color);border-radius:25px;font-size:1rem;background:linear-gradient(135deg,#1ab4d926,#1ab4d914);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--text-color);transition:all .3s ease;box-shadow:0 10px 30px #1ab4d933,0 4px 12px #0000004d,inset 0 1px #ffffff1a;text-align:left;box-sizing:border-box;position:relative}.language-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 12px 35px #1ab4d94d,0 0 0 3px #1ab4d926,inset 0 1px #fff3;transform:translateY(-2px);background:linear-gradient(135deg,#1ab4d933,#1ab4d91f)}.language-search-input::placeholder{color:#ffffffb3;font-weight:400}.language-carousel-container{width:100%;overflow-x:auto;overflow-y:hidden;margin:2rem auto;scrollbar-width:thin;scrollbar-color:rgba(26,180,217,.5) rgba(255,255,255,.1);padding:1rem 0}.language-carousel-container.indian-carousel{margin:1rem auto 2rem;position:relative}.language-carousel-container.indian-carousel:before{content:"";position:absolute;top:-.5rem;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.6}.language-carousel-container::-webkit-scrollbar{height:8px}.language-carousel-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.language-carousel-container::-webkit-scrollbar-thumb{background:#1ab4d980;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.language-carousel-container::-webkit-scrollbar-thumb:hover{background:#1ab4d9b3}.language-carousel{width:100%}.language-carousel-track{display:flex;gap:1.5rem;width:max-content;animation:scroll-languages 120s linear infinite;padding:0 2rem}.language-carousel-track.indian-track{animation:scroll-languages-reverse 120s linear infinite}.language-carousel-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;text-decoration:none;color:var(--text-color);transition:all .3s ease;border:1px solid var(--border-color);font-weight:500;font-size:.95rem;white-space:nowrap;flex-shrink:0;min-width:170px;box-shadow:0 4px 12px #0003}.language-carousel-card:hover{background:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #1ab4d966;border-color:var(--accent-color);text-decoration:none;animation-play-state:paused}.language-carousel-card.highlighted{background:var(--accent-color)!important;color:#fff!important;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #1ab4d999;border-color:var(--accent-color)!important;border-width:2px;animation:pulse-highlight 2s ease-in-out}@keyframes pulse-highlight{0%,to{box-shadow:0 12px 30px #1ab4d999}50%{box-shadow:0 15px 35px #1ab4d9cc}}.language-carousel-card .language-flag-icon{width:24px;height:24px;border-radius:4px;flex-shrink:0}.language-carousel-card .language-name{flex:1 1;text-align:left}.language-carousel-container:hover .language-carousel-track{animation-play-state:paused}.language-carousel-container.search-active .language-carousel-track,.language-carousel-container.search-active .language-carousel-track.indian-track,.language-carousel-container.search-active:hover .language-carousel-track,.language-carousel-container.search-active:hover .language-carousel-track.indian-track{animation:none!important}@keyframes scroll-languages{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-languages-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(max-width:768px){.language-carousel-container{margin:1.5rem auto 2rem}.language-carousel-track{gap:1rem;padding:0 1rem}.language-carousel-card{min-width:150px;padding:.65rem 1rem;font-size:.9rem}.language-carousel-card .language-flag-icon{width:20px;height:20px}.language-search-container{margin:1.8rem auto 2.5rem;padding:0 1rem;gap:1.2rem}}@media(max-width:480px){.language-carousel-container{margin:1.2rem auto 1.5rem}.language-carousel-track{gap:.75rem;padding:0 .5rem;animation-duration:90s}.language-carousel-track.indian-track{animation-duration:90s}.language-carousel-card{min-width:130px;padding:.6rem .9rem;font-size:.85rem}.language-search-container{margin:1.8rem auto 2.2rem;padding:0 1rem;gap:1.2rem}.search-input-wrapper{max-width:350px}}.language-landing-page{background-color:var(--bg-color);color:var(--text-color)}.language-landing-page h1,.language-landing-page h2,.language-landing-page h3,.language-landing-page h4,.language-landing-page h5,.language-landing-page h6,.language-landing-page p,.language-landing-page span,.language-landing-page div{color:var(--text-color)!important}.language-landing-page li{color:var(--secondary-text)!important}.language-facts .language-info{background-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:1rem;color:var(--text-color)}.language-facts .language-info ul li,.language-facts .language-details p{color:var(--secondary-text)!important}.hero-stats .stat{color:var(--text-color)}.hero-stats .stat strong{color:var(--text-color)!important}.hero-stats .stat span{color:var(--secondary-text)!important}.final-cta{padding:5rem 2rem;text-align:center;position:relative}.final-cta h2{font-size:2.25rem;font-weight:700;color:var(--text-color)!important;margin-bottom:1.5rem}.final-cta p{color:var(--secondary-text)!important;font-size:1.125rem;margin-bottom:2rem}.cta-subtext{color:var(--secondary-text)!important;font-size:.875rem;margin-top:1rem}.method-card p,.benefit-card p{color:var(--secondary-text)!important}.step-content h3{color:var(--text-color)!important}.step-content p{color:var(--secondary-text)!important}body .language-landing-page,body .landing-page{background-color:var(--bg-color)}.language-landing-page .language-details strong,.landing-page .language-details strong{color:var(--text-color)!important}.language-hero .hero-stats{display:flex;gap:2rem;margin:2rem 0;flex-wrap:wrap;justify-content:center}.language-hero .hero-stats .stat{text-align:center;flex:1 1;min-width:150px}.language-hero .hero-stats .stat strong{display:block;font-size:1.25rem;font-weight:700;color:var(--text-color)!important;margin-bottom:.25rem}.language-hero .hero-stats .stat span{color:var(--secondary-text)!important;font-size:.875rem}.language-flag{margin-bottom:1rem}.hero-flag{width:48px;height:48px;border-radius:8px;box-shadow:0 4px 12px #0000004d}.landing-page p:not(.hero-description):not(.progress-footer):not(.cta-subtext),.language-landing-page p:not(.hero-description):not(.progress-footer):not(.cta-subtext){color:var(--text-color)!important}.landing-page ul li,.language-landing-page ul li,.landing-page .metric-text,.language-landing-page .metric-text{color:var(--secondary-text)!important}.landing-page,.language-landing-page{color:var(--text-color)}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6,.language-landing-page h1,.language-landing-page h2,.language-landing-page h3,.language-landing-page h4,.language-landing-page h5,.language-landing-page h6{color:var(--text-color)!important}.landing-page p,.landing-page span,.landing-page div:not(.hero-image):not(.progress-image),.language-landing-page p,.language-landing-page span,.language-landing-page div:not(.hero-image):not(.progress-image){color:var(--text-color)!important}.landing-page strong,.landing-page em,.landing-page b,.language-landing-page strong,.language-landing-page em,.language-landing-page b{color:var(--text-color)!important}.landing-page .audience-card *,.landing-page .feature-item *,.landing-page .faq-item *,.language-landing-page .audience-card *,.language-landing-page .feature-item *,.language-landing-page .faq-item *{color:inherit}[style*="color: var(--text-color)"]{color:var(--text-color)!important}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-group{display:flex;flex-direction:column}.contact-form-label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.contact-form-input,.contact-form-textarea,.contact-form-select{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:#ffffff0d;color:var(--text-color);font-size:1rem;font-family:inherit}.contact-form-textarea{resize:vertical}.contact-form-input:focus,.contact-form-textarea:focus,.contact-form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #1ab4d94d}.contact-form-select option{background-color:var(--card-bg);color:var(--text-color)}.contact-submit-btn{align-self:center;min-width:200px}.founder-info{display:flex;align-items:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.founder-details{flex:1 1;min-width:300px}.founder-name{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.founder-role{font-size:1.125rem;color:var(--accent-color);font-weight:600;margin-bottom:1rem}.founder-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.founder-stat-row{display:flex;align-items:center;gap:.5rem}.founder-icon{color:var(--accent-color);font-size:1.25rem}.founder-text{color:var(--secondary-text)}.founder-desc{color:var(--secondary-text);line-height:1.6}.founder-image-container{flex:0 0 300px}.founder-image{width:300px;height:300px;object-fit:cover;border-radius:50%;border:4px solid var(--accent-color);box-shadow:0 8px 20px #1ab4d94d;transition:all .3s ease}.founder-image:hover{transform:scale(1.02);box-shadow:0 12px 25px #1ab4d980}@media(max-width:768px){.founder-info{flex-direction:column;text-align:center}.founder-stats{align-items:center}.founder-image-container{margin:0 auto}}.legal-page{min-height:100vh;background:linear-gradient(135deg,var(--page-bg-gradient-start),var(--page-bg-gradient-end));color:var(--text-color)}.legal-content{padding:2rem 0 4rem;min-height:calc(100vh - 200px)}.legal-content .container{max-width:800px;margin:0 auto;padding:0 2rem}.legal-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color);text-align:center}.last-updated{text-align:center;color:var(--secondary-text);margin-bottom:3rem;font-style:italic}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1ab4d9;border-bottom:2px solid rgba(26,180,217,.3);padding-bottom:.5rem}.legal-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-color)}.legal-content p{line-height:1.7;margin-bottom:1rem;color:var(--text-color)}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{margin-bottom:.5rem;color:var(--text-color);line-height:1.6}.legal-content a{color:#1ab4d9;text-decoration:none;transition:color .2s ease}.legal-content a:hover{color:#22d3ee;text-decoration:underline}@media(max-width:768px){.legal-content .container{padding:0 clamp(1rem,4.27vw,1.15rem)}.legal-content h1{font-size:clamp(2rem,8.53vw,2.3rem)}.legal-content h2{font-size:clamp(1.25rem,5.33vw,1.44rem)}.legal-content h3{font-size:clamp(1.125rem,4.8vw,1.29rem)}}.blog-page{min-height:100vh;background:linear-gradient(135deg,var(--page-bg-gradient-start),var(--page-bg-gradient-end));color:var(--text-color)}.blog-content{padding:2rem 0 4rem;min-height:calc(100vh - 200px)}.blog-content .container{max-width:1000px;margin:0 auto;padding:0 2rem}.blog-header{text-align:center;margin-bottom:4rem}.blog-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.blog-header p{font-size:1.25rem;color:var(--secondary-text);max-width:600px;margin:0 auto}.blog-posts{display:grid;grid-gap:2rem;gap:2rem;margin-bottom:4rem}.blog-post-card{background:var(--card-bg);border-radius:12px;padding:2rem;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category{background:#1ab4d933;color:#1ab4d9;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.read-time{color:var(--secondary-text);font-size:.875rem}.blog-post-card h2{margin-bottom:1rem}.blog-post-card h2 a{color:var(--text-color);text-decoration:none;font-size:1.5rem;font-weight:600;transition:color .2s ease}.blog-post-card h2 a:hover{color:#1ab4d9}.excerpt{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.post-footer time{color:var(--secondary-text);font-size:.875rem}.read-more{color:#1ab4d9;text-decoration:none;font-weight:500;transition:color .2s ease}.read-more:hover{color:#22d3ee}.blog-cta{text-align:center;background:#1ab4d91a;border-radius:12px;padding:3rem 2rem;border:1px solid rgba(26,180,217,.2)}.blog-cta h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.blog-cta p{font-size:1.125rem;color:var(--secondary-text);margin-bottom:2rem}.blog-post{max-width:800px;margin:0 auto}.post-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.post-header .post-meta{justify-content:center;gap:1rem;margin-bottom:1.5rem}.post-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color);line-height:1.2}.post-info{display:flex;justify-content:center;align-items:center;gap:1rem;color:var(--secondary-text);font-size:.875rem}.post-content{line-height:1.8;margin-bottom:3rem}.post-content h2{font-size:1.75rem;font-weight:600;margin:2rem 0 1rem;color:#1ab4d9}.post-content h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-color)}.post-content p{margin-bottom:1.5rem;color:var(--text-color)}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:2rem}.post-content li{margin-bottom:.5rem;color:var(--text-color)}.post-content strong{color:#1ab4d9;font-weight:600}.post-content blockquote{border-left:4px solid #1ab4d9;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--secondary-text)}.post-footer{border-top:1px solid var(--border-color);padding-top:2rem;margin-top:3rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{background:#1ab4d933;color:#1ab4d9;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.post-nav{text-align:center}.back-to-blog{color:#1ab4d9;text-decoration:none;font-weight:500;transition:color .2s ease}.back-to-blog:hover{color:#22d3ee}@media(max-width:768px){.blog-content .container{padding:0 clamp(1rem,4.27vw,1.15rem)}.blog-header h1{font-size:clamp(2rem,8.53vw,2.3rem)}.blog-header p{font-size:clamp(1rem,4.27vw,1.15rem)}.blog-post-card{padding:clamp(1.5rem,6.4vw,1.72rem)}.blog-post-card h2 a{font-size:clamp(1.25rem,5.33vw,1.44rem)}.post-meta{flex-direction:column;align-items:flex-start;gap:clamp(.5rem,2.13vw,.58rem)}.post-footer{flex-direction:column;align-items:flex-start;gap:clamp(1rem,4.27vw,1.15rem)}.blog-cta{padding:clamp(2rem,8.53vw,2.3rem) clamp(1rem,4.27vw,1.15rem)}.blog-cta h2{font-size:clamp(1.5rem,6.4vw,1.72rem)}.post-header h1{font-size:clamp(2rem,8.53vw,2.3rem)}.post-header .post-meta{flex-direction:column;gap:clamp(.5rem,2.13vw,.58rem)}.post-content h2{font-size:clamp(1.5rem,6.4vw,1.72rem)}.post-content h3{font-size:clamp(1.25rem,5.33vw,1.44rem)}.post-tags{justify-content:center}}.chat-message.sent.incorrect .chat-time{color:#e53935}.chat-message.sent.repetition .chat-bubble{background-color:#d9fdd3;color:#111b21;border:none;box-shadow:0 1px 2px #0000001a}.dark-theme .chat-message.sent.repetition .chat-bubble{background-color:#1e3a5f;color:#dbeafe}.chat-message.sent.repetition .chat-time{color:#00000073;font-weight:500}.dark-theme .chat-message.sent.repetition .chat-time{color:#ffffffb3}.chat-message.sent.correct .chat-time{color:#43a047}.chat-message.sent.auto-hint{opacity:1}.chat-message.sent.auto-hint .chat-bubble{background-color:var(--card-bg);border:none;box-shadow:0 1px 2px #0000001a;color:var(--text-color)}.chat-message.received.auto-hint{opacity:1}.chat-message.received.auto-hint .chat-bubble{background-color:var(--card-bg);border:none;box-shadow:0 1px 2px #0000001a;color:var(--text-color)}.chat-message.sent.auto-hint .chat-time,.chat-message.received.auto-hint .chat-time{color:#fff;font-weight:500}.hint-message{display:flex;align-items:flex-start;gap:10px;color:#fff;font-style:normal;padding:2px 4px}.hint-message svg{width:18px;height:18px;color:#fff;flex-shrink:0;margin-top:4px}.hint-message .chat-text{color:#fff;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.chat-message.sent.auto-hint .chat-bubble{max-width:400px}.chat-message.sent.auto-hint .hint-message .chat-transliteration,.chat-message.sent.auto-hint .hint-message .chat-translation{margin-left:0;font-size:.9em;opacity:.8}.hint-message>div{display:flex;flex-direction:column;align-items:flex-start}.chat-message.sent.repetition+.chat-message.sent.auto-hint{position:relative}.chat-message.sent.repetition+.chat-message.sent.auto-hint:before{content:"";position:absolute;top:-6px;right:20px;width:40px;height:1px;background:#673ab733;border-radius:1px}.conversation-separator{display:none}.chat-messages{scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.3) transparent}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#9696964d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#96969680}.chat-hover-menu{display:none;align-items:center;gap:6px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.chat-bubble:hover .chat-time-content{visibility:hidden}.chat-bubble:hover .chat-hover-menu{display:flex;align-items:center;gap:6px}@media(hover:none){.chat-bubble .chat-hover-menu{display:flex;align-items:center;gap:6px}.chat-bubble .chat-time-content{visibility:hidden}}.chat-menu-btn{background:none;border:none;padding:2px;cursor:pointer;color:inherit;opacity:.6;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .15s ease,background-color .15s ease;line-height:1}.chat-menu-btn:hover{opacity:1;background-color:#ffffff1a}.dark-theme .chat-menu-btn:hover{background-color:#ffffff1f}.chat-message.sent .chat-menu-btn{color:#0277bdb3}.chat-message.sent .chat-menu-btn:hover{color:#0277bd;background-color:#0277bd14}.dark-theme .chat-message.sent .chat-menu-btn{color:#e3f2fd8c}.dark-theme .chat-message.sent .chat-menu-btn:hover{color:#e3f2fd;background-color:#ffffff1a}.chat-message.received .chat-menu-btn{color:var(--secondary-text);opacity:.55}.chat-message.received .chat-menu-btn:hover{opacity:1;background-color:#ffffff14}.chat-menu-btn-unsend{color:#f56565!important;opacity:.8!important}.chat-menu-btn-unsend:hover{color:#fc8181!important;opacity:1!important;background-color:#f5656526!important}.chat-reply-preview{display:flex;align-items:stretch;gap:0;margin-bottom:4px;padding:4px 8px;border-radius:6px;background-color:#00000014;border-left:3px solid rgba(100,180,255,.8);cursor:default;max-width:100%;overflow:hidden}.dark-theme .chat-reply-preview{background-color:#ffffff0f;border-left-color:#64b4ff99}.chat-message.sent .chat-reply-preview{background-color:#0000000f;border-left-color:#fff6}.dark-theme .chat-message.sent .chat-reply-preview{background-color:#ffffff14;border-left-color:#64b4ff80}.chat-reply-preview-content{flex:1 1;min-width:0;overflow:hidden}.chat-reply-preview-name{font-size:11px;font-weight:600;color:#64b4ffe6;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-message.sent .chat-reply-preview-name{color:#0277bdcc}.dark-theme .chat-message.sent .chat-reply-preview-name{color:#82c8ffcc}.chat-reply-preview-text{font-size:12px;color:inherit;opacity:.7;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.chat-reply-bar{display:flex;align-items:center;gap:0;padding:8px 14px 6px;margin:0;width:100%;box-sizing:border-box;border-bottom:none;background:#ffffff0f;border-radius:18px 18px 0 0;animation:replyBarSlideIn .15s ease-out}@keyframes replyBarSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-reply-bar-accent{width:3px;min-height:28px;background-color:#64b4ffcc;border-radius:2px;margin-right:10px;flex-shrink:0}.chat-reply-bar-content{flex:1 1;min-width:0;overflow:hidden}.chat-reply-bar-name{font-size:12px;font-weight:600;color:#64b4ffe6;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-bar-text{font-size:13px;color:var(--secondary-text);opacity:.8;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-bar-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--secondary-text);opacity:.6;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .15s ease,background-color .15s ease;flex-shrink:0;margin-left:8px}.chat-reply-bar-close:hover{opacity:1;background-color:#96969626}.chat-bubble-unsent{opacity:.5}.chat-unsent-text{font-style:italic;font-size:13px;opacity:.85;-webkit-user-select:none;user-select:none}.voice-note-player{display:flex;align-items:center;gap:8px;padding:4px 2px 6px;min-width:160px;max-width:240px;-webkit-user-select:none;user-select:none}.voice-note-play-btn{width:28px;height:28px;min-width:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .15s ease,transform .1s ease}.voice-note-play-btn:hover{opacity:.85;transform:scale(1.05)}.voice-note-play-btn:active{transform:scale(.95)}.voice-note-sent .voice-note-play-btn{background:#0000001a;color:#000000b3}.voice-note-sent .voice-note-progress{background:#0000001a}.voice-note-sent .voice-note-progress-fill{background:#0006}.voice-note-sent .voice-note-duration{color:#00000073}.voice-note-received .voice-note-play-btn{background:#00000014;color:#000000a6}.voice-note-received .voice-note-progress{background:#00000014}.voice-note-received .voice-note-progress-fill{background:#00000059}.voice-note-received .voice-note-duration{color:#0006}.dark-theme .voice-note-sent .voice-note-play-btn{background:#fff3;color:#fffffff2}.dark-theme .voice-note-sent .voice-note-progress{background:#ffffff2e}.dark-theme .voice-note-sent .voice-note-progress-fill{background:#ffffffb3}.dark-theme .voice-note-sent .voice-note-duration{color:#fff9}.dark-theme .voice-note-received .voice-note-play-btn{background:#ffffff1f;color:#ffffffd9}.dark-theme .voice-note-received .voice-note-progress{background:#ffffff1f}.dark-theme .voice-note-received .voice-note-progress-fill{background:#ffffff8c}.dark-theme .voice-note-received .voice-note-duration{color:#ffffff80}.voice-note-progress{flex:1 1;height:3px;border-radius:2px;cursor:pointer;position:relative;min-width:60px}.voice-note-progress-fill{height:100%;border-radius:2px;transition:width .1s linear}.voice-note-duration{font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:28px;text-align:right;white-space:nowrap}.chat-image{display:block;max-width:240px;max-height:320px;width:auto;height:auto;border-radius:12px;margin-bottom:4px;cursor:pointer;object-fit:cover;background:#0000000d}.chat-drop-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#25d3662e;border:3px dashed rgba(37,211,102,.7);border-radius:12px;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-drop-overlay-content{text-align:center;font-size:16px;font-weight:500;color:#000000b3;background:#ffffffeb;padding:18px 28px;border-radius:12px;box-shadow:0 4px 20px #0000001f}