@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.625rem;--text-2xl: 2rem;--text-3xl: 2.625rem;--text-4xl: 3.5rem;--text-5xl: 4.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--space-8: 56px;--space-9: 72px;--primary: #32D74B;--primary-dark: #24B339;--primary-light: #5CE36F;--primary-glow: rgba(50, 215, 75, .5);--primary-ghost: rgba(50, 215, 75, .12);--primary-glass: rgba(50, 215, 75, .08);--secondary: #0A84FF;--secondary-dark: #0066CC;--secondary-light: #40A0FF;--secondary-glow: rgba(10, 132, 255, .5);--secondary-ghost: rgba(10, 132, 255, .12);--secondary-glass: rgba(10, 132, 255, .08);--accent: #BF5AF2;--accent-dark: #9A3CC9;--accent-light: #D485F7;--accent-glow: rgba(191, 90, 242, .5);--accent-ghost: rgba(191, 90, 242, .12);--warning: #FF9F0A;--warning-dark: #CC7A00;--warning-glow: rgba(255, 159, 10, .5);--warning-ghost: rgba(255, 159, 10, .12);--danger: #FF453A;--danger-dark: #CC3228;--danger-glow: rgba(255, 69, 58, .5);--danger-ghost: rgba(255, 69, 58, .12);--success: #30D158;--success-glow: rgba(48, 209, 88, .5);--golden: #FFD60A;--golden-glow: rgba(255, 214, 10, .6);--bg: #FFFFFF;--bg-app: #F2F2F7;--bg-surface: #FFFFFF;--bg-elevated: rgba(255, 255, 255, .72);--bg-secondary: rgba(255, 255, 255, .5);--bg-tertiary: rgba(0, 0, 0, .04);--bg-quaternary: rgba(0, 0, 0, .06);--text: #1C1C1E;--text-primary: #1C1C1E;--text-secondary: #6B6B72;--text-tertiary: #98989F;--text-muted: #C7C7CC;--text-inverse: #FFFFFF;--text-link: #0A84FF;--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--border-strong: rgba(0, 0, 0, .15);--border-focus: rgba(10, 132, 255, .5);--blur-sm: blur(8px) saturate(180%);--blur-md: blur(16px) saturate(200%);--blur-lg: blur(24px) saturate(220%);--blur-xl: blur(40px) saturate(240%);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .1);--shadow-float: 0 20px 60px rgba(0, 0, 0, .16), 0 10px 30px rgba(0, 0, 0, .12);--shadow-glow-primary: 0 0 40px var(--primary-glow);--shadow-glow-secondary: 0 0 40px var(--secondary-glow);--shadow-glow-accent: 0 0 40px var(--accent-glow);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--header-height: 60px;--tab-bar-height: 72px;--tab-bar-width: 280px;--max-width: 480px;--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px);--touch-target: 48px;--touch-target-lg: 56px;--touch-target-xl: 64px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-bounce: cubic-bezier(.68, -.15, .32, 1.35);--ease-fluid: cubic-bezier(.2, 0, 0, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--t-instant: .1s var(--ease-fluid);--t-fast: .2s var(--ease-smooth);--t-base: .35s var(--ease-fluid);--t-slow: .6s var(--ease-fluid);--t-slower: .9s var(--ease-fluid)}[data-theme=dark]{--bg: #000000;--bg-app: #050507;--bg-surface: #0F0F11;--bg-elevated: rgba(28, 28, 30, .72);--bg-secondary: rgba(44, 44, 46, .5);--bg-tertiary: rgba(255, 255, 255, .06);--bg-quaternary: rgba(255, 255, 255, .08);--text: #F2F2F7;--text-primary: #FFFFFF;--text-secondary: #A1A1A6;--text-tertiary: #6B6B72;--text-muted: #48484A;--text-inverse: #000000;--text-link: #40A0FF;--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .15);--border-focus: rgba(64, 160, 255, .5);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7), 0 4px 12px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .8), 0 8px 24px rgba(0, 0, 0, .6);--shadow-float: 0 24px 72px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .06) inset}@media (prefers-color-scheme: dark){[data-theme=system]{--bg: #000000;--bg-app: #050507;--bg-surface: #0F0F11;--bg-elevated: rgba(28, 28, 30, .72);--bg-secondary: rgba(44, 44, 46, .5);--bg-tertiary: rgba(255, 255, 255, .06);--bg-quaternary: rgba(255, 255, 255, .08);--text: #F2F2F7;--text-primary: #FFFFFF;--text-secondary: #A1A1A6;--text-tertiary: #6B6B72;--text-muted: #48484A;--text-inverse: #000000;--text-link: #40A0FF;--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .15);--border-focus: rgba(64, 160, 255, .5);--shadow-float: 0 24px 72px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .06) inset}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;min-height:100vh;background:var(--bg-app);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.5;transition:background var(--t-slower),color var(--t-slower);overscroll-behavior-y:contain}body.allow-select{user-select:text;-webkit-user-select:text}h1,h2,h3,h4,h5,h6,.brand-font{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0}#root{min-height:100vh;display:flex;justify-content:center;background:var(--bg-app)}:focus{outline:none}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--border-focus);border-radius:inherit}::selection{background:var(--primary);color:#000}.app-container{width:100%;max-width:var(--max-width);min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background var(--t-slower)}@media (min-width: 520px){.app-container{min-height:100vh;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:var(--shadow-xl)}}.header{height:var(--header-height);padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;transition:all var(--t-fast)}.header-logo{font-family:Outfit,sans-serif;font-weight:800;font-size:var(--text-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;display:flex;align-items:center;gap:var(--space-2)}.header-logo span:first-child{filter:drop-shadow(0 2px 8px var(--primary-glow))}.theme-toggle{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all var(--t-fast);touch-action:manipulation}.theme-toggle:hover{background:var(--bg-tertiary);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3);padding-bottom:calc(var(--tab-bar-height) + var(--space-4));-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.tab-bar{position:absolute;bottom:calc(var(--safe-bottom) + var(--space-3));left:var(--space-4);right:var(--space-4);height:var(--tab-bar-height);min-height:var(--touch-target-xl);background:var(--bg-elevated);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--border);border-radius:var(--radius-full);display:flex;justify-content:space-around;align-items:center;padding:var(--space-2);box-shadow:var(--shadow-float);z-index:100;transition:all var(--t-fast);touch-action:manipulation}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--touch-target);height:100%;color:var(--text-tertiary);font-size:11px;font-weight:600;font-family:Inter,sans-serif;transition:all var(--t-fast);background:none;border:none;cursor:pointer;position:relative;letter-spacing:.02em;margin:2px;border-radius:var(--radius-full);padding:var(--space-3) 0;touch-action:manipulation}.tab-item svg{width:24px;height:24px;stroke-width:2;margin-bottom:3px;transition:all var(--t-fast)}.tab-item span{transition:all var(--t-fast)}.tab-item.is-active{color:var(--text-primary);background:var(--bg-tertiary)}.tab-item.is-active svg{color:var(--primary);transform:translateY(-2px);filter:drop-shadow(0 4px 12px var(--primary-glow))}.tab-item:active{transform:scale(.95)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:18px 32px;min-height:var(--touch-target-lg);border-radius:var(--radius-full);font-size:var(--text-md);font-weight:600;font-family:Inter,sans-serif;border:1px solid transparent;cursor:pointer;transition:all var(--t-fast);text-decoration:none;user-select:none;-webkit-user-select:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);position:relative;overflow:hidden;touch-action:manipulation}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--t-fast)}.btn:active:before{opacity:1}.btn--primary{background:var(--primary);color:#000;font-weight:700;box-shadow:0 8px 24px var(--primary-glow),inset 0 1px #fff6}.btn--primary:hover{background:var(--primary-light);box-shadow:0 12px 32px var(--primary-glow),inset 0 1px #fff6;transform:translateY(-2px)}.btn--primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px var(--primary-glow)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.btn--secondary:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.btn--danger{background:var(--danger-ghost);color:var(--danger);border:1px solid rgba(255,69,58,.2)}.btn--danger.btn--3d{background:var(--bg-elevated);border:1px solid rgba(255,69,58,.3);box-shadow:0 8px 24px var(--danger-ghost);color:var(--danger)}.btn--ghost{background:transparent;color:var(--text-secondary);padding:var(--space-3);border-radius:var(--radius-md)}.btn--ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn--block{width:100%}.btn--sm{min-height:var(--touch-target);padding:12px 24px;font-size:var(--text-sm)}.btn--lg{min-height:var(--touch-target-xl);padding:24px 48px;font-size:var(--text-lg)}.glass-card{background:var(--bg-elevated);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:var(--shadow-float)}.daily-progress-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.daily-progress-banner__content{flex:1;min-width:0}.daily-progress-banner__title{font-family:Outfit,sans-serif;font-weight:700;font-size:var(--text-md);color:var(--text-primary);margin-bottom:2px;letter-spacing:-.02em}.daily-progress-banner__subtitle{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-2)}.daily-progress-banner__bar{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.daily-progress-banner__bar-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:var(--radius-full);box-shadow:0 0 8px var(--primary-glow)}.progress-ring{position:relative;width:64px;height:64px;flex-shrink:0}.progress-ring__circle{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring__bg{fill:none;stroke:var(--bg-tertiary);stroke-width:6}.progress-ring__fill{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--primary-glow))}.progress-ring__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Outfit,sans-serif;font-weight:800;font-size:var(--text-lg);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.streak-banner{background:linear-gradient(135deg,var(--warning) 0%,#FF6B00 50%,#FF453A 100%);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);box-shadow:0 8px 24px var(--warning-glow);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.streak-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);opacity:.4;pointer-events:none}.streak-banner__icon{font-size:28px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));position:relative;z-index:1}.streak-banner__content{flex:1;position:relative;z-index:1}.streak-banner__title{font-family:Outfit,sans-serif;font-weight:800;font-size:var(--text-md);color:#fff}.streak-banner__subtitle{font-size:var(--text-xs);color:#ffffffe6;font-weight:500;margin-top:2px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.stat-item{flex:1;padding:var(--space-3);text-align:center;border-radius:var(--radius-md);background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--t-fast)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item__value{font-family:Outfit,sans-serif;font-weight:800;font-size:20px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:4px;line-height:1}.stat-item__label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em;margin-top:6px}.section{margin-bottom:var(--space-4)}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section__title{font-family:Outfit,sans-serif;font-weight:700;font-size:var(--text-md);color:var(--text-primary);letter-spacing:-.02em}.lesson-card{padding:var(--space-3);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--radius-lg);background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--t-fast);position:relative;overflow:hidden;touch-action:manipulation;min-height:var(--touch-target)}.lesson-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--t-fast)}.lesson-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.lesson-card:active{transform:scale(.98)}.lesson-card__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #00000014;position:relative;z-index:1}.lesson-card__content{flex:1;min-width:0;position:relative;z-index:1}.lesson-card__title{font-family:Outfit,sans-serif;font-weight:700;font-size:var(--text-md);color:var(--text-primary);margin-bottom:2px;letter-spacing:-.01em}.lesson-card__meta{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.lesson-card__arrow{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--t-fast)}.lesson-card:hover .lesson-card__arrow{background:var(--primary);color:#000;transform:translate(4px)}.quiz-screen{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,var(--bg-secondary) 0%,var(--bg) 60%)}.quiz-header{padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);height:var(--header-height)}.quiz-progress{flex:1;height:5px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.quiz-progress__fill{height:100%;background:var(--primary);border-radius:var(--radius-full);box-shadow:0 0 16px var(--primary-glow)}.quiz-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-5);text-align:center}.quiz-word{font-family:Outfit,sans-serif;font-weight:900;font-size:var(--text-5xl);margin-bottom:var(--space-4);letter-spacing:-.04em;color:var(--text-primary);line-height:1.1;filter:drop-shadow(0 8px 32px rgba(0,0,0,.1));word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.quiz-answer{font-family:Outfit,sans-serif;font-size:var(--text-2xl);color:var(--primary);font-weight:700;min-height:48px;letter-spacing:-.02em}.quiz-sound-btn{background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);border-radius:var(--radius-full);width:80px;height:80px;min-width:80px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:4px;box-shadow:var(--shadow-md);color:var(--text-primary);transition:all var(--t-fast);position:relative;overflow:hidden;touch-action:manipulation}.quiz-sound-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,var(--primary-ghost) 0%,transparent 70%);opacity:0;transition:opacity var(--t-fast)}.quiz-sound-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.quiz-sound-btn:hover:before{opacity:1}.quiz-sound-btn:active{transform:scale(.95)}.quiz-sound-btn--cz{color:var(--secondary)}.quiz-sound-btn--cz:before{background:radial-gradient(circle,var(--secondary-ghost) 0%,transparent 70%)}.quiz-sound-btn.is-playing{background:var(--primary-ghost);border-color:var(--primary);box-shadow:0 0 40px var(--primary-glow);color:var(--primary)}.quiz-sound-btn.is-playing:before{opacity:1}.quiz-sound-btn.is-playing.quiz-sound-btn--cz{background:var(--secondary-ghost);border-color:var(--secondary);box-shadow:0 0 40px var(--secondary-glow);color:var(--secondary)}.quiz-answer-buttons{display:flex;gap:var(--space-4);width:100%;padding:var(--space-5) 0}.quiz-answer-btn{flex:1;min-height:var(--touch-target-xl);padding:24px var(--space-5);border-radius:var(--radius-xl);font-size:var(--text-md);font-weight:700;font-family:Outfit,sans-serif;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--t-fast);border:none;cursor:pointer;position:relative;overflow:hidden;touch-action:manipulation}.quiz-answer-btn--wrong{background:var(--danger-ghost);color:var(--danger);border:2px solid rgba(255,69,58,.3)}.quiz-answer-btn--wrong:hover{background:var(--danger);color:#fff;box-shadow:0 8px 24px var(--danger-glow);transform:translateY(-2px)}.quiz-answer-btn--wrong:active{transform:scale(.96)}.quiz-answer-btn--correct{background:var(--primary);color:#000;border:2px solid transparent;box-shadow:0 8px 24px var(--primary-glow)}.quiz-answer-btn--correct:hover{background:var(--primary-light);box-shadow:0 12px 32px var(--primary-glow);transform:translateY(-2px)}.quiz-answer-btn--correct:active{transform:scale(.96)}.session-complete{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg) 70%)}.session-complete__emoji{font-size:110px;margin-bottom:var(--space-5);filter:drop-shadow(0 24px 60px rgba(0,0,0,.25));animation:float 3s var(--ease-spring) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.session-complete__title{font-family:Outfit,sans-serif;font-weight:900;font-size:var(--text-4xl);margin-bottom:var(--space-3);text-align:center;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.session-complete__stats{display:flex;gap:var(--space-4);margin:var(--space-6) 0;width:100%;max-width:340px}.session-complete__stat{flex:1;padding:var(--space-5) var(--space-4);text-align:center;background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.session-complete__stat-value{font-family:Outfit,sans-serif;font-size:34px;font-weight:800;line-height:1}.session-complete__stat-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.15em;margin-top:8px}.session-complete__progress-bar{width:100%;max-width:340px;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-8);overflow:hidden}.vocabulary-hero{background:linear-gradient(135deg,var(--secondary) 0%,#0055FF 100%);border-radius:var(--radius-2xl);padding:var(--space-6);color:#fff;margin-bottom:var(--space-6);box-shadow:0 20px 56px var(--secondary-glow);position:relative;overflow:hidden}.vocabulary-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.25) 0%,transparent 60%);pointer-events:none}.vocabulary-hero:after{content:"";position:absolute;top:-60%;right:-30%;width:200%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.15) 0%,transparent 50%);opacity:.5;pointer-events:none;filter:blur(40px)}.vocabulary-hero__value{font-family:Outfit,sans-serif;font-size:var(--text-4xl);font-weight:900;line-height:1;position:relative;z-index:1}.vocabulary-hero__label{font-size:var(--text-base);opacity:.95;font-weight:500;margin-top:var(--space-2);position:relative;z-index:1}.vocabulary-search__input{width:100%;padding:20px 24px 20px 56px;min-height:var(--touch-target-lg);border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--text-base);font-weight:500;background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all var(--t-fast);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);font-family:Inter,sans-serif;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.vocabulary-search__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.vocabulary-search__input{width:100%;padding:18px 24px 18px 56px;border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--text-base);font-weight:500;background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all var(--t-fast);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);font-family:Inter,sans-serif}.vocabulary-search__input::placeholder{color:var(--text-tertiary)}.vocabulary-search__input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px var(--secondary-ghost),var(--shadow-md);background:var(--bg)}.vocabulary-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end;margin-bottom:var(--space-6)}.vocabulary-select{min-height:56px;padding:8px 12px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);display:grid;gap:4px;box-shadow:var(--shadow-sm)}.vocabulary-select span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.vocabulary-select select{width:100%;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;outline:none}.vocabulary-counter{min-height:56px;padding:0 14px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.vocabulary-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-3);position:relative;border-radius:var(--radius-xl);background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--t-fast);cursor:pointer;touch-action:manipulation}.vocabulary-card:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.vocabulary-card:active{transform:scale(.98)}.vocabulary-card__badge{position:absolute;top:-6px;left:-6px;width:26px;height:26px;border-radius:var(--radius-full);background:var(--primary);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--primary-glow);z-index:1}.vocabulary-card__content{flex:1;min-width:0}.vocabulary-card__en{font-family:Outfit,sans-serif;font-weight:700;font-size:17px;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:2px}.vocabulary-card__cz{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.vocabulary-card__status{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.02em}.vocabulary-card__status--review{color:var(--warning)}.vocabulary-card__status--new{color:var(--text-tertiary)}.vocabulary-card__status--mastered{color:var(--primary)}.vocabulary-strength{margin-top:8px;height:6px;border-radius:var(--radius-full);background:var(--bg-tertiary);overflow:hidden}.vocabulary-strength span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9f0a,#32d74b)}.vocabulary-card__actions{display:flex;gap:var(--space-2);flex-shrink:0}.vocabulary-card__sound{width:42px;height:42px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);gap:2px;transition:all var(--t-fast);border:1px solid transparent;cursor:pointer}.vocabulary-card__sound:hover{background:var(--primary-ghost);color:var(--primary);border-color:#32d74b4d;transform:scale(1.05)}.vocabulary-card__sound--cz:hover{background:var(--secondary-ghost);color:var(--secondary);border-color:#0a84ff4d}.vocabulary-card__sound:active{transform:scale(.95)}.vocabulary-card__sound-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;line-height:1;opacity:.8}.vocabulary-load-more{margin-top:var(--space-3);min-height:48px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-sm);font-weight:700;box-shadow:var(--shadow-sm)}.vocabulary-load-more:active{transform:scale(.98)}.profile-section{text-align:center;margin-bottom:var(--space-8);margin-top:var(--space-4);padding:var(--space-6);background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:var(--shadow-md)}.profile-avatar{width:110px;height:110px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent) 0%,#FF2A85 100%);display:flex;align-items:center;justify-content:center;font-size:54px;margin:0 auto var(--space-5);box-shadow:0 20px 56px var(--accent-glow);border:3px solid rgba(255,255,255,.15)}.profile-name{font-family:Outfit,sans-serif;font-weight:800;font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.02em}.profile-danger-btn{margin-top:var(--space-4)}.onboarding{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg) 100%)}.onboarding__step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:400px}.onboarding__illustration{font-size:96px;margin-bottom:var(--space-6);filter:drop-shadow(0 16px 40px rgba(0,0,0,.15))}.onboarding__title{font-family:Outfit,sans-serif;font-weight:800;font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.03em}.onboarding__subtitle{font-size:var(--text-md);color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-7);line-height:1.5}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:100%;margin-bottom:var(--space-6)}.option-card{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:2px solid var(--border);cursor:pointer;transition:all var(--t-fast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.option-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-card.is-selected{border-color:var(--primary);background:var(--primary-ghost);box-shadow:0 8px 24px var(--primary-glow)}.option-card__label{font-family:Outfit,sans-serif;font-weight:800;font-size:var(--text-2xl);color:var(--text-primary)}.onboarding__actions{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.onboarding__dots{display:flex;gap:var(--space-2);padding:var(--space-4)}.onboarding__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--bg-tertiary);transition:all var(--t-fast)}.onboarding__dot--active{background:var(--primary);width:24px;box-shadow:0 0 12px var(--primary-glow)}.onboarding__dot--inactive{background:var(--border-strong)}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg) 100%);padding:var(--space-5)}.loading-screen__icon{font-size:80px;margin-bottom:var(--space-6);filter:drop-shadow(0 16px 40px rgba(0,0,0,.15));animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.loading-screen__text{font-family:Outfit,sans-serif;font-weight:600;font-size:var(--text-lg);color:var(--text-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-screen__progress{width:200px;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-top:var(--space-5);overflow:hidden}.loading-screen__progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{text-align:center;padding:var(--space-9) var(--space-6)}.empty-state__icon{font-size:80px;margin-bottom:var(--space-5);filter:drop-shadow(0 12px 32px rgba(0,0,0,.1))}.empty-state__title{font-family:Outfit,sans-serif;font-weight:700;font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.empty-state__text{color:var(--text-secondary);font-size:var(--text-md);padding:0 var(--space-4);line-height:1.5}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--primary);color:#000;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);z-index:1000;transition:top var(--t-fast)}.skip-link:focus{top:var(--space-4);box-shadow:0 8px 24px var(--primary-glow)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 2s ease infinite;border-radius:var(--radius-lg)}.btn:active,.lesson-card:active,.vocabulary-card:active,.quiz-answer-btn:active,.quiz-sound-btn:active,.tab-item:active,.vocabulary-load-more:active,.option-card:active{transform:scale(.97)!important;transition:transform .1s ease}@media (hover: none){.btn:hover,.lesson-card:hover,.vocabulary-card:hover,.quiz-answer-btn:hover,.quiz-sound-btn:hover{transform:none}.tab-item:hover{background:transparent}}.btn:after,.lesson-card:after,.vocabulary-card:after,.quiz-answer-btn:after,.tab-item:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.btn:active:after,.lesson-card:active:after,.vocabulary-card:active:after,.quiz-answer-btn:active:after,.tab-item:active:after{width:300%;height:300%;opacity:1;animation:ripple .6s ease-out forwards}@keyframes ripple{0%{width:0;height:0;opacity:.5}to{width:300%;height:300%;opacity:0}}.daily-progress-banner__bar-fill,.session-complete__progress-bar>div{position:relative;overflow:hidden}.daily-progress-banner__bar-fill:before,.session-complete__progress-bar>div:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-ring__fill{filter:drop-shadow(0 0 12px var(--primary-glow));animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{filter:drop-shadow(0 0 12px var(--primary-glow))}50%{filter:drop-shadow(0 0 20px var(--primary-glow))}}.main-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.main-content::-webkit-scrollbar{width:0px;background:transparent}body{overscroll-behavior-y:none}input[type=text],input[type=search],select{font-size:16px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:var(--radius-full)}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px var(--secondary-ghost)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-container{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.tab-bar{padding-left:max(var(--space-2),env(safe-area-inset-left,var(--space-2)));padding-right:max(var(--space-2),env(safe-area-inset-right,var(--space-2)));padding-bottom:max(var(--space-2),env(safe-area-inset-bottom,var(--space-2)))}@media screen and (orientation: portrait){.app-container{min-height:100vh}}@media screen and (orientation: landscape){.app-container{min-height:100vh}.main-content{padding-bottom:calc(var(--tab-bar-height) + var(--space-6))}}button,a,input,select,[tabindex]{-webkit-tap-highlight-color:transparent}*:focus{outline:2px solid var(--primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-height: 640px){.onboarding__illustration{font-size:72px;margin-bottom:var(--space-4)}.onboarding__title{font-size:var(--text-2xl)}.session-complete__emoji{font-size:80px}.session-complete__title{font-size:var(--text-3xl)}}@media (max-width: 360px){.quiz-word{font-size:var(--text-4xl)}.quiz-sound-btn{width:68px;height:68px;min-width:68px;min-height:68px}.stats-row{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-item__value{font-size:20px}}@media (max-width: 460px){.vocabulary-controls{grid-template-columns:1fr}.vocabulary-counter{justify-content:flex-start;padding-left:12px}}@media (min-width: 768px){:root{--max-width: 768px;--header-height: 70px;--tab-bar-height: 80px}.app-container{border-left:1px solid var(--border);border-right:1px solid var(--border)}.quiz-word{font-size:calc(var(--text-5xl) * 1.2)}.quiz-sound-btn{width:90px;height:90px;min-width:90px;min-height:90px}.quiz-answer-btn{padding:28px var(--space-6);font-size:var(--text-lg)}.daily-progress-banner,.streak-banner{padding:var(--space-6)}.lesson-card{padding:var(--space-5)}.lesson-card__icon{width:60px;height:60px}.stat-item__value{font-size:30px}.section__title{font-size:calc(var(--text-xl) * 1.1)}.vocabulary-card{padding:var(--space-5)}}@media (min-width: 1024px){:root{--max-width: 900px}.tab-bar{bottom:calc(var(--safe-bottom) + var(--space-4));height:calc(var(--tab-bar-height) + var(--space-2))}.tab-item{font-size:12px;padding:var(--space-4) 0}.tab-item svg{width:28px;height:28px}.main-content{padding:var(--space-8);padding-bottom:calc(var(--tab-bar-height) + var(--space-10))}.session-complete__stats{max-width:400px}}@media (orientation: landscape) and (max-height: 600px){:root{--header-height: 50px;--tab-bar-height: 60px}.onboarding__illustration{font-size:56px;margin-bottom:var(--space-3)}.onboarding__title{font-size:var(--text-xl)}.onboarding__subtitle{font-size:var(--text-sm);margin-bottom:var(--space-5)}.session-complete__emoji{font-size:70px;margin-bottom:var(--space-4)}.session-complete__title{font-size:var(--text-2xl)}.quiz-content{padding:var(--space-4) var(--space-5)}.quiz-word{font-size:var(--text-3xl)}.daily-progress-banner,.streak-banner{padding:var(--space-4)}.profile-avatar{width:90px;height:90px;font-size:44px}}.achievement-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);transition:all var(--t-fast);position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--t-fast)}.achievement-card:hover:before{opacity:1}.achievement-card__icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t-fast)}.achievement-card:hover .achievement-card__icon{transform:scale(1.1) rotate(5deg)}.achievement-card__content{flex:1;min-width:0}.achievement-card__title{font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em}.achievement-card__description{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;margin-bottom:6px}.achievement-card__xp{font-size:11px;font-weight:700;color:var(--golden);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:4px}.achievement-card__xp:before{content:"⚡";font-size:12px}.achievement-card__badge{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.achievement-toast{position:fixed;bottom:calc(var(--safe-bottom) + 100px);left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-elevated);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-float);z-index:1000;min-width:300px;max-width:calc(100vw - 32px)}.achievement-toast__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--golden);box-shadow:0 8px 24px var(--golden-glow);animation:achievementPulse 2s ease infinite}@keyframes achievementPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.achievement-toast__content{flex:1}.achievement-toast__title{font-family:Outfit,sans-serif;font-weight:700;font-size:14px;color:var(--text-primary);margin-bottom:2px}.achievement-toast__description{font-size:12px;color:var(--text-secondary);font-weight:500}.achievement-toast__xp{font-size:10px;font-weight:700;color:var(--golden);text-transform:uppercase;letter-spacing:.1em}.stats-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.stats-detail-card{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--t-fast)}.stats-detail-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats-detail-card__value{font-family:Outfit,sans-serif;font-weight:800;font-size:28px;color:var(--text-primary);line-height:1;margin-bottom:6px}.stats-detail-card__label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em}.stats-detail-card__trend{font-size:10px;font-weight:600;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:4px}.stats-detail-card__trend--positive{color:var(--primary)}.stats-detail-card__trend--negative{color:var(--danger)}.tab-bar-extra{position:absolute;bottom:calc(var(--safe-bottom) + var(--space-3));left:var(--space-4);right:var(--space-4);height:var(--tab-bar-height);background:var(--bg-elevated);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--border);border-radius:var(--radius-full);display:flex;justify-content:space-around;align-items:center;padding:var(--space-2);box-shadow:var(--shadow-float);z-index:100}