.prog-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#fff;border-bottom:1.5px solid var(--border-light);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #6c3aed0f}.prog-header__course{display:flex;align-items:center;gap:6px;background:var(--primary-surface, #F5F3FF);border:1.5px solid var(--primary-light, #DDD6FE);border-radius:20px;padding:5px 8px 5px 10px;cursor:pointer;max-width:60%;transition:background .15s,transform .12s}.prog-header__course:active{background:var(--primary-light, #C7D2FE);transform:scale(.97)}.prog-header__flag{font-size:18px;line-height:1}.prog-header__course-name{font-size:13px;font-weight:800;color:var(--primary, #6C3AED);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.prog-header__course-chevron{font-size:10px;color:var(--primary, #6C3AED);opacity:.7}.prog-header__right{display:flex;align-items:center;gap:6px;flex-shrink:0}.prog-header__streak{display:flex;align-items:center;gap:3px;background:#fff4e0;border:1.5px solid #FFD060;border-radius:20px;padding:5px 10px 5px 8px;font-size:14px}.prog-header__streak-count{font-size:13px;font-weight:800;color:#d97706}.prog-header__hearts{display:flex;align-items:center;gap:3px;background:#ffebee;border:1.5px solid #FFC1C1;border-radius:20px;padding:5px 10px 5px 8px;font-size:14px}.prog-header__heart{font-size:14px;line-height:1;transition:transform .15s}.prog-header__heart--low{animation:heart-pulse 1.4s ease-in-out infinite}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.prog-header__hearts-count{font-size:13px;font-weight:800;color:#c92a2a}.prog-header__streak-freeze{display:inline-flex;align-items:center;gap:1px;margin-left:4px;padding-left:6px;border-left:1px solid #FFD060;font-size:11px}.prog-header__freeze-count{font-size:11px;font-weight:800;color:#0284c7}.tabbar{display:flex;align-items:center;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1.5px solid var(--border-light);z-index:200;padding:8px 6px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:4px;box-shadow:0 -4px 20px #6c3aed14}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;background:transparent;color:var(--text-secondary);transition:background .18s,color .18s,transform .12s;padding:7px 4px;min-width:0;-webkit-tap-highlight-color:transparent}.tabbar__item--active{background:var(--primary-surface, #ede9ff);color:var(--primary);flex:1.8}.tabbar__item:active{transform:scale(.91)}.tabbar__icon{font-size:22px;line-height:1}.tabbar__label{font-size:11px;font-weight:700;letter-spacing:0px;line-height:1;white-space:nowrap}.translate-screen{padding:16px 16px 24px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease}.translate-screen__header{display:flex;align-items:center;gap:10px;padding:4px 0}.translate-screen__header-icon{font-size:26px;line-height:1}.translate-screen__header-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.translate-screen__card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #6c3aed1a;border:1.5px solid var(--border-light);overflow:hidden;display:flex;flex-direction:column;gap:0}.translate-screen__direction{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;background:var(--primary-bg);border-bottom:1.5px solid var(--border-light)}.translate-screen__lang-select-wrap{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.translate-screen__lang-select-wrap--right{justify-content:flex-end}.translate-screen__lang-flag{font-size:20px;line-height:1;flex-shrink:0}.translate-screen__lang-select{background:transparent;border:none;outline:none;font-size:13px;font-weight:700;color:var(--text-primary);font-family:inherit;cursor:pointer;max-width:110px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.translate-screen__lang-label,.translate-screen__lang-dot,.translate-screen__lang-dot--from,.translate-screen__lang-dot--to{display:none}.translate-screen__swap-btn{width:40px;height:40px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #6c3aed59;transition:transform .18s,box-shadow .18s;flex-shrink:0}.translate-screen__swap-btn:active{transform:scale(.9) rotate(180deg);box-shadow:0 1px 6px #6c3aed4d}.translate-screen__swap-icon{font-size:18px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.translate-screen__input-wrap{position:relative;padding:14px 16px 10px;border-bottom:1.5px solid var(--border-light)}.translate-screen__input{width:100%;border:none;outline:none;resize:none;font-size:16px;line-height:1.6;color:var(--text-primary);background:transparent;padding-right:28px;padding-bottom:20px}.translate-screen__input::placeholder{color:#b0b7c3}.translate-screen__input-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;align-items:center}.translate-screen__mic-btn{width:34px;height:34px;border-radius:50%;background:var(--primary-surface);border:1.5px solid var(--primary-light);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}.translate-screen__mic-btn--active{background:#ffe4e4;border-color:var(--accent-red);animation:pulse 1s ease-in-out infinite}.translate-screen__mic-btn:active{transform:scale(.9)}.translate-screen__mic-unsupported{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.35;cursor:default}.translate-screen__clear-btn{width:28px;height:28px;width:22px;height:22px;border-radius:50%;background:#e5e7eb;color:var(--text-secondary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s}.translate-screen__clear-btn:active{background:#d1d5db}.translate-screen__char-count{position:absolute;bottom:10px;right:16px;font-size:11px;color:#b0b7c3}.translate-screen__translate-btn{margin:14px 16px;padding:14px 20px;background:var(--primary);color:#fff;border-radius:14px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,transform .12s,box-shadow .18s;box-shadow:0 4px 16px #6c3aed59}.translate-screen__translate-btn:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 8px #6c3aed40}.translate-screen__translate-btn:disabled{background:var(--primary-light);box-shadow:none;cursor:not-allowed;opacity:.7}.translate-screen__btn-arrow{font-size:18px}.translate-screen__divider{display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:2px}.translate-screen__divider:before,.translate-screen__divider:after{content:"";flex:1;height:1.5px;background:var(--border-light)}.translate-screen__divider-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.translate-screen__result{padding:14px 16px 18px;min-height:100px;display:flex;align-items:flex-start}.translate-screen__result--has-content .translate-screen__result-text{animation:fadeIn .25s ease}.translate-screen__result-text{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.55;width:100%}.translate-screen__result-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px;padding:12px 0}.translate-screen__result-hint{font-size:13px;color:var(--text-secondary)}.translate-screen__placeholder{font-size:15px;color:#b0b7c3;font-style:italic;padding:8px 0}.translate-screen__error{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--accent-red);font-weight:600}.translate-screen__error-icon{font-size:18px}.translate-screen__spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.translate-screen__spinner--lg{width:30px;height:30px;border-color:var(--primary-light);border-top-color:var(--primary)}.translate-screen__tips{background:var(--primary-bg);border-radius:16px;border:1.5px solid var(--primary-surface);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.translate-screen__tip{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.translate-screen__tip-icon{font-size:16px;flex-shrink:0}.translate-screen__tip strong{color:var(--primary);font-weight:700}.translate-screen__result-row{display:flex;align-items:flex-start;gap:10px}.translate-screen__result-text{flex:1}.translate-screen__speak-btn{width:36px;height:36px;border-radius:50%;background:var(--primary-surface);border:1.5px solid var(--primary-light);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .15s,background .15s}.translate-screen__speak-btn:active{transform:scale(1.15);background:var(--primary-light)}.dq-card{background:#fff;border:2px solid #E5E7EB;border-radius:16px;margin:12px 12px 0;overflow:hidden;transition:border-color .2s}.dq-card--done{border-color:#f59e0b;background:linear-gradient(135deg,#fef08a,#fff)}.dq-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left}.dq-card__header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.dq-card__icon{font-size:26px;line-height:1;flex-shrink:0}.dq-card__header-text{flex:1;min-width:0}.dq-card__title{font-size:14px;font-weight:800;color:#111;line-height:1.2}.dq-card__subtitle{font-size:12px;color:#6b7280;margin-top:2px}.dq-card--done .dq-card__subtitle{color:#92400e;font-weight:700}.dq-card__chevron{font-size:12px;color:#9ca3af;transition:transform .2s;flex-shrink:0}.dq-card__chevron--open{transform:rotate(180deg)}.dq-card__list{padding:10px 14px 12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid #F3F4F6}.dq-item{display:flex;align-items:center;gap:10px}.dq-item__icon{font-size:22px;flex-shrink:0;line-height:1;width:28px;text-align:center}.dq-item__body{flex:1;min-width:0}.dq-item__title{font-size:13px;font-weight:700;color:#111;margin-bottom:4px}.dq-item__bar{height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}.dq-item__bar-fill{height:100%;background:linear-gradient(90deg,#58cc02,#46a302);border-radius:99px;transition:width .3s ease;min-width:2px}.dq-item--done .dq-item__bar-fill{background:linear-gradient(90deg,#f59e0b,#eab308)}.dq-item--done .dq-item__title{color:#6b7280;text-decoration:line-through}.dq-item__count{font-size:12px;font-weight:700;color:#6b7280;flex-shrink:0;min-width:42px;text-align:right}.dq-item--done .dq-item__count{color:#f59e0b}.dq-card__bonus{font-size:12px;text-align:center;color:#92400e;font-weight:700;padding-top:4px}.mc-banner{display:flex;align-items:center;gap:12px;margin:10px 12px 0;padding:12px 14px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);border:2px solid #DDD6FE;border-radius:14px}.mc-banner--done{background:linear-gradient(135deg,#fef08a,#fef3c7);border-color:#f59e0b}.mc-banner__icon{font-size:28px;line-height:1;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d}.mc-banner__body{flex:1;min-width:0}.mc-banner__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.mc-banner__month{font-size:10px;font-weight:800;color:#7c3aed;text-transform:uppercase;letter-spacing:.5px}.mc-banner--done .mc-banner__month{color:#92400e}.mc-banner__count{font-size:12px;font-weight:800;color:#6b7280}.mc-banner--done .mc-banner__count{color:#92400e}.mc-banner__title{font-size:13px;font-weight:700;color:#111;margin-bottom:6px}.mc-banner__bar{height:6px;background:#ffffffb3;border-radius:99px;overflow:hidden}.mc-banner__bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:99px;transition:width .4s ease;min-width:3px}.mc-banner--done .mc-banner__bar-fill{background:linear-gradient(90deg,#f59e0b,#eab308)}.learn-screen{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column;animation:fadeIn .3s ease}.learn-banner{display:flex;align-items:center;padding:14px 16px;margin:12px 16px;border-radius:18px;gap:12px;box-shadow:0 4px 16px #00000026;cursor:pointer;transition:transform .12s,box-shadow .15s;position:sticky;top:8px;z-index:20}.learn-banner:active{transform:scale(.97);box-shadow:0 2px 8px #0000001f}.learn-banner__text{flex:1;display:flex;flex-direction:column;gap:3px}.learn-banner__meta{font-size:11px;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px}.learn-banner__title{font-size:16px;font-weight:800;color:#fff}.learn-banner__icon{font-size:30px;background:#ffffff40;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.learn-path{padding:8px 0 120px;position:relative}.learn-path__fog{position:sticky;bottom:0;height:180px;background:linear-gradient(to bottom,transparent,var(--bg-page));pointer-events:none;margin-top:-180px}.learn-module-group{padding:0 0 8px}.learn-module-done{display:flex;align-items:center;gap:10px;padding:12px 20px;opacity:.6}.learn-module-done__line{flex:1;height:1.5px;background:var(--border-light)}.learn-module-done__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.learn-section{margin:0 0 4px}.learn-section--locked{opacity:.55}.learn-section-header{display:flex;align-items:center;gap:8px;padding:10px 20px 4px}.learn-section-header__mascot{font-size:20px;line-height:1}.learn-section-header__title{font-size:13px;font-weight:700;color:var(--text-primary);flex:1}.learn-section-header__done{font-size:14px;font-weight:800;color:#58cc02}.learn-module-header{display:flex;align-items:center;gap:10px;padding:16px 20px 8px}.learn-module-header__line{flex:1;height:1.5px;background:var(--border-light)}.learn-module-header__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:6px}.learn-module-header__cefr{font-size:9px;font-weight:800;background:currentColor;color:#fff!important;border-radius:6px;padding:1px 5px;opacity:.85;letter-spacing:.5px}.learn-node-row{display:flex;padding:8px 0;position:relative;min-height:96px;align-items:center}.learn-node-row--left{justify-content:flex-start;padding-left:40px}.learn-node-row--center{justify-content:center}.learn-node-row--right{justify-content:flex-end;padding-right:40px}.learn-node-row--fog{filter:blur(4px);opacity:.35;pointer-events:none}.learn-connector{position:relative;height:36px;width:100%}.learn-connector--fog{opacity:.35}.learn-connector__dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--border-light);transform:translate(-50%,-50%)}.learn-char{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;-webkit-user-select:none;user-select:none;top:50%}.learn-char--left{left:8px}.learn-char--right{right:8px}.learn-char__figure{font-size:28px;line-height:1;display:block}.learn-char__action{font-size:16px;line-height:1;display:block}@keyframes char-wave{0%,to{transform:translateY(-50%) rotate(-8deg)}50%{transform:translateY(-50%) rotate(8deg)}}.learn-char--wave{animation:char-wave 1.2s ease-in-out infinite}@keyframes char-bob{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 5px))}}.learn-char--bob{animation:char-bob 2.2s ease-in-out infinite}@keyframes char-bounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-56%) scale(1.12)}}.learn-char--bounce{animation:char-bounce 1.4s ease-in-out infinite}@keyframes char-think{0%,to{transform:translateY(-50%) rotate(0)}50%{transform:translateY(calc(-50% - 3px)) rotate(6deg)}}.learn-char--think{animation:char-think 3s ease-in-out infinite}@keyframes char-eat{0%,to{transform:translateY(-50%) translate(0) rotate(0)}30%{transform:translateY(-50%) translate(3px) rotate(-5deg)}70%{transform:translateY(-50%) translate(-2px) rotate(3deg)}}.learn-char--eat{animation:char-eat 1s ease-in-out infinite}@keyframes char-drink{0%,to{transform:translateY(-50%)}40%{transform:translateY(calc(-50% - 4px)) rotate(-8deg)}60%{transform:translateY(calc(-50% - 4px)) rotate(-8deg)}}.learn-char--drink{animation:char-drink 2s ease-in-out infinite}@keyframes char-cook{0%,to{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(-50%) rotate(5deg)}}.learn-char--cook{animation:char-cook 1s ease-in-out infinite}@keyframes char-walk{0%,to{transform:translateY(-50%) translate(0)}25%{transform:translateY(-52%) translate(-4px)}75%{transform:translateY(-52%) translate(4px)}}.learn-char--walk{animation:char-walk 1.3s ease-in-out infinite}@keyframes char-count{0%,to{transform:translateY(-50%) scale(1)}25%{transform:translateY(-50%) scale(1.1)}50%{transform:translateY(-50%) scale(1)}75%{transform:translateY(-50%) scale(1.08)}}.learn-char--count{animation:char-count 1.6s ease-in-out infinite}@keyframes char-talk{0%,to{transform:translateY(-50%) scale(1)}30%,70%{transform:translateY(-50%) scale(1.05)}50%{transform:translateY(-50%) scale(.97)}}.learn-char--talk{animation:char-talk .9s ease-in-out infinite}@keyframes char-bow{0%,to{transform:translateY(-50%) rotate(0)}40%,60%{transform:translateY(-50%) rotate(15deg)}}.learn-char--bow{animation:char-bow 2.5s ease-in-out infinite}.learn-node{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:1}.learn-node__circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;transition:transform .15s}.learn-node:active .learn-node__circle{transform:scale(.93)}.learn-node--completed .learn-node__circle{background:var(--node-color, #58CC02);box-shadow:0 4px 0 var(--node-shadow, #3D9900)}.learn-node__check{font-size:26px;color:#fff;font-weight:700}.learn-node--active .learn-node__circle{background:var(--node-color, #58CC02);box-shadow:0 4px 0 var(--node-shadow, #3D9900),0 0 0 4px #6c3aed26;animation:nodePulse 2s infinite}.learn-node__icon{font-size:28px}@keyframes nodePulse{0%,to{box-shadow:0 4px 0 var(--node-shadow, #3D9900),0 0 0 4px #6c3aed1f}50%{box-shadow:0 4px 0 var(--node-shadow, #3D9900),0 0 0 14px #6c3aed00}}.learn-node--locked .learn-node__circle{background:var(--bg-gray);box-shadow:0 4px 0 var(--border-light);border:2px solid var(--border-light)}.learn-node__lock{font-size:22px;opacity:.5}.learn-node__start-btn{background:var(--primary);color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;padding:6px 18px;border-radius:20px;box-shadow:0 3px 0 var(--primary-dark)}.games-screen{padding:16px 16px 32px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease}.games-screen__header{display:flex;align-items:center;justify-content:space-between}.games-screen__header-left{display:flex;align-items:center;gap:10px}.games-screen__header-icon{font-size:28px;line-height:1}.games-screen__header-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.games-screen__score-badge{display:flex;align-items:center;gap:5px;background:var(--accent-gold);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:800;color:#7a4a00;box-shadow:0 2px 8px #f5d06066}.games-screen__subtitle{font-size:14px;color:var(--text-secondary);margin-top:-6px;padding-left:38px}.games-screen__cards{display:flex;flex-direction:column;gap:14px}.games-screen__card{border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #00000017;overflow:hidden;position:relative}.games-screen__card--purple{background:linear-gradient(135deg,#ede9fe,#f5f3ff);border:1.5px solid var(--primary-light)}.games-screen__card--pink{background:linear-gradient(135deg,#fde8f0,#fff5f8);border:1.5px solid #F9A8D4}.games-screen__card-top{display:flex;align-items:flex-start;justify-content:space-between}.games-screen__card-icon-wrap{width:56px;height:56px;border-radius:16px;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6c3aed59}.games-screen__card-icon-wrap--pink{background:#ec4899;box-shadow:0 4px 12px #ec489959}.games-screen__card-icon{font-size:26px;line-height:1}.games-screen__card-badge{background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px;white-space:nowrap}.games-screen__card-badge--pink{background:#ec4899}.games-screen__card-body{display:flex;flex-direction:column;gap:6px}.games-screen__card-title{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.games-screen__card-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.games-screen__card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.games-screen__card-meta{display:flex;gap:10px;flex-wrap:wrap}.games-screen__card-meta-item{font-size:12px;color:var(--text-secondary);font-weight:600}.games-screen__play-btn{padding:12px 24px;border-radius:14px;font-size:15px;font-weight:800;color:#fff;transition:transform .12s,box-shadow .15s;flex-shrink:0}.games-screen__play-btn--purple{background:var(--primary);box-shadow:0 4px 14px #6c3aed66}.games-screen__play-btn--pink{background:#ec4899;box-shadow:0 4px 14px #ec489966}.games-screen__play-btn:active{transform:scale(.95);box-shadow:none}.games-screen__score-summary{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:18px;border:1.5px solid var(--border-light);box-shadow:0 2px 12px #0000000d}.games-screen__score-icon{font-size:32px;line-height:1}.games-screen__score-info{display:flex;flex-direction:column;gap:2px}.games-screen__score-label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.games-screen__score-number{font-size:22px;font-weight:900;color:var(--text-primary);letter-spacing:-.5px}.games-screen__tip{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1.5px solid var(--accent-gold);border-radius:14px;padding:12px 14px}.games-screen__tip-icon{font-size:18px;flex-shrink:0}.games-screen__tip-text{font-size:13px;color:#92400e;line-height:1.5;font-weight:500}.flashcards-screen{min-height:100vh;background:var(--primary-bg);display:flex;flex-direction:column;animation:fadeIn .25s ease}.flashcards-topbar{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;background:#fff;border-bottom:1.5px solid var(--border-light);position:sticky;top:0;z-index:10}.flashcards-topbar__close{width:34px;height:34px;border-radius:50%;background:var(--bg-gray);color:var(--text-secondary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.flashcards-topbar__close:active{background:var(--border-light)}.flashcards-topbar__center{flex:1;display:flex;flex-direction:column;gap:4px}.flashcards-progress-bar{height:8px;background:var(--border-light);border-radius:99px;overflow:hidden}.flashcards-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#8B5CF6);border-radius:99px;transition:width .4s ease}.flashcards-progress-text{font-size:11px;color:var(--text-secondary);font-weight:600;text-align:right}.flashcards-topbar__badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.flashcards-streak{background:#fff7ed;border:1.5px solid #FED7AA;color:#c2410c;font-size:12px;font-weight:800;padding:4px 10px;border-radius:20px}.flashcards-score-badge{background:var(--primary-surface);border:1.5px solid var(--primary-light);color:var(--primary);font-size:12px;font-weight:800;padding:4px 10px;border-radius:20px}.flashcards-card-wrap{flex:1;display:flex;flex-direction:column;padding:20px 16px 24px;gap:14px}.flashcards-card{background:#fff;border-radius:24px;padding:28px 22px 22px;text-align:center;border:2px solid var(--border-light);box-shadow:0 4px 20px #6c3aed14;transition:border-color .25s,background .25s}.flashcards-card--correct{border-color:var(--accent-green);background:#f0fff4;animation:correctPop .3s ease}.flashcards-card--wrong{border-color:var(--accent-red);background:#fff1f2;animation:shake .35s ease}.flashcards-card__label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--primary);background:var(--primary-surface);padding:4px 12px;border-radius:20px;margin-bottom:16px}.flashcards-card__word-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.flashcards-card__word{font-size:34px;font-weight:900;color:var(--text-primary);line-height:1.2;letter-spacing:-1px}.flashcards-audio-btn{background:var(--primary-surface);border:1.5px solid var(--primary-light);border-radius:50%;width:36px;height:36px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s,background .15s}.flashcards-audio-btn:active{transform:scale(1.2);background:var(--primary-light)}.flashcards-card__transcription{font-size:15px;color:var(--text-secondary);font-style:italic;margin-bottom:12px}.flashcards-card__prompt{font-size:13px;color:var(--text-secondary);margin-top:8px}.flashcards-options{display:flex;flex-direction:column;gap:10px}.flashcards-option{display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fff;border:2px solid var(--border-light);border-radius:16px;font-size:15px;color:var(--text-primary);text-align:left;transition:background .15s,border-color .15s,transform .1s;font-weight:600}.flashcards-option:active:not(:disabled){transform:scale(.98);background:var(--primary-surface);border-color:var(--primary-light)}.flashcards-option--correct{background:#f0fff4;border-color:var(--accent-green);color:#166534}.flashcards-option--wrong{background:#fff1f2;border-color:var(--accent-red);color:var(--accent-red)}.flashcards-option--selected{background:var(--primary-surface);border-color:var(--primary)}.flashcards-option__letter{width:28px;height:28px;border-radius:8px;background:var(--bg-gray);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.flashcards-option--correct .flashcards-option__letter{background:var(--accent-green);color:#fff}.flashcards-option--wrong .flashcards-option__letter{background:var(--accent-red);color:#fff}.flashcards-option__text{flex:1}.flashcards-feedback{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;animation:fadeIn .2s ease}.flashcards-feedback--correct{background:#f0fff4;border:1.5px solid var(--accent-green)}.flashcards-feedback--wrong{background:#fff1f2;border:1.5px solid var(--accent-red)}.flashcards-feedback__icon{font-size:22px}.flashcards-feedback__content{flex:1}.flashcards-feedback__title{font-size:15px;font-weight:800;color:var(--text-primary)}.flashcards-feedback--correct .flashcards-feedback__title{color:#166534}.flashcards-feedback--wrong .flashcards-feedback__title{color:var(--accent-red)}.flashcards-feedback__hint{font-size:13px;color:var(--text-secondary);margin-top:2px}.flashcards-feedback__hint strong{color:var(--text-primary);font-weight:700}.flashcards-continue{padding:16px;background:var(--primary);color:#fff;border-radius:16px;font-size:16px;font-weight:700;width:100%;box-shadow:0 4px 16px #6c3aed59;transition:background .15s,transform .1s}.flashcards-continue:active{transform:scale(.97);background:var(--primary-dark)}.flashcards-result{display:flex;flex-direction:column;align-items:center;padding:40px 24px 32px;gap:14px;flex:1}.flashcards-result__emoji{font-size:64px;animation:bounceIn .6s ease}.flashcards-result__title{font-size:28px;font-weight:900;color:var(--text-primary);letter-spacing:-.5px}.flashcards-result__subtitle{font-size:14px;color:var(--text-secondary);margin-top:-6px}.flashcards-result__score-ring{display:flex;align-items:center;justify-content:center;gap:2px;background:var(--primary-bg);border:3px solid var(--primary);border-radius:50%;width:120px;height:120px;box-shadow:0 4px 20px #6c3aed33;overflow:hidden}.flashcards-result__score-num{font-size:32px;font-weight:900;color:var(--primary);line-height:1}.flashcards-result__score-denom{font-size:18px;color:var(--text-secondary);font-weight:700}.flashcards-result__earned{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1.5px solid var(--accent-gold);padding:10px 18px;border-radius:20px;font-size:14px;font-weight:700;color:#92400e}.flashcards-result__stats{display:flex;align-items:center;background:#fff;border:1.5px solid var(--border-light);border-radius:18px;padding:16px;width:100%;gap:8px}.flashcards-result__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.flashcards-result__stat-val{font-size:22px;font-weight:900;color:var(--text-primary)}.flashcards-result__stat-lbl{font-size:11px;color:var(--text-secondary);font-weight:600}.flashcards-result__stat-divider{width:1px;height:40px;background:var(--border-light)}.flashcards-result__btn{width:100%;padding:16px;background:var(--primary);color:#fff;border-radius:16px;font-size:16px;font-weight:700;box-shadow:0 4px 16px #6c3aed59;transition:background .15s,transform .1s}.flashcards-result__btn:active{transform:scale(.97);background:var(--primary-dark)}.flashcards-result__btn-secondary{width:100%;padding:14px;background:var(--bg-gray);color:var(--text-secondary);border-radius:14px;font-size:15px;font-weight:600;transition:background .15s}.flashcards-result__btn-secondary:active{background:var(--border-light)}.listening-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:linear-gradient(160deg,#fff5f8,#fde8f0);display:flex;flex-direction:column;animation:fadeIn .25s ease;overflow-y:auto}.listening-task-label{font-size:20px;font-weight:800;color:var(--text-primary);padding:16px 20px 8px;letter-spacing:-.3px}.listening-audio-card{background:#fff;border-radius:20px;border:2px solid var(--border-light);padding:20px;margin:0 16px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 4px 16px #0000000f;transition:border-color .2s}.listening-audio-card--correct{border-color:var(--accent-green);background:#f0fff4}.listening-audio-card--wrong{border-color:var(--accent-red);background:#fff1f2}.listening-play-btn{display:flex;align-items:center;gap:12px;background:var(--primary-surface);border:2px solid var(--primary-light);border-radius:50px;padding:14px 28px;cursor:pointer;transition:transform .1s,background .15s;width:100%;justify-content:center}.listening-play-btn:active:not(:disabled){transform:scale(.97)}.listening-play-btn--playing{background:var(--primary-bg);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.listening-play-btn__icon{font-size:28px;line-height:1}.listening-play-btn__label{font-size:16px;font-weight:700;color:var(--primary)}.listening-word-reveal{text-align:center}.listening-word-reveal__az{font-size:24px;font-weight:900;color:var(--text-primary);letter-spacing:-.5px}.listening-word-reveal__transcription{font-size:14px;color:var(--text-secondary);font-style:italic;margin-top:4px}.listening-options{display:flex;flex-direction:column;gap:10px;padding:16px 16px 0}.listening-option{background:#fff;border:2px solid var(--border-light);border-radius:16px;color:var(--text-primary);font-size:16px;font-weight:600;padding:15px 20px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;box-shadow:0 2px 8px #0000000a}.listening-option:active:not(:disabled){transform:scale(.98)}.listening-option--selected{border-color:var(--primary);background:var(--primary-bg)}.listening-option--correct{border-color:var(--accent-green);background:#f0fff4;color:#166534}.listening-option--wrong{border-color:var(--accent-red);background:#fff1f2;color:var(--accent-red)}.listening-feedback{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:8px 16px 0;border-radius:12px;font-weight:600;font-size:15px;animation:slideUp .2s ease}.listening-feedback--correct{background:#f0fff4;border:1.5px solid var(--accent-green);color:#166534}.listening-feedback--wrong{background:#fff1f2;border:1.5px solid var(--accent-red);color:var(--accent-red)}.listening-feedback__icon{font-size:20px}.listening-feedback__text{flex:1}.listening-topbar{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;background:#fff;border-bottom:1.5px solid var(--border-light);position:sticky;top:0;z-index:10}.listening-topbar__close{width:34px;height:34px;border-radius:50%;background:var(--bg-gray);color:var(--text-secondary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.listening-topbar__close:active{background:var(--border-light)}.listening-topbar__center{flex:1;display:flex;flex-direction:column;gap:4px}.listening-progress-bar{height:8px;background:#f9a8d4;border-radius:99px;overflow:hidden}.listening-progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#f472b6);border-radius:99px;transition:width .4s ease}.listening-progress-text{font-size:11px;color:var(--text-secondary);font-weight:600;text-align:right}.listening-score-badge{background:#fde8f0;border:1.5px solid #F9A8D4;color:#be185d;font-size:12px;font-weight:800;padding:4px 10px;border-radius:20px;flex-shrink:0}.listening-content{flex:1;padding:20px 16px 32px;display:flex;flex-direction:column;gap:16px}.listening-card{background:#fff;border-radius:24px;padding:30px 24px 24px;text-align:center;border:2px solid #F9A8D4;box-shadow:0 4px 24px #ec48991f;transition:border-color .25s,background .25s}.listening-card--correct{border-color:var(--accent-green);background:#f0fff4;animation:correctPop .3s ease}.listening-card--wrong{border-color:var(--accent-red);background:#fff1f2;animation:shake .35s ease}.listening-card__label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#ec4899;background:#fde8f0;padding:4px 12px;border-radius:20px;margin-bottom:16px}.listening-card__word{font-size:36px;font-weight:900;color:var(--text-primary);line-height:1.2;margin-bottom:8px;letter-spacing:-1px}.listening-card__transcription{font-size:16px;color:var(--text-secondary);font-style:italic;margin-bottom:10px}.listening-card__translation{font-size:14px;font-weight:700;color:#ec4899;background:#fde8f0;display:inline-block;padding:4px 14px;border-radius:20px}.listening-actions{display:flex;flex-direction:column;gap:12px}.listening-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:16px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .15s,background .15s}.listening-btn__icon{font-size:20px}.listening-btn--speak{background:var(--primary);color:#fff;box-shadow:0 4px 16px #6c3aed59}.listening-btn--speak:active:not(:disabled){transform:scale(.97);box-shadow:none}.listening-btn--speak:disabled{opacity:.65;cursor:not-allowed}.listening-btn--playing{background:var(--primary-dark);animation:pulse 1s ease-in-out infinite}.listening-btn--mic{background:#ec4899;color:#fff;box-shadow:0 4px 16px #ec489959}.listening-btn--mic:active:not(:disabled){transform:scale(.97);box-shadow:none}.listening-btn--listening{background:#be185d;animation:pulse .8s ease-in-out infinite}.listening-btn--mic:disabled{opacity:.65;cursor:not-allowed}.listening-no-sr{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fffbeb;border:1.5px solid var(--accent-gold);border-radius:12px;font-size:12px;color:#92400e;font-weight:500}.listening-manual{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff;border-radius:16px;border:1.5px solid var(--border-light)}.listening-manual__label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.listening-manual__row{display:flex;gap:8px}.listening-manual__input{flex:1;padding:12px 14px;border:1.5px solid var(--border-light);border-radius:12px;font-size:15px;color:var(--text-primary);background:var(--bg-gray);outline:none;transition:border-color .18s}.listening-manual__input:focus{border-color:#ec4899;background:#fff}.listening-manual__btn{padding:12px 18px;background:#ec4899;color:#fff;border-radius:12px;font-size:14px;font-weight:800;transition:background .15s,transform .1s}.listening-manual__btn:active:not(:disabled){transform:scale(.95)}.listening-manual__btn:disabled{background:#f9a8d4;cursor:not-allowed}.listening-skip{padding:13px;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-light);border-radius:14px;font-size:14px;font-weight:600;transition:background .15s}.listening-skip:active{background:var(--bg-gray)}.listening-feedback{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;animation:fadeIn .2s ease}.listening-feedback--correct{background:#f0fff4;border:1.5px solid var(--accent-green)}.listening-feedback--wrong{background:#fff1f2;border:1.5px solid var(--accent-red)}.listening-feedback__icon{font-size:24px;flex-shrink:0}.listening-feedback__content{flex:1}.listening-feedback__title{font-size:15px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.listening-feedback--correct .listening-feedback__title{color:#166534}.listening-feedback--wrong .listening-feedback__title{color:var(--accent-red)}.listening-feedback__spoken{font-size:13px;color:var(--text-secondary);margin-bottom:2px}.listening-feedback__spoken em{color:var(--text-primary);font-style:normal;font-weight:600}.listening-feedback__correct{font-size:13px;color:var(--text-secondary)}.listening-feedback__correct strong{color:var(--text-primary);font-weight:700}.listening-continue{padding:16px;background:#ec4899;color:#fff;border-radius:16px;font-size:16px;font-weight:700;width:100%;box-shadow:0 4px 16px #ec489959;transition:background .15s,transform .1s}.listening-continue:active{transform:scale(.97);background:#be185d}.listening-tip{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);text-align:center;justify-content:center;padding:0 8px;line-height:1.5}.listening-result{display:flex;flex-direction:column;align-items:center;padding:40px 24px 32px;gap:14px;flex:1}.listening-result__emoji{font-size:64px;animation:bounceIn .6s ease}.listening-result__title{font-size:28px;font-weight:900;color:var(--text-primary);letter-spacing:-.5px}.listening-result__subtitle{font-size:14px;color:var(--text-secondary);margin-top:-6px}.listening-result__score-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fde8f0;border:3px solid #EC4899;border-radius:50%;width:110px;height:110px;box-shadow:0 4px 20px #ec489933}.listening-result__score-num{font-size:36px;font-weight:900;color:#ec4899;line-height:1}.listening-result__score-label{font-size:13px;color:#be185d;font-weight:600}.listening-result__earned{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1.5px solid var(--accent-gold);padding:10px 18px;border-radius:20px;font-size:14px;font-weight:700;color:#92400e}.listening-result__stats{display:flex;align-items:center;background:#fff;border:1.5px solid var(--border-light);border-radius:18px;padding:16px;width:100%;gap:8px}.listening-result__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.listening-result__stat-val{font-size:22px;font-weight:900;color:var(--text-primary)}.listening-result__stat-lbl{font-size:11px;color:var(--text-secondary);font-weight:600}.listening-result__stat-divider{width:1px;height:40px;background:var(--border-light)}.listening-result__btn{width:100%;padding:16px;background:#ec4899;color:#fff;border-radius:16px;font-size:16px;font-weight:700;box-shadow:0 4px 16px #ec489959;transition:background .15s,transform .1s}.listening-result__btn:active{transform:scale(.97);background:#be185d}.lesson-screen{height:100vh;background:var(--primary-bg);display:flex;flex-direction:column;color:var(--text-primary);animation:fadeIn .25s ease;overflow:hidden}.lesson-topbar{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;background:#fff;border-bottom:1.5px solid var(--border-light);position:sticky;top:0;z-index:10}.lesson-topbar__close{width:34px;height:34px;border-radius:50%;background:var(--bg-gray);color:var(--text-secondary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.lesson-topbar__close:active{background:var(--border-light)}.lesson-topbar__progress{flex:1}.lesson-progress-track{height:10px;background:var(--border-light);border-radius:99px;overflow:hidden}.lesson-progress-fill{height:100%;border-radius:99px;transition:width .4s ease;min-width:6px}.lesson-topbar__lives{display:flex;align-items:center;gap:4px;flex-shrink:0;background:#fff7ed;border:1.5px solid #FED7AA;border-radius:20px;padding:5px 10px}.lesson-topbar__lives-icon{font-size:15px}.lesson-topbar__lives-count{font-weight:800;font-size:15px}.lesson-introduce-label{text-align:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:16px 16px 8px}.lesson-introduce-card{margin:0 20px;background:#fff;border-radius:20px;border:3px solid;padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;justify-content:center;box-shadow:0 4px 20px #00000012}.lesson-introduce-mascot{font-size:52px}.lesson-introduce-az{font-size:36px;font-weight:900;color:var(--text-primary);text-align:center}.lesson-introduce-trans{font-size:15px;color:var(--text-secondary);font-style:italic}.lesson-introduce-ru{font-size:22px;font-weight:700;color:var(--primary);text-align:center}.lesson-introduce-audio{margin-top:8px;background:none;border:2px solid var(--border-light);border-radius:20px;padding:8px 18px;font-size:15px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.lesson-introduce-audio:active{transform:scale(.95)}.lesson-check-btn--introduce{font-size:17px;letter-spacing:.03em}.lesson-task-label{font-size:20px;font-weight:800;color:var(--text-primary);padding:18px 20px 8px;letter-spacing:-.3px}.lesson-character-area{display:flex;align-items:flex-start;gap:14px;padding:4px 20px 16px}.lesson-character{flex-shrink:0;background:#fff;border-radius:20px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-light);box-shadow:0 4px 12px #6c3aed14}.lesson-character__emoji{font-size:44px;display:block;line-height:1}.lesson-bubble{background:#fff;border:2px solid var(--border-light);border-radius:16px 16px 16px 4px;padding:14px 16px;margin-top:8px;box-shadow:0 2px 10px #0000000f;flex:1}.lesson-bubble__word-row{display:flex;align-items:center;gap:8px}.lesson-bubble__word-wrap{position:relative;flex:1}.lesson-bubble__word{font-size:22px;font-weight:900;color:var(--text-primary);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--primary-light);letter-spacing:-.5px;cursor:pointer;display:inline-block}.lesson-word-tip{position:absolute;top:calc(100% + 6px);left:0;background:#1a1a2e;color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:10px;white-space:nowrap;z-index:20;pointer-events:none;animation:fadeIn .15s ease;box-shadow:0 4px 12px #0003}.lesson-word-tip:before{content:"";position:absolute;top:-5px;left:14px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #1a1a2e}.lesson-audio-btn{background:var(--primary-surface);border:1.5px solid var(--primary-light);border-radius:50%;width:44px;height:44px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:auto;transition:transform .15s,background .15s}.lesson-audio-btn:active{transform:scale(1.2);background:var(--primary-light)}.lesson-bubble__trans{font-size:13px;color:var(--text-secondary);margin-top:5px;font-style:italic}.lesson-answer-area{flex:1;padding:0 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.lesson-options{display:flex;flex-direction:column;gap:10px;padding-top:8px}.lesson-option{background:#fff;border:2px solid var(--border-light);border-radius:16px;color:var(--text-primary);font-size:16px;font-weight:600;padding:15px 20px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;box-shadow:0 2px 8px #0000000a}.lesson-option:active:not(:disabled){transform:scale(.98)}.lesson-option--selected{border-color:var(--primary);background:var(--primary-bg)}.lesson-option--correct{border-color:var(--accent-green);background:#f0fff4;color:#166534}.lesson-option--wrong{border-color:var(--accent-red);background:#fff1f2;color:var(--accent-red)}.lesson-tiles-area{display:flex;flex-direction:column;gap:12px;padding-top:8px}.lesson-placed-zone{min-height:56px;border-bottom:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0}.lesson-placed-zone--correct{border-color:var(--accent-green)}.lesson-placed-zone--wrong{border-color:var(--accent-red)}.lesson-placed-zone__hint{color:var(--text-secondary);font-size:15px}.lesson-tiles-divider{height:1px;background:var(--border-light)}.lesson-available-tiles{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.lesson-tile{background:#fff;border:2px solid var(--border-light);border-bottom:4px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-size:15px;font-weight:600;padding:10px 16px;cursor:pointer;transition:transform .1s,border-color .15s;box-shadow:0 2px 6px #0000000f}.lesson-tile:active{transform:scale(.95)}.lesson-tile--placed{background:var(--primary-bg);border-color:var(--primary);border-bottom-color:var(--primary-dark)}.lesson-bottom{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,12px));flex-shrink:0;background:var(--primary-bg);border-top:1.5px solid var(--border-light)}.lesson-check-btn{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:800;letter-spacing:1px;background:var(--bg-gray);color:var(--text-secondary);border:none;cursor:not-allowed;transition:background .2s,color .2s,box-shadow .2s}.lesson-check-btn--ready{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 16px #6c3aed66}.lesson-check-btn--ready:active{transform:translateY(2px);box-shadow:0 2px 8px #6c3aed4d}.lesson-feedback-panel{border-radius:16px;padding:16px;animation:slideUp .25s ease}.lesson-feedback-panel--correct{background:#f0fff4;border:2px solid var(--accent-green)}.lesson-feedback-panel--wrong{background:#fff1f2;border:2px solid var(--accent-red)}.lesson-feedback-panel__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lesson-feedback-panel__icon{font-size:22px}.lesson-feedback-panel__title{font-size:18px;font-weight:800}.lesson-feedback-panel--correct .lesson-feedback-panel__title{color:#166534}.lesson-feedback-panel--wrong .lesson-feedback-panel__title{color:var(--accent-red)}.lesson-feedback-panel__answer{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.lesson-feedback-panel__answer strong{color:var(--text-primary);font-weight:700}.lesson-feedback-panel__btn--next{width:100%;padding:14px;border-radius:14px;font-size:16px;font-weight:800;letter-spacing:.5px;border:none;cursor:pointer;transition:transform .1s,opacity .15s}.lesson-feedback-panel__btn--next:active{transform:scale(.97)}.lesson-feedback-panel--correct .lesson-feedback-panel__btn--next{background:var(--accent-green);color:#fff;box-shadow:0 4px 14px #4cd96466}.lesson-feedback-panel--wrong .lesson-feedback-panel__btn--next{background:var(--accent-red);color:#fff;box-shadow:0 4px 14px #ef444459}.lesson-combo{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:50;display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:linear-gradient(135deg,#ff9600,#f59e0b);color:#fff;font-size:13px;font-weight:800;border-radius:999px;box-shadow:0 4px 14px #f59e0b66;animation:combo-enter .25s ease-out}.lesson-combo__count{font-size:16px;font-weight:900}.lesson-combo__bonus{margin-left:6px;font-size:12px;background:#ffffff38;padding:2px 8px;border-radius:99px}.lesson-combo--tier1{animation:combo-pop .6s ease}.lesson-combo--tier2{animation:combo-pop .8s ease;background:linear-gradient(135deg,#dc2626,#f59e0b)}@keyframes combo-enter{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes combo-pop{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.25)}to{transform:translate(-50%) scale(1)}}.lesson-hearts-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:12px}.lesson-hearts-empty__emoji{font-size:72px;margin-bottom:4px}.lesson-hearts-empty__title{font-size:22px;font-weight:900;color:#111}.lesson-hearts-empty__sub{font-size:15px;color:#666}.lesson-hearts-empty__hint{font-size:13px;color:#888;max-width:260px;margin-top:8px}.lesson-hearts-empty__btn{margin-top:20px;padding:14px 32px;font-size:15px;font-weight:800;background:var(--primary);color:#fff;border:none;border-radius:16px;cursor:pointer;box-shadow:0 4px 12px #6c3aed40}.rating-tabs{display:flex;gap:8px;background:var(--bg-gray);border-radius:14px;padding:4px}.rating-tab{flex:1;padding:8px 4px;border-radius:10px;font-size:13px;font-weight:700;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.rating-tab--active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #6c3aed1f}.rating-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:8px;text-align:center}.rating-empty__icon{font-size:48px;margin-bottom:4px}.rating-empty__title{font-size:18px;font-weight:800;color:var(--text-primary)}.rating-empty__sub{font-size:14px;color:var(--text-secondary);max-width:260px}.rating-top1-banner{position:sticky;bottom:0;background:linear-gradient(135deg,#1a0533,#3b0764,#6c3aed);border-radius:20px 20px 0 0;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 -4px 24px #6c3aed66;margin-top:8px;z-index:10}.rating-top1-banner__crown{font-size:32px;animation:crownBounce 2s ease-in-out infinite;flex-shrink:0}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}}.rating-top1-banner__content{flex:1;min-width:0}.rating-top1-banner__label{font-size:11px;font-weight:700;color:#ffdc64e6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}.rating-top1-banner__name{font-size:16px;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-top1-banner__score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.rating-top1-banner__score-num{font-size:18px;font-weight:900;color:gold;letter-spacing:-.5px}.rating-top1-banner__score-label{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.rating-loading{text-align:center;padding:40px;font-size:16px;color:var(--text-secondary)}.rating-screen{padding:16px 16px 32px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease}.rating-screen__header{display:flex;align-items:flex-start;justify-content:space-between}.rating-screen__header-left{display:flex;align-items:center;gap:10px}.rating-screen__header-icon{font-size:28px;line-height:1}.rating-screen__header-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.rating-screen__header-sub{font-size:12px;color:var(--text-secondary);font-weight:500;margin-top:2px}.rating-screen__refresh-btn{display:flex;align-items:center;gap:5px;background:var(--primary-surface);border:1.5px solid var(--primary-light);border-radius:20px;padding:7px 14px;font-size:12px;font-weight:700;color:var(--primary);transition:background .15s,transform .1s;margin-top:2px}.rating-screen__refresh-btn:active{transform:scale(.95);background:var(--primary-light)}.rating-screen__my-position{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--primary-bg);border:1.5px solid var(--primary-light);border-radius:14px}.rating-screen__my-pos-label{font-size:13px;color:var(--text-secondary);font-weight:600;flex:1}.rating-screen__my-pos-rank{font-size:18px;font-weight:900;color:var(--primary)}.rating-screen__my-pos-score{font-size:14px;font-weight:700;color:var(--text-primary);background:var(--accent-gold);padding:4px 12px;border-radius:20px}.rating-podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:10px 8px 0}.rating-podium__item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:110px}.rating-podium__item--gold .rating-podium__avatar{font-size:38px;filter:drop-shadow(0 2px 6px rgba(245,208,96,.5))}.rating-podium__item--silver .rating-podium__avatar,.rating-podium__item--bronze .rating-podium__avatar{font-size:30px}.rating-podium__avatar{line-height:1;margin-bottom:2px}.rating-podium__name{font-size:12px;font-weight:700;color:var(--text-primary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-podium__score{font-size:11px;font-weight:700;color:var(--text-secondary);text-align:center}.rating-podium__block{width:100%;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;transition:height .3s ease}.rating-podium__medal{font-size:22px;line-height:1}.rating-list{display:flex;flex-direction:column;gap:8px}.rating-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:14px;border:1.5px solid var(--border-light);transition:background .15s}.rating-row--me{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 2px 12px #6c3aed1f}.rating-row__rank{font-size:13px;font-weight:800;color:var(--text-secondary);min-width:28px;text-align:center}.rating-row__rank--medal{font-size:18px}.rating-row__avatar{font-size:24px;line-height:1;width:36px;height:36px;background:var(--bg-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rating-row--me .rating-row__avatar{background:var(--primary-surface)}.rating-row__info{flex:1;min-width:0}.rating-row__name{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-row__you-badge{display:inline-block;font-size:10px;font-weight:800;color:var(--primary);background:var(--primary-surface);padding:2px 8px;border-radius:20px;border:1px solid var(--primary-light);flex-shrink:0}.rating-row__score{display:flex;align-items:center;gap:4px;flex-shrink:0}.rating-row__score-star{font-size:14px}.rating-row__score-num{font-size:14px;font-weight:800;color:var(--text-primary)}.rating-row--me .rating-row__score-num{color:var(--primary)}.rating-screen__teaser{display:flex;align-items:center;gap:12px;margin:14px 12px 8px;padding:12px 14px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);border:2px dashed #A78BFA;border-radius:14px}.rating-screen__teaser-icon{font-size:30px;line-height:1;flex-shrink:0}.rating-screen__teaser-body{flex:1;min-width:0}.rating-screen__teaser-title{font-size:13px;font-weight:800;color:#6d28d9;margin-bottom:2px}.rating-screen__teaser-sub{font-size:11px;color:#7c3aed;line-height:1.3}.settings-screen{padding:16px 16px 40px;display:flex;flex-direction:column;gap:14px;animation:fadeIn .3s ease}.settings-screen__header{display:flex;align-items:center;gap:10px;padding:4px 0 6px}.settings-screen__header-icon{font-size:26px}.settings-screen__header-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.settings-card{background:#fff;border-radius:18px;padding:16px;border:1.5px solid var(--border-light);display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 10px #6c3aed0d}.settings-card__title{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px}.settings-card__title-row{display:flex;align-items:center;justify-content:space-between}.settings-voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-voice-btn{padding:14px 10px;border-radius:14px;background:var(--bg-gray);border:2px solid transparent;font-size:14px;font-weight:700;color:var(--text-primary);transition:all .15s;text-align:center;cursor:pointer}.settings-voice-btn--active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.settings-voice-btn:active{transform:scale(.96)}.settings-tg-btn{display:flex;align-items:center;gap:5px;background:var(--primary-surface);border:1.5px solid var(--primary-light);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--primary);transition:background .15s;cursor:pointer;white-space:nowrap}.settings-tg-btn:active{background:var(--primary-light)}.settings-field{display:flex;flex-direction:column;gap:4px}.settings-field__label{font-size:12px;font-weight:600;color:var(--text-secondary)}.settings-field__input{background:var(--bg-gray);border:1.5px solid var(--border-light);border-radius:12px;padding:12px 14px;font-size:15px;color:var(--text-primary);font-family:inherit;transition:border-color .15s;outline:none;width:100%;box-sizing:border-box}.settings-field__input:focus{border-color:var(--primary);background:#fff}.settings-field__hint{font-size:11px;color:var(--text-secondary);margin-top:4px;padding-left:2px}.settings-save-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border-radius:14px;font-size:15px;font-weight:700;box-shadow:0 4px 14px #6c3aed4d;transition:background .2s,transform .1s;cursor:pointer;margin-top:2px}.settings-save-btn--saved{background:var(--accent-green);box-shadow:0 4px 14px #4cd9644d}.settings-save-btn:active:not(:disabled){transform:scale(.97)}.settings-save-btn:disabled{background:#c4b5f7;cursor:not-allowed;box-shadow:none}.settings-referral__desc{font-size:13px;color:var(--text-secondary);margin-top:-4px}.settings-referral__stats{display:flex;align-items:center;background:var(--primary-bg);border:1.5px solid var(--primary-light);border-radius:14px;padding:14px;gap:8px}.settings-referral__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.settings-referral__stat-val{font-size:22px;font-weight:900;color:var(--primary)}.settings-referral__stat-lbl{font-size:11px;color:var(--text-secondary);font-weight:600;text-align:center}.settings-referral__divider{width:1px;height:36px;background:var(--primary-light)}.settings-referral__link-wrap{display:flex;flex-direction:column;gap:8px}.settings-referral__link-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.settings-referral__link-row{display:flex;align-items:center;gap:8px;background:var(--bg-gray);border-radius:12px;padding:10px 12px}.settings-referral__link-text{flex:1;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-referral__copy-btn{background:var(--primary);color:#fff;border-radius:10px;padding:7px 14px;font-size:12px;font-weight:700;flex-shrink:0;cursor:pointer;transition:background .15s}.settings-referral__copy-btn--copied{background:var(--accent-green)}.settings-referral__no-link{font-size:12px;color:var(--text-secondary);text-align:center;padding:10px;background:var(--bg-gray);border-radius:10px}.settings-lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.settings-lang-btn{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;background:var(--bg-gray);border:2px solid transparent;font-size:13px;font-weight:600;color:var(--text-primary);transition:all .15s;text-align:left;cursor:pointer}.settings-lang-btn--active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary);font-weight:700}.settings-lang-btn:active{transform:scale(.96)}.settings-lang-btn__flag{font-size:18px;flex-shrink:0}.settings-lang-btn__label{font-size:13px}.settings-support-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--primary);color:#fff;border-radius:16px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px #6c3aed59;transition:background .15s,transform .1s;margin-top:2px}.settings-support-btn:active{transform:scale(.97);background:var(--primary-dark)}.settings-goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.settings-goal-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:#f5f5f7;border:2px solid #E8E8EB;border-radius:14px;cursor:pointer;text-align:left;transition:all .15s}.settings-goal-btn--active{background:#e8f5e9;border-color:#10b981}.settings-goal-btn__xp{font-size:16px;font-weight:900;color:#059669}.settings-goal-btn__label{font-size:13px;font-weight:700;color:#111;margin-top:4px}.settings-goal-btn__sub{font-size:11px;color:#777}.settings-card__hint{font-size:12px;color:#888;margin-top:4px}.settings-toggle{position:relative;display:inline-block;width:44px;height:26px;cursor:pointer}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:26px;transition:.2s}.settings-toggle__slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.settings-toggle input:checked+.settings-toggle__slider{background:#10b981}.settings-toggle input:checked+.settings-toggle__slider:before{transform:translate(18px)}.course-select-screen{min-height:100vh;background:#f7f7f7;padding:0 0 32px}.course-select-screen__topbar{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #E5E5E5;position:sticky;top:0;z-index:10}.course-select-screen__back{font-size:22px;width:36px;height:36px;border:0;background:transparent;cursor:pointer;color:#4b4b4b}.course-select-screen__title{flex:1;text-align:center;font-weight:700;font-size:18px;color:#4b4b4b}.course-select-screen__spacer{width:36px}.course-select-screen__empty{text-align:center;padding:64px 24px;color:#afafaf}.course-select-screen__empty-icon{font-size:64px;margin-bottom:12px}.course-select-screen__empty-title{font-weight:700;color:#4b4b4b;margin-bottom:6px}.course-select-screen__empty-sub{font-size:14px;line-height:1.5}.course-card{display:flex;align-items:center;width:calc(100% - 32px);margin:12px 16px 0;padding:16px;background:#fff;border:2px solid #E5E5E5;border-bottom:4px solid #E5E5E5;border-radius:12px;cursor:pointer;transition:transform .05s;text-align:left}.course-card:active{transform:translateY(2px);border-bottom-width:2px}.course-card--active{border-color:#58cc02;background:#f2fbe7}.course-card__flag{font-size:40px;margin-right:16px}.course-card__body{flex:1;min-width:0}.course-card__title{font-weight:700;font-size:16px;color:#4b4b4b;margin-bottom:4px}.course-card__sub{font-size:13px;color:#afafaf}.course-card__state{font-size:12px;font-weight:700;color:#58cc02;text-transform:uppercase;letter-spacing:.5px;margin-left:12px}.ach-screen{padding:16px 12px 80px;background:#f7f7f7;min-height:100vh}.ach-screen__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ach-screen__back{background:#fff;border:2px solid #e5e7eb;border-radius:12px;width:40px;height:40px;font-size:20px;cursor:pointer}.ach-screen__title{font-size:22px;font-weight:900;color:#111}.ach-screen__summary{background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:14px;box-shadow:0 2px 8px #0000000d}.ach-screen__summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.ach-screen__summary-count{font-weight:800;color:#111;font-size:16px}.ach-screen__summary-pct{font-weight:700;color:#58cc02;font-size:16px}.ach-screen__summary-bar{height:8px;background:#f0f0f0;border-radius:999px;overflow:hidden}.ach-screen__summary-bar-fill{height:100%;background:linear-gradient(90deg,#58cc02,#46a302);transition:width .4s ease}.ach-screen__grid{display:grid;grid-template-columns:1fr;gap:10px}.ach-card{display:flex;gap:12px;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:12px 14px;box-shadow:0 1px 4px #0000000a;transition:transform .15s ease}.ach-card--unlocked.ach-card--bronze{border-color:#d97706;background:linear-gradient(135deg,#fef3c7,#fff)}.ach-card--unlocked.ach-card--silver{border-color:#9ca3af;background:linear-gradient(135deg,#f3f4f6,#fff)}.ach-card--unlocked.ach-card--gold{border-color:#f59e0b;background:linear-gradient(135deg,#fef08a,#fff)}.ach-card--locked{opacity:.55}.ach-card__icon{font-size:36px;line-height:1;flex-shrink:0;width:48px;text-align:center}.ach-card__body{flex:1;min-width:0}.ach-card__title{font-weight:800;color:#111;font-size:15px;margin-bottom:2px}.ach-card__desc{color:#555;font-size:12px}.ach-card__date{color:#999;font-size:11px;margin-top:4px}.goal-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;animation:gc-fade .2s ease-out}@keyframes gc-fade{0%{opacity:0}to{opacity:1}}.goal-celebration__card{background:#fff;border-radius:28px;padding:36px 40px;text-align:center;box-shadow:0 20px 60px #00000040;max-width:300px;animation:gc-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes gc-pop{0%{transform:scale(.6) rotate(-8deg);opacity:0}60%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.goal-celebration__emoji{font-size:72px;line-height:1;margin-bottom:12px;animation:gc-bounce 1.4s ease-in-out infinite}@keyframes gc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.goal-celebration__title{font-size:22px;font-weight:900;color:#111;margin-bottom:6px}.goal-celebration__sub{font-size:14px;color:#666}.ach-toast{position:fixed;top:82px;left:50%;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:12px;max-width:340px;width:calc(100% - 24px);padding:12px 16px;background:#fff;border-radius:16px;border:2px solid #E5E7EB;box-shadow:0 12px 40px #0000002e;cursor:pointer;animation:ach-slide .35s cubic-bezier(.34,1.56,.64,1)}@keyframes ach-slide{0%{transform:translate(-50%,-80px);opacity:0}to{transform:translate(-50%);opacity:1}}.ach-toast--bronze{border-color:#d97706;background:linear-gradient(135deg,#fef3c7,#fff)}.ach-toast--silver{border-color:#9ca3af;background:linear-gradient(135deg,#f3f4f6,#fff)}.ach-toast--gold{border-color:#f59e0b;background:linear-gradient(135deg,#fef08a,#fff)}.ach-toast__icon{font-size:40px;line-height:1;flex-shrink:0;animation:ach-icon-spin .8s ease}@keyframes ach-icon-spin{0%{transform:scale(.5) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.ach-toast__body{flex:1;min-width:0}.ach-toast__label{font-size:10px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.ach-toast__title{font-size:15px;font-weight:900;color:#111;margin-bottom:2px}.ach-toast__desc{font-size:12px;color:#666}.vocab-screen{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column;animation:fadeIn .3s ease;padding-bottom:100px}.vocab-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 8px}.vocab-header__title{font-size:22px;font-weight:800;color:var(--text-primary)}.vocab-header__count{font-size:13px;font-weight:700;color:var(--text-secondary);background:var(--bg-gray);padding:4px 10px;border-radius:20px}.vocab-review-btn{display:flex;align-items:center;gap:12px;margin:8px 16px;padding:14px 16px;background:#58cc02;border-radius:16px;box-shadow:0 4px #3d9900;transition:transform .12s}.vocab-review-btn:active{transform:scale(.97);box-shadow:0 2px #3d9900}.vocab-review-btn__icon{font-size:24px}.vocab-review-btn__text{flex:1;text-align:left}.vocab-review-btn__title{font-size:15px;font-weight:800;color:#fff}.vocab-review-btn__sub{font-size:12px;color:#ffffffd9;font-weight:600}.vocab-review-btn__arrow{font-size:18px;color:#fff;font-weight:700}.vocab-review-done{margin:8px 16px;padding:12px 16px;background:var(--bg-gray);border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.vocab-search-wrap{display:flex;align-items:center;margin:8px 16px;background:var(--bg-gray);border-radius:12px;padding:0 12px;gap:8px}.vocab-search-icon{font-size:16px;opacity:.5}.vocab-search{flex:1;height:40px;background:none;border:none;outline:none;font-size:14px;color:var(--text-primary)}.vocab-search::placeholder{color:var(--text-secondary);opacity:.7}.vocab-search-clear{font-size:14px;color:var(--text-secondary);padding:4px}.vocab-filters{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vocab-filters::-webkit-scrollbar{display:none}.vocab-filter-chip{flex-shrink:0;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;background:var(--bg-gray);color:var(--text-secondary);border:1.5px solid transparent;transition:all .15s;white-space:nowrap}.vocab-filter-chip--active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.vocab-list{flex:1;padding:4px 16px}.vocab-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.5}.vocab-word{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:6px;background:var(--bg-card, #fff);border-radius:12px;border:1.5px solid var(--border-light);gap:12px}.vocab-word--due{border-color:#ff9600;background:#fff8ee}.vocab-word__speak{background:none;border:none;font-size:18px;padding:4px 6px 4px 0;cursor:pointer;opacity:.6;flex-shrink:0;transition:opacity .15s,transform .12s}.vocab-word__speak:active{opacity:1;transform:scale(1.2)}.vocab-word__left{flex:1;min-width:0}.vocab-word__az{font-size:15px;font-weight:700;color:var(--text-primary)}.vocab-word__trans{font-size:11px;color:var(--text-secondary);margin-top:1px}.vocab-word__right{text-align:right;flex-shrink:0}.vocab-word__ru{font-size:13px;font-weight:600;color:var(--text-secondary)}.vocab-word__srs{font-size:10px;color:#58cc02;margin-top:2px;letter-spacing:1px}.srs-screen{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column;animation:fadeIn .25s ease}.srs-topbar{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;background:#fff;border-bottom:1.5px solid var(--border-light)}.srs-topbar__close{width:34px;height:34px;border-radius:50%;background:var(--bg-gray);color:var(--text-secondary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.srs-topbar__progress-track{flex:1;height:10px;background:var(--border-light);border-radius:99px;overflow:hidden}.srs-topbar__progress-fill{height:100%;background:#58cc02;border-radius:99px;transition:width .4s ease;min-width:6px}.srs-topbar__count{font-size:13px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.srs-task-label{font-size:16px;font-weight:800;color:var(--text-primary);padding:20px 20px 0}.srs-word-card{margin:16px 16px 8px;background:#fff;border-radius:20px;border:2px solid var(--border-light);padding:24px 20px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 2px 10px #0000000f;position:relative}.srs-word-card__az-wrap{position:relative;display:flex;justify-content:center}.srs-word-card__az{font-size:28px;font-weight:900;color:var(--text-primary);text-align:center;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--primary-light)}.srs-word-tip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;font-size:14px;font-weight:600;padding:7px 14px;border-radius:10px;white-space:nowrap;z-index:20;pointer-events:none;animation:fadeIn .15s ease;box-shadow:0 4px 12px #0003}.srs-word-tip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #1a1a2e}.srs-word-card__trans{font-size:14px;color:var(--text-secondary);font-style:italic}.srs-word-card__audio{margin-top:8px;background:var(--primary-surface);border:1.5px solid var(--primary-light);border-radius:50%;width:44px;height:44px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.srs-word-card__audio:active{transform:scale(1.15)}.srs-options{display:flex;flex-direction:column;gap:10px;padding:8px 16px}.srs-option{width:100%;padding:16px 20px;background:#fff;border:2px solid var(--border-light);border-radius:14px;font-size:15px;font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.srs-option--selected{border-color:var(--primary);background:var(--primary-surface)}.srs-option--correct{border-color:#58cc02;background:#f0fff0;color:#3d9900}.srs-option--wrong{border-color:#ff4b4b;background:#fff0f0;color:#c00}.srs-feedback{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;border-top:2px solid transparent;animation:slideUp .2s ease}.srs-feedback--correct{background:#f0fff0;border-color:#58cc02}.srs-feedback--wrong{background:#fff0f0;border-color:#ff4b4b}.srs-feedback__row{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:var(--text-primary)}.srs-feedback__next{background:var(--primary);color:#fff;font-size:13px;font-weight:800;padding:10px 20px;border-radius:20px;box-shadow:0 3px 0 var(--primary-dark)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.srs-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.srs-done__emoji{font-size:64px}.srs-done__title{font-size:22px;font-weight:800;color:var(--text-primary)}.srs-done__sub{font-size:14px;color:var(--text-secondary)}.srs-done__btn{margin-top:20px;background:var(--primary);color:#fff;font-size:15px;font-weight:800;padding:14px 40px;border-radius:20px;box-shadow:0 4px 0 var(--primary-dark)}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-page)}.app__content{flex:1;overflow-y:auto;padding-bottom:72px;background:var(--bg-gray);-webkit-overflow-scrolling:touch}:root{--primary: #6C3AED;--primary-dark: #4338CA;--primary-light: #C4B5FD;--primary-bg: #F5F3FF;--primary-surface: #EDE9FE;--accent-green: #4CD964;--accent-red: #EF4444;--accent-gold: #F5D060;--bg-page: #FFFFFF;--bg-gray: #F3F4F6;--text-primary: #1A1A2E;--text-secondary: #6B7280;--border-light: #E5E7EB;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit}html,body,#root{height:100%;width:100%}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #6c3aed66}50%{transform:scale(1.05);box-shadow:0 0 0 14px #6c3aed00}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}