:root{--tg-theme-bg-color: #0e1621;--tg-theme-secondary-bg-color: #17212b;--tg-theme-card-bg-color: #242f3d;--tg-theme-text-color: #f5f5f5;--tg-theme-hint-color: #7f91a4;--tg-theme-link-color: #64b5f6;--tg-theme-button-color: #2b5278;--tg-theme-button-text-color: #ffffff;--accent-emerald: #10b981;--accent-teal: #14b8a6;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-error: #ef4444;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--bottom-nav-height: calc(64px + env(safe-area-inset-bottom, 0px)) }*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:var(--bottom-nav-height)}:lang(fa),[lang=fa-IR]{font-family:Vazirmatn,Noto Sans Arabic,sans-serif;direction:rtl}:lang(el),[lang=el-GR]{font-family:Inter,Roboto,sans-serif}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-display:swap}.glass-card{background:#242f3db3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-4)}.btn-primary{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--font-base);font-weight:600;cursor:pointer;min-height:44px;transition:opacity .15s ease}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.speed-toggle{display:flex;background:var(--tg-theme-secondary-bg-color);border-radius:var(--radius-pill);padding:2px;gap:2px}.speed-toggle__btn{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--tg-theme-hint-color);font-size:var(--font-sm);font-weight:600;cursor:pointer;min-height:36px;transition:background .2s,color .2s}.speed-toggle__btn--active{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.progress-bar{height:6px;background:var(--tg-theme-secondary-bg-color);border-radius:var(--radius-pill);overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent-emerald);border-radius:var(--radius-pill);transition:width .4s ease}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--tg-theme-secondary-bg-color);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;padding-top:var(--space-2);z-index:100}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--tg-theme-hint-color);font-size:var(--font-xs);min-height:44px;cursor:pointer;transition:color .15s}.bottom-nav__tab--active{color:var(--accent-emerald)}.bottom-nav__icon{font-size:1.25rem}.profile-fab{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.08);border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s}.profile-fab:active{background:var(--tg-theme-card-bg-color)}.profile-fab--active{color:var(--accent-emerald);border-color:var(--accent-emerald)}.profile-fab:not(.profile-fab--inline){position:fixed;top:calc(var(--space-4) + env(safe-area-inset-top,0px));right:var(--space-4);z-index:100;box-shadow:0 2px 8px #00000040}.catalog-screen{padding-bottom:calc(var(--bottom-nav-height) + var(--space-4));max-width:600px;margin:0 auto}.catalog-topbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);gap:var(--space-2)}.language-pill{display:flex;align-items:center;gap:var(--space-2);background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background .2s}.language-pill:active{background:var(--tg-theme-card-bg-color)}.language-pill__arrow{color:var(--tg-theme-hint-color);font-size:var(--font-xs)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.streak-badge{display:inline-flex;align-items:center;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--font-sm);font-weight:600;border:1px solid rgba(255,255,255,.06);cursor:pointer}.catalog-content{padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.hero-card{position:relative;border:1px solid rgba(16,185,129,.25);background:linear-gradient(135deg,#242f3de6,#17212bf2);display:flex;flex-direction:column;gap:var(--space-3)}.hero-card__header{display:flex;justify-content:space-between;align-items:center}.hero-card__tag{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--accent-emerald);font-weight:700}.hero-card__level{font-size:var(--font-xs);background:#ffffff1a;padding:2px 8px;border-radius:var(--radius-sm);color:var(--tg-theme-hint-color)}.hero-card__title{margin:0;font-size:var(--font-xl);font-weight:700}.hero-card__progress-container{display:flex;flex-direction:column;gap:4px}.hero-card__progress-text{font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.hero-card__btn{align-self:flex-start;margin-top:var(--space-1)}.unit-section{display:flex;flex-direction:column;gap:var(--space-3)}.unit-section__title{font-size:var(--font-lg);font-weight:700;margin:0}.unit-section__list{display:flex;flex-direction:column;gap:var(--space-3)}.unit-section__list--scrollbox{max-height:60vh;overflow-y:auto;scroll-behavior:smooth;padding:var(--space-2);margin:calc(var(--space-2) * -1);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);background:#0f17204d}.coming-soon-card{display:flex;align-items:flex-start;gap:var(--space-3);border:1px dashed rgba(255,255,255,.15);background:#1e293b66}.coming-soon-card__icon{font-size:var(--font-xl);line-height:1}.coming-soon-card__text strong{display:block;font-size:var(--font-sm);margin-bottom:2px}.coming-soon-card__text p{margin:0;font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.achievements-strip-section{display:flex;flex-direction:column;gap:var(--space-2)}.achievements-strip-section__header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm);font-weight:700}.achievements-strip-section__count{font-size:var(--font-xs);font-weight:600;color:var(--tg-theme-hint-color)}.achievements-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:2px}.achievement-chip{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;min-width:76px;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);background:var(--tg-theme-secondary-bg-color);border:1px solid rgba(255,255,255,.06);opacity:.55;text-align:center}.achievement-chip--done{opacity:1;border-color:#10b98166;background:#10b9811f}.achievement-chip__icon{font-size:var(--font-lg)}.achievement-chip__label{font-size:var(--font-xs);font-weight:600;color:var(--tg-theme-text-color)}.lesson-card{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.lesson-card:hover:not(.lesson-card--locked){border-color:#fff3}.lesson-card--locked{opacity:.55;cursor:not-allowed}.lesson-card__thumb{width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;background:var(--tg-theme-secondary-bg-color);flex-shrink:0;display:flex;align-items:center;justify-content:center}.lesson-card__img{width:100%;height:100%;object-fit:cover}.lesson-card__placeholder{font-size:1.75rem}.lesson-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.lesson-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.lesson-card__title{margin:0;font-size:var(--font-base);font-weight:600}.lesson-card__meta{display:flex;gap:var(--space-3);font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.lesson-card__score{color:var(--accent-emerald);font-weight:600}.status-badge{font-size:var(--font-xs);padding:2px 8px;border-radius:var(--radius-pill);font-weight:600;white-space:nowrap}.status-badge--passed{background:#10b98133;color:var(--accent-emerald)}.status-badge--active{background:#2b527866;color:#64b5f6}.status-badge--locked{background:#ffffff14;color:var(--tg-theme-hint-color)}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .2s ease-out}.bottom-sheet{background:var(--tg-theme-secondary-bg-color);width:100%;max-width:600px;border-radius:16px 16px 0 0;padding:var(--space-4);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);transform:translateY(100%);transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 -4px 24px #00000080;border-top:1px solid rgba(255,255,255,.1)}.bottom-sheet--open{transform:translateY(0)}.bottom-sheet__header{display:flex;justify-content:space-between;align-items:center}.bottom-sheet__title{margin:0;font-size:var(--font-lg);font-weight:700}.bottom-sheet__close{background:transparent;border:none;color:var(--tg-theme-hint-color);font-size:1.2rem;cursor:pointer;padding:4px 8px}.bottom-sheet__body{display:flex;flex-direction:column;gap:var(--space-4)}.lang-section__title{font-size:var(--font-sm);color:var(--tg-theme-hint-color);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.5px}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.lang-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--tg-theme-bg-color);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);font-weight:500;transition:border-color .15s,background .15s}.lang-option input{accent-color:var(--tg-theme-button-color)}.lang-option--selected{border-color:var(--accent-emerald);background:#10b9811a}.bottom-sheet__footer{margin-top:var(--space-2)}.bottom-sheet__apply{width:100%}.lang-selector__warning{color:var(--tg-theme-destructive-text-color, #e53e3e);font-size:var(--font-sm, .85rem);margin:0 0 var(--space-2) 0;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-screen{max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.player-screen--loading,.player-screen--error{align-items:center;justify-content:center;padding:var(--space-6);text-align:center}.player-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--tg-theme-secondary-bg-color);border-bottom:1px solid rgba(255,255,255,.06)}.back-btn{background:none;border:none;color:var(--tg-theme-link-color);font-size:var(--font-base);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2)}.player-title{font-size:var(--font-base);font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-counter{font-size:var(--font-xs);font-weight:700;color:var(--tg-theme-hint-color);background:#ffffff14;padding:4px 10px;border-radius:var(--radius-pill)}.player-main{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-6)}.presentation-container{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);position:relative}.visual-canvas{width:100%;height:auto;max-height:55vh;object-fit:contain;border-radius:var(--radius-lg);background:var(--tg-theme-secondary-bg-color);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0000004d;display:block}.subtitle-card{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:#242f3dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);text-align:center;transition:box-shadow .2s ease,border-color .2s ease}.subtitle-card--highlighted{box-shadow:0 0 12px #10b98166;border-color:var(--accent-emerald)}.subtitle-card__target{font-size:var(--font-xl);font-weight:700;color:var(--tg-theme-text-color);line-height:1.3}.subtitle-card__native{font-size:var(--font-sm);color:var(--tg-theme-hint-color);margin-top:var(--space-1);line-height:1.3}.tap-overlay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;background:#00000080;padding:16px 24px;border-radius:50%;pointer-events:none;animation:fadeOut .8s forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.playback-controls{padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.seekbar-container{display:flex;flex-direction:column;gap:4px}.seekbar{width:100%;accent-color:var(--accent-emerald);height:6px;border-radius:var(--radius-pill);cursor:pointer}.time-display{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--tg-theme-hint-color);font-variant-numeric:tabular-nums}.control-buttons{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2)}.settings-row--autoplay,.settings-row--native-first{padding:var(--space-2) var(--space-2) 0;border-bottom:none;min-height:auto}.ctrl-btn{background:none;border:none;color:var(--tg-theme-text-color);font-size:1.5rem;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn--primary{font-size:2rem;color:var(--accent-emerald)}.speed-toggle-btn{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:4px 12px;font-size:var(--font-xs);font-weight:700;cursor:pointer;min-height:36px;display:flex;align-items:center;gap:4px}.lesson-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:0 var(--space-4)}.action-btn{padding:var(--space-3) var(--space-2);font-size:var(--font-sm);font-weight:600;border-radius:var(--radius-md);min-height:44px;cursor:pointer;border:none}.btn--primary{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.btn--secondary{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.1)}.quiz-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--tg-theme-secondary-bg-color);border-bottom:1px solid rgba(255,255,255,.08)}.quiz-title{font-weight:600;font-size:var(--font-base)}.quiz-counter{font-size:var(--font-sm);color:var(--tg-theme-hint-color)}.close-btn{background:none;border:none;color:var(--tg-theme-hint-color);font-size:1.25rem;cursor:pointer;padding:4px 8px}.quiz-main{flex:1;display:flex;flex-direction:column;gap:var(--space-4);max-width:600px;width:100%;margin:0 auto;padding-bottom:var(--space-6)}.question-prompt{padding:var(--space-6) var(--space-4);text-align:center}.question-text{font-size:var(--font-xl);font-weight:600;margin-bottom:var(--space-4)}.audio-prompt-btn{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--font-base);cursor:pointer;min-height:44px}.audio-prompt-btn--playing{opacity:.8}.answer-options{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.answer-option{padding:var(--space-4);border-radius:var(--radius-md);background:var(--tg-theme-card-bg-color, var(--tg-theme-secondary-bg-color));border:2px solid transparent;color:var(--tg-theme-text-color);cursor:pointer;font-size:var(--font-base);transition:border-color .15s,background .15s;min-height:44px;text-align:left}.answer-option--correct{border-color:var(--accent-emerald);background:#10b9811a}.answer-option--wrong{border-color:var(--accent-error);background:#ef44441a}.answer-option--revealed{border-color:var(--accent-emerald);background:#10b98114}.answer-option--disabled{pointer-events:none;opacity:.85}.feedback-panel{margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:#242f3dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feedback-panel__header{font-weight:700;margin-bottom:var(--space-2)}.feedback-panel--correct .feedback-panel__header{color:var(--accent-emerald)}.feedback-panel--wrong .feedback-panel__header{color:var(--accent-error)}.feedback-panel__explanation{font-size:var(--font-sm);opacity:.9}.quiz-action-bar{padding:0 var(--space-4);margin-top:auto}.quiz-next-btn{width:100%;padding:var(--space-4);font-size:var(--font-base);font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer}.quiz-next-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-results-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.results-card{width:100%;max-width:450px;text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);background:#242f3dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.results-card--pass{border-color:var(--accent-emerald)}.results-card--fail{border-color:var(--accent-error)}.results-icon{font-size:3.5rem;margin-bottom:var(--space-2)}.results-score{font-size:var(--font-xl);font-weight:700;margin:var(--space-2) 0}.results-msg{font-size:var(--font-base);opacity:.85;margin-bottom:var(--space-4)}.cloud-status{font-size:var(--font-xs);color:var(--accent-emerald);margin-bottom:var(--space-3)}.results-actions{display:flex;flex-direction:column;gap:var(--space-3)}.results-actions button{width:100%;padding:var(--space-3);font-size:var(--font-base);font-weight:600;border-radius:var(--radius-md);min-height:44px}.practice-screen{display:flex;flex-direction:column;min-height:100vh;padding-bottom:var(--space-8);background:var(--tg-theme-bg-color, #0f172a);color:var(--tg-theme-text-color, #f8fafc)}.practice-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--tg-theme-secondary-bg-color, rgba(30, 41, 59, .7));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.exit-practice-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--tg-theme-text-color, #f8fafc);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);font-weight:600;min-height:38px}.practice-title{font-size:var(--font-lg);font-weight:700}.practice-main{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4);max-width:600px;width:100%;margin:0 auto}.practice-section{display:flex;flex-direction:column;gap:var(--space-3)}.section-title{font-size:var(--font-sm);font-weight:700;letter-spacing:.05em;color:var(--tg-theme-hint-color, #94a3b8);margin-bottom:var(--space-1)}.matching-game-container{display:flex;flex-direction:column;gap:var(--space-4)}.matching-success{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#10b98126;border:1px solid var(--accent-emerald, #10b981);color:#34d399;font-weight:600}.matching-game{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.matching-column{display:flex;flex-direction:column;gap:var(--space-3)}.matching-column-title{font-size:var(--font-xs);font-weight:600;color:var(--tg-theme-hint-color, #64748b);text-align:center;margin-bottom:var(--space-1)}.match-card{padding:var(--space-3);border-radius:var(--radius-md);background:var(--tg-theme-card-bg-color, rgba(30, 41, 59, .7));border:2px solid transparent;cursor:pointer;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);transition:border-color .15s,background .15s,transform .15s;font-size:var(--font-sm)}.match-card:hover{background:#283549d9}.match-card--selected{border-color:var(--accent-indigo, #6366f1);background:#6366f126}.match-card--matched{border-color:var(--accent-emerald, #10b981);background:#10b98126;pointer-events:none;opacity:.85}.match-card--wrong{border-color:var(--accent-error, #ef4444);background:#ef444426;animation:shake .3s ease}.match-card-audio-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-sm);transition:transform .1s}.match-card-audio-btn:active{transform:scale(1.2)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.flashcard-list{display:flex;flex-direction:column;gap:var(--space-3)}.flash-card{height:120px;perspective:1000px;cursor:pointer}.flash-card__inner{position:relative;width:100%;height:100%;transition:transform .4s ease-in-out;transform-style:preserve-3d}.flash-card--flipped .flash-card__inner{transform:rotateY(180deg)}.flash-card__front,.flash-card__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--tg-theme-card-bg-color, rgba(30, 41, 59, .7));border:1px solid rgba(255,255,255,.08)}.flash-card__back{transform:rotateY(180deg);background:var(--tg-theme-secondary-bg-color, rgba(15, 23, 42, .9))}.flash-card-text{font-size:var(--font-lg);font-weight:600}.flash-card-hint{font-size:var(--font-xs);color:var(--tg-theme-hint-color, #64748b)}.flash-card-audio-btn{background:#ffffff14;border:none;font-size:1.2rem;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-pill);min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.flash-card-actions{display:flex;align-items:center;gap:var(--space-2)}.mastery-badge-btn{background:#ffffff14;color:var(--tg-theme-hint-color, #7f91a4);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.mastery-badge-btn:hover{background:#ffffff26}.mastery-badge-btn--mastered{background:#f59e0b2e;color:#f59e0b;border-color:#f59e0b66}.mastery-pills-bar{display:flex;gap:var(--space-2);width:100%}.mastery-pill{flex:1;background:var(--tg-theme-secondary-bg-color, #17212b);color:var(--tg-theme-hint-color, #7f91a4);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:var(--space-2);font-size:var(--font-xs);font-weight:700;cursor:pointer;text-align:center;transition:all .2s ease;white-space:nowrap}.mastery-pill--active{background:var(--accent-emerald, #10b981);color:#fff;border-color:var(--accent-emerald, #10b981)}.practice-screen{max-width:600px;margin:0 auto;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}.practice-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.exit-practice-btn{background:var(--tg-theme-secondary-bg-color, rgba(23, 33, 43, .9));color:var(--tg-theme-text-color, #f5f5f5);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background .2s}.exit-practice-btn:active{background:var(--tg-theme-card-bg-color)}.practice-title{font-size:var(--font-lg);font-weight:700;color:var(--tg-theme-text-color)}.practice-main{display:flex;flex-direction:column;gap:var(--space-4)}.flashcard-controls-bar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md)}.selector-group{display:flex;flex-direction:column;gap:var(--space-1)}.selector-label{font-size:var(--font-xs);font-weight:700;color:var(--tg-theme-hint-color, #7f91a4);text-transform:uppercase;letter-spacing:.05em}.deck-source-trigger-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;background:var(--tg-theme-secondary-bg-color, #17212b);color:var(--tg-theme-text-color, #f5f5f5);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.deck-source-trigger-btn:hover{border-color:var(--accent-emerald, #10b981)}.source-trigger-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-trigger-badge{background:#10b98126;color:var(--accent-emerald, #10b981);padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700;white-space:nowrap}.source-trigger-caret{font-size:var(--font-xs);opacity:.6}.deck-source-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.deck-source-modal{width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;background:var(--tg-theme-secondary-bg-color, #17212b);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 32px #00000080;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.deck-source-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.deck-source-modal__header h3{margin:0;font-size:var(--font-base);font-weight:700;color:var(--tg-theme-text-color)}.deck-source-modal__close{background:transparent;border:none;color:var(--tg-theme-hint-color);font-size:var(--font-base);cursor:pointer;padding:var(--space-1) var(--space-2)}.deck-source-modal__search{padding:var(--space-3) var(--space-4)}.deck-source-search-input{width:100%;background:var(--tg-theme-bg-color, #0e1621);color:var(--tg-theme-text-color, #f5f5f5);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-sm);outline:none}.deck-source-search-input:focus{border-color:var(--accent-emerald, #10b981)}.deck-source-modal__presets{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.preset-chip{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--tg-theme-text-color);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-chip--active{background:var(--tg-theme-button-color, #2b5278);border-color:var(--accent-emerald, #10b981);color:#fff}.deck-source-modal__list{flex:1;overflow-y:auto;padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);max-height:320px}.deck-source-item{display:flex;justify-content:space-between;align-items:center;background:var(--tg-theme-card-bg-color, #242f3d);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--space-3);color:var(--tg-theme-text-color);text-align:left;cursor:pointer;transition:background .15s ease}.deck-source-item:hover,.deck-source-item--active{border-color:var(--accent-emerald, #10b981);background:#10b9811a}.source-item-title{font-size:var(--font-sm);font-weight:600;display:block}.source-item-category{font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.source-item-badge{font-size:var(--font-xs);color:var(--accent-emerald)}.deck-source-empty{padding:var(--space-6);text-align:center;color:var(--tg-theme-hint-color);font-size:var(--font-sm)}.deck-source-modal__footer{padding:var(--space-3) var(--space-4);background:#0003;border-top:1px solid rgba(255,255,255,.05);font-size:var(--font-xs);color:var(--tg-theme-hint-color);text-align:center}.deck-progress-bar-container{display:flex;flex-direction:column;gap:var(--space-2)}.deck-progress-badges{display:flex;align-items:center;gap:var(--space-2)}.deck-mastery-ratio-pill{font-size:var(--font-xs);background:#10b98126;color:var(--accent-emerald, #10b981);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.deck-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:var(--radius-pill);overflow:hidden}.deck-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-emerald, #10b981),var(--accent-indigo, #6366f1));border-radius:var(--radius-pill);transition:width .3s ease}.nav-hint-desktop{font-size:var(--font-xs);color:var(--tg-theme-hint-color);align-self:center;display:none}@media (min-width: 640px){.nav-hint-desktop{display:inline}}.deck-completion-card{padding:var(--space-8) var(--space-6);text-align:center}.completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.completion-icon{font-size:3rem}.completion-content h2{margin:0;color:var(--tg-theme-text-color);font-size:var(--font-xl)}.completion-content p{color:var(--tg-theme-hint-color);font-size:var(--font-sm);max-width:380px;margin:0}.completion-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px;margin-top:var(--space-4)}.deck-grid-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.grid-search-input{width:100%;background:var(--tg-theme-secondary-bg-color, #17212b);color:var(--tg-theme-text-color, #f5f5f5);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-sm);outline:none}.grid-search-input:focus{border-color:var(--accent-emerald, #10b981)}.action-buttons-group{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.btn-reshuffle{background:#10b98126;color:var(--accent-emerald, #10b981);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--font-xs);font-weight:700;cursor:pointer;transition:background .15s}.btn-reshuffle:active{background:#10b98140}.view-mode-toggle{display:flex;background:var(--tg-theme-secondary-bg-color, #17212b);border-radius:var(--radius-pill);padding:2px;border:1px solid rgba(255,255,255,.08)}.view-mode-btn{background:transparent;color:var(--tg-theme-hint-color, #7f91a4);border:none;border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .2s}.view-mode-btn--active{background:var(--tg-theme-button-color, #2b5278);color:var(--tg-theme-button-text-color, #ffffff)}.deck-progress-indicator{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-1);font-size:var(--font-sm);color:var(--tg-theme-hint-color, #7f91a4)}.card-counter strong{color:var(--tg-theme-text-color)}.deck-tag{font-size:var(--font-xs);background:#6366f126;color:var(--accent-indigo, #6366f1);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.single-card-view{display:flex;flex-direction:column;gap:var(--space-4)}.single-card-container{min-height:160px}.single-card-container .flash-card{height:160px}.single-card-container .flash-card-text{font-size:var(--font-xl)}.single-card-nav{display:flex;justify-content:space-between;gap:var(--space-4)}.nav-btn{flex:1;background:var(--tg-theme-secondary-bg-color, #17212b);color:var(--tg-theme-text-color, #f5f5f5);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:background .15s,transform .1s;min-height:48px;display:flex;align-items:center;justify-content:center}.nav-btn:active{background:var(--tg-theme-card-bg-color);transform:scale(.98)}.practice-loading-container,.practice-empty-card{padding:var(--space-6);text-align:center;color:var(--tg-theme-hint-color)}.pdf-export-btn{display:block;width:100%;margin:var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,var(--accent-indigo, #6366f1),var(--accent-violet, #8b5cf6));color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;cursor:pointer;min-height:52px;transition:opacity .15s,transform .1s;box-shadow:0 4px 12px #6366f14d}.pdf-export-btn:active{opacity:.85;transform:scale(.99)}.profile-screen{padding:var(--space-4);max-width:600px;margin:0 auto;padding-bottom:var(--space-8)}.profile-topbar{margin-bottom:var(--space-4)}.profile-topbar h2{font-size:var(--font-xl);font-weight:700;color:var(--tg-theme-text-color);margin:0}.profile-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-indigo, #6366f1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;color:#fff}.profile-name{font-size:var(--font-lg);font-weight:700}.sync-status{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--font-sm)}.sync-status--ok{color:var(--accent-emerald, #10b981)}.sync-status--warn{color:#f59e0b}.sync-status--danger{color:var(--accent-error, #ef4444)}.sync-status--local{color:var(--tg-theme-hint-color, #7f91a4)}.settings-section{margin-bottom:var(--space-6)}.settings-section__title{font-size:var(--font-xs);font-weight:700;letter-spacing:.08em;color:var(--tg-theme-hint-color, #7f91a4);text-transform:uppercase;margin-bottom:var(--space-3)}.settings-row{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-row__label{font-size:var(--font-sm)}.toggle-switch{position:relative;width:44px;height:24px;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tg-theme-hint-color, #64748b);border-radius:var(--radius-pill, 9999px);cursor:pointer;transition:background .2s}.toggle-switch__slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-switch__slider{background:var(--accent-emerald, #10b981)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(20px)}.danger-btn{background:#ef444426;color:var(--accent-error, #ef4444);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-sm);font-weight:600;cursor:pointer;min-height:44px;width:100%;margin-top:var(--space-3);transition:background .15s}.danger-btn:active{background:#ef444440}.version-text{font-size:var(--font-xs);color:var(--tg-theme-hint-color, #7f91a4);text-align:center;margin-top:var(--space-6)}.divider{height:1px;background:#ffffff0d;margin:var(--space-4) 0}.bottom-nav__tab{padding:0 2px;font-size:.7rem}.bottom-nav__icon{font-size:1.15rem}.worksheet-screen{padding-bottom:calc(var(--bottom-nav-height) + var(--space-4));max-width:650px;margin:0 auto;min-height:100vh}.worksheet-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--tg-theme-secondary-bg-color);border-bottom:1px solid rgba(255,255,255,.06)}.exit-worksheet-btn{background:none;border:none;color:var(--tg-theme-link-color);font-size:var(--font-sm);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2)}.worksheet-title{font-size:var(--font-lg);font-weight:700;color:var(--tg-theme-text-color)}.worksheet-main{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.stats-screen{padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}.stats-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--tg-theme-secondary-bg-color);border-bottom:1px solid rgba(255,255,255,.06)}.exit-stats-btn{background:none;border:none;color:var(--tg-theme-link-color);font-size:var(--font-sm);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2)}.stats-title{font-size:var(--font-lg);font-weight:700;color:var(--tg-theme-text-color)}.stats-main{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);max-width:600px;margin:0 auto}.stats-streak-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#242f3de6,#17212bf2);border:1px solid rgba(16,185,129,.25)}.stats-streak-card__value{font-size:2rem;font-weight:700}.stats-streak-card__label{font-size:var(--font-sm);color:var(--tg-theme-hint-color)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stats-tile{display:flex;flex-direction:column;gap:2px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--tg-theme-secondary-bg-color);border:1px solid rgba(255,255,255,.06)}.stats-tile__value{font-size:var(--font-xl);font-weight:700}.stats-tile__label{font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.worksheet-controls{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.worksheet-source-select{width:100%;padding:var(--space-2) var(--space-3);background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:var(--font-sm)}.pdf-export-btn{width:100%;padding:var(--space-3);background:var(--accent-emerald);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:700;cursor:pointer;transition:opacity .2s ease}.pdf-export-btn:disabled{opacity:.5;cursor:not-allowed}.worksheet-preview{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.worksheet-preview__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:var(--space-2)}.worksheet-preview__header h3{margin:0;font-size:var(--font-md);color:var(--accent-emerald)}.worksheet-count{font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.worksheet-filter-bar{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width: 480px){.worksheet-filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-3);font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.worksheet-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) * 2.2);background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:var(--font-sm);outline:none}.worksheet-search-input:focus{border-color:var(--accent-emerald)}.clear-search-btn{position:absolute;right:var(--space-2);background:none;border:none;color:var(--tg-theme-hint-color);cursor:pointer;padding:var(--space-1)}.toggle-examples-btn{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.toggle-examples-btn.active{border-color:var(--accent-emerald);color:var(--accent-emerald)}.worksheet-cards-list{display:flex;flex-direction:column;gap:var(--space-3)}.worksheet-vocab-card{padding:var(--space-4);background:var(--tg-theme-secondary-bg-color);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);transition:background .2s ease}.vocab-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.vocab-card__text-block{display:flex;flex-direction:column;gap:2px}.vocab-target-text{font-size:var(--font-md);font-weight:700;color:var(--tg-theme-text-color)}.vocab-native-text{font-size:var(--font-sm);color:var(--tg-theme-hint-color)}.vocab-audio-controls,.example-audio-controls{display:flex;gap:var(--space-2);align-items:center}.worksheet-audio-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--tg-theme-text-color);border-radius:var(--radius-md);padding:6px 10px;font-size:var(--font-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.worksheet-audio-btn:hover{background:#ffffff1f}.worksheet-audio-btn.playing{background:var(--accent-emerald);color:#fff;border-color:var(--accent-emerald)}.worksheet-audio-btn.slow{background:#ffffff0a}.worksheet-audio-btn.small{padding:4px 8px;font-size:11px}.vocab-card__examples{background:#00000026;border-left:3px solid var(--accent-emerald);padding:var(--space-3);border-radius:0 var(--radius-md) var(--radius-md) 0;display:flex;flex-direction:column;gap:var(--space-2)}.examples-heading{font-size:11px;font-weight:700;color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.5px}.example-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.example-item:last-child{border-bottom:none}.example-text-block{display:flex;flex-direction:column;gap:2px}.example-target{font-size:var(--font-sm);font-weight:600;color:#64b5f6}.example-native{font-size:var(--font-xs);color:var(--tg-theme-hint-color);font-style:italic}.no-results-msg{padding:var(--space-4);text-align:center;color:var(--tg-theme-hint-color);font-size:var(--font-sm)}.passive-screen{padding-bottom:calc(var(--bottom-nav-height) + var(--space-4));max-width:600px;margin:0 auto;min-height:100vh}.passive-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--tg-theme-secondary-bg-color, #1e293b);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.passive-header-title-group{display:flex;flex-direction:column;align-items:center}.exit-passive-btn{background:none;border:none;color:var(--accent-emerald, #10b981);font-size:var(--font-sm);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2)}.passive-title{font-size:var(--font-md);font-weight:700;color:var(--tg-theme-text-color, #f5f5f5)}.passive-header-badge{font-size:var(--font-xs);color:var(--tg-theme-hint-color, #94a3b8);margin-top:1px}.passive-settings-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);padding:var(--space-2);color:var(--tg-theme-text-color);cursor:pointer;font-size:1rem}.passive-main{padding:var(--space-4)}.passive-loading-state,.passive-error-state{padding:var(--space-8) var(--space-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.passive-spinner{font-size:3rem;animation:pulse-ring 1.5s infinite ease-in-out}.passive-setup-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.setup-header h2{margin:0 0 var(--space-1) 0;font-size:var(--font-lg);color:var(--tg-theme-text-color, #f5f5f5)}.setup-header p{margin:0;font-size:var(--font-xs);color:var(--tg-theme-hint-color, #94a3b8)}.setup-group{display:flex;flex-direction:column;gap:var(--space-2)}.setup-label{font-size:var(--font-xs);font-weight:600;color:var(--tg-theme-hint-color, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.passive-select{width:100%;padding:var(--space-3);background:var(--tg-theme-secondary-bg-color, #1e293b);color:var(--tg-theme-text-color, #f5f5f5);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:var(--font-sm);outline:none}.passive-segmented{display:flex;background:#0003;padding:3px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);gap:2px}.segment-btn{flex:1;background:none;border:none;color:var(--tg-theme-hint-color, #94a3b8);padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:center}.segment-btn.active{background:var(--accent-emerald, #10b981);color:#fff;box-shadow:0 2px 8px #10b9814d}.setup-grid{display:flex;flex-direction:column;gap:var(--space-4);background:#ffffff05;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.setup-toggle-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:var(--space-3);border-radius:var(--radius-md)}.toggle-info strong{display:block;font-size:var(--font-sm);color:var(--tg-theme-text-color)}.toggle-info span{font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.toggle-switch{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--tg-theme-hint-color);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:700;cursor:pointer}.toggle-switch.active{background:var(--accent-emerald, #10b981);color:#fff;border-color:var(--accent-emerald)}.repeats-pills{display:flex;gap:var(--space-2)}.pill-btn{flex:1;padding:var(--space-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--tg-theme-text-color);border-radius:var(--radius-md);font-weight:700;cursor:pointer}.pill-btn.active{background:var(--accent-emerald, #10b981);color:#fff;border-color:var(--accent-emerald)}.slider-label-row{display:flex;justify-content:space-between;align-items:center}.slider-value-badge{font-size:var(--font-xs);font-weight:700;color:var(--accent-emerald, #10b981);background:#10b98126;padding:2px 8px;border-radius:var(--radius-pill)}.passive-slider{width:100%;accent-color:var(--accent-emerald, #10b981);cursor:pointer;touch-action:pan-x}.slider-presets{display:flex;gap:var(--space-2);margin-top:4px}.preset-btn{flex:1;padding:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--tg-theme-hint-color);font-size:var(--font-xs);border-radius:var(--radius-sm);cursor:pointer}.preset-btn.active{border-color:var(--accent-emerald, #10b981);color:var(--accent-emerald)}.setup-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.start-passive-btn{width:100%;padding:var(--space-4);font-size:var(--font-md);font-weight:700;background:var(--accent-emerald, #10b981);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 14px #10b98166}.start-passive-btn:disabled{opacity:.5;cursor:not-allowed}.passive-player-card{padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.player-stats-bar{display:flex;justify-content:space-between;width:100%;font-size:var(--font-xs);color:var(--tg-theme-hint-color, #94a3b8);background:#ffffff08;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.player-stage-badge{min-height:32px;display:flex;align-items:center}.stage-tag{font-size:var(--font-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.stage-tag--native{background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.4)}.stage-tag--playing{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.stage-tag--pause{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4);animation:pulse-badge 1s infinite alternate}@keyframes pulse-badge{0%{opacity:.8}to{opacity:1;transform:scale(1.02)}}.player-art-container{width:180px;height:180px;border-radius:var(--radius-lg);overflow:hidden;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.player-art-container.pulse{border-color:var(--accent-emerald, #10b981);box-shadow:0 0 20px #10b98180;animation:art-pulse 1.8s infinite ease-in-out}@keyframes art-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.player-visual-art{width:100%;height:100%;object-fit:cover}.player-art-placeholder{font-size:4rem}.player-phrase-area{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.player-target-text{margin:0;font-size:var(--font-xxl);font-weight:800;color:var(--tg-theme-text-color, #ffffff);line-height:1.2}.player-native-text{margin:0;font-size:var(--font-md);color:var(--tg-theme-hint-color, #cbd5e1)}.player-sentence-box{margin-top:var(--space-3);padding:var(--space-3);background:#ffffff08;border-left:3px solid var(--accent-emerald, #10b981);border-radius:var(--radius-sm);text-align:left}.sentence-target{margin:0;font-size:var(--font-sm);font-weight:600;color:var(--tg-theme-text-color)}.sentence-native{margin:2px 0 0;font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.pause-timer-bar-container{width:100%;height:6px;background:#ffffff14;border-radius:var(--radius-pill);overflow:hidden}.pause-timer-bar-fill{height:100%;background:#f59e0b;transition:width .1s linear}.player-deck-progress{width:100%;display:flex;flex-direction:column;gap:4px;font-size:var(--font-xs);color:var(--tg-theme-hint-color)}.deck-track{width:100%;height:4px;background:#ffffff14;border-radius:var(--radius-pill);overflow:hidden}.deck-fill{height:100%;background:var(--accent-emerald, #10b981);transition:width .3s ease}.player-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);width:100%;margin-top:var(--space-2)}.control-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--tg-theme-text-color);font-size:1.2rem;width:48px;height:48px;border-radius:var(--radius-circle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.control-btn:active{transform:scale(.92)}.play-pause-btn{width:auto;padding:0 var(--space-6);height:52px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:800}.play-pause-btn.play{background:var(--accent-emerald, #10b981);color:#fff;border:none;box-shadow:0 4px 14px #10b98166}.play-pause-btn.pause{background:#f59e0b;color:#fff;border:none;box-shadow:0 4px 14px #f59e0b66}
