*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366F1;--primary-dark: #4F46E5;--primary-light: #EEF2FF;--primary-glow: rgba(99, 102, 241, .12);--bg: #F9FAFB;--surface: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--text: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--success: #10B981;--success-light: #ECFDF5;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEF2F2;--a1: #3B82F6;--a1-dark: #1D4ED8;--a1-light: #EFF6FF;--a2: #10B981;--a2-dark: #059669;--a2-light: #ECFDF5;--b1: #F59E0B;--b1-dark: #D97706;--b1-light: #FFFBEB;--b2: #8B5CF6;--b2-dark: #7C3AED;--b2-light: #F5F3FF;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03), 0 1px 3px rgba(0, 0, 0, .02);--shadow-md: 0 2px 4px rgba(0, 0, 0, .03), 0 4px 12px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .03), 0 8px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .04), 0 16px 48px rgba(0, 0, 0, .08);--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration: .2s;--duration-slow: .3s}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;font-size:15px;letter-spacing:-.01em;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#fffc;border-bottom:1px solid rgba(0,0,0,.06)}.app-logo{font-size:21px;font-weight:800;color:var(--primary);letter-spacing:-.04em;display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity var(--duration) var(--ease)}.app-logo:hover{opacity:.8}.app-logo svg{width:28px;height:28px}.app-nav{display:flex;align-items:center;gap:4px}.nav-btn{padding:8px 14px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;transition:all var(--duration) var(--ease);display:flex;align-items:center;gap:6px}.nav-btn:hover{background:var(--border-light);color:var(--text)}.nav-btn.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-btn-logout{padding:8px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;transition:all var(--duration) var(--ease);display:flex;align-items:center;gap:6px;cursor:pointer}.nav-btn-login{padding:8px 18px;border-radius:99px;border:none;background:var(--primary);color:#fff;font-size:13px;font-weight:600;transition:all var(--duration) var(--ease);display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 1px 3px #6366f14d}.nav-btn-login:hover{background:var(--primary-dark);box-shadow:0 2px 8px #6366f166}@media (max-width: 768px){.app-header{padding:0 12px;height:56px}.app-nav{gap:2px}.app-nav .nav-btn-logout,.app-nav .nav-btn-ghost,.app-nav .nav-btn-login,.app-nav .lang-picker-btn{padding:6px 8px;font-size:12px}.app-logo{font-size:18px}.app-logo svg{width:24px;height:24px}}@media (max-width: 480px){.app-header{height:52px}.app-nav{gap:0}.app-nav .nav-btn-logout,.app-nav .nav-btn-ghost,.app-nav .nav-btn-login,.app-nav .lang-picker-btn{padding:6px;font-size:12px}.nav-btn-ghost .nav-btn-text,.nav-btn-logout .nav-btn-text,.nav-btn-login .nav-btn-text{display:none}.nav-btn-login{padding:6px 10px}}.nav-btn-logout:hover{color:var(--danger);background:var(--danger-light)}.nav-btn-ghost{padding:8px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;transition:all var(--duration) var(--ease);display:flex;align-items:center;gap:6px;cursor:pointer}.nav-btn-ghost:hover{background:var(--border-light);color:var(--text)}.nav-user-email{font-size:12px;color:var(--text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.nav-user-email{display:none}}@media (max-width: 480px){.nav-btn-text{display:none}}.section-heading{font-size:17px;font-weight:600;color:var(--text);margin-bottom:16px;letter-spacing:-.02em}.section-heading--spaced{margin-top:36px}.card-banner-a1{background:var(--a1)}.card-banner-a2{background:var(--a2)}.card-banner-b1{background:var(--b1)}.card-banner-b2{background:var(--b2)}.card-banner-locked{background:var(--text-secondary)}.card-banner-coming-soon{background:var(--text-muted)}.level-a1{background:var(--a1)}.level-a2{background:var(--a2)}.level-b1{background:var(--b1)}.level-b2{background:var(--b2)}.checkout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 1px 3px #6366f14d}.checkout-btn:hover{background:var(--primary-dark);box-shadow:0 2px 8px #6366f166}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.divider-or{display:flex;align-items:center;gap:12px;margin:16px 0}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--border)}.divider-or span{font-size:12px;color:var(--text-muted);font-weight:500}.app-main{flex:1;max-width:1080px;width:100%;margin:0 auto;padding:32px 24px 100px}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffffd9;border-top:1px solid rgba(0,0,0,.06);padding:4px 0;padding-bottom:max(4px,env(safe-area-inset-bottom))}.bottom-tab{flex:1;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:none;background:none;color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.01em;font-family:inherit;cursor:pointer;transition:color var(--duration) var(--ease);-webkit-tap-highlight-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-tab:hover{color:var(--text-secondary)}.bottom-tab.active{color:var(--primary);font-weight:600}:root.dark .bottom-tabs{background:#0f172ad9;border-top-color:#ffffff0f;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.home{padding-bottom:80px}.home-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.home-greeting-text{font-size:14px;color:var(--text-muted);font-weight:500;margin:0}.home-greeting-name{font-size:28px;font-weight:700;color:var(--text);margin:2px 0 0;letter-spacing:-.03em}.home-streak{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:18px 22px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration) var(--ease)}.home-streak-left{display:flex;align-items:center;gap:14px}.home-streak-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration) var(--ease)}.home-streak-icon.active{background:#fff7ed}:root.dark .home-streak-icon.active{background:#f59e0b26}.home-streak-number{display:block;font-size:17px;font-weight:700;color:var(--text)}.home-streak-label{display:block;font-size:13px;color:var(--text-secondary)}.home-streak-right{text-align:end}.home-streak-daily{font-size:14px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:6px}.home-progress-bg{width:80px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.home-progress-fg{height:100%;background:#f59e0b;border-radius:3px;transition:width .3s ease}.home-guest-banner{display:flex;align-items:center;gap:14px;width:100%;padding:18px 22px;margin-bottom:20px;background:var(--primary-light);border:1px solid var(--primary-glow);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration) var(--ease);text-align:start;font-family:inherit}.home-guest-banner:hover{box-shadow:var(--shadow-md);border-color:#6366f14d}.home-guest-icon{width:44px;height:44px;border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-guest-text{flex:1;display:flex;flex-direction:column}.home-guest-title{font-size:16px;font-weight:600;color:var(--primary-dark)}.home-guest-sub{font-size:13px;color:var(--primary)}.home-stats{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px;margin-bottom:28px;box-shadow:var(--shadow-sm)}.home-stat-item{flex:1;text-align:center}.home-stat-number{display:block;font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.03em}.home-stat-label{display:block;font-size:13px;color:var(--text-secondary);margin-top:2px}.home-stat-divider{width:1px;height:40px;background:var(--border);margin:0 16px}.home-section-title{font-size:19px;font-weight:700;color:var(--text);margin:4px 0 16px;letter-spacing:-.02em}.home-hero-card{display:block;width:100%;text-align:start;background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);border:none;border-radius:var(--radius-xl);padding:28px;margin-bottom:28px;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);font-family:inherit;box-shadow:0 8px 32px #6366f140}.home-hero-card:hover{transform:translateY(-1px);box-shadow:0 12px 40px #6366f159}.home-hero-badge{display:inline-flex;align-items:center;gap:4px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 12px;border-radius:99px;font-size:10px;font-weight:600;color:#fff;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.home-hero-content{display:flex;align-items:center;gap:16px;margin-bottom:20px}.home-hero-icon-box{width:56px;height:56px;border-radius:var(--radius-lg);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-hero-text{display:flex;flex-direction:column}.home-hero-label{font-size:11px;font-weight:700;color:#ffffffb3;letter-spacing:1.2px;margin-bottom:4px}.home-hero-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em}.home-hero-subtitle{font-size:14px;color:#ffffffd9;margin-top:4px}.home-hero-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;padding:14px;border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--primary-dark);transition:opacity var(--duration) var(--ease)}.home-hero-card:hover .home-hero-cta{opacity:.95}.home-hero-cta-icon{width:26px;height:26px;border-radius:13px;background:var(--primary-light);display:flex;align-items:center;justify-content:center}.home-continue-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:28px;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration) var(--ease)}.home-continue-card:hover{box-shadow:var(--shadow-md)}.home-continue-main{display:flex;align-items:center;gap:14px;padding:18px 22px;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:start;transition:background var(--duration) var(--ease)}.home-continue-main:hover{background:var(--border-light)}.home-continue-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}:root.dark .home-continue-icon{background:#6366f126}.home-continue-info{flex:1;display:flex;flex-direction:column;min-width:0}.home-continue-label{font-size:12px;color:var(--text-secondary);font-weight:500}.home-continue-title{font-size:16px;font-weight:600;color:var(--text);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-continue-module{font-size:13px;color:var(--primary);margin-top:2px}.home-continue-arrow{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}:root.dark .home-continue-arrow{background:#6366f126}.home-all-courses-link{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:14px;border:none;border-top:1px solid var(--border-light);background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);font-family:inherit;transition:color var(--duration) var(--ease)}.home-all-courses-link:hover{color:var(--primary)}.home-training-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}@media (min-width: 640px){.home-training-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.home-training-grid{grid-template-columns:repeat(4,1fr)}}.home-grid-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration) var(--ease);font-family:inherit;text-align:start;position:relative;min-height:120px}.home-grid-card:hover{box-shadow:var(--shadow-md);border-color:#6366f133}.home-grid-card.app-only{opacity:.7;cursor:default}.home-grid-card.app-only:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--border)}.home-grid-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex-shrink:0}.home-artikel-text{font-size:10px;font-weight:700;line-height:1.3;text-align:center;white-space:pre-line}.home-grid-title{font-size:15px;font-weight:600;color:var(--text);display:block}.home-grid-sub{font-size:13px;color:var(--text-secondary);margin-top:2px;display:block}.home-grid-badge{position:absolute;top:14px;inset-inline-end:14px;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:600}.home-grid-badge-app{display:inline-block;padding:3px 8px;border-radius:8px;font-size:10px;font-weight:700;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);position:absolute;top:14px;inset-inline-end:14px}.home-feature-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:28px;transition:all var(--duration) var(--ease);font-family:inherit;text-align:start}.home-feature-card .home-grid-badge-app{position:static}.home-feature-exam{border-color:#dbeafe}:root.dark .home-feature-exam{border-color:#3b82f633}.home-feature-lid{border-color:#fee2e2}:root.dark .home-feature-lid{border-color:#dc262633}.home-feature-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.home-feature-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-feature-text{display:flex;flex-direction:column;min-width:0}.home-feature-title{font-size:16px;font-weight:600;color:var(--text)}.home-feature-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.home-feature-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.home-discover-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.home-discover-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--duration) var(--ease)}.home-discover-card:hover{box-shadow:var(--shadow-md);border-color:#6366f133}.home-discover-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.home-discover-title{font-size:15px;font-weight:600;color:var(--text)}.home-discover-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.home-app-cta{background:var(--primary-light);border:1px solid var(--primary-glow);border-radius:var(--radius-xl);padding:22px;margin-bottom:16px}.home-app-cta-content{display:flex;align-items:center;gap:14px;margin-bottom:16px}.home-app-cta-title{display:block;font-size:16px;font-weight:600;color:var(--text)}.home-app-cta-sub{display:block;font-size:13px;color:var(--text-secondary);margin-top:2px}.home-app-cta-buttons{display:flex;gap:10px}.home-app-store-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--text);color:var(--bg);border-radius:var(--radius-md);font-size:13px;font-weight:600;text-decoration:none;transition:opacity var(--duration) var(--ease)}.home-app-store-btn:hover{opacity:.85}@media (max-width: 480px){.home-greeting-name{font-size:22px}.home-streak{flex-direction:column;align-items:flex-start;gap:14px}.home-streak-right{width:100%;display:flex;align-items:center;gap:10px;text-align:start}.home-progress-bg{flex:1}.home-discover-row{grid-template-columns:repeat(2,1fr)}.home-hero-card{padding:20px}.home-hero-title{font-size:18px}.home-app-cta-buttons{flex-direction:column}.home-app-store-btn{justify-content:center}}.profile{max-width:560px;margin:0 auto;padding-bottom:40px}.profile-header{text-align:center;margin-bottom:32px}.profile-avatar{width:88px;height:88px;border-radius:44px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 16px #0000001a}.profile-avatar-letter{font-size:36px;font-weight:700;color:#fff}.profile-name{font-size:24px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.03em}.profile-email{font-size:14px;color:var(--text-secondary);margin-top:4px}.profile-section{margin-bottom:24px}.profile-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px 4px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.profile-link-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:none;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;font-family:inherit;text-align:start;text-decoration:none;color:inherit;transition:background var(--duration) var(--ease)}.profile-link-item:last-child{border-bottom:none}.profile-link-item:hover{background:var(--border-light)}.profile-link-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-link-text{flex:1;display:flex;flex-direction:column;min-width:0}.profile-link-title{font-size:15px;font-weight:600;color:var(--text)}.profile-link-sub{font-size:13px;color:var(--text-secondary);margin-top:1px}.profile-name-edit{padding:16px}.profile-input-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.profile-input-row{display:flex;align-items:center;gap:8px}.profile-input{flex:1;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;font-family:inherit;color:var(--text);background:var(--bg);transition:border-color var(--duration) var(--ease)}.profile-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.profile-save-btn{width:44px;height:44px;border-radius:var(--radius-md);border:none;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--duration) var(--ease)}.profile-save-btn:hover{background:#059669}.profile-save-btn:disabled{background:var(--text-muted);cursor:not-allowed}.profile-cancel-btn{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;flex-shrink:0;transition:all var(--duration) var(--ease)}.profile-cancel-btn:hover{background:var(--bg)}.profile-avatar-preview{display:flex;align-items:center;gap:10px;margin-top:12px}.profile-avatar-preview-label{font-size:13px;color:var(--text-muted)}.profile-avatar-mini{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.profile-saved-toast{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:13px;font-weight:500;color:#10b981;background:#ecfdf5;border-top:1px solid #D1FAE5;animation:fadeIn .2s ease}.profile-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--danger);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration) var(--ease)}.profile-logout-btn:hover{background:var(--danger-light);border-color:var(--danger)}.profile-guest{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto}.profile-guest-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--border-light);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.profile-guest-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 8px;letter-spacing:-.03em}.profile-guest-sub{font-size:15px;color:var(--text-secondary);margin:0 0 24px}.profile-login-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration) var(--ease)}.profile-login-btn:hover{background:var(--primary-dark)}:root.dark .profile-card{background:var(--surface);border-color:var(--border)}:root.dark .profile-saved-toast{background:#10b98126;border-top-color:#10b98133;color:#6ee7b7}:root.dark .profile-logout-btn{background:transparent;border-color:var(--border);color:#fca5a5}:root.dark .profile-logout-btn:hover{background:var(--danger-light);border-color:#ef44444d}:root.dark .profile-avatar{box-shadow:0 4px 16px #0000004d}.lang-picker{position:relative}.lang-picker-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:var(--radius-md);background:transparent;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--duration) var(--ease)}.lang-picker-btn:hover{background:var(--border-light);color:var(--text)}.lang-code{font-weight:700;font-size:13px;letter-spacing:.5px}.lang-option-code{font-size:11px;font-weight:700;color:var(--text-muted);width:28px;text-align:center;flex-shrink:0;letter-spacing:.5px}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;overflow:hidden;animation:dropIn .15s var(--ease)}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-scroll{max-height:360px;overflow-y:auto;padding:6px}.lang-dropdown-scroll::-webkit-scrollbar{width:6px}.lang-dropdown-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:14px;color:var(--text);cursor:pointer;text-align:start;transition:all var(--duration) var(--ease)}.lang-option:hover{background:var(--bg)}.lang-option.active{background:var(--primary-light);color:var(--primary);font-weight:600}.lang-option-label{flex:1}.lang-option-check{color:var(--primary);font-weight:700;font-size:16px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{display:none}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:24px;padding:44px 36px;box-shadow:var(--shadow-xl);position:relative;z-index:1;border:1px solid var(--border)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:8px;letter-spacing:-.04em}.auth-title{font-size:24px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.03em}.auth-subtitle{font-size:14px;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:600;color:var(--text);margin-inline-start:2px}.input-wrapper{display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 14px;gap:10px;transition:all var(--duration) var(--ease)}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--surface)}.input-wrapper.error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444414}.input-wrapper svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.input-wrapper input{flex:1;border:none;outline:none;padding:14px 0;font-size:15px;color:var(--text);background:transparent}.input-wrapper input::placeholder{color:var(--text-muted)}.toggle-pw-btn{background:none;border:none;padding:4px;color:var(--text-muted);display:flex;align-items:center}.toggle-pw-btn:hover{color:var(--text-secondary)}.pw-strength{display:flex;gap:4px;margin-top:4px}.pw-bar{flex:1;height:3px;border-radius:2px;background:var(--border);transition:all var(--duration) var(--ease)}.pw-bar.active{background:var(--success)}.pw-bar.active.weak{background:var(--danger)}.pw-bar.active.medium{background:var(--warning)}.pw-bar.active.strong{background:var(--success)}.pw-requirements{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:6px}.pw-req{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px;transition:all var(--duration) var(--ease)}.pw-req.met{color:var(--success)}.btn-primary{width:100%;padding:14px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:15px;font-weight:600;transition:all var(--duration) var(--ease);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;box-shadow:0 1px 3px #6366f14d}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 2px 8px #6366f166}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-apple{width:100%;padding:13px;border:none;border-radius:var(--radius-md);background:#000;font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--duration) var(--ease)}.btn-apple:hover{background:#1a1a1a;box-shadow:var(--shadow-md)}:root.dark .btn-apple{background:#1a1a1a;border:1px solid rgba(255,255,255,.2)}.btn-apple:disabled{opacity:.5;cursor:not-allowed}.btn-apple svg{width:18px;height:18px}.btn-google{width:100%;padding:13px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--duration) var(--ease)}.btn-google:hover{border-color:var(--text-muted);background:var(--border-light);box-shadow:var(--shadow-sm)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.btn-google svg{width:18px;height:18px}.btn-apple+.btn-google{margin-top:10px}.guest-continue-btn{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration) var(--ease);margin-top:12px}.guest-continue-btn:hover{background:var(--border-light);color:var(--text);border-color:var(--text-muted)}.auth-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.auth-footer p{font-size:14px;color:var(--text-secondary)}.auth-footer button{background:none;border:none;color:var(--primary);font-weight:700;font-size:14px;padding:0;margin-inline-start:4px}.auth-footer button:hover{text-decoration:underline}.forgot-pw-btn{background:none;border:none;color:var(--primary);font-size:13px;font-weight:600;padding:0;align-self:flex-end;margin-top:-8px}.forgot-pw-btn:hover{text-decoration:underline}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;animation:slideDown .3s var(--ease)}.alert-error{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.15)}.alert-success{background:var(--success-light);color:var(--a2-dark);border:1px solid rgba(16,185,129,.15)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:32px}.page-title{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.04em}.page-subtitle{font-size:14px;color:var(--text-muted);margin-top:6px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-items:start}@media (max-width: 720px){.course-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.course-grid{gap:12px}}.course-card{display:block;width:100%;padding:0;border:none;text-align:start;font-family:inherit;background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);cursor:pointer;border:1px solid var(--border)}.course-card:hover{box-shadow:var(--shadow-md);border-color:#6366f133}.course-card.coming-soon{opacity:.75;pointer-events:none}.card-banner{height:80px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-banner.card-banner-image{height:auto;aspect-ratio:auto}.card-banner-img{width:100%;height:auto;display:block}.card-banner-bg{position:absolute;top:0;right:0;bottom:0;left:0}.card-level-badge{position:absolute;top:12px;inset-inline-end:12px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em}.card-lock-badge{position:absolute;top:12px;inset-inline-start:12px;background:#0000004d;padding:4px 10px;border-radius:99px;font-size:18px}.card-soon-badge{position:absolute;top:12px;inset-inline-start:12px;background:#f59e0be6;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.card-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;z-index:1}.card-circle-1,.card-circle-2{display:none}.card-body{padding:18px 20px}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.card-title{font-size:16px;font-weight:600;color:var(--text);line-height:1.3;flex:1;letter-spacing:-.01em}.card-title.muted{color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:600;flex-shrink:0;white-space:nowrap;letter-spacing:.01em}.status-unlocked{background:var(--success-light);color:var(--success)}.status-locked{background:var(--primary-light);color:var(--primary)}.status-soon{background:var(--warning-light);color:var(--b1-dark)}.card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc.italic{font-style:italic}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.card-arrow{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--duration) var(--ease)}.course-card:hover .card-arrow{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.card-arrow.muted{background:var(--border-light);color:var(--text-muted)}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--duration) var(--ease);margin-bottom:20px}.back-btn:hover{background:var(--border-light);border-color:var(--text-muted);color:var(--text)}.module-header{margin-bottom:28px}.module-level{display:inline-block;padding:4px 14px;border-radius:99px;font-size:12px;font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:.02em}.module-title{font-size:26px;font-weight:800;color:var(--text);letter-spacing:-.04em;margin-bottom:8px}.module-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.lessons-section-title{font-size:17px;font-weight:700;margin-bottom:16px;color:var(--text);letter-spacing:-.02em}.lesson-list{display:flex;flex-direction:column;gap:12px}.lesson-card{display:flex;align-items:center;padding:16px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:none;gap:14px;transition:all var(--duration) var(--ease);cursor:pointer;border:1px solid var(--border)}.lesson-card:hover{box-shadow:var(--shadow-md);border-color:#6366f133}.lesson-card.locked{opacity:.65}.lesson-num{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--primary);flex-shrink:0}.lesson-card.locked .lesson-num{background:var(--border-light);color:var(--text-muted)}.lesson-info{flex:1;min-width:0}.lesson-title{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-desc{font-size:13px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-arrow{font-size:18px;color:var(--primary)}.lesson-card.locked .lesson-arrow{color:var(--text-muted)}.redeem-section{margin-top:16px}.redeem-open-btn{width:100%;display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--primary);border:none;border-radius:var(--radius-lg);color:#fff;text-align:start;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 1px 3px #6366f14d}.redeem-open-btn:hover{background:var(--primary-dark);box-shadow:0 2px 8px #6366f166}.redeem-open-icon{width:44px;height:44px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.redeem-open-btn strong{display:block;font-size:16px;font-weight:700}.redeem-open-btn small{display:block;font-size:13px;opacity:.85;margin-top:2px;font-weight:400}.redeem-open-btn span:nth-child(2){flex:1}.redeem-open-arrow{font-size:20px;opacity:.8}.redeem-form{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px}.redeem-code-input{width:100%;padding:16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:18px;font-weight:700;text-align:center;letter-spacing:3px;color:var(--text);background:var(--bg);outline:none;transition:all var(--duration) var(--ease);text-transform:uppercase}.redeem-code-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.redeem-code-input::placeholder{color:var(--text-muted);letter-spacing:2px;font-weight:500}.redeem-btn-row{display:flex;gap:10px}.redeem-cancel-btn{flex:1;padding:14px;border:none;border-radius:var(--radius-md);background:var(--border-light);color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.redeem-cancel-btn:hover{background:var(--border)}.redeem-submit-btn{flex:2;padding:14px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all var(--duration) var(--ease)}.redeem-submit-btn:hover:not(:disabled){background:var(--primary-dark)}.redeem-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.redeem-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.redeem-modal{width:100%;max-width:500px;max-height:90vh;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s var(--ease)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.redeem-modal-header{display:flex;align-items:center;gap:14px;padding:24px 24px 0}.redeem-modal-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.redeem-modal-title{font-size:18px;font-weight:700;color:var(--text);line-height:1.3;margin:0}.redeem-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.redeem-input-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.redeem-code-hint{font-size:13px;color:var(--text-muted);margin:8px 0 16px;line-height:1.4}.redeem-legal-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-top:8px;margin-bottom:16px}.redeem-legal-heading{font-size:14px;font-weight:700;color:var(--text);margin:0 0 12px;display:flex;align-items:center;gap:6px}.redeem-legal-heading:before{display:none}.redeem-legal-text{display:flex;flex-direction:column;gap:10px}.redeem-legal-text p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.redeem-legal-text p strong{color:var(--text);font-weight:600}.redeem-checkbox-label{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--primary-light);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration) var(--ease)}.redeem-checkbox-label:hover{border-color:var(--primary)}.redeem-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.redeem-checkbox-label span{font-size:13px;color:var(--text);line-height:1.5;font-weight:500}.redeem-modal-footer{display:flex;gap:10px;padding:16px 24px 24px;border-top:1px solid var(--border-light)}.redeem-modal-footer .redeem-cancel-btn{flex:1}.redeem-modal-footer .redeem-submit-btn{flex:2}@media (max-width: 640px){.redeem-modal-overlay{padding:0;align-items:flex-end}.redeem-modal{max-width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:modalSlideUpMobile .3s var(--ease)}@keyframes modalSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.redeem-modal-header{padding:20px 20px 0}.redeem-modal-body{padding:16px 20px}.redeem-modal-footer{padding:12px 20px 20px}.redeem-modal-title{font-size:16px}}.player-video-container{width:100%;aspect-ratio:16 / 9;background:#0f172a;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:24px;position:relative;box-shadow:var(--shadow-lg)}.player-video-container iframe{width:100%;height:100%;border:none}.locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all var(--duration) var(--ease)}.locked-overlay:hover{background:linear-gradient(135deg,#1e293b,#1e1b4b)}.locked-icon-box{width:72px;height:72px;border-radius:var(--radius-xl);background:#6366f126;display:flex;align-items:center;justify-content:center;font-size:32px}.locked-overlay h3{color:#fff;font-size:20px;font-weight:700}.locked-overlay p{color:var(--text-muted);font-size:14px}.locked-cta{display:flex;align-items:center;gap:6px;background:var(--surface);padding:10px 20px;border-radius:var(--radius-md);color:var(--primary);font-weight:600;font-size:14px;margin-top:8px}.player-buy-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--primary-light);border:1px solid var(--primary-glow);border-radius:var(--radius-lg);margin:16px 0;cursor:pointer;transition:all var(--duration) var(--ease)}.player-buy-banner:hover{border-color:var(--primary)}.player-buy-banner-text{display:flex;flex-direction:column;gap:2px}.player-buy-banner-text strong{font-size:15px;font-weight:700;color:var(--text)}.player-buy-banner-text span{font-size:13px;color:var(--text-secondary)}.player-buy-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--duration) var(--ease);flex-shrink:0}.player-buy-btn:hover{background:var(--primary-dark)}.player-buy-btn-sm{padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--duration) var(--ease)}.player-buy-btn-sm:hover{background:var(--primary-dark)}@media (max-width: 480px){.player-buy-banner{flex-direction:column;text-align:center;padding:14px 16px}.player-buy-btn{padding:10px 16px;font-size:13px;white-space:normal;width:100%}.locked-overlay{gap:8px}.locked-icon-box{width:56px;height:56px;border-radius:16px}.locked-icon-box svg{width:24px;height:24px}.locked-overlay h3{font-size:16px}.locked-overlay p{font-size:12px}.locked-cta{padding:8px 16px;font-size:13px}}.no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:8px;font-size:48px}.no-video span{font-size:14px;font-weight:600}.player-header{margin-bottom:8px}.player-module-tag{font-size:14px;color:var(--primary);font-weight:600;margin-bottom:8px}.player-title{font-size:24px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:8px;letter-spacing:-.03em}.player-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.quiz-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;max-width:720px;margin:0 auto;width:100%;position:relative;padding-bottom:140px}.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;background:var(--bg);z-index:10}.quiz-close-btn{width:40px;height:40px;border-radius:99px;background:var(--surface);border:1px solid var(--border);font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:none;transition:all var(--duration) var(--ease)}.quiz-close-btn:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.quiz-header-center{text-align:center}.quiz-header-title{font-size:18px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.quiz-header-sub{font-size:13px;color:var(--text-secondary)}.quiz-progress-container{padding:0 20px 12px}.quiz-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width var(--duration-slow) var(--ease)}.quiz-scroll{padding:0 20px 20px;flex:1}.quiz-last-attempt{padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.quiz-info-card{display:flex;align-items:center;gap:12px;background:var(--primary-light);border:1px solid var(--border);padding:16px;border-radius:var(--radius-lg);margin-bottom:20px}.quiz-info-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.quiz-info-title{font-size:15px;font-weight:600;color:var(--primary-dark);margin:0}.quiz-info-sub{font-size:13px;color:var(--primary);margin:2px 0 0}.quiz-question-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.quiz-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.quiz-question-badge{background:var(--border-light);padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.quiz-result-badge{width:26px;height:26px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.quiz-result-badge.correct{background:var(--success)}.quiz-result-badge.wrong{background:var(--danger)}.quiz-question-text{font-size:17px;font-weight:600;color:var(--text);line-height:1.5;margin:0;letter-spacing:-.01em}.quiz-answers{display:flex;flex-direction:column;gap:10px;margin-top:16px}.quiz-answer{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text);text-align:start;transition:all var(--duration) var(--ease);cursor:pointer;width:100%}.quiz-answer:hover:not(:disabled){border-color:var(--text-muted);background:var(--border-light)}.quiz-answer.selected{background:var(--primary-light);border-color:var(--primary)}.quiz-answer.correct{background:var(--success-light);border-color:var(--success)}.quiz-answer.wrong{background:var(--danger-light);border-color:var(--danger)}.quiz-answer:disabled{cursor:default}.quiz-answer-icon{font-size:18px;flex-shrink:0;width:22px;text-align:center;color:var(--text-muted)}.quiz-answer.selected .quiz-answer-icon{color:var(--primary)}.quiz-answer.correct .quiz-answer-icon{color:var(--success)}.quiz-answer.wrong .quiz-answer-icon{color:var(--danger)}.quiz-answer-text{flex:1}.quiz-answer-text.correct-text{font-weight:600;color:var(--success)}.quiz-result-card{padding:24px;border-radius:var(--radius-lg);text-align:center;margin-top:8px;width:100%}.quiz-result-card.passed{background:var(--success-light);border:1px solid var(--success)}.quiz-result-card.failed{background:var(--danger-light);border:1px solid var(--danger)}.quiz-result-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px}.quiz-result-icon.passed{background:var(--warning-light)}.quiz-result-icon.failed{background:var(--danger-light)}.quiz-result-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 4px;letter-spacing:-.03em}.quiz-result-score{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.quiz-result-hint{font-size:14px;color:var(--text-secondary);margin:0}.quiz-last-date{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.quiz-score-details{background:var(--surface);border-radius:var(--radius-lg);padding:20px;width:100%;box-shadow:var(--shadow-sm)}.quiz-score-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px}.quiz-score-row span:first-child{color:var(--text-secondary);font-weight:500}.quiz-score-row span:last-child{font-weight:700;color:var(--text)}.quiz-score-row .green{color:var(--success)}.quiz-score-row .red{color:var(--danger)}.quiz-score-divider{height:1px;background:var(--border-light)}.quiz-footer{position:fixed;bottom:0;left:0;right:0;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffffd9;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -2px 16px #0000000f;z-index:20;display:flex;justify-content:center}.quiz-action-btn{width:100%;max-width:720px;padding:16px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration) var(--ease)}.quiz-action-btn.primary{background:var(--primary)}.quiz-action-btn.primary:hover{background:var(--primary-dark)}.quiz-action-btn.primary.disabled{background:var(--border);cursor:not-allowed}.quiz-action-btn.success{background:var(--success)}.quiz-action-btn.danger{background:var(--danger)}.quiz-action-btn.success:hover,.quiz-action-btn.danger:hover{opacity:.9}.quiz-card{display:flex;align-items:center;padding:16px 18px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:none;gap:14px;margin-top:24px;cursor:pointer;transition:all var(--duration) var(--ease);border:1px solid var(--border)}.quiz-card:hover{box-shadow:var(--shadow-md);border-color:#6366f133}.quiz-card.locked{opacity:.65;cursor:default}.quiz-card-icon{width:52px;height:52px;border-radius:14px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.quiz-card.locked .quiz-card-icon{background:var(--border-light)}.quiz-card-info{flex:1}.quiz-card-title{font-size:16px;font-weight:600;color:var(--text)}.quiz-card-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.quiz-card-arrow{width:40px;height:40px;border-radius:12px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:16px}.quiz-card.locked .quiz-card-arrow{background:var(--border-light)}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.spinner{width:36px;height:36px;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--text-secondary)}.reset-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.reset-card{width:100%;max-width:420px;background:var(--surface);border-radius:24px;padding:44px 36px;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.cs-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.cs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cs-title{font-size:17px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.cs-search-toggle{padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;transition:all var(--duration) var(--ease)}.cs-search-toggle:hover{background:var(--primary-light);border-color:var(--primary)}.cs-search-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cs-search-input{flex:1;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text);background:var(--surface);outline:none;transition:all var(--duration) var(--ease)}.cs-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.cs-search-clear{width:32px;height:32px;border:none;background:var(--border-light);border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-secondary)}.cs-locked{text-align:center;padding:24px;background:var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration) var(--ease)}.cs-locked:hover{background:var(--primary-light)}.cs-locked-icon{font-size:32px;display:block;margin-bottom:8px}.cs-locked p{color:var(--text-secondary);font-size:14px;margin:0}.cs-input-box{display:flex;gap:8px;margin-bottom:20px}.cs-input{flex:1;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text);background:var(--surface);outline:none;transition:all var(--duration) var(--ease)}.cs-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.cs-send-btn{width:44px;height:44px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration) var(--ease);flex-shrink:0}.cs-send-btn:hover:not(.disabled){background:var(--primary-dark)}.cs-send-btn.disabled{background:var(--border);cursor:not-allowed}.cs-send-btn.small{width:36px;height:36px;font-size:14px}.cs-loading{display:flex;justify-content:center;padding:20px}.cs-empty{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.cs-list{display:flex;flex-direction:column;gap:12px}.cs-comment{background:var(--surface);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border)}.cs-comment.pinned{border:1px solid var(--warning-light);background:var(--warning-light)}.cs-pinned-badge{font-size:12px;font-weight:600;color:var(--b1-dark);margin-bottom:8px}.cs-comment-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cs-avatar{width:34px;height:34px;border-radius:17px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.cs-avatar.small{width:28px;height:28px;border-radius:14px;font-size:11px}.cs-comment-meta{flex:1;display:flex;align-items:center;gap:8px}.cs-nickname{font-size:14px;font-weight:600;color:var(--text)}.cs-time{font-size:12px;color:var(--text-muted)}.cs-delete-btn{border:none;background:none;font-size:14px;cursor:pointer;opacity:.5;transition:all var(--duration) var(--ease);padding:4px}.cs-delete-btn:hover{opacity:1}.cs-comment-text{font-size:14px;color:var(--text);line-height:1.5;margin:0 0 10px}.cs-actions{display:flex;align-items:center;gap:12px}.cs-like-btn,.cs-reply-btn,.cs-show-replies-btn{border:none;background:none;font-size:13px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:8px;transition:all var(--duration) var(--ease);display:flex;align-items:center;gap:4px}.cs-like-btn:hover,.cs-reply-btn:hover,.cs-show-replies-btn:hover{background:var(--border-light);color:var(--text-secondary)}.cs-like-btn.liked{color:var(--danger)}.cs-show-replies-btn{color:var(--primary);font-weight:600}.cs-reply-input-box{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light)}.cs-reply-input{font-size:13px;padding:10px 12px}.cs-reply{margin-top:12px;margin-inline-start:20px;padding:12px;background:var(--bg);border-radius:var(--radius-md);border-inline-start:3px solid var(--primary-light)}.cs-reply .cs-comment-text{font-size:13px}@media (max-width: 640px){.app-main{padding:20px 16px 100px}}@media (max-width: 380px){.app-main{padding:16px 12px 100px}.page-title{font-size:24px}.auth-card{padding:32px 20px;border-radius:var(--radius-xl)}.player-video-container{border-radius:0;margin-inline-start:-16px;margin-inline-end:-16px;width:calc(100% + 32px)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.tk-page{max-width:680px;margin:0 auto;padding:20px 16px 60px}.tk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tk-usage-badge{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:600;padding:6px 12px;border-radius:10px}.tk-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 6px;letter-spacing:-.03em}.tk-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.tk-section-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.tk-level-row{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.tk-level-chip{padding:8px 18px;border-radius:99px;background:var(--surface);border:1.5px solid var(--border);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease)}.tk-level-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.tk-level-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 3px #6366f14d}.tk-input-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:8px;transition:all var(--duration) var(--ease);border:2px solid transparent}.tk-input-card.error{border-color:var(--danger)}.tk-textarea{width:100%;min-height:220px;padding:16px;font-size:16px;line-height:1.6;color:var(--text);border:none;border-radius:var(--radius-lg);resize:vertical;font-family:inherit;background:transparent;outline:none;box-sizing:border-box}.tk-textarea::placeholder{color:var(--text-muted)}.tk-char-info{font-size:12px;color:var(--text-muted);text-align:end;margin-bottom:16px;padding-inline-end:4px}.tk-char-info.error{color:var(--danger);font-weight:600}.tk-error-box{background:var(--danger-light);border:1px solid var(--danger);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:14px;color:var(--danger)}.tk-submit-btn{width:100%;min-height:48px;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration) var(--ease);box-shadow:0 1px 3px #6366f14d}.tk-submit-btn:hover:not(.disabled){background:var(--primary-dark);box-shadow:0 2px 8px #6366f166}.tk-submit-btn.disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed}.spinner.small{width:20px;height:20px;border-width:2px}.tk-result-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.tk-success-card{background:var(--success-light);border:1px solid var(--success)}.tk-result-heading{font-size:16px;font-weight:600;color:var(--text);margin:0 0 12px}.tk-corrected-text{font-size:15px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;margin:0;background:var(--bg);padding:16px;border-radius:12px;border-inline-start:3px solid var(--primary)}.tk-error-list{display:flex;flex-direction:column;gap:12px}.tk-error-item{padding:12px 16px;background:var(--warning-light);border-radius:12px;border-inline-start:3px solid var(--warning)}.tk-error-correction{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.tk-error-original{font-weight:600;color:var(--danger);text-decoration:line-through;font-size:14px}.tk-error-arrow{color:var(--text-muted);font-size:14px}.tk-error-fixed{font-weight:600;color:var(--success);font-size:14px}.tk-error-explanation{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.tk-summary-text{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.tk-tips-list{margin:0;padding-inline-start:20px}.tk-tips-list li{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.tk-tips-list li:last-child{margin-bottom:0}.tk-new-text-btn{width:100%;min-height:48px;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration) var(--ease);margin-top:8px}.tk-new-text-btn:hover{background:var(--primary-dark)}.tk-player-card{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--radius-lg);padding:16px 18px;margin-top:12px;cursor:pointer;box-shadow:none;border:1px solid var(--border);transition:all var(--duration) var(--ease)}.tk-player-card:hover{border-color:#6366f133;box-shadow:var(--shadow-md)}.tk-player-card-icon{width:52px;height:52px;border-radius:14px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.tk-player-card.locked .tk-player-card-icon{background:var(--border-light)}.tk-player-card-info{flex:1;min-width:0}.tk-player-card-title{font-size:15px;font-weight:600;color:var(--text)}.tk-player-card-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.tk-player-card-arrow{width:40px;height:40px;border-radius:12px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;flex-shrink:0}.tk-player-card.locked .tk-player-card-arrow{background:var(--border-light)}.tk-player-card.locked{opacity:.65;cursor:default}.tk-player-card.locked:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.ak-record-card{background:var(--surface);border-radius:16px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;border:1px solid var(--border)}.ak-record-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:99px;border:2px solid var(--primary);background:transparent;color:var(--primary);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.ak-record-btn:hover{background:var(--primary);color:#fff;box-shadow:0 2px 12px #6366f14d}.ak-record-btn.recording{background:var(--danger);border-color:var(--danger);color:#fff;animation:ak-pulse-border 1.5s ease-in-out infinite}.ak-record-btn:disabled{opacity:.5;cursor:not-allowed}.ak-record-btn-icon{font-size:22px}.ak-record-btn-text{font-size:15px}@keyframes ak-pulse-border{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.ak-timer{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.ak-timer.active{color:var(--danger)}.ak-timer-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);opacity:.4}.ak-timer-dot.pulsing{opacity:1;animation:ak-dot-pulse 1s ease-in-out infinite}@keyframes ak-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ak-playback{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.ak-audio-player{width:100%;max-width:400px;border-radius:8px}.ak-discard-btn{background:none;border:none;color:var(--danger);font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all var(--duration) var(--ease)}.ak-discard-btn:hover{background:#ef444414}.ak-player-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--duration) var(--ease);margin-top:12px}.ak-player-card:hover:not(.locked){border-color:#6366f133;box-shadow:var(--shadow-md)}.ak-player-card.locked{opacity:.65;cursor:default}.ak-player-card-icon{width:52px;height:52px;border-radius:14px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.ak-player-card.locked .ak-player-card-icon{background:var(--border-light)}.ak-player-card-info{flex:1;min-width:0}.ak-player-card-title{font-size:15px;font-weight:600;color:var(--text)}.ak-player-card-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.ak-player-card-arrow{width:40px;height:40px;border-radius:12px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;flex-shrink:0}.ak-player-card.locked .ak-player-card-arrow{background:var(--border-light)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.shop-card{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);transition:all var(--duration) var(--ease)}.shop-card:hover{box-shadow:var(--shadow-md);border-color:#6366f126}.shop-card-bundle{border:2px solid var(--primary);position:relative}.shop-card-bundle:hover{border-color:var(--primary);box-shadow:0 4px 16px #6366f133}.shop-card-image{position:relative;aspect-ratio:4 / 3;background:var(--border-light);overflow:hidden}.shop-card-image img{width:100%;height:100%;object-fit:cover;transition:all var(--duration) var(--ease)}.shop-card-level{position:absolute;top:12px;inset-inline-start:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:99px;letter-spacing:.03em;text-transform:uppercase}.shop-card-badge{position:absolute;top:12px;inset-inline-end:12px;background:var(--warning);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:99px}.shop-card-body{padding:20px}.shop-card-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.shop-card-desc{font-size:13px;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.shop-card-price{font-size:24px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:-.04em}.shop-card-price-old{font-size:14px;font-weight:500;color:var(--text-muted);text-decoration:line-through;margin-inline-start:8px}.shop-detail-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--primary);background:none;border:none;padding:0;cursor:pointer;margin-bottom:12px;transition:opacity var(--duration) var(--ease)}.shop-detail-link:hover{opacity:.8}.shop-buy-btn{width:100%;padding:12px 16px;border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);letter-spacing:.01em}.shop-buy-btn:hover{opacity:.9;box-shadow:var(--shadow-md)}.shop-buy-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.shop-grid{grid-template-columns:1fr;gap:16px}.shop-card-body{padding:16px}.shop-card-title{font-size:15px}}@media (min-width: 641px) and (max-width: 900px){.shop-grid{grid-template-columns:repeat(2,1fr)}}.product-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s var(--ease)}.product-modal{width:100%;max-width:640px;max-height:90vh;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s var(--ease)}.product-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.product-modal-header h2{font-size:18px;font-weight:700;color:var(--text);margin:0}.product-modal-close{width:36px;height:36px;border-radius:99px;border:none;background:var(--border-light);color:var(--text-muted);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease);flex-shrink:0}.product-modal-close:hover{background:var(--danger-light);color:var(--danger)}.product-modal-body{padding:24px;overflow-y:auto;flex:1}.product-modal-body h2{font-size:18px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.4}.product-modal-body h3{font-size:15px;font-weight:700;color:var(--text);margin:24px 0 12px}.product-modal-body p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0 0 12px}.product-modal-body ul{margin:0 0 12px;padding-inline-start:20px}.product-modal-body li{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:6px}.product-modal-body b,.product-modal-body strong{color:var(--text);font-weight:600}.product-modal-body small{font-size:12px;color:var(--text-muted);line-height:1.5}.product-modal-footer{padding:16px 24px;border-top:1px solid var(--border)}@media (max-width: 640px){.product-modal-overlay{padding:0;align-items:flex-end}.product-modal{max-width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.theme-toggle{padding:8px;border-radius:99px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease);flex-shrink:0}.theme-toggle:hover{background:var(--border-light);color:var(--text)}@media (prefers-color-scheme: dark){:root:not(.light){--bg: #0B0F1A;--surface: #151B2B;--border: #1E2640;--border-light: #151B2B;--text: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--primary-light: rgba(99, 102, 241, .12);--primary-glow: rgba(99, 102, 241, .15);--success-light: rgba(16, 185, 129, .12);--warning-light: rgba(245, 158, 11, .12);--danger-light: rgba(239, 68, 68, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .5)}}:root.dark{--bg: #0B0F1A;--surface: #151B2B;--border: #1E2640;--border-light: #151B2B;--text: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--primary-light: rgba(99, 102, 241, .12);--primary-glow: rgba(99, 102, 241, .15);--success-light: rgba(16, 185, 129, .12);--warning-light: rgba(245, 158, 11, .12);--danger-light: rgba(239, 68, 68, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .5)}:root.dark body{color-scheme:dark}:root.dark .app-header{background:#0b0f1acc;border-bottom-color:#ffffff0f}:root.dark input,:root.dark textarea,:root.dark select{background:var(--surface);color:var(--text);border-color:var(--border)}:root.dark input::placeholder,:root.dark textarea::placeholder{color:var(--text-muted)}:root.dark .course-card,:root.dark .shop-card,:root.dark .lesson-card{background:var(--surface);border-color:var(--border)}:root.dark .redeem-modal{background:var(--surface);border-color:var(--border)}:root.dark .redeem-modal-overlay,:root.dark .product-modal-overlay{background:#0009}:root.dark .redeem-legal-box{background:#ffffff0d;border-color:var(--border)}:root.dark .alert-error{background:var(--danger-light);color:#fca5a5}:root.dark .alert-success{background:var(--success-light);color:#6ee7b7}:root.dark .nav-btn-logout{color:var(--text-secondary)}:root.dark .nav-btn-logout:hover{color:var(--danger);background:var(--danger-light)}:root.dark .nav-btn-login{background:var(--primary);color:#fff}:root.dark .nav-btn-login:hover{background:var(--primary-dark)}:root.dark .redeem-cancel-btn{background:var(--border);color:var(--text-secondary)}:root.dark .shop-card-image{background:var(--border)}:root.dark .lang-dropdown{background:var(--surface);border-color:var(--border)}:root.dark .lang-option:hover{background:var(--border)}:root.dark .product-modal{background:var(--surface)}:root.dark .status-locked{background:#64748b33;color:var(--text-muted)}:root.dark .status-unlocked{background:var(--success-light);color:#6ee7b7}:root.dark .spinner{border-color:var(--border);border-top-color:var(--primary)}:root.dark .redeem-code-input{background:var(--bg);border-color:var(--border);color:var(--text)}:root.dark .empty-state{color:var(--text)}:root.dark .home-streak,:root.dark .home-stats,:root.dark .home-continue-card,:root.dark .home-grid-card,:root.dark .home-feature-card,:root.dark .home-discover-card{background:var(--surface);border-color:var(--border)}:root.dark .home-guest-banner{background:var(--primary-light);border-color:#6366f133}:root.dark .home-guest-icon{background:var(--surface)}:root.dark .home-guest-title{color:#a5b4fc}:root.dark .home-guest-sub{color:#818cf8}:root.dark .home-grid-badge-app{background:var(--surface);border-color:var(--border);color:var(--text-muted)}:root.dark .home-app-cta{background:var(--primary-light);border-color:#6366f133}:root.dark .home-app-store-btn{background:var(--text);color:var(--bg)}:root.dark .home-feature-icon{opacity:.9}:root.dark .home-hero-card{box-shadow:0 8px 32px #0006}:root.dark .home-grid-icon,:root.dark .home-discover-icon,:root.dark .home-feature-icon{opacity:.85;filter:saturate(.8)}:root.dark .quiz-footer{background:#0b0f1ad9;box-shadow:0 -2px 16px #0003}:root.dark .redeem-open-btn{background:var(--primary);border-color:var(--primary);color:#fff}:root.dark .redeem-open-btn:hover{background:var(--primary-dark)}@keyframes conj-ring-draw{0%{stroke-dashoffset:var(--ring-circumference, 400)}}@keyframes conj-card-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes conj-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes conj-pulse-ring{0%,to{opacity:.6}50%{opacity:1}}.conj-page{max-width:600px;margin:0 auto;padding:0 14px 40px}@media (min-width: 480px){.conj-page{padding:0 20px 40px}}.conj-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px}.conj-back-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);cursor:pointer}.conj-back-btn:hover{background:var(--border-light);transform:translate(-2px)}[dir=rtl] .conj-back-btn:hover{transform:translate(2px)}.conj-title{font-size:18px;font-weight:700;color:var(--text)}.conj-guest-banner{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.15);background:var(--primary-light);margin-bottom:20px;text-align:start;transition:all var(--duration) var(--ease);cursor:pointer}.conj-guest-banner:hover{border-color:var(--primary);box-shadow:0 2px 12px #6366f11a}.conj-guest-icon-wrap{width:36px;height:36px;border-radius:10px;background:#6366f11f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conj-guest-text{flex:1;display:flex;flex-direction:column}.conj-guest-title{font-size:14px;font-weight:600;color:var(--primary-dark)}.conj-guest-sub{font-size:12px;color:var(--primary);margin-top:1px}.conj-hero-card{background:var(--surface);border-radius:24px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:conj-card-enter .4s var(--ease) both}.conj-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;pointer-events:none}.conj-hero-top{display:flex;align-items:center;gap:24px;margin-bottom:20px;position:relative}.conj-hero-ring-wrap{position:relative;flex-shrink:0}.conj-ring{display:block;transform:rotate(0)}.conj-ring-arc{transition:stroke-dasharray .6s var(--ease),stroke-dashoffset .6s var(--ease)}.conj-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.conj-ring-value{font-size:28px;font-weight:800;color:var(--text);line-height:1;letter-spacing:-.03em}.conj-ring-value small{font-size:16px;font-weight:600;opacity:.5}.conj-ring-label{font-size:11px;font-weight:500;color:var(--text-muted);margin-top:2px}.conj-hero-info{display:flex;flex-direction:column;gap:6px}.conj-hero-level-badge{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.02em}.conj-hero-tense{font-size:20px;font-weight:700;letter-spacing:-.02em}.conj-hero-total{font-size:13px;color:var(--text-muted);font-weight:500}.conj-hero-pills{display:flex;gap:8px;position:relative}.conj-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:var(--radius-md);background:var(--bg);transition:all var(--duration) var(--ease)}.conj-pill:hover{background:var(--border-light)}.conj-pill-dot{width:8px;height:8px;border-radius:50%}.conj-pill-label{font-size:10px;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conj-pill-value{font-size:18px;font-weight:700;color:var(--text);line-height:1}.conj-section-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;margin-top:4px}.conj-level-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.conj-level-row::-webkit-scrollbar{display:none}.conj-level-chip{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:10px 16px;border-radius:14px;border:2px solid var(--border);background:var(--surface);transition:all var(--duration) var(--ease);cursor:pointer}.conj-level-chip:hover:not(.active){border-color:var(--text-muted);transform:translateY(-1px)}.conj-level-chip.active{border-color:transparent;box-shadow:0 4px 14px #0000001f}.conj-level-chip.active .conj-level-text{color:#fff}.conj-level-chip.active .conj-level-pct{color:#fffc}.conj-level-chip.empty{opacity:.4}.conj-level-text{font-size:15px;font-weight:700;color:var(--text-secondary)}.conj-level-pct{font-size:11px;font-weight:600;color:var(--text-muted);margin-top:2px}.conj-tense-row{display:flex;gap:10px;margin-bottom:24px}.conj-tense-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 10px;border-radius:18px;border:2px solid var(--border);background:var(--surface);transition:all .25s var(--ease);cursor:pointer}.conj-tense-card:hover:not(.active){border-color:var(--text-muted);transform:translateY(-2px)}.conj-tense-card.active{border-width:2px;box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.conj-tense-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:all var(--duration) var(--ease)}.conj-tense-label{font-size:13px;font-weight:600;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.conj-tense-count{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:500;transition:all var(--duration) var(--ease)}.conj-start-btn{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;border-radius:22px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;margin-bottom:16px;box-shadow:0 8px 28px #00000026;transition:all .25s var(--ease);text-align:start;cursor:pointer;position:relative;overflow:hidden}.conj-start-btn:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 14px 36px #0003}.conj-start-btn:active:not(.disabled){transform:translateY(-1px) scale(.99)}.conj-start-btn.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:none}.conj-start-shimmer{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:conj-shimmer 3s ease-in-out infinite;pointer-events:none}.conj-start-btn.disabled .conj-start-shimmer{display:none}.conj-start-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conj-start-text{flex:1;display:flex;flex-direction:column}.conj-start-label{font-size:10px;font-weight:700;letter-spacing:1.2px;opacity:.65}.conj-start-title{font-size:18px;font-weight:700;margin-top:3px}.conj-start-arrow{width:42px;height:42px;border-radius:var(--radius-md);background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration) var(--ease)}.conj-start-btn:hover:not(.disabled) .conj-start-arrow{background:#ffffff47;transform:translate(2px)}[dir=rtl] .conj-start-btn:hover .conj-start-arrow{transform:translate(-2px)}.conj-modes{display:flex;gap:12px;margin-bottom:20px}.conj-mode-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 16px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);position:relative;transition:all .25s var(--ease);text-align:center;cursor:pointer}.conj-mode-card:hover:not(.disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}.conj-mode-card:active:not(.disabled){transform:translateY(-1px) scale(.98)}.conj-mode-card.disabled{opacity:.45;cursor:not-allowed}.conj-mode-icon{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.conj-mode-title{font-size:14px;font-weight:700;color:var(--text)}.conj-mode-sub{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:500}.conj-mode-badge{position:absolute;top:-6px;inset-inline-end:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;animation:conj-pulse-ring 2s ease-in-out infinite}.conj-info-card{padding:16px;border-radius:var(--radius-lg);border-inline-start:4px solid;margin-bottom:20px}.conj-info-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.conj-info-icon-wrap{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conj-info-title{font-size:14px;font-weight:700;display:block}.conj-info-text{font-size:13px;color:var(--text-secondary);line-height:21px;white-space:pre-line}.conj-login-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:none;background:transparent;width:100%;font-size:14px;color:var(--primary);font-weight:500;cursor:pointer}.conj-login-hint:hover{text-decoration:underline}.conj-trainer{max-width:600px;margin:0 auto;min-height:calc(100vh - 130px);display:flex;flex-direction:column;padding:0 20px}.conj-trainer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px}.conj-close-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);cursor:pointer}.conj-close-btn:hover{background:var(--border-light);color:var(--text)}.conj-trainer-center{flex:1;display:flex;justify-content:center}.conj-trainer-tense-badge{padding:6px 16px;border-radius:10px;font-size:13px;font-weight:600}.conj-trainer-count{font-size:16px;font-weight:700;color:var(--text-secondary);width:40px;text-align:center}.conj-trainer-progress{margin-bottom:12px}.conj-trainer-bar{height:6px;display:flex;border-radius:3px;overflow:hidden;background:var(--border-light)}.conj-bar-seg{height:100%;transition:flex .5s var(--ease)}.conj-trainer-progress-label{text-align:end;font-size:12px;font-weight:500;color:var(--text-muted);margin-top:6px}.conj-card-area{flex:1;display:flex;align-items:flex-start;padding-bottom:12px}.conj-card{width:100%;background:var(--surface);border-radius:24px;padding:16px 24px 20px;box-shadow:0 4px 12px #0000000a,0 12px 36px #0000000f;position:relative;animation:conj-card-enter .3s var(--ease) both}.conj-card-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;width:100%}.conj-retry-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;padding:5px 12px;border-radius:10px;font-size:11px;font-weight:600;color:#d97706}.conj-streak-dots{display:flex;gap:8px}.conj-streak-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:all .3s var(--ease)}.conj-streak-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98126}.conj-verb-header{text-align:center;margin:4px 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.conj-infinitive{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.03em}.conj-verb-level{font-size:12px;font-weight:600;opacity:.7}.conj-divider{height:1px;background:var(--border-light);margin:0 -24px 4px}.conj-table{display:flex;flex-direction:column}.conj-table-row{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-light);transition:background var(--duration) var(--ease)}.conj-table-row:last-child{border-bottom:none}.conj-table-row.has-gap{padding:4px 0}.conj-pronoun{width:90px;font-size:14px;font-weight:600;color:var(--text-muted);flex-shrink:0}.conj-form{flex:1;font-size:16px;color:var(--text);font-weight:500}.conj-input-wrapper{flex:1}.conj-input{width:100%;height:40px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);padding:0 14px;font-size:16px;color:var(--text);outline:none;transition:all .2s var(--ease)}.conj-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:var(--surface)}.conj-input::placeholder{color:var(--text-muted);opacity:.4}.conj-result-box{min-height:40px;border-radius:var(--radius-md);padding:0 12px;display:flex;align-items:center;gap:8px;animation:conj-card-enter .2s var(--ease) both}.conj-result-box.correct{background:#d1fae5}.conj-result-box.wrong{background:#fee2e2}.conj-result-icon{flex-shrink:0;display:flex;align-items:center}.conj-result-content{display:flex;flex-direction:column;min-width:0}.conj-result-text{font-size:15px;font-weight:600}.conj-result-box.correct .conj-result-text{color:#059669}.conj-result-box.wrong .conj-result-text{color:#dc2626}.conj-wrong-answer{font-size:11px;color:#9ca3af;text-decoration:line-through;margin-top:1px}.conj-trainer-footer{position:sticky;bottom:0;padding:10px 0 12px;background:var(--bg);z-index:10}:root.dark .conj-trainer-footer{background:var(--bg)}.conj-action-btn{width:100%;min-height:50px;border-radius:16px;border:none;background:var(--primary);color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #0000001f;transition:all .2s var(--ease);cursor:pointer}.conj-action-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 28px #00000029}.conj-action-btn:active:not(.disabled){transform:translateY(0) scale(.99)}.conj-action-btn.disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.conj-done-modal{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;animation:conj-card-enter .4s var(--ease) both}.conj-done-circle{width:100px;height:100px;border-radius:50%;background:#ecfdf5;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.conj-done-title{font-size:26px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.conj-done-text{font-size:15px;color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.conj-done-btn{padding:14px 36px;border-radius:14px;border:none;background:var(--primary);color:#fff;font-size:16px;font-weight:600;box-shadow:0 4px 14px #6366f14d;transition:all var(--duration) var(--ease);cursor:pointer}.conj-done-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.home-grid-card.clickable{cursor:pointer;transition:all var(--duration) var(--ease);border:none;background:var(--surface);text-align:start;font-family:inherit;padding:16px}.home-grid-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home-grid-badge-web{position:absolute;bottom:12px;inset-inline-end:12px;display:flex;align-items:center}:root.dark .conj-back-btn,:root.dark .conj-close-btn{background:var(--surface);color:var(--text)}:root.dark .conj-hero-card{background:var(--surface);box-shadow:0 2px 12px #0000004d}:root.dark .conj-pill{background:#ffffff0a}:root.dark .conj-level-chip{background:var(--surface);border-color:var(--border)}:root.dark .conj-tense-card{background:var(--surface);border-color:var(--border)}:root.dark .conj-tense-card.active{background:#ffffff08}:root.dark .conj-card{background:var(--surface);box-shadow:0 4px 20px #0000004d}:root.dark .conj-input{background:var(--bg);border-color:var(--border);color:var(--text)}:root.dark .conj-mode-card{background:var(--surface);border-color:var(--border)}:root.dark .conj-guest-banner{background:#6366f114;border-color:#6366f126}:root.dark .conj-retry-badge{background:#f59e0b1f}:root.dark .conj-result-box.correct{background:#10b9811f}:root.dark .conj-result-box.wrong{background:#ef44441f}:root.dark .conj-trainer-bar{background:var(--border)}:root.dark .conj-streak-dot{background:var(--border)}:root.dark .conj-streak-dot.active{box-shadow:0 0 0 3px #10b9811a}:root.dark .conj-info-card{background:#6366f10f}:root.dark .conj-done-circle{background:#10b9811a}:root.dark .conj-action-btn.disabled{background:var(--border);color:var(--text-muted)}:root.dark .conj-divider{background:var(--border)}@media (prefers-reduced-motion: reduce){.conj-ring-arc{transition:none}.conj-card,.conj-hero-card,.conj-done-modal,.conj-result-box{animation:none}.conj-start-shimmer{animation:none;display:none}.conj-mode-badge{animation:none}}.artikel-card-area{align-items:center}.artikel-card{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px 32px;text-align:center;animation:conj-card-enter .3s var(--ease) both}.artikel-category-badge{display:inline-flex;align-items:center;background:#eef2ff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;color:#6366f1}.artikel-word-area{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;justify-content:center;width:100%}.artikel-feedback-badge{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;animation:conj-card-enter .2s var(--ease) both}.artikel-feedback-badge.correct{background:#d1fae5}.artikel-feedback-badge.wrong{background:#fee2e2}.artikel-result-text{font-size:24px;font-weight:700;line-height:1}.artikel-word{font-size:36px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.2}.artikel-btn-row{display:flex;gap:12px}.artikel-btn{flex:1;height:56px;border-radius:16px;border:none;font-size:22px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s var(--ease);box-shadow:0 4px 14px #0000001f}.artikel-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.artikel-btn:active{transform:translateY(0) scale(.97)}.artikel-btn-der{background:#3b82f6;box-shadow:0 4px 14px #3b82f64d}.artikel-btn-die{background:#ef4444;box-shadow:0 4px 14px #ef44444d}.artikel-btn-das{background:#10b981;box-shadow:0 4px 14px #10b9814d}.artikel-btn-der:hover{box-shadow:0 8px 20px #3b82f659}.artikel-btn-die:hover{box-shadow:0 8px 20px #ef444459}.artikel-btn-das:hover{box-shadow:0 8px 20px #10b98159}:root.dark .artikel-category-badge{background:#6366f11f}:root.dark .artikel-feedback-badge.correct{background:#10b9811f}:root.dark .artikel-feedback-badge.wrong{background:#ef44441f}@media (prefers-reduced-motion: reduce){.artikel-feedback-badge,.artikel-card{animation:none}}.prep-case-row{flex-wrap:wrap}.prep-case-row .conj-tense-card{min-width:calc(33.333% - 8px);flex:0 0 auto}@media (max-width: 420px){.prep-case-row .conj-tense-card{min-width:calc(50% - 6px)}}.prep-card{padding:20px 24px 24px;animation:conj-card-enter .3s var(--ease) both}.prep-hint{display:flex;align-items:center;gap:8px;background:#fef3c7;padding:10px 14px;border-radius:12px;margin-top:8px;margin-bottom:16px;font-size:13px;color:#92400e;line-height:1.4}.prep-hint svg{flex-shrink:0}.prep-sentence-area{text-align:center;margin:16px 0 24px}.prep-sentence-text{font-size:22px;font-weight:600;color:var(--text);line-height:1.55}.prep-gap{color:var(--primary);font-weight:700;font-size:24px}.prep-answer-inline{font-weight:700;font-size:22px}.prep-answer-inline.correct{color:#10b981}.prep-answer-inline.wrong{color:#ef4444}.prep-feedback{padding:14px 16px;border-radius:14px;margin-bottom:16px;animation:conj-card-enter .2s var(--ease) both}.prep-feedback.correct{background:#ecfdf5}.prep-feedback.wrong{background:#fef2f2}.prep-feedback-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.prep-feedback-title{font-size:16px;font-weight:700}.prep-your-answer{font-size:13px;color:var(--text-secondary);margin:0 0 6px}.prep-your-answer-text{font-weight:600;color:#ef4444;text-decoration:line-through}.prep-explanation{font-size:13px;color:var(--text-secondary);line-height:1.55;margin:0}.prep-options{display:flex;flex-direction:column;gap:10px}.prep-option{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:14px;background:var(--bg);font-size:17px;font-weight:600;color:var(--text);text-align:center;cursor:pointer;transition:all .2s var(--ease)}.prep-option:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.prep-option.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}:root.dark .prep-hint{background:#f59e0b1a;color:#fbbf24}:root.dark .prep-feedback.correct{background:#10b9811a}:root.dark .prep-feedback.wrong{background:#ef44441a}:root.dark .prep-option{background:var(--surface);border-color:var(--border)}:root.dark .prep-option:hover{background:#6366f114;border-color:var(--primary)}@media (prefers-reduced-motion: reduce){.prep-feedback,.prep-card{animation:none}}.lid-page{max-width:600px;margin:0 auto;padding:0 14px 40px}@media (min-width: 480px){.lid-page{padding:0 20px 40px}}.lid-flag{width:40px;height:40px;border-radius:var(--radius-md);background:#fef3c7;display:flex;align-items:center;justify-content:center;font-size:20px}.lid-ready-card{background:var(--surface);border-radius:20px;padding:20px;margin-bottom:20px;border:2px solid var(--border);transition:all var(--duration) var(--ease)}.lid-ready-card.active{border-color:#10b981;background:#f0fdf4}:root.dark .lid-ready-card.active{background:#10b98114}.lid-ready-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.lid-ready-info{display:flex;flex-direction:column}.lid-ready-title{font-size:16px;font-weight:700}.lid-ready-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.lid-progress-bar{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.lid-progress-fill{height:100%;background:#10b981;border-radius:4px;transition:width .5s var(--ease)}.lid-progress-label{display:block;font-size:13px;color:var(--text-muted);text-align:center;margin-top:8px}.lid-bl-selector{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:var(--surface);border:none;border-radius:16px;margin-bottom:24px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:start;transition:all var(--duration) var(--ease)}.lid-bl-selector:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.lid-bl-icon{width:44px;height:44px;border-radius:12px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lid-bl-text{flex:1;display:flex;flex-direction:column}.lid-bl-label{font-size:12px;color:var(--text-muted)}.lid-bl-name{font-size:16px;font-weight:600;color:var(--text)}.lid-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.lid-stat-card{background:var(--surface);border-radius:16px;padding:14px 8px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease)}.lid-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lid-stat-value{display:block;font-size:22px;font-weight:700;color:var(--text);line-height:1}.lid-stat-label{display:block;font-size:11px;color:var(--text-muted);margin-top:4px;font-weight:500}@media (max-width: 420px){.lid-dashboard{grid-template-columns:repeat(2,1fr)}}.lid-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:conj-card-enter .2s var(--ease) both}.lid-modal{background:var(--surface);border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:70vh;display:flex;flex-direction:column}.lid-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-light)}.lid-modal-title{font-size:18px;font-weight:700;color:var(--text)}.lid-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px}.lid-modal-list{overflow-y:auto;padding:10px}.lid-bl-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:none;background:transparent;border-radius:12px;font-size:16px;color:var(--text);cursor:pointer;transition:all var(--duration) var(--ease);text-align:start}.lid-bl-item:hover{background:var(--border-light)}.lid-bl-item.active{background:var(--primary-light);font-weight:600;color:var(--primary)}.lid-quiz-page{min-height:calc(100vh - 130px);display:flex;flex-direction:column}.lid-quiz-progress-text{font-size:15px;font-weight:600;color:var(--text)}.lid-timer{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:var(--primary-light);font-size:15px;font-weight:700;color:var(--primary)}.lid-timer.warning{background:#fee2e2;color:#dc2626}:root.dark .lid-timer.warning{background:#ef444426;color:#fca5a5}.lid-quiz-body{flex:1;overflow-y:auto;padding-bottom:12px}.lid-question-card{background:var(--surface);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.lid-question-number{font-size:12px;font-weight:600;color:var(--primary);display:block;margin-bottom:8px}.lid-question-text{font-size:17px;font-weight:500;color:var(--text);line-height:1.55;margin:0}.lid-question-img{width:100%;max-height:200px;object-fit:contain;border-radius:12px;margin-top:12px;background:var(--bg)}.lid-options{display:flex;flex-direction:column;gap:10px}.lid-option{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:all .2s var(--ease);text-align:start}.lid-option:hover,.lid-option.selected{border-color:var(--primary);background:var(--primary-light)}.lid-option-letter{width:36px;height:36px;border-radius:18px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .2s var(--ease)}.lid-option-letter.selected{background:var(--primary);color:#fff}.lid-option-text{flex:1;font-size:15px;color:var(--text);line-height:1.45}.lid-quiz-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:20px;padding:0 10px}.lid-quiz-dot{width:12px;height:12px;border-radius:6px;border:none;background:var(--border);cursor:pointer;transition:all var(--duration) var(--ease);box-sizing:content-box;padding:4px;margin:-4px}.lid-quiz-dot.answered{background:var(--primary);opacity:.5}.lid-quiz-dot.current{background:var(--primary);transform:scale(1.4);opacity:1;box-shadow:0 0 0 3px var(--primary-glow)}.lid-quiz-nav{display:flex;gap:12px;align-items:center}.lid-nav-btn{width:48px;height:48px;border-radius:14px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);transition:all var(--duration) var(--ease)}.lid-nav-btn:disabled{opacity:.4;cursor:not-allowed}.lid-nav-btn:hover:not(:disabled){background:var(--border-light)}.lid-finish-btn{flex:1;min-height:48px;border-radius:14px;border:none;background:#10b981;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.lid-finish-btn:hover{background:#059669;transform:translateY(-1px)}.lid-result-hero{border-radius:24px;padding:32px 20px;text-align:center;margin-bottom:24px;color:#fff}.lid-result-hero.passed{background:linear-gradient(135deg,#10b981,#059669)}.lid-result-hero.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.lid-result-title{font-size:26px;font-weight:800;margin:16px 0 8px}.lid-result-score{font-size:18px;opacity:.9}.lid-review-list{display:flex;flex-direction:column;gap:10px}.lid-review-item{background:var(--surface);border-radius:14px;padding:14px;border-inline-start:4px solid}.lid-review-item.correct{border-inline-start-color:#10b981}.lid-review-item.wrong{border-inline-start-color:#ef4444}.lid-review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.lid-review-num{font-size:12px;font-weight:600;color:var(--text-muted)}.lid-review-question{font-size:14px;color:var(--text-secondary);line-height:1.45;margin:0 0 8px}.lid-review-na{font-size:13px;color:#f59e0b;font-weight:500}.lid-review-answer{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:8px;background:var(--bg);font-size:13px;line-height:1.45;margin-top:4px}.lid-review-answer.correct span{color:#059669;font-weight:500}.lid-review-answer.wrong span{color:#ef4444}.lid-count-badge{background:var(--primary);color:#fff;padding:4px 12px;border-radius:10px;font-size:13px;font-weight:700}.lid-search-wrap{display:flex;align-items:center;gap:10px;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:10px 14px;margin-bottom:12px;transition:all var(--duration) var(--ease)}.lid-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.lid-search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--text);outline:none}.lid-search-input::placeholder{color:var(--text-muted)}.lid-search-clear{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:0 4px}.lid-filter-row{display:flex;gap:8px;margin-bottom:8px;overflow-x:auto}.lid-filter-chip{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration) var(--ease)}.lid-filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.lid-filter-chip:hover:not(.active){border-color:var(--text-muted)}.lid-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.lid-status-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease)}.lid-status-chip:hover:not(.active){border-color:var(--text-muted);transform:translateY(-1px)}.lid-status-chip.active{font-weight:600;color:var(--text)}.lid-status-dot{width:10px;height:10px;border-radius:5px;flex-shrink:0}.lid-question-list{display:flex;flex-direction:column;gap:8px}.lid-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--text-muted);font-size:15px}.lid-learn-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:var(--surface);border:none;border-radius:14px;cursor:pointer;text-align:start;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease)}.lid-learn-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.lid-learn-status{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lid-learn-status-dot{width:12px;height:12px;border-radius:6px}.lid-learn-content{flex:1;min-width:0}.lid-learn-num{font-size:11px;font-weight:600;color:var(--primary);display:block}.lid-learn-text{font-size:14px;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lid-detail-card{background:var(--surface);border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-md)}.lid-detail-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-light);padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;color:var(--primary);margin-bottom:12px}.lid-detail-question{font-size:18px;font-weight:600;color:var(--text);line-height:1.5;margin:0}.lid-detail-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.lid-detail-opt{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;text-align:start;transition:all .2s var(--ease)}.lid-detail-opt:hover:not(.correct):not(.wrong){border-color:var(--primary)}.lid-detail-opt.selected{border-color:var(--primary);background:var(--primary-light)}.lid-detail-opt.correct{border-color:#10b981;background:#f0fdf4}.lid-detail-opt.wrong{border-color:#ef4444;background:#fef2f2}.lid-detail-opt-letter{width:36px;height:36px;border-radius:18px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.lid-detail-opt-letter.selected{background:var(--primary);color:#fff}.lid-detail-opt-letter.correct{background:#10b981;color:#fff}.lid-detail-opt-letter.wrong{background:#ef4444;color:#fff}.lid-detail-opt-text{flex:1;font-size:15px;color:var(--text);line-height:1.45}.lid-practice-feedback{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;font-size:16px;font-weight:700;margin-bottom:16px;animation:conj-card-enter .2s var(--ease) both}.lid-practice-feedback.correct{background:#ecfdf5;color:#059669}.lid-practice-feedback.wrong{background:#fef2f2;color:#dc2626}.lid-explanation{display:flex;align-items:flex-start;gap:10px;background:#fef3c7;padding:14px;border-radius:14px;font-size:14px;color:#92400e;line-height:1.5;margin-bottom:16px}.lid-explanation svg{flex-shrink:0;margin-top:1px}.lid-status-label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.lid-status-btns{display:flex;gap:10px}.lid-status-btn{flex:1;padding:12px 8px;border:2px solid;border-radius:12px;font-size:13px;font-weight:600;background:transparent;cursor:pointer;transition:all .2s var(--ease);text-align:center}.lid-status-btn:hover{transform:translateY(-1px)}.lid-status-btn.active{color:#fff!important}.lid-stats-card-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.lid-stats-sub{font-size:13px;color:var(--text-muted);display:block}:root.dark .lid-ready-card{background:var(--surface)}:root.dark .lid-bl-selector{background:var(--surface)}:root.dark .lid-stat-card{background:var(--surface)}:root.dark .lid-modal{background:var(--surface)}:root.dark .lid-bl-item:hover{background:#ffffff0a}:root.dark .lid-bl-item.active{background:#6366f11a}:root.dark .lid-question-card{background:var(--surface)}:root.dark .lid-option{background:var(--surface)}:root.dark .lid-detail-card{background:var(--surface)}:root.dark .lid-detail-opt{background:var(--surface)}:root.dark .lid-detail-opt.correct{background:#10b9811a}:root.dark .lid-detail-opt.wrong{background:#ef44441a}:root.dark .lid-practice-feedback.correct{background:#10b9811a}:root.dark .lid-practice-feedback.wrong{background:#ef44441a}:root.dark .lid-explanation{background:#f59e0b1a;color:#fbbf24}:root.dark .lid-review-item{background:var(--surface)}:root.dark .lid-learn-item{background:var(--surface)}:root.dark .lid-search-wrap{background:var(--surface)}@media (prefers-reduced-motion: reduce){.lid-practice-feedback,.lid-modal-overlay{animation:none}}.vocab-streak-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--radius-xl);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.vocab-streak-left{display:flex;align-items:center;gap:12px}.vocab-streak-icon{width:48px;height:48px;border-radius:14px;background:var(--border-light);display:flex;align-items:center;justify-content:center;transition:all var(--duration) var(--ease)}.vocab-streak-icon.active{background:#fef3c7}.vocab-streak-num{display:block;font-size:17px;font-weight:700;color:var(--text)}.vocab-streak-label{display:block;font-size:12px;color:var(--text-muted)}.vocab-streak-right{text-align:end}.vocab-daily-label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px;display:block}.vocab-daily-bar{width:70px;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.vocab-daily-fill{height:100%;background:#f59e0b;border-radius:3px;transition:width .5s var(--ease)}.vocab-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.vocab-mode-card{display:flex;flex-direction:column;align-items:center;background:var(--surface);border:none;border-radius:18px;padding:16px 10px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration) var(--ease);position:relative;text-align:center}.vocab-mode-card:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.vocab-mode-card.disabled{opacity:.5;cursor:not-allowed}.vocab-mode-card .conj-mode-icon{margin-bottom:10px}.vocab-mode-title{font-size:14px;font-weight:600;color:var(--text)}.vocab-mode-sub{font-size:11px;color:var(--text-muted);margin-top:2px}@media (max-width: 420px){.vocab-mode-grid{grid-template-columns:1fr 1fr}}.vocab-card-area{align-items:center}.vocab-card{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 28px 28px;text-align:center;animation:conj-card-enter .3s var(--ease) both}.vocab-front,.vocab-write-front{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;justify-content:center;width:100%}.vocab-front-label,.vocab-write-label{font-size:14px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.vocab-front-row{display:flex;align-items:center;gap:12px}.vocab-front-word{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.2}.vocab-audio-btn-small{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--primary-glow);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all var(--duration) var(--ease);flex-shrink:0}.vocab-audio-btn-small:hover:not(:disabled){background:var(--primary);color:#fff}.vocab-audio-btn-small:disabled{opacity:.5;cursor:not-allowed}.vocab-audio-btn{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-glow);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all var(--duration) var(--ease);margin-bottom:16px}.vocab-audio-btn:hover:not(:disabled){background:var(--primary);color:#fff}.vocab-audio-btn:disabled{opacity:.5;cursor:not-allowed}.vocab-write-word{font-size:28px;font-weight:700;color:var(--text);margin-bottom:24px}.vocab-write-input{width:100%;height:52px;border:2px solid var(--border);border-radius:var(--radius-lg);padding:0 18px;font-size:18px;color:var(--text);background:var(--bg);outline:none;transition:all var(--duration) var(--ease);text-align:center}.vocab-write-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:var(--surface)}.vocab-write-hint{font-size:12px;color:var(--text-muted);margin-top:10px}.vocab-back{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;justify-content:center;width:100%}.vocab-feedback-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:conj-card-enter .2s var(--ease) both}.vocab-feedback-icon.correct{background:linear-gradient(135deg,#10b981,#059669)}.vocab-feedback-icon.wrong{background:linear-gradient(135deg,#ef4444,#dc2626)}.vocab-feedback-icon.neutral{background:linear-gradient(135deg,#f59e0b,#d97706)}.vocab-almost-badge{display:inline-block;background:#fef3c7;padding:4px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#f59e0b;margin-bottom:8px}.vocab-answer-label{font-size:13px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.vocab-answer-text{font-size:26px;font-weight:700;color:var(--text);margin-bottom:12px}.vocab-divider{width:40px;height:2px;background:var(--border-light);margin-bottom:12px}.vocab-front-small{font-size:18px;font-weight:600;color:var(--primary)}.vocab-user-input-result{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:12px}.vocab-user-label{font-size:12px;color:var(--text-muted)}.vocab-user-text{font-size:18px;font-weight:600}.vocab-user-text.correct{color:#10b981}.vocab-user-text.wrong{color:#ef4444;text-decoration:line-through}.vocab-example{margin-top:16px;background:var(--bg);padding:14px;border-radius:14px;border-inline-start:3px solid var(--primary);width:100%;text-align:start}.vocab-example-label{display:block;font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.vocab-example-de{display:block;font-size:15px;font-weight:600;color:var(--text);line-height:1.45;margin-bottom:3px}.vocab-example-user{display:block;font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.4}.vocab-rating-row{display:flex;justify-content:center;align-items:center;gap:20px}.vocab-rate-btn{width:60px;height:60px;border-radius:20px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 4px 14px #0000001f}.vocab-rate-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000002e}.vocab-rate-btn:active{transform:translateY(0) scale(.95)}.vocab-rate-btn.bad{background:#ef4444;box-shadow:0 4px 14px #ef44444d}.vocab-rate-btn.ok{background:#f59e0b;width:48px;height:48px;border-radius:16px;box-shadow:0 4px 14px #f59e0b4d}.vocab-rate-btn.good{background:#10b981;box-shadow:0 4px 14px #10b9814d}.vocab-continue-row{display:flex;gap:12px}.vocab-correction-btn{width:52px;height:50px;border-radius:16px;border:none;background:#fee2e2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease)}.vocab-correction-btn:hover{background:#fecaca;transform:translateY(-1px)}:root.dark .vocab-streak-card{background:var(--surface)}:root.dark .vocab-mode-card{background:var(--surface)}:root.dark .vocab-write-input{background:var(--surface);border-color:var(--border)}:root.dark .vocab-almost-badge{background:#f59e0b1f}:root.dark .vocab-example{background:#6366f10f}@media (prefers-reduced-motion: reduce){.vocab-card,.vocab-feedback-icon{animation:none}}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:conj-card-enter .2s var(--ease) both}.paywall-modal{background:var(--surface);border-radius:28px;padding:32px 28px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.paywall-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--primary),#8B5CF6);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.paywall-icon svg{stroke:#fff}.paywall-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 8px}.paywall-text{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.paywall-cta{width:100%;min-height:50px;border-radius:14px;border:none;background:var(--primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #6366f14d;transition:all var(--duration) var(--ease)}.paywall-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.paywall-close{display:block;margin:16px auto 0;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer}.paywall-close:hover{color:var(--text-secondary)}.tier-badge{display:inline-flex;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.3px}.usage-display{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.usage-display.locked{flex-direction:row;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:500}.usage-display.low{border-color:#fca5a5}.usage-bar-bg{height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:3px;transition:width .4s var(--ease)}.usage-text{font-size:12px;font-weight:500;color:var(--text-muted)}:root.dark .paywall-modal{background:var(--surface)}:root.dark .usage-display{background:var(--surface)}@media (prefers-reduced-motion: reduce){.paywall-overlay{animation:none}}.shop-plans-sub{text-align:center;color:var(--text-secondary);font-size:15px;margin:-8px 0 24px}.shop-current-plan{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:14px;background:var(--border-light);color:var(--text-secondary);font-size:14px;max-width:400px;margin:0 auto 24px}.shop-current-plan.active{background:#ecfdf5;color:#059669}:root.dark .shop-current-plan{background:#ffffff0a}:root.dark .shop-current-plan.active{background:#10b9811a}.shop-region-selector{max-width:520px;margin:0 auto 24px;background:var(--surface);border:2px solid #F59E0B;border-radius:16px;padding:20px;position:relative}.shop-region-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#d97706}.shop-region-header-text{font-size:15px;font-weight:700;color:var(--text)}.shop-region-options{display:flex;gap:10px}.shop-region-option{flex:1;display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:12px;border:2px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;transition:all .2s var(--ease)}.shop-region-option:hover{border-color:var(--text-secondary)}.shop-region-option.active{border-color:#f59e0b;background:#fffbeb}.shop-region-option-radio{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--border);margin-top:1px;position:relative;transition:all .2s var(--ease)}.shop-region-option.active .shop-region-option-radio{border-color:#f59e0b;background:#f59e0b}.shop-region-option.active .shop-region-option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.shop-region-option-content{display:flex;flex-direction:column;gap:2px}.shop-region-option-label{font-size:14px;font-weight:700;color:var(--text)}.shop-region-option-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.shop-region-info{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;color:#b45309;line-height:1.4}@media (max-width: 480px){.shop-region-options{flex-direction:column}.shop-region-selector{padding:16px}}.shop-region-confirm{width:100%;max-width:400px;background:var(--surface);border-radius:20px;padding:28px 24px 24px;text-align:center;box-shadow:var(--shadow-xl);animation:modalSlideUp .25s var(--ease)}.shop-region-confirm-icon{width:52px;height:52px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.shop-region-confirm-title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px}.shop-region-confirm-text{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.shop-region-confirm-hint{font-size:13px;font-weight:600;color:#b45309;background:#fef3c7;border-radius:10px;padding:10px 14px;margin-bottom:20px}.shop-region-confirm-actions{display:flex;gap:10px}.shop-region-confirm-cancel{flex:1;padding:12px;border:2px solid var(--border);border-radius:12px;background:transparent;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease)}.shop-region-confirm-cancel:hover{background:var(--border-light)}.shop-region-confirm-yes{flex:1;padding:12px;border:none;border-radius:12px;background:#f59e0b;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s var(--ease)}.shop-region-confirm-yes:hover{background:#d97706}@media (max-width: 480px){.shop-region-confirm{margin:0 12px;padding:24px 20px 20px}}.shop-divider{border:none;border-top:1px solid var(--border);max-width:1000px;margin:8px auto 28px}.shop-section-header{text-align:center;margin-bottom:24px}.shop-section-title{font-size:24px;font-weight:800;color:var(--text);margin:0 0 6px}.shop-section-desc{font-size:15px;color:var(--text-secondary);margin:0}.shop-billing-toggle{display:flex;justify-content:center;gap:4px;background:var(--border-light);border-radius:14px;padding:4px;max-width:360px;margin:0 auto 32px}.shop-billing-btn{flex:1;padding:10px 16px;border:none;border-radius:12px;background:transparent;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);display:flex;align-items:center;justify-content:center;gap:6px}.shop-billing-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.shop-billing-save{font-size:10px;font-weight:700;color:#10b981;background:#ecfdf5;padding:2px 6px;border-radius:6px}.shop-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px;max-width:1000px;margin-left:auto;margin-right:auto}@media (max-width: 900px){.shop-plans-grid{grid-template-columns:1fr;max-width:420px}}.shop-plan-card{background:var(--surface);border-radius:24px;padding:24px;border:2px solid var(--border);position:relative;transition:all .25s var(--ease);display:flex;flex-direction:column}.shop-plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.shop-plan-card.popular{border-color:var(--plan-color, #8B5CF6);box-shadow:0 8px 32px #8b5cf626}.shop-plan-card.current{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.shop-plan-badge{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:8px;font-size:10px;font-weight:700;color:#fff;letter-spacing:.5px;margin-bottom:16px}.shop-plan-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.shop-plan-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-plan-name{font-size:22px;font-weight:700;color:var(--text);margin:0}.shop-plan-sub{font-size:13px;color:var(--text-muted)}.shop-plan-price{text-align:center;margin-bottom:4px}.shop-plan-amount{font-size:28px;font-weight:800}.shop-plan-period{font-size:14px;color:var(--text-muted)}.shop-plan-yearly-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.shop-plan-yearly-note{font-size:12px;color:var(--text-muted)}.shop-plan-saving{font-size:12px;font-weight:700;color:#10b981;background:#ecfdf5;padding:3px 8px;border-radius:6px;white-space:nowrap}:root.dark .shop-plan-saving{background:#10b9811f}.shop-plan-features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-top:16px;border-top:1px solid var(--border-light)}.shop-plan-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.shop-plan-feature-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--plan-color, var(--primary));flex-shrink:0}.shop-plan-highlights{background:var(--bg);border-radius:14px;padding:14px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.shop-plan-highlight{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.shop-plan-highlight svg{color:var(--plan-color, var(--primary));flex-shrink:0}.shop-plan-highlight.locked{color:var(--text-muted);font-weight:500}.shop-plan-highlight.locked svg{color:var(--text-muted)}.shop-plan-cta{width:100%;min-height:50px;border-radius:14px;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:auto;transition:all var(--duration) var(--ease);box-shadow:0 4px 14px #0000001f}.shop-plan-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.shop-plan-cta:disabled{opacity:.6;cursor:not-allowed}.shop-abo-note{text-align:center;font-size:13px;color:var(--text-muted);margin:8px 0 48px;line-height:1.5}:root.dark .shop-plan-card{background:var(--surface);border-color:var(--border)}:root.dark .shop-plan-card.popular{border-color:var(--plan-color);box-shadow:0 8px 32px #8b5cf61a}:root.dark .shop-plan-highlights{background:#ffffff08}:root.dark .shop-region-selector{background:var(--surface);border-color:#b45309}:root.dark .shop-region-option{background:var(--bg);border-color:var(--border)}:root.dark .shop-region-option.active{border-color:#f59e0b;background:#f59e0b14}:root.dark .shop-region-info{color:#fbbf24}:root.dark .shop-region-confirm{background:var(--surface)}:root.dark .shop-region-confirm-icon{background:#f59e0b26}:root.dark .shop-region-confirm-hint{background:#f59e0b1a;color:#fbbf24}:root.dark .shop-billing-toggle{background:var(--border)}:root.dark .shop-billing-btn.active{background:var(--surface)}:root.dark .shop-billing-save{background:#10b9811f}.icon-bg-indigo{background-color:#eef2ff}.icon-bg-yellow{background-color:#fef3c7}.icon-bg-blue{background-color:#dbeafe}.icon-bg-green{background-color:#ecfdf5}.icon-bg-red{background-color:#fee2e2}.icon-bg-purple{background-color:#e0e7ff}:root.dark .icon-bg-indigo{background-color:#6366f126}:root.dark .icon-bg-yellow{background-color:#f59e0b26}:root.dark .icon-bg-blue{background-color:#3b82f626}:root.dark .icon-bg-green{background-color:#10b98126}:root.dark .icon-bg-red{background-color:#ef444426}:root.dark .icon-bg-purple{background-color:#6366f12e}.lesen-page{max-width:600px;margin:0 auto;padding:0 14px 40px}@media (min-width: 480px){.lesen-page{padding:0 20px 40px}}.lesen-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px}.lesen-back-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);cursor:pointer}.lesen-back-btn:hover{background:var(--border-light);transform:translate(-2px)}[dir=rtl] .lesen-back-btn:hover{transform:translate(2px)}.lesen-title{font-size:18px;font-weight:700;color:var(--text);flex:1;text-align:center;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesen-guest-banner{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.15);background:var(--primary-light);margin-bottom:20px;text-align:start;transition:all var(--duration) var(--ease);cursor:pointer}.lesen-guest-banner:hover{border-color:var(--primary);box-shadow:0 2px 12px #6366f11a}.lesen-guest-icon-wrap{width:36px;height:36px;border-radius:10px;background:#6366f11f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesen-guest-text{flex:1;display:flex;flex-direction:column}.lesen-guest-title{font-size:14px;font-weight:600;color:var(--primary-dark)}.lesen-guest-sub{font-size:12px;color:var(--primary);margin-top:1px}.lesen-section-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.lesen-level-row{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lesen-level-row::-webkit-scrollbar{display:none}.lesen-level-chip{padding:8px 18px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:14px;font-weight:600;white-space:nowrap;transition:all var(--duration) var(--ease);cursor:pointer}.lesen-level-chip:hover:not(.active){border-color:var(--text-muted);background:var(--border-light)}.lesen-level-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.lesen-status-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lesen-status-row::-webkit-scrollbar{display:none}.lesen-status-chip{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap;transition:all var(--duration) var(--ease);cursor:pointer}.lesen-status-chip:hover:not(.active){border-color:var(--text-muted)}.lesen-status-chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.lesen-status-chip.active.status-bestanden{background:var(--success-light);border-color:var(--success);color:var(--success)}.lesen-status-chip.active.status-nicht_bestanden{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.lesen-status-count{background:var(--border-light);padding:1px 6px;border-radius:6px;font-size:11px;font-weight:700;min-width:20px;text-align:center}.lesen-status-chip.active .lesen-status-count{background:#6366f126}.lesen-status-chip.active.status-bestanden .lesen-status-count{background:#10b98126}.lesen-status-chip.active.status-nicht_bestanden .lesen-status-count{background:#f59e0b26}.lesen-progress-card{display:flex;background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.lesen-progress-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.lesen-progress-value{font-size:24px;font-weight:700}.lesen-progress-label{font-size:12px;color:var(--text-muted)}.lesen-progress-divider{width:1px;background:var(--border);margin:0 8px}.lesen-info-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:var(--radius-md);background:var(--a1-light);margin-bottom:20px}.lesen-info-card svg{flex-shrink:0;margin-top:1px}.lesen-info-text{font-size:13px;color:var(--a1-dark);line-height:1.5}.lesen-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted);font-size:15px}.lesen-texts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 400px){.lesen-texts-grid{grid-template-columns:1fr}}.lesen-text-card{background:var(--surface);border-radius:18px;padding:16px;border:none;text-align:start;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);cursor:pointer;position:relative;display:flex;flex-direction:column}.lesen-text-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lesen-text-card.passed{border:2px solid var(--success);background:var(--success-light)}.lesen-text-card.failed{border:2px solid var(--warning);background:var(--warning-light)}.lesen-text-badge{position:absolute;top:10px;right:10px;border-radius:8px;padding:3px;display:flex;align-items:center;justify-content:center}.lesen-text-badge.passed{background:#10b98126}.lesen-text-badge.failed{background:#f59e0b26}.lesen-text-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.lesen-text-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesen-text-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesen-text-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.lesen-text-level{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.02em}.lesen-text-score{font-size:12px;font-weight:700}.lesen-text-score.passed{color:var(--success)}.lesen-text-score.failed{color:var(--warning)}.lesen-text-duration{font-size:11px;color:var(--text-muted)}.lesen-login-hint{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-top:20px;border:none;background:transparent;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer}.lesen-login-hint:hover{text-decoration:underline}.lesen-level-badge-lg{padding:5px 12px;border-radius:10px;font-size:12px;font-weight:700}.lesen-limit-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--a1-light);color:var(--a1-dark);font-size:13px;font-weight:600;margin-bottom:16px}.lesen-limit-banner.lifetime{background:var(--warning-light);color:#92400e}.lesen-limit-banner svg{flex-shrink:0}.lesen-reading-card{background:var(--surface);border-radius:20px;padding:20px;box-shadow:var(--shadow-md);margin-bottom:16px}.lesen-reading-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.lesen-reading-label{font-size:14px;font-weight:600;color:var(--a1)}.lesen-tip-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:var(--radius-md);background:var(--warning-light);margin-bottom:20px}.lesen-tip-card svg{flex-shrink:0;margin-top:1px}.lesen-tip-text{font-size:13px;color:#92400e;line-height:1.5}.lesen-continue-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border:none;border-radius:var(--radius-lg);background:var(--a1);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 2px 12px #3b82f640}.lesen-continue-btn:hover:not(.disabled){background:var(--a1-dark);box-shadow:0 4px 16px #3b82f659}.lesen-continue-btn.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.lesen-question-counter{background:var(--a1-light);color:var(--a1);padding:5px 12px;border-radius:10px;font-size:12px;font-weight:700}.lesen-question-card{background:var(--surface);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.lesen-question-number{font-size:12px;font-weight:600;color:var(--a1);margin-bottom:8px;display:block}.lesen-question-text{font-size:16px;font-weight:600;color:var(--text);line-height:1.5;margin:0 0 16px}.lesen-options{display:flex;flex-direction:column;gap:10px}.lesen-option{display:flex;align-items:center;padding:12px 14px;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg);cursor:pointer;transition:all var(--duration) var(--ease);text-align:start}.lesen-option:hover:not(.selected){border-color:var(--text-muted)}.lesen-option.selected{border-color:var(--a1);background:var(--a1-light)}.lesen-option-circle{width:30px;height:30px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-secondary);margin-right:12px;flex-shrink:0;transition:all var(--duration) var(--ease)}.lesen-option-circle.selected{background:var(--a1);color:#fff}.lesen-option-text{font-size:14px;color:var(--text);line-height:1.4}.lesen-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border:none;border-radius:var(--radius-lg);background:var(--success);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 2px 12px #10b98140}.lesen-submit-btn:hover:not(.disabled){background:#059669;box-shadow:0 4px 16px #10b98159}.lesen-submit-btn.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.lesen-score-card{border-radius:24px;padding:32px;text-align:center;margin-bottom:24px;color:#fff}.lesen-score-label{font-size:14px;opacity:.85;display:block;margin-bottom:8px}.lesen-score-value{font-size:56px;font-weight:800;line-height:1;display:block;letter-spacing:-.03em}.lesen-score-detail{font-size:15px;opacity:.9;margin-top:8px;display:block}.lesen-result-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 16px;border-radius:20px;margin-top:16px;font-size:14px;font-weight:600}.lesen-upgrade-banner{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border-radius:var(--radius-md);border:none;background:var(--warning);color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;text-align:start;transition:all var(--duration) var(--ease)}.lesen-upgrade-banner:hover{background:#d97706}.lesen-upgrade-banner span{flex:1}.lesen-review-card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;border-left:4px solid transparent}.lesen-review-card.correct{border-left-color:var(--success)}.lesen-review-card.wrong{border-left-color:var(--danger)}.lesen-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lesen-review-number{font-size:12px;font-weight:600;color:var(--text-muted)}.lesen-review-question{font-size:15px;font-weight:500;color:var(--text);margin:0 0 12px;line-height:1.4}.lesen-review-answers{display:flex;flex-direction:column;gap:4px}.lesen-review-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-top:8px}.lesen-review-answer{font-size:14px;color:var(--text);font-weight:500}.lesen-review-answer.wrong{color:var(--danger)}.lesen-review-answer.correct{color:var(--success)}.lesen-explanation{display:flex;align-items:flex-start;gap:8px;background:var(--warning-light);padding:10px 12px;border-radius:var(--radius-sm);margin-top:12px;font-size:13px;color:#92400e;line-height:1.4}.lesen-explanation svg{flex-shrink:0;margin-top:2px}.lesen-retry-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--a1),var(--a1-dark));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);margin-top:8px;box-shadow:0 2px 12px #3b82f640}.lesen-retry-btn:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}.tappable-text{position:relative}.tappable-text-line{font-size:16px;color:var(--text);line-height:1.8;margin:0 0 6px}.tappable-text-line:last-child{margin-bottom:0}.tappable-word{transition:all .12s var(--ease);border-radius:3px;padding:0 1px;cursor:default}.tappable-word.has-translation{cursor:pointer;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:#6366f14d;text-underline-offset:3px;text-decoration-thickness:1.5px}.tappable-word.has-translation:hover{background:#6366f112;text-decoration-color:#6366f199}.tappable-word.has-translation.active{background:#6366f11f;text-decoration-color:var(--primary);border-radius:4px}.tappable-word.is-loading{color:var(--text-muted)}.tappable-hint{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;color:var(--text-muted)}.tappable-hint.loading{color:var(--primary)}.tappable-hint svg{flex-shrink:0}.tt-bubble{position:absolute;z-index:50;background:var(--surface);border-radius:12px;padding:10px 12px;box-shadow:0 2px 8px #00000014,0 8px 24px #0000001a;animation:tt-pop .2s var(--ease-spring) both;pointer-events:auto}@keyframes tt-pop{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.tt-bubble.arrow-bottom{animation-name:tt-pop-up}@keyframes tt-pop-up{0%{opacity:0;transform:scale(.95) translateY(calc(-100% - 4px))}to{opacity:1;transform:scale(1) translateY(-100%)}}.tt-bubble-arrow{position:absolute;left:var(--arrow-x, 50%);width:14px;height:14px;pointer-events:none;overflow:hidden;transform:translate(-50%)}.tt-bubble-arrow:after{content:"";position:absolute;width:10px;height:10px;background:var(--surface);box-shadow:0 1px 4px #00000014;transform:rotate(45deg)}.arrow-top .tt-bubble-arrow{top:-7px}.arrow-top .tt-bubble-arrow:after{bottom:-2px;left:2px}.arrow-bottom .tt-bubble-arrow{bottom:-7px}.arrow-bottom .tt-bubble-arrow:after{top:-2px;left:2px}.tt-bubble-row1{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;flex-wrap:wrap}.tt-bubble-lemma{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}.tt-bubble-diff{font-size:10px;font-weight:700;letter-spacing:.02em}.tt-bubble-gender{font-size:12px;color:var(--text-muted)}.tt-bubble-pos{font-size:11px;color:var(--text-muted);margin-left:auto}.tt-bubble-trans{font-size:15px;font-weight:600;color:var(--primary-dark);line-height:1.3;padding:6px 8px;background:var(--primary-light);border-radius:var(--radius-sm)}.tt-bubble-trans.rtl{direction:rtl;text-align:right}.tt-bubble-note{margin-top:6px;font-size:11px;color:var(--text-secondary);line-height:1.4;font-style:italic;padding-left:1px}:root.dark .lesen-text-card{background:var(--surface)}:root.dark .lesen-text-card.passed{background:#10b98114}:root.dark .lesen-text-card.failed{background:#f59e0b14}:root.dark .lesen-reading-card{background:var(--surface)}:root.dark .lesen-question-card{background:var(--surface)}:root.dark .lesen-review-card{background:var(--surface)}:root.dark .lesen-progress-card{background:var(--surface)}:root.dark .tt-bubble{background:var(--surface)}:root.dark .tt-bubble-arrow:after{background:var(--surface)}.hoeren-page{max-width:600px;margin:0 auto;padding:0 14px 40px}@media (min-width: 480px){.hoeren-page{padding:0 20px 40px}}.hoeren-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px}.hoeren-back-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);cursor:pointer}.hoeren-back-btn:hover{background:var(--border-light);transform:translate(-2px)}[dir=rtl] .hoeren-back-btn:hover{transform:translate(2px)}.hoeren-title{font-size:18px;font-weight:700;color:var(--text);flex:1;text-align:center;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoeren-section-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.hoeren-status-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hoeren-status-row::-webkit-scrollbar{display:none}.hoeren-status-chip{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap;transition:all var(--duration) var(--ease);cursor:pointer}.hoeren-status-chip:hover:not(.active){border-color:var(--text-muted)}.hoeren-status-chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.hoeren-status-chip.active.status-bestanden{background:var(--success-light);border-color:var(--success);color:var(--success)}.hoeren-status-chip.active.status-nicht_bestanden{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.hoeren-status-count{background:var(--border-light);padding:1px 6px;border-radius:6px;font-size:11px;font-weight:700;min-width:20px;text-align:center}.hoeren-status-chip.active .hoeren-status-count{background:#6366f126}.hoeren-status-chip.active.status-bestanden .hoeren-status-count{background:#10b98126}.hoeren-status-chip.active.status-nicht_bestanden .hoeren-status-count{background:#f59e0b26}.hoeren-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted);font-size:15px}.hoeren-texts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 400px){.hoeren-texts-grid{grid-template-columns:1fr}}.hoeren-text-card{background:var(--surface);border-radius:18px;padding:16px;border:none;text-align:start;box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease);cursor:pointer;position:relative;display:flex;flex-direction:column}.hoeren-text-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hoeren-text-card.passed{border:2px solid var(--success);background:var(--success-light)}.hoeren-text-card.failed{border:2px solid var(--warning);background:var(--warning-light)}.hoeren-text-badge{position:absolute;top:10px;right:10px;border-radius:8px;padding:3px;display:flex;align-items:center;justify-content:center}[dir=rtl] .hoeren-text-badge{right:auto;left:10px}.hoeren-text-badge.passed{background:#10b98126}.hoeren-text-badge.failed{background:#f59e0b26}.hoeren-text-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.hoeren-text-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hoeren-text-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hoeren-text-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.hoeren-text-level{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.02em}.hoeren-text-score{font-size:12px;font-weight:700}.hoeren-text-score.passed{color:var(--success)}.hoeren-text-score.failed{color:var(--warning)}.hoeren-text-duration{font-size:11px;color:var(--text-muted)}.hoeren-level-badge-lg{padding:5px 12px;border-radius:10px;font-size:12px;font-weight:700}.hoeren-limit-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary-dark);font-size:13px;font-weight:600;margin-bottom:16px}.hoeren-limit-banner.lifetime{background:var(--warning-light);color:#92400e}.hoeren-limit-banner svg{flex-shrink:0}.hoeren-usage-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:500;margin-bottom:16px}.hoeren-usage-tag{font-size:9px;font-weight:700;color:var(--text-muted);background:var(--border-light);padding:1px 5px;border-radius:4px;margin-left:4px}.hoeren-player-card{background:var(--surface);border-radius:24px;padding:24px;box-shadow:var(--shadow-md);margin-bottom:16px;min-height:260px;display:flex;flex-direction:column;justify-content:center}.hoeren-player-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0;gap:4px}.hoeren-loading-text{font-size:15px;font-weight:600;color:var(--text);margin-top:16px}.hoeren-loading-sub{font-size:13px;color:var(--text-muted)}.hoeren-player-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:8px}.hoeren-player-error-text{font-size:14px;color:var(--text-secondary);text-align:center;max-width:280px}.hoeren-retry-small{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;margin-top:8px;transition:all var(--duration) var(--ease)}.hoeren-retry-small:hover{background:var(--primary-light)}.hoeren-waveform{display:flex;align-items:center;justify-content:center;padding:28px 0;background:var(--bg);border-radius:var(--radius-lg);margin-bottom:20px}.hoeren-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.hoeren-time{font-size:12px;color:var(--text-muted);font-weight:500;min-width:36px;font-variant-numeric:tabular-nums}.hoeren-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--border);outline:none;transition:background var(--duration) var(--ease)}.hoeren-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 1px 4px #6366f14d;transition:transform var(--duration) var(--ease)}.hoeren-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.hoeren-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 1px 4px #6366f14d}.hoeren-controls{display:flex;align-items:center;justify-content:center;gap:28px}.hoeren-skip-btn{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color var(--duration) var(--ease)}.hoeren-skip-btn:hover{color:var(--text)}.hoeren-skip-label{font-size:10px;font-weight:600}.hoeren-play-btn{width:60px;height:60px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #6366f159;transition:all var(--duration) var(--ease)}.hoeren-play-btn:hover{background:var(--primary-dark);box-shadow:0 6px 20px #6366f173;transform:scale(1.05)}.hoeren-speed-btn{display:flex;align-items:center;gap:6px;align-self:center;padding:8px 16px;border-radius:20px;border:none;background:var(--primary-light);color:var(--primary);font-size:14px;font-weight:600;cursor:pointer;margin-top:20px;transition:all var(--duration) var(--ease)}.hoeren-speed-btn:hover{background:#6366f126}.hoeren-tip-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:var(--radius-md);background:var(--warning-light);margin-bottom:20px}.hoeren-tip-card svg{flex-shrink:0;margin-top:1px}.hoeren-tip-text{font-size:13px;color:#92400e;line-height:1.5}.hoeren-continue-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border:none;border-radius:var(--radius-lg);background:var(--primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 2px 12px #6366f140}.hoeren-continue-btn:hover:not(.disabled){background:var(--primary-dark);box-shadow:0 4px 16px #6366f159}.hoeren-continue-btn.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.hoeren-question-counter{background:var(--primary-light);color:var(--primary);padding:5px 12px;border-radius:10px;font-size:12px;font-weight:700}.hoeren-question-card{background:var(--surface);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.hoeren-question-number{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:8px;display:block}.hoeren-question-text{font-size:16px;font-weight:600;color:var(--text);line-height:1.5;margin:0 0 16px}.hoeren-options{display:flex;flex-direction:column;gap:10px}.hoeren-option{display:flex;align-items:center;padding:12px 14px;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg);cursor:pointer;transition:all var(--duration) var(--ease);text-align:start}.hoeren-option:hover:not(.selected){border-color:var(--text-muted)}.hoeren-option.selected{border-color:var(--primary);background:var(--primary-light)}.hoeren-option-circle{width:30px;height:30px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-secondary);margin-right:12px;flex-shrink:0;transition:all var(--duration) var(--ease)}[dir=rtl] .hoeren-option-circle{margin-right:0;margin-left:12px}.hoeren-option-circle.selected{background:var(--primary);color:#fff}.hoeren-option-text{font-size:14px;color:var(--text);line-height:1.4}.hoeren-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border:none;border-radius:var(--radius-lg);background:var(--success);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 2px 12px #10b98140}.hoeren-submit-btn:hover:not(.disabled){background:#059669;box-shadow:0 4px 16px #10b98159}.hoeren-submit-btn.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.hoeren-score-card{border-radius:24px;padding:32px;text-align:center;margin-bottom:24px;color:#fff}.hoeren-score-label{font-size:14px;opacity:.85;display:block;margin-bottom:8px}.hoeren-score-value{font-size:56px;font-weight:800;line-height:1;display:block;letter-spacing:-.03em}.hoeren-score-detail{font-size:15px;opacity:.9;margin-top:8px;display:block}.hoeren-result-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 16px;border-radius:20px;margin-top:16px;font-size:14px;font-weight:600}.hoeren-upgrade-banner{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border-radius:var(--radius-md);border:none;background:var(--warning);color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;text-align:start;transition:all var(--duration) var(--ease)}.hoeren-upgrade-banner:hover{background:#d97706}.hoeren-upgrade-banner span{flex:1}.hoeren-review-card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;border-left:4px solid transparent}[dir=rtl] .hoeren-review-card{border-left:none;border-right:4px solid transparent}.hoeren-review-card.correct{border-left-color:var(--success)}.hoeren-review-card.wrong{border-left-color:var(--danger)}[dir=rtl] .hoeren-review-card.correct{border-right-color:var(--success)}[dir=rtl] .hoeren-review-card.wrong{border-right-color:var(--danger)}.hoeren-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hoeren-review-number{font-size:12px;font-weight:600;color:var(--text-muted)}.hoeren-review-question{font-size:15px;font-weight:500;color:var(--text);margin:0 0 12px;line-height:1.4}.hoeren-review-answers{display:flex;flex-direction:column;gap:4px}.hoeren-review-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-top:8px}.hoeren-review-answer{font-size:14px;color:var(--text);font-weight:500}.hoeren-review-answer.wrong{color:var(--danger)}.hoeren-review-answer.correct{color:var(--success)}.hoeren-explanation{display:flex;align-items:flex-start;gap:8px;background:var(--warning-light);padding:10px 12px;border-radius:var(--radius-sm);margin-top:12px;font-size:13px;color:#92400e;line-height:1.4}.hoeren-explanation svg{flex-shrink:0;margin-top:2px}.hoeren-retry-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);margin-top:8px;box-shadow:0 2px 12px #6366f140}.hoeren-retry-btn:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}:root.dark .hoeren-text-card{background:var(--surface)}:root.dark .hoeren-text-card.passed{background:#10b98114}:root.dark .hoeren-text-card.failed{background:#f59e0b14}:root.dark .hoeren-player-card{background:var(--surface)}:root.dark .hoeren-question-card{background:var(--surface)}:root.dark .hoeren-review-card{background:var(--surface)}:root.dark .hoeren-tip-card{background:#f59e0b1a}:root.dark .hoeren-tip-text{color:#fbbf24}:root.dark .hoeren-explanation{background:#f59e0b1a;color:#fbbf24}.brief-page{max-width:600px;margin:0 auto;padding:20px 20px 100px;min-height:100dvh}@media (max-width: 480px){.brief-page{padding:14px 14px 100px}}.brief-header{display:flex;align-items:center;gap:12px;padding:20px 0 16px}.brief-back-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);color:var(--text);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.brief-back-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.brief-title{flex:1;font-size:18px;font-weight:700;color:var(--text);text-align:center}.brief-header-spacer{width:40px}.brief-section-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.brief-level-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.brief-level-row::-webkit-scrollbar{display:none}.brief-level-chip{padding:7px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--duration) var(--ease)}.brief-level-chip.active{color:#fff;border-color:transparent}.brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}@media (max-width: 400px){.brief-grid{grid-template-columns:1fr}}.brief-card{background:var(--surface);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm);cursor:pointer;border:none;text-align:start;position:relative;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.brief-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.brief-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.brief-card-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.brief-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brief-card-level{position:absolute;top:12px;right:12px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.02em}.brief-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px;text-align:center;gap:8px}.brief-task-card{display:flex;align-items:center;gap:12px;background:var(--warning-light);padding:16px;border-radius:16px;margin-bottom:16px}.brief-task-icon{width:44px;height:44px;border-radius:12px;background:#fde68a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brief-task-label{font-size:12px;font-weight:600;color:#b45309;margin-bottom:2px}.brief-task-text{font-size:14px;color:#92400e;line-height:1.4}.brief-char-bar{display:flex;align-items:center;gap:8px;background:var(--primary-light);padding:10px 14px;border-radius:12px;margin-bottom:12px}.brief-char-bar.error{background:var(--danger-light);border:1px solid #FECACA}.brief-char-text{flex:1;font-size:13px;font-weight:500;color:var(--primary-dark)}.brief-char-bar.error .brief-char-text{color:var(--danger)}.brief-upgrade-link{background:var(--primary);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;white-space:nowrap}.brief-input-card{background:var(--surface);border-radius:20px;min-height:220px;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}.brief-input-card.error{border:2px solid var(--danger)}.brief-textarea{width:100%;min-height:220px;padding:18px;font-size:16px;line-height:1.5;color:var(--text);background:transparent;border:none;outline:none;resize:vertical;font-family:var(--font)}.brief-textarea::placeholder{color:var(--text-muted)}.brief-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed var(--border);border-radius:16px;margin:0 0 16px;cursor:pointer;transition:all var(--duration) var(--ease);background:var(--bg);gap:8px;position:relative}.brief-upload-zone:hover,.brief-upload-zone.dragover{border-color:var(--primary);background:var(--primary-light)}.brief-upload-zone.disabled{cursor:not-allowed;opacity:.6}.brief-upload-zone.disabled:hover{border-color:var(--border);background:var(--bg)}.brief-upload-text{font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.4}.brief-upload-hint{font-size:11px;color:var(--text-muted)}.brief-premium-tag{background:#8b5cf6;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;position:absolute;top:8px;right:8px}.brief-image-preview{display:flex;flex-direction:column;align-items:center;padding:20px;gap:12px}.brief-preview-img{max-width:200px;max-height:260px;border-radius:12px;object-fit:contain}.brief-delete-img{display:flex;align-items:center;gap:6px;background:var(--danger);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;border:none;cursor:pointer}.brief-action-row{display:flex;gap:12px}.brief-submit-btn{flex:1;height:48px;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d;transition:all var(--duration) var(--ease)}.brief-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.brief-submit-btn:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed}.brief-limit-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--primary-dark);background:var(--primary-light);margin-bottom:16px}.brief-limit-banner.lifetime{background:var(--warning-light);color:#92400e}.brief-score-card{padding:24px;border-radius:var(--radius-xl);text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.brief-score-label{font-size:13px;font-weight:500;opacity:.85}.brief-score-value{font-size:36px;font-weight:800}.brief-score-detail{font-size:13px;opacity:.75}.brief-detail-card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.brief-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.brief-detail-title{font-size:14px;font-weight:600;color:var(--text)}.brief-detail-score{font-size:14px;font-weight:700;color:var(--primary)}.brief-detail-feedback{font-size:13px;color:var(--text-secondary);line-height:1.5}.brief-corrected-card{background:var(--success-light);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;border-left:4px solid var(--success)}.brief-corrected-label{font-size:12px;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.brief-corrected-text{font-size:14px;color:var(--text);line-height:1.6;white-space:pre-wrap}.brief-list-card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.brief-list-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}.brief-list-item{font-size:13px;color:var(--text-secondary);line-height:1.5;padding:6px 0 6px 16px;position:relative}.brief-list-item:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.brief-ocr-card{background:var(--bg);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.brief-ocr-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.brief-ocr-text{font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.5;white-space:pre-wrap}.brief-upgrade-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),#8B5CF6);color:#fff;border:none;cursor:pointer;width:100%;margin-bottom:16px;font-size:13px;font-weight:600;transition:transform var(--duration) var(--ease)}.brief-upgrade-banner:hover{transform:translateY(-1px)}.brief-retry-btn{height:48px;width:100%;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d;transition:all var(--duration) var(--ease)}.brief-retry-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}:root.dark .brief-card{background:var(--surface)}:root.dark .brief-input-card{background:var(--surface)}:root.dark .brief-detail-card{background:var(--surface)}:root.dark .brief-list-card{background:var(--surface)}:root.dark .brief-task-card{background:#f59e0b1a}:root.dark .brief-task-label{color:#fbbf24}:root.dark .brief-task-text{color:#fde68a}:root.dark .brief-corrected-card{background:#10b98114}:root.dark .brief-corrected-label{color:#34d399}:root.dark .brief-ocr-card{background:#ffffff0d}:root.dark .brief-limit-banner.lifetime{background:#f59e0b1a;color:#fbbf24}:root.dark .brief-upload-zone{background:#ffffff08;border-color:var(--border)}:root.dark .brief-upload-zone:hover,:root.dark .brief-upload-zone.dragover{background:#6366f114;border-color:var(--primary)}:root.dark .brief-char-bar{background:#6366f11a}:root.dark .brief-char-bar.error{background:#ef44441a;border-color:#ef44444d}:root.dark .brief-task-icon{background:#fde68a33}[dir=rtl] .brief-card-level{right:auto;left:12px}[dir=rtl] .brief-corrected-card{border-left:none;border-right:4px solid var(--success)}[dir=rtl] .brief-list-item{padding-left:0;padding-right:16px}[dir=rtl] .brief-list-item:before{left:auto;right:0}[dir=rtl] .brief-premium-tag{right:auto;left:8px}[dir=rtl] .brief-card{text-align:start}.brief-input-card:focus-within{border:2px solid var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}:root.dark .hoeren-limit-banner.lifetime{background:#f59e0b1a;color:#fbbf24}:root.dark .tt-bubble-trans{background:#6366f11f}