@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:optional;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:optional;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:optional;src:url(/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:optional;src:url(/fonts/inter-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:optional;src:url(/fonts/inter-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:optional;src:url(/fonts/inter-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:optional;src:url(/fonts/inter-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*: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;--font-display: "DM Serif Display", Georgia, "Times New Roman", 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;min-height:48px;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%)}[dir=rtl] .app-header,[dir=rtl] .app-nav,[dir=rtl] .bottom-tabs{flex-direction:row-reverse}[dir=rtl] .lang-dropdown{right:auto;left:0}.home{padding-bottom:80px;contain:layout style}.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-family:var(--font-display);font-size:32px;font-weight:400;color:var(--text);margin:2px 0 0;letter-spacing:-.02em}.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-family:var(--font-display);font-size:30px;font-weight:400;color:var(--text);letter-spacing:-.02em}.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-family:var(--font-display);font-size:22px;font-weight:400;color:var(--text);margin:4px 0 16px;letter-spacing:-.01em}.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);grid-auto-rows:minmax(120px,auto);gap:12px;margin-bottom:28px;contain:layout style}@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{transform:translateY(-3px);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:26px}.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}}@keyframes homeFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-animate-in{animation:homeFadeInUp .5s var(--ease) both;animation-delay:var(--delay, 0ms)}.home-stagger>*{animation:homeFadeInUp .45s var(--ease) both}.home-stagger>*:nth-child(1){animation-delay:0ms}.home-stagger>*:nth-child(2){animation-delay:50ms}.home-stagger>*:nth-child(3){animation-delay:.1s}.home-stagger>*:nth-child(4){animation-delay:.15s}.home-stagger>*:nth-child(5){animation-delay:.2s}.home-stagger>*:nth-child(6){animation-delay:.25s}.home-stagger>*:nth-child(7){animation-delay:.3s}.home-stagger>*:nth-child(8){animation-delay:.35s}.home-stagger>*:nth-child(9){animation-delay:.4s}.home-stagger>*:nth-child(10){animation-delay:.45s}.home-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.home-reveal.home-visible{opacity:1;transform:translateY(0)}.home-feature-card.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.home-animate-in,.home-stagger>*{animation:none!important;opacity:1!important;transform:none!important}.home-reveal{opacity:1!important;transform:none!important;transition:none!important}}.page-animate-in{animation:homeFadeInUp .5s var(--ease) both;animation-delay:var(--delay, 0ms)}.page-stagger>*{animation:homeFadeInUp .45s var(--ease) both}.page-stagger>*:nth-child(1){animation-delay:0ms}.page-stagger>*:nth-child(2){animation-delay:60ms}.page-stagger>*:nth-child(3){animation-delay:.12s}.page-stagger>*:nth-child(4){animation-delay:.18s}.page-stagger>*:nth-child(5){animation-delay:.24s}.page-stagger>*:nth-child(6){animation-delay:.3s}.page-stagger>*:nth-child(7){animation-delay:.36s}.page-stagger>*:nth-child(8){animation-delay:.42s}.page-stagger>*:nth-child(9){animation-delay:.48s}.page-stagger>*:nth-child(10){animation-delay:.54s}@media (prefers-reduced-motion: reduce){.page-animate-in,.page-stagger>*{animation:none!important;opacity:1!important;transform:none!important}}.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-delete-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-top:10px;background:transparent;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--duration) var(--ease)}.profile-delete-btn:hover{color:var(--danger);background:var(--danger-light)}.profile-delete-btn:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-modal{text-align:center}.delete-confirm-icon{margin:0 auto 16px}.delete-confirm-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.delete-confirm-text{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.delete-confirm-instruction{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.delete-confirm-email{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;font-family:monospace}.delete-confirm-input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-family:monospace;margin-bottom:16px;outline:none;transition:border-color var(--duration) var(--ease)}.delete-confirm-input:focus{border-color:#ef4444}.delete-confirm-actions{display:flex;gap:10px}.delete-confirm-cancel{flex:1;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.delete-confirm-execute{flex:1;padding:12px;border-radius:var(--radius-md);border:none;background:#ef4444;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.delete-confirm-execute:disabled{opacity:.4;cursor:not-allowed}.delete-confirm-execute:not(:disabled):hover{background:#dc2626}.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:min(360px,calc(100vh - 80px));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}.terms-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-top:4px}.terms-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.terms-checkbox-text{font-size:13px;line-height:1.5;color:var(--text-secondary)}.terms-checkbox-text a{color:var(--primary);text-decoration:underline;font-weight:500}.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-family:var(--font-display);font-size:28px;font-weight:400;color:var(--text);letter-spacing:-.01em}.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{transform:translateY(-4px);box-shadow:0 8px 28px #00000014,0 2px 8px #0000000a;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-family:var(--font-display);font-size:28px;font-weight:400;color:var(--text);letter-spacing:-.01em;margin-bottom:8px}.module-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.lessons-section-title{font-family:var(--font-display);font-size:20px;font-weight:400;margin-bottom:16px;color:var(--text);letter-spacing:-.01em}.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{transform:translateY(-2px);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}.checkout-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:40px 20px}.checkout-success-icon{font-size:48px;margin-bottom:20px;color:var(--primary)}.checkout-success-title{font-size:24px;font-weight:700;color:var(--text);margin-bottom:8px}.checkout-success-desc{color:var(--text-muted);font-size:15px;max-width:400px;margin-bottom:32px;line-height:1.6}.checkout-success-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 2px 8px #6366f14d}.checkout-success-btn:hover{background:var(--primary-dark);box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.checkout-success-btn-secondary{display:block;margin:var(--space-3) auto 0;background:none;border:none;font-size:14px;font-family:inherit;color:var(--text-muted);cursor:pointer;padding:var(--space-2);transition:color var(--duration) var(--ease)}.checkout-success-btn-secondary:hover{color:var(--text)}.cs-cross-sell{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-light);width:100%;max-width:600px;text-align:center}.cs-cross-sell-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.cs-cross-sell-desc{font-size:14px;color:var(--text-muted);margin-bottom:20px}.cs-cross-sell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.cs-cross-sell-card{display:flex;flex-direction:column;align-items:center;padding:12px;border:1.5px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .2s,box-shadow .2s,transform .15s}.cs-cross-sell-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #6366f11f;transform:translateY(-2px)}.cs-cross-sell-img{width:64px;height:64px;object-fit:cover;border-radius:8px;margin-bottom:8px}.cs-cross-sell-info{display:flex;flex-direction:column;align-items:center;gap:2px}.cs-cross-sell-name{font-size:13px;font-weight:600;text-align:center;line-height:1.3}.cs-cross-sell-price{font-size:13px;color:var(--text-muted);font-feature-settings:"tnum"}.cs-cross-sell-save{font-size:10px;font-weight:700;color:#10b981;background:#10b98114;padding:2px 8px;border-radius:100px;letter-spacing:.02em}.cs-plans-link{display:inline-block;font-size:14px;color:var(--primary);font-weight:500;text-decoration:none;padding:8px;transition:opacity .15s}.cs-plans-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 520px){.cs-cross-sell-grid{grid-template-columns:repeat(2,1fr)}}:root.dark .cs-cross-sell-card{border-color:#ffffff1a}:root.dark .cs-cross-sell-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #6366f126}.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}a.shop-card{display:block;text-decoration:none;color:inherit}.shop-card{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.shop-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000014,0 2px 8px #0000000a;border-color:#6366f133}.shop-card-bundle{border:2px solid var(--primary);position:relative;background:linear-gradient(to bottom,var(--primary-light),var(--surface))}.shop-card-bundle:hover{border-color:var(--primary);box-shadow:0 8px 28px #6366f12e}.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:hover .shop-card-image img{transform:scale(1.03)}.shop-card-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--border-light),var(--bg));color:var(--text-muted)}.shop-card-image-fallback svg{opacity:.4}.shop-card-image-fallback span{font-size:12px;font-weight:600;text-align:center;padding:0 12px}.shop-card-image--error img{display:none!important}.shop-card-image--error .shop-card-image-fallback{display:flex}.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-family:var(--font-display);font-size:26px;font-weight:400;color:var(--text);margin-bottom:12px;letter-spacing:-.02em}.shop-card-price-old{font-size:14px;font-weight:500;color:var(--text-muted);text-decoration:line-through;margin-inline-start:8px}.shop-card-body>.shop-card-price-ref{display:block;font-size:11px;color:var(--text-muted);margin-top:-2px}.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;text-align:center;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);letter-spacing:.01em}.shop-buy-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.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)}}.shop-tabs{display:flex;gap:4px;background:var(--border-light);border-radius:var(--radius-md);padding:4px;margin-bottom:24px}.shop-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;position:relative}.shop-tab:hover:not(.disabled){color:var(--text);background:#ffffff80}.shop-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.shop-tab.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.shop-tab-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--warning-light);color:var(--warning);padding:2px 6px;border-radius:10px}.shop-tab svg{flex-shrink:0}@media (max-width: 480px){.shop-tab{font-size:13px;padding:9px 8px;gap:4px}.shop-tab svg{width:16px;height:16px}}:root.dark .shop-tabs{background:#ffffff0a}:root.dark .shop-tab.active{background:#ffffff14}:root.dark .shop-tab:hover:not(.disabled){background:#ffffff0d}.shop-tokens-soon{text-align:center;padding:60px 24px;color:var(--text-muted)}.shop-tokens-soon svg{margin:0 auto 16px;display:block}.shop-tokens-soon h3{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px}.shop-tokens-soon p{font-size:14px;max-width:360px;margin:0 auto;line-height:1.5}.compare-section{margin:20px 0;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 2px 8px #00000008,0 8px 24px #0000000a;padding:20px 0 8px;overflow:hidden}.compare-headline{text-align:center;font-family:var(--font-display);font-size:22px;font-weight:400;color:var(--text);margin:0 0 16px;padding:0 20px;line-height:1.4}.compare-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.compare-table{width:100%;border-collapse:separate;border-spacing:0;min-width:520px;font-size:13.5px;color:var(--text-secondary)}.compare-table th,.compare-table td{padding:13px 12px;border-bottom:1px solid var(--border-light);text-align:center;vertical-align:middle}.compare-table thead th{background:var(--bg);font-weight:600;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.compare-label-cell{text-align:left;font-weight:600;font-size:13px;color:var(--text);white-space:nowrap;background:var(--surface);position:sticky;left:0;z-index:1}.compare-table thead .compare-label-cell,.compare-table thead .compare-th-label{background:var(--bg);z-index:3;text-align:left;font-weight:600;color:var(--text-muted)}.compare-th-viz{background:linear-gradient(135deg,#4ead5b,#6ec47a)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;border-radius:10px 10px 0 0;border:2px solid #86c991!important;border-bottom:none!important;padding:10px 8px 8px!important}.compare-badge{display:inline-block;background:#ffffff40;color:#fff;padding:2px 10px;border-radius:20px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.compare-viz-cell{background:#f4faf5!important;border-left:2px solid #86c991!important;border-right:2px solid #86c991!important}.compare-check{color:#4ead5b;font-weight:700;margin-right:4px;vertical-align:middle}.compare-neutral{color:var(--text-muted);margin-right:4px;vertical-align:middle}.compare-sub{font-size:10.5px;color:var(--text-muted);display:block;margin-top:2px}.compare-table tbody tr:nth-child(2n) td{background-color:var(--bg)}.compare-table tbody tr:nth-child(2n) .compare-viz-cell{background-color:#f0faf1!important}.compare-table tbody tr:nth-child(2n) .compare-label-cell{background-color:var(--bg)}.compare-table tbody tr:last-child .compare-viz-cell{border-bottom:2px solid #86c991!important;border-radius:0 0 10px 10px}.compare-swipe-hint{text-align:center;font-size:11px;color:var(--text-muted);margin:6px 0 2px;padding-bottom:4px;display:none}@media (max-width: 768px){.compare-section{border-radius:var(--radius-md);margin-bottom:24px}.compare-headline{font-size:18px;padding:0 14px}.compare-table{font-size:12.5px}.compare-table th,.compare-table td{padding:10px 8px}.compare-swipe-hint{display:block}}:root.dark .compare-section{background:#ffffff08;border-color:#ffffff0f}:root.dark .compare-table thead th{background:#ffffff08}:root.dark .compare-label-cell{background:#ffffff05}:root.dark .compare-viz-cell{background:#4ead5b14!important}:root.dark .compare-table tbody tr:nth-child(2n) td{background:#ffffff05}:root.dark .compare-table tbody tr:nth-child(2n) .compare-viz-cell{background:#4ead5b0f!important}:root.dark .compare-th-viz{background:linear-gradient(135deg,#3d8b48,#5aad66)!important}[dir=rtl] .compare-label-cell{text-align:right;left:auto;right:0}.shop-info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px 24px;box-shadow:0 2px 8px #00000008,0 8px 24px #0000000a;margin:20px 0;position:relative;overflow:hidden}.shop-info-header{display:flex;align-items:center;gap:10px;margin:0 0 6px}.shop-info-hicon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-info-hicon--green{background:linear-gradient(135deg,#43a047,#66bb6a);box-shadow:0 3px 10px #4caf5033}.shop-info-hicon--blue{background:linear-gradient(135deg,#1e88e5,#42a5f5);box-shadow:0 3px 10px #1e88e533}.shop-info-hicon svg{display:block}.shop-info-htitle{font-family:var(--font-display);font-size:1.2rem;font-weight:400;color:var(--text);margin:0;letter-spacing:-.01em;line-height:1.3}.shop-info-intro{font-size:.88rem;color:var(--text-secondary);margin:0 0 18px;line-height:1.55;padding-left:46px}.shop-info-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}.shop-info-step{background:var(--bg);border:1px solid var(--border-light);border-radius:12px;padding:18px 16px}.shop-info-step-num{width:28px;height:28px;border-radius:50%;color:#fff;font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;margin:0 0 10px}.shop-info-step-num--green{background:linear-gradient(135deg,#43a047,#66bb6a);box-shadow:0 2px 6px #4caf5033}.shop-info-step-num--blue{background:linear-gradient(135deg,#1e88e5,#42a5f5);box-shadow:0 2px 6px #1e88e533}.shop-info-step-title{font-size:.88rem;font-weight:700;color:var(--text);margin:0 0 4px;line-height:1.3}.shop-info-step-text{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.5}.shop-info-block{background:var(--bg);border:1px solid var(--border-light);border-radius:12px;padding:18px 16px;display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}.shop-info-block-icon{width:40px;height:40px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-info-block-icon--green{border:1.5px solid rgba(76,175,80,.15)}.shop-info-block-icon--blue{border:1.5px solid rgba(30,136,229,.15)}.shop-info-block-title{font-size:.88rem;font-weight:700;color:var(--text);margin:0 0 4px;line-height:1.3}.shop-info-block-text{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0}.shop-info-block-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.shop-info-block-list li{font-size:.82rem;color:var(--text-secondary);line-height:1.45;display:flex;align-items:flex-start;gap:8px}.shop-info-block-list li:before{content:"";flex-shrink:0;width:6px;height:6px;margin-top:6px;border-radius:50%;background:#1e88e5}.shop-info-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}.shop-info-channel{background:var(--bg);border:1px solid var(--border-light);border-radius:12px;padding:18px 16px;text-decoration:none;color:inherit;display:flex;align-items:flex-start;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.shop-info-channel:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000000f;text-decoration:none;color:inherit}.shop-info-channel--full{margin:0 0 12px}.shop-info-channel-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;line-height:1.3}.shop-info-channel-value{font-size:.92rem;font-weight:700;color:var(--text);margin:0 0 2px;line-height:1.3}.shop-info-channel-detail{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.4}.shop-info-address{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.shop-info-address strong{display:block;color:var(--text);font-weight:700;margin-bottom:2px}.shop-info-note{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:12px 16px;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.shop-info-note svg{flex-shrink:0}.shop-info-note a{color:#1e88e5;font-weight:600;text-decoration:none}.shop-info-note a:hover{text-decoration:underline}:root.dark .shop-info-card{background:#ffffff08;border-color:#ffffff0f;box-shadow:none}:root.dark .shop-info-step{background:#ffffff08;border-color:#ffffff0f}:root.dark .shop-info-block{background:#ffffff08;border-color:#ffffff0f}:root.dark .shop-info-block-icon{background:#ffffff0d}:root.dark .shop-info-block-icon--green{border-color:#4caf5033}:root.dark .shop-info-block-icon--blue{border-color:#1e88e533}:root.dark .shop-info-channel{background:#ffffff08;border-color:#ffffff0f}:root.dark .shop-info-channel:hover{box-shadow:0 4px 14px #0003}:root.dark .shop-info-note{background:#ffffff08;border-color:#ffffff0f}:root.dark .shop-info-note a{color:#42a5f5}[dir=rtl] .shop-info-intro{padding-left:0;padding-right:46px}[dir=rtl] .shop-info-block,[dir=rtl] .shop-info-note{text-align:right}@media (max-width: 600px){.shop-info-card{padding:22px 16px 20px;border-radius:14px;margin:16px 0}.shop-info-intro{padding-left:0;margin-top:8px}.shop-info-steps,.shop-info-channels{grid-template-columns:1fr}[dir=rtl] .shop-info-intro{padding-right:0}}.shop-stats-ticker{margin:0 0 24px;overflow:hidden;border-radius:10px;background:var(--surface);border:1px solid var(--border-light)}.shop-stats-ticker-track{display:flex;animation:stats-scroll 20s linear infinite;width:max-content}.shop-stats-ticker-track:hover{animation-play-state:paused}@keyframes stats-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.shop-stats-ticker-item{display:flex;align-items:center;gap:6px;padding:10px 24px;white-space:nowrap;border-right:1px solid var(--border-light)}.shop-stats-ticker-icon{font-size:1rem}.shop-stats-ticker-value{font-size:.85rem;font-weight:800;color:var(--text)}.shop-stats-ticker-label{font-size:.8rem;color:var(--text-muted)}.shop-testimonials{margin:28px 0}.shop-testimonials-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.shop-testimonials-heading{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--text);letter-spacing:-.01em;margin:0}.shop-testimonials-nav{display:flex;gap:6px}.shop-testimonials-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-light);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--duration) var(--ease)}.shop-testimonials-btn:hover{background:var(--bg);color:var(--text);border-color:var(--border)}.shop-testimonials-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.shop-testimonials-track::-webkit-scrollbar{display:none}.shop-testimonial-card{background:var(--surface);border:1px solid var(--border-light);border-radius:14px;padding:20px;display:flex;flex-direction:column;min-width:280px;max-width:320px;flex-shrink:0;scroll-snap-align:start;transition:box-shadow var(--duration) var(--ease)}.shop-testimonial-card:hover{box-shadow:0 4px 14px #0000000f}.shop-testimonial-card--company{border-color:#e0e7ff}.shop-testimonial-stars{color:#f59e0b;font-size:.9rem;letter-spacing:2px;margin:0 0 10px}.shop-testimonial-company-badge{display:inline-flex;align-items:center;gap:6px;color:#6366f1;font-size:.78rem;font-weight:600;margin:0 0 10px}.shop-testimonial-quote{font-size:.88rem;font-style:italic;color:var(--text-secondary);line-height:1.55;margin:0 0 auto;padding-bottom:14px}.shop-testimonial-author{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--border-light)}.shop-testimonial-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.shop-testimonial-name{font-size:.85rem;font-weight:700;color:var(--text);line-height:1.3}.shop-testimonial-role{font-size:.75rem;color:var(--text-muted);line-height:1.3}.shop-faq{margin:28px 0}.shop-faq-heading{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--text);letter-spacing:-.01em;margin:0 0 14px}.shop-faq-list{display:flex;flex-direction:column;gap:8px}.shop-faq-item{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:box-shadow var(--duration) var(--ease)}.shop-faq-item[open]{box-shadow:0 2px 8px #0000000a}.shop-faq-question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-size:.88rem;font-weight:600;color:var(--text);cursor:pointer;list-style:none;line-height:1.4}.shop-faq-question::-webkit-details-marker{display:none}.shop-faq-question::marker{content:""}.shop-faq-chevron{flex-shrink:0;transition:transform var(--duration) var(--ease);color:var(--text-muted)}.shop-faq-item[open] .shop-faq-chevron{transform:rotate(180deg)}.shop-faq-answer{padding:0 16px 16px}.shop-faq-answer p{font-size:.84rem;color:var(--text-secondary);line-height:1.6;margin:0}.shop-faq-answer ul{margin:8px 0 0;padding:0 0 0 20px}.shop-faq-answer li{font-size:.84rem;color:var(--text-secondary);line-height:1.55;margin:4px 0}.shop-faq-answer a{color:#6366f1;text-decoration:none;font-weight:500}.shop-faq-answer a:hover{text-decoration:underline}:root.dark .shop-stats-ticker{background:#ffffff08;border-color:#ffffff0f}:root.dark .shop-stats-ticker-item{border-color:#ffffff0f}:root.dark .shop-testimonial-card{background:#ffffff08;border-color:#ffffff0f}:root.dark .shop-testimonial-card--company{border-color:#6366f126}:root.dark .shop-testimonial-card:hover{box-shadow:0 4px 14px #0003}:root.dark .shop-testimonial-author{border-color:#ffffff0f}:root.dark .shop-testimonial-company-badge{color:#818cf8}:root.dark .shop-testimonials-btn{background:#ffffff0d;border-color:#ffffff14}:root.dark .shop-testimonials-btn:hover{background:#ffffff1a}:root.dark .shop-faq-item{background:#ffffff08;border-color:#ffffff0f}:root.dark .shop-faq-item[open]{box-shadow:0 2px 8px #00000026}:root.dark .shop-faq-answer a{color:#818cf8}[dir=rtl] .shop-stats-ticker-track{animation-name:stats-scroll-rtl}@keyframes stats-scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}[dir=rtl] .shop-testimonial-author,[dir=rtl] .shop-faq-question{flex-direction:row-reverse;text-align:right}[dir=rtl] .shop-faq-answer{text-align:right}[dir=rtl] .shop-faq-answer ul{padding:0 20px 0 0}@media (max-width: 600px){.shop-testimonial-card{padding:16px;min-width:260px}.shop-stats-ticker-item{padding:8px 16px}}.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 .shop-card-bundle{background:linear-gradient(to bottom,rgba(99,102,241,.06),var(--surface))}: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{min-width:44px;min-height:44px;width:44px;height:44px;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 calc(12px + env(safe-area-inset-bottom,0px));margin-bottom:8px;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 .3s var(--ease);border:1px solid var(--border-light);background:var(--surface);text-align:start;font-family:inherit;padding:16px;box-shadow:var(--shadow-sm)}.home-grid-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000014,0 2px 8px #0000000a;border-color:#6366f133}.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;color:#92400e;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:56px;height:56px;border-radius:18px;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);margin-bottom:12px}.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}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));animation:cookie-slide-up .3s var(--ease) both}.cookie-banner-inner{max-width:540px;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:0 -4px 24px #0000001f,0 0 0 1px var(--border);display:flex;flex-direction:column;gap:16px}.cookie-banner-text{font-size:14px;line-height:1.5;color:var(--text-secondary)}.cookie-banner-text strong{color:var(--text);font-size:15px;display:block;margin-bottom:6px}.cookie-banner-text a{color:var(--primary);text-decoration:underline}.cookie-banner-actions{display:flex;gap:10px}.cookie-btn{flex:1;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--duration) var(--ease)}.cookie-btn-primary{background:var(--primary);color:#fff}.cookie-btn-primary:hover{background:var(--primary-dark)}.cookie-btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.cookie-btn-secondary:hover{background:var(--border)}@keyframes cookie-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 380px){.cookie-banner-actions{flex-direction:column}}@media print{.cookie-banner{display:none}}.cookie-customize{display:flex;flex-direction:column;gap:12px;margin:12px 0;padding:12px;background:var(--bg-secondary, #f5f5f5);border-radius:8px}.dark .cookie-customize{background:var(--bg-tertiary, #2a2a2a)}.cookie-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.cookie-toggle span{display:flex;flex-direction:column;gap:2px}.cookie-toggle strong{font-size:14px}.cookie-toggle small{font-size:12px;color:var(--text-muted)}.cookie-toggle input[type=checkbox]{width:40px;height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--border-color, #ccc);border-radius:11px;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.cookie-toggle input[type=checkbox]:checked{background:var(--primary, #6366F1)}.cookie-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.cookie-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.cookie-toggle input[disabled]{opacity:.6;cursor:not-allowed}.cookie-toggle input[type=checkbox]:focus-visible{outline:2px solid var(--primary, #6366F1);outline-offset:2px}.cookie-btn-link{background:none;border:none;color:var(--primary, #6366F1);text-decoration:underline;cursor:pointer;font-size:14px;padding:8px}.cookie-settings-footer{text-align:center;padding:8px 0 calc(env(safe-area-inset-bottom,0px) + 4px)}.cookie-settings-link{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;text-decoration:underline;padding:4px 8px}.legal-page{max-width:720px;margin:0 auto;padding:0 20px 60px}.legal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.legal-back,.legal-print{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--duration) var(--ease)}.legal-back:hover,.legal-print:hover{background:var(--border);color:var(--text)}.legal-title{font-family:var(--font-display);font-size:28px;font-weight:400;margin-bottom:28px;color:var(--text)}.legal-lang-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:24px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary-dark);font-size:13px;font-weight:500;line-height:1.4}:root.dark .legal-lang-notice{background:#6366f11a;color:#a5b4fc}.legal-content{font-size:15px;line-height:1.75;color:var(--text-secondary)}.legal-content strong,.legal-content b{color:var(--text);font-weight:600}.legal-content h3{color:var(--text);font-size:18px;font-weight:700;margin:28px 0 12px}.legal-content h4{color:var(--text);font-size:16px;font-weight:600;margin:20px 0 8px}.legal-content p{margin-bottom:12px}.legal-content ul,.legal-content ol{margin:8px 0 16px 24px}.legal-content li{margin-bottom:6px}.legal-content hr{border:none;border-top:1px solid var(--border);margin:28px 0}.legal-content a{color:var(--primary);text-decoration:underline}@media print{.legal-header{display:none}.legal-page{padding:0;max-width:100%}.legal-content{color:#000}}.shop-vat-note{display:block;font-size:11px;color:var(--text-muted);font-weight:400;margin-top:2px;margin-bottom:8px}.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:var(--success-light);color:var(--success)}: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:1px solid var(--border);border-radius:var(--radius-md);position:relative;overflow:hidden;transition:border-color .3s var(--ease)}.shop-region-selector.expanded{border-color:var(--warning)}.shop-region-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--text);font-size:14px;transition:background .2s var(--ease)}.shop-region-toggle:hover{background:var(--bg)}.shop-region-toggle svg:first-child{color:var(--warning);flex-shrink:0}.shop-region-toggle-label{font-weight:700;white-space:nowrap}.shop-region-toggle-desc{font-size:12px;color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-region-chevron{transition:transform .3s var(--ease);color:var(--text-muted);flex-shrink:0}.shop-region-chevron.rotated{transform:rotate(180deg)}.shop-region-expandable{max-height:0;overflow:hidden;transition:max-height .35s var(--ease),padding .35s var(--ease);padding:0 16px}.shop-region-selector.expanded .shop-region-expandable{max-height:300px;padding:0 16px 16px}.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:var(--warning);background:var(--warning-light)}.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:var(--warning);background:var(--warning)}.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:var(--warning-dark, #B45309);line-height:1.4}@media (max-width: 480px){.shop-region-options{flex-direction:column}}.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:var(--warning-light);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:var(--warning-dark, #B45309);background:var(--warning-light);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:var(--warning);font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s var(--ease)}.shop-region-confirm-yes:hover{background:var(--warning-dark, #D97706);transform:translateY(-1px)}@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:32px}.shop-section-title{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--text);margin:0 0 8px;letter-spacing:-.01em}.shop-section-desc{font-size:15px;color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:1.6}.shop-page-title{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}.shop-billing-toggle{display:flex;justify-content:center;gap:4px;background:var(--border-light);border-radius:14px;padding:4px;max-width:480px;margin:0 auto 32px}.shop-billing-btn{flex:1;padding:10px 12px;min-height:44px;border:none;border-radius:12px;background:transparent;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);display:flex;align-items:center;justify-content:center;gap:4px}.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:var(--success);background:var(--success-light);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(-6px);box-shadow:var(--shadow-lg)}.shop-plan-card.popular{border-color:var(--plan-color, #8B5CF6);box-shadow:0 8px 32px #8b5cf626;transform:scale(1.03);z-index:1}.shop-plan-card.popular:hover{transform:scale(1.03) translateY(-6px);box-shadow:0 12px 40px #8b5cf640}.shop-plan-card.popular:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:26px;background:var(--plan-gradient);z-index:-1;opacity:.12}.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-family:var(--font-display);font-size:32px;font-weight:400;color:var(--plan-text-color, var(--text))}.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:var(--success);background:var(--success-light);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-tokens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;max-width:1000px;margin-left:auto;margin-right:auto}@media (max-width: 960px){.shop-tokens-grid{grid-template-columns:repeat(2,1fr);max-width:500px}}@media (max-width: 520px){.shop-tokens-grid{grid-template-columns:1fr;max-width:320px}}.shop-token-card{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:0 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);overflow:hidden}.shop-token-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.shop-token-card.popular{border-color:var(--token-color);box-shadow:0 4px 24px #8b5cf62e;box-shadow:0 4px 24px color-mix(in srgb,var(--token-color) 18%,transparent)}.shop-token-card.popular:hover{box-shadow:0 8px 32px #8b5cf640;box-shadow:0 8px 32px color-mix(in srgb,var(--token-color) 25%,transparent)}.shop-token-card.best-value{border-color:var(--token-color)}.shop-token-accent{width:calc(100% + 40px);height:4px;margin:0 -20px 20px;background:var(--token-gradient);flex-shrink:0}.shop-token-card.popular .shop-token-accent,.shop-token-card.best-value .shop-token-accent{height:5px}.shop-token-badge{position:absolute;top:14px;right:12px;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff;background:var(--token-gradient);padding:3px 8px;border-radius:6px;line-height:1.3}.shop-token-hero{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:16px}.shop-token-icon-wrap{width:44px;height:44px;border-radius:12px;background:#6366f11a;background:color-mix(in srgb,var(--token-color) 10%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.shop-token-count{font-family:var(--font-display);font-size:42px;font-weight:400;line-height:1;color:var(--token-color)}.shop-token-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.shop-token-price-block{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}.shop-token-price{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.3px}.shop-token-per{font-size:11px;color:var(--text-muted);margin-top:2px}.shop-token-savings-row{margin-bottom:4px}.shop-token-save{display:inline-block;font-size:11px;font-weight:700;color:var(--success);background:var(--success-light);padding:2px 10px;border-radius:20px}:root.dark .shop-token-save{background:#10b9811f}.shop-token-cta{width:100%;margin-top:auto;padding:10px 0;border:none;border-radius:12px;background:var(--token-gradient);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),opacity var(--duration);box-shadow:0 2px 8px #6366f140;box-shadow:0 2px 8px color-mix(in srgb,var(--token-color) 25%,transparent)}.shop-token-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f159;box-shadow:0 4px 16px color-mix(in srgb,var(--token-color) 35%,transparent)}.shop-token-cta:disabled{opacity:.6;cursor:not-allowed}:root.dark .shop-token-card{background:var(--surface);border-color:var(--border)}:root.dark .shop-token-card.popular{border-color:var(--token-color)}:root.dark .shop-token-card.best-value{border-color:var(--token-color)}.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-card.popular:before{opacity:.06}:root.dark .shop-plan-highlights{background:#ffffff08}:root.dark .shop-region-selector{background:var(--surface);border-color:var(--border)}:root.dark .shop-region-selector.expanded{border-color:var(--warning)}:root.dark .shop-region-toggle:hover{background:#ffffff0a}:root.dark .shop-region-option{background:var(--bg);border-color:var(--border)}:root.dark .shop-region-option.active{border-color:var(--warning);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}:root.dark .shop-card-image-fallback{background:linear-gradient(135deg,var(--border),var(--surface))}@keyframes shopFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shopScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shopShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shop-animate-in{animation:shopFadeInUp .55s var(--ease) both;animation-delay:var(--delay, 0ms)}.shop-tab-content{animation:shopFadeInUp .4s var(--ease) both}.shop-stagger>*{animation:shopFadeInUp .5s var(--ease) both}.shop-stagger>*:nth-child(1){animation-delay:0ms}.shop-stagger>*:nth-child(2){animation-delay:80ms}.shop-stagger>*:nth-child(3){animation-delay:.16s}.shop-stagger>*:nth-child(4){animation-delay:.24s}.shop-stagger>*:nth-child(5){animation-delay:.32s}.shop-stagger>*:nth-child(6){animation-delay:.4s}.shop-stagger>*:nth-child(7){animation-delay:.48s}.shop-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.shop-reveal.shop-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.shop-animate-in,.shop-tab-content,.shop-stagger>*{animation:none!important;opacity:1!important;transform:none!important}.shop-reveal{opacity:1!important;transform:none!important;transition:none!important}}.shop-inline-cta{text-align:center;padding:2rem 0 1rem}.shop-inline-cta-text{color:var(--text-secondary);font-size:.95rem;margin-bottom:.75rem}.shop-inline-cta--final{padding:2.5rem 1rem;margin-top:1rem;border-radius:16px;background:var(--card-bg);border:1px solid var(--border)}.shop-inline-cta-heading{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.shop-tab:focus-visible,.shop-billing-btn:focus-visible,.shop-region-option:focus-visible,.shop-region-toggle:focus-visible,.shop-buy-btn:focus-visible,.shop-plan-cta:focus-visible,.shop-detail-link:focus-visible,.shop-region-confirm-cancel:focus-visible,.shop-region-confirm-yes:focus-visible,.product-modal-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.shop-faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.shop-skeleton-block{height:16px;border-radius:8px;background:linear-gradient(90deg,var(--border-light) 25%,var(--bg) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shopShimmer 1.8s linear infinite;margin-bottom:14px}.shop-skeleton-block:nth-child(2){width:70%;animation-delay:.15s}.shop-skeleton-block:nth-child(3){width:85%;animation-delay:.3s}.shop-skeleton-short{width:50%}:root.dark .shop-skeleton-block{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%}.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}.pronunciation-progress{padding:0;margin-bottom:16px}.pronunciation-progress-bar{height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.pronunciation-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s var(--ease)}.pronunciation-sentence-card{background:var(--surface);border-radius:var(--radius-xl);padding:24px 20px;text-align:center;box-shadow:var(--shadow-md)}.pronunciation-sentence-label{font-size:14px;color:var(--text-muted);font-weight:500;margin-bottom:12px}.pronunciation-sentence-text{font-size:22px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:16px}.pronunciation-listen-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary-light);color:var(--primary);border:none;border-radius:var(--radius-md);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pronunciation-listen-btn:hover{background:#6366f126}.pronunciation-listen-btn:disabled{opacity:.5;cursor:default}.pronunciation-listen-btn svg{width:18px;height:18px}.pronunciation-record-section{display:flex;flex-direction:column;align-items:center;padding:24px 0}.pronunciation-record-hint{font-size:14px;color:var(--text-muted);margin-bottom:16px}.pronunciation-record-btn{width:88px;height:88px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f159;transition:all var(--duration) var(--ease)}.pronunciation-record-btn svg{width:36px;height:36px}.pronunciation-record-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #6366f173}.pronunciation-record-btn:active{transform:scale(.97)}.pronunciation-record-btn.recording{background:#ef4444;box-shadow:0 8px 24px #ef444459;animation:pronunciation-pulse 1s ease-in-out infinite}@keyframes pronunciation-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pronunciation-record-btn:disabled{opacity:.5;cursor:default;transform:none}.pronunciation-record-status{font-size:14px;color:var(--text-muted);margin-top:14px}.pronunciation-record-status.active{color:#ef4444;font-weight:600}.pronunciation-playback-card{width:100%;display:flex;flex-direction:column;gap:12px;background:var(--surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.pronunciation-audio-player{width:100%;height:40px;border-radius:var(--radius-md)}.pronunciation-discard-btn{display:inline-flex;align-items:center;gap:6px;align-self:center;background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:var(--radius-md);transition:all var(--duration) var(--ease)}.pronunciation-discard-btn:hover{color:#ef4444;background:#ef444414}.pronunciation-discard-btn svg{width:14px;height:14px}.pronunciation-submit-btn{margin:0 auto;max-width:320px;width:100%}.pronunciation-error-box{margin-top:12px;padding:12px 16px;border-radius:var(--radius-md);background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:14px;text-align:center}.pronunciation-empty-state{padding:48px 20px;text-align:center;color:var(--text-muted);font-size:15px}.pronunciation-processing{display:flex;flex-direction:column;align-items:center;padding:48px 0}.pronunciation-processing .spinner{width:40px;height:40px}.pronunciation-processing-text{font-size:15px;color:var(--text-muted);margin-top:16px}.pronunciation-score-card{background:var(--surface);margin:0 0 16px;padding:24px;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md)}.pronunciation-score-badge{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.pronunciation-score-badge.excellent{background:#10b981}.pronunciation-score-badge.good{background:#f59e0b}.pronunciation-score-badge.practice{background:#ef4444}.pronunciation-score-number{font-size:32px;font-weight:800;color:#fff}.pronunciation-score-label{font-size:17px;font-weight:600;color:var(--text);margin-bottom:16px}.pronunciation-sub-scores{display:flex;align-items:center;justify-content:center}.pronunciation-sub-score-item{text-align:center;padding:0 24px}.pronunciation-sub-score-value{font-size:22px;font-weight:700;color:var(--text)}.pronunciation-sub-score-label{font-size:12px;color:var(--text-muted);margin-top:4px}.pronunciation-sub-score-divider{width:1px;height:36px;background:var(--border)}.pronunciation-audio-compare{display:flex;gap:10px;margin:0 0 16px}.pronunciation-audio-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:none;padding:14px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font-size:13px;font-weight:600;color:var(--text);transition:all var(--duration) var(--ease)}.pronunciation-audio-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pronunciation-audio-btn:disabled{opacity:.5;cursor:default;transform:none}.pronunciation-audio-btn svg{width:20px;height:20px}.pronunciation-audio-btn.correct svg{color:#10b981}.pronunciation-audio-btn.user svg{color:var(--primary)}.pronunciation-feedback-card{background:var(--surface);margin:0 0 16px;padding:20px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.pronunciation-feedback-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pronunciation-feedback-flag{font-size:20px}.pronunciation-feedback-title{font-size:16px;font-weight:600;color:var(--text)}.pronunciation-feedback-text{font-size:15px;color:var(--text-secondary);line-height:1.6;white-space:pre-line}.pronunciation-word-analysis{margin:0 0 20px}.pronunciation-word-analysis-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}.pronunciation-word-row{display:flex;flex-wrap:wrap;gap:8px}.pronunciation-word-chip{padding:8px 14px;border-radius:var(--radius-md);border:1.5px solid}.pronunciation-word-chip.correct{background:#10b9811a;border-color:#10b981;color:#10b981}.pronunciation-word-chip.unsauber{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.pronunciation-word-chip.falsch{background:#ef44441a;border-color:#ef4444;color:#ef4444}.pronunciation-word-text{font-size:14px;font-weight:600}.pronunciation-word-heard{font-size:11px;color:var(--text-muted);margin-top:2px}.pronunciation-action-row{display:flex;gap:10px;margin:0}.pronunciation-retry-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-light);color:var(--primary);border:none;padding:14px 20px;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pronunciation-retry-btn:hover{background:#6366f126}.pronunciation-retry-btn svg{width:20px;height:20px}.pronunciation-next-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:14px 20px;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #6366f14d;transition:all var(--duration) var(--ease)}.pronunciation-next-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.pronunciation-next-btn:active{transform:translateY(0)}.pronunciation-next-btn svg{width:20px;height:20px}.pronunciation-trainer-content{flex:1;display:flex;flex-direction:column;gap:0;padding:0 0 32px}.pronunciation-exit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pronunciation-exit-dialog{background:var(--surface);border-radius:var(--radius-xl);padding:28px;width:90%;max-width:340px;text-align:center;box-shadow:var(--shadow-xl)}.pronunciation-exit-dialog h3{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px}.pronunciation-exit-dialog p{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.pronunciation-exit-actions{display:flex;gap:12px}.pronunciation-exit-actions button{flex:1;padding:12px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--duration) var(--ease)}.pronunciation-exit-actions .cancel{background:var(--border-light);color:var(--text)}.pronunciation-exit-actions .confirm{background:#ef4444;color:#fff}.pronunciation-done-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pronunciation-done-dialog{background:var(--surface);border-radius:var(--radius-xl);padding:32px;width:90%;max-width:340px;text-align:center;box-shadow:var(--shadow-xl)}.pronunciation-done-dialog .trophy{font-size:48px;margin-bottom:16px}.pronunciation-done-dialog h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px}.pronunciation-done-dialog p{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.pronunciation-done-dialog button{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer}@media (max-width: 480px){.pronunciation-sentence-card{padding:20px 16px}.pronunciation-sentence-text{font-size:19px;margin-bottom:12px}.pronunciation-listen-btn{padding:8px 14px;font-size:13px}.pronunciation-record-section{padding:20px 0}.pronunciation-record-btn{min-width:80px;min-height:80px}.pronunciation-record-btn svg{width:30px;height:30px}.pronunciation-record-hint{margin-bottom:14px;font-size:13px}.pronunciation-score-card{padding:20px 16px}.pronunciation-score-badge{width:76px;height:76px;margin:0 auto 12px}.pronunciation-score-number{font-size:28px}.pronunciation-score-label{font-size:15px;margin-bottom:12px}.pronunciation-sub-score-item{padding:0 16px}.pronunciation-sub-score-value{font-size:20px}.pronunciation-sub-score-label{font-size:11px}.pronunciation-audio-btn{padding:12px 8px;font-size:12px;gap:6px}.pronunciation-audio-btn svg{width:18px;height:18px}.pronunciation-feedback-card{padding:16px}.pronunciation-feedback-title{font-size:15px}.pronunciation-feedback-text{font-size:14px}.pronunciation-word-chip{padding:6px 10px}.pronunciation-word-text{font-size:13px}.pronunciation-word-heard{font-size:10px}.pronunciation-retry-btn,.pronunciation-next-btn{padding:12px 14px;font-size:14px}.pronunciation-exit-dialog,.pronunciation-done-dialog{padding:24px 20px}.pronunciation-done-dialog .trophy{font-size:40px;margin-bottom:12px}.pronunciation-done-dialog h3{font-size:18px}}@media (max-width: 480px){.conj-hero-card{padding:18px 16px;margin-bottom:20px;border-radius:20px}.conj-hero-top{gap:16px;margin-bottom:16px}.conj-hero-tense{font-size:17px}.conj-hero-total{font-size:12px}.conj-hero-pills{gap:6px}.conj-pill{padding:8px 4px;gap:3px}.conj-pill-label{font-size:9px}.conj-pill-value{font-size:16px}}:root.dark .tt-bubble-trans{background:#6366f11f}.dialog-page{max-width:600px;margin:0 auto;padding:20px 20px 100px;min-height:100dvh}@media (max-width: 480px){.dialog-page{padding:14px 14px 100px}}.dialog-header{display:flex;align-items:center;gap:12px;padding:20px 0 16px}.dialog-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)}.dialog-back-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.dialog-title{flex:1;font-size:18px;font-weight:700;color:var(--text);text-align:center}.dialog-header-spacer{width:40px}.dialog-info-card{display:flex;align-items:center;gap:14px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:16px;padding:16px;margin-bottom:16px}.dialog-info-icon{width:48px;height:48px;min-width:48px;border-radius:14px;background:#c7d2fe;display:flex;align-items:center;justify-content:center;color:#6366f1}.dialog-info-title{font-size:16px;font-weight:600;color:#4338ca;margin-bottom:2px}.dialog-info-text{font-size:13px;color:#6366f1;line-height:1.4}.dialog-section-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.dialog-category-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x proximity}.dialog-category-row::-webkit-scrollbar{display:none}.dialog-category-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;touch-action:manipulation;scroll-snap-align:start;transition:all var(--duration) var(--ease)}.dialog-category-chip.active{background:#6366f1;color:#fff;border-color:transparent}.dialog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}@media (max-width: 400px){.dialog-grid{grid-template-columns:1fr}}.dialog-card{background:var(--surface);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm);cursor:pointer;border:none;text-align:center;touch-action:manipulation;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.dialog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dialog-card:active{transform:scale(.97)}.dialog-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:24px}.dialog-card-title{font-size:14px;font-weight:600;color:var(--text)}.app-layout:has(.dialog-chat-page){height:100dvh;overflow:hidden}.app-main:has(.dialog-chat-page){padding:0;max-width:none}.dialog-chat-page{display:flex;flex-direction:column;height:calc(100dvh - 64px);max-width:600px;margin:0 auto;overflow:hidden}@media (max-width: 768px){.dialog-chat-page{height:calc(100dvh - 56px)}}@media (max-width: 480px){.dialog-chat-page{height:calc(100dvh - 52px)}}.dialog-chat-header{display:flex;align-items:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) 20px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.dialog-chat-title{flex:1;text-align:center}.dialog-chat-title-text{font-size:17px;font-weight:700;color:var(--text)}.dialog-chat-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.dialog-refresh-btn{width:40px;height:40px;border-radius:var(--radius-md);background:#eef2ff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6366f1;transition:transform var(--duration) var(--ease)}.dialog-refresh-btn:hover{transform:rotate(90deg)}.dialog-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px;display:flex;flex-direction:column}.dialog-bubble{max-width:85%;padding:14px 16px;border-radius:20px;margin-bottom:12px;box-shadow:var(--shadow-sm);word-wrap:break-word}.dialog-bubble-ai{align-self:flex-start;background:var(--surface);border-bottom-left-radius:4px;margin-right:auto}.dialog-bubble-user{align-self:flex-end;background:#6366f1;color:#fff;border-bottom-right-radius:4px;margin-left:auto}.dialog-bubble-text{font-size:15px;line-height:1.5}.dialog-feedback-box{background:#fef3c7;padding:10px 12px;border-radius:12px;margin-bottom:8px;border-left:3px solid #F59E0B}.dialog-feedback-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.dialog-feedback-title{font-size:12px;font-weight:600;color:#b45309}.dialog-feedback-text{font-size:13px;color:#92400e;line-height:1.4}.dialog-correction-box{background:#d1fae5;padding:10px 12px;border-radius:12px;margin-bottom:8px;border-left:3px solid #10B981}.dialog-correction-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.dialog-correction-title{font-size:12px;font-weight:600;color:#065f46}.dialog-correction-text{font-size:13px;color:#064e3b;line-height:1.4}.dialog-play-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:10px 14px;min-height:44px;border-radius:10px;background:#0000000f;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#6366f1;transition:background var(--duration) var(--ease)}.dialog-play-btn:hover{background:#0000001a}.dialog-play-btn:active{transform:scale(.95)}.dialog-bubble-user .dialog-play-btn{background:#fff3;color:#fff}.dialog-bubble-user .dialog-play-btn:hover{background:#ffffff4d}.dialog-audio-sent{color:#ffffffb3;font-style:italic;font-size:14px}.dialog-controls{flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 20px calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;flex-direction:column;align-items:center;gap:12px}.dialog-hint-text{color:var(--text-secondary);font-size:14px;font-weight:500}.dialog-record-btn{width:68px;height:68px;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f166;touch-action:manipulation;transition:transform .15s ease,background .15s ease}.dialog-record-btn:hover{transform:scale(1.05)}.dialog-record-btn:active{transform:scale(.95)}.dialog-record-btn.recording{background:#ef4444;box-shadow:0 4px 12px #ef444466;animation:dialog-pulse 1s ease-in-out infinite}@keyframes dialog-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.dialog-timer{font-size:14px;font-weight:600;color:#ef4444;font-variant-numeric:tabular-nums}.dialog-stop-btn{padding:8px 20px;border-radius:var(--radius-md);background:#fee2e2;color:#ef4444;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:background var(--duration) var(--ease)}.dialog-stop-btn:hover{background:#fecaca}.dialog-recorded-row{display:flex;align-items:center;gap:12px;width:100%;max-width:400px}.dialog-recorded-row audio{flex:1;height:44px;min-width:0;border-radius:8px}.dialog-send-btn{padding:10px 24px;min-height:44px;border-radius:var(--radius-md);background:#6366f1;color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:600;touch-action:manipulation;transition:background var(--duration) var(--ease),transform .1s ease}.dialog-send-btn:hover{background:#4f46e5}.dialog-send-btn:active{transform:scale(.96)}.dialog-discard-btn{padding:10px 16px;min-height:44px;min-width:44px;border-radius:var(--radius-md);background:#f1f5f9;color:#64748b;border:none;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background var(--duration) var(--ease)}.dialog-discard-btn:hover{background:#e2e8f0}.dialog-processing{display:flex;flex-direction:column;align-items:center;gap:10px}.dialog-processing-circle{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;animation:dialog-pulse 1.5s ease-in-out infinite}.dialog-processing-text{color:var(--text-secondary);font-size:14px;font-weight:500}.dialog-error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;text-align:center;width:100%}:root.dark .dialog-card{background:var(--surface)}:root.dark .dialog-info-card{background:#6366f11a;border-color:#6366f133}:root.dark .dialog-info-title{color:#a5b4fc}:root.dark .dialog-info-text{color:#818cf8}:root.dark .dialog-info-icon{background:#6366f133}:root.dark .dialog-bubble-ai{background:var(--surface)}:root.dark .dialog-feedback-box{background:#f59e0b1a;border-color:#f59e0b66}:root.dark .dialog-feedback-title{color:#fbbf24}:root.dark .dialog-feedback-text{color:#fde68a}:root.dark .dialog-correction-box{background:#10b9811a;border-color:#10b98166}:root.dark .dialog-correction-title{color:#34d399}:root.dark .dialog-correction-text{color:#a7f3d0}:root.dark .dialog-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}:root.dark .dialog-discard-btn{background:#ffffff14;color:var(--text-secondary)}:root.dark .dialog-discard-btn:hover{background:#ffffff1f}:root.dark .dialog-refresh-btn{background:#6366f126}:root.dark .dialog-stop-btn{background:#ef444426}[dir=rtl] .dialog-feedback-box{border-left:none;border-right:3px solid #F59E0B}[dir=rtl] .dialog-correction-box{border-left:none;border-right:3px solid #10B981}[dir=rtl] .dialog-bubble-ai{border-bottom-left-radius:20px;border-bottom-right-radius:4px}[dir=rtl] .dialog-bubble-user{border-bottom-right-radius:20px;border-bottom-left-radius:4px}.bild-dialog-page{max-width:600px;margin:0 auto;padding:20px 20px 100px;min-height:100dvh}@media (max-width: 480px){.bild-dialog-page{padding:14px 14px 100px}}.bild-dialog-header{display:flex;align-items:center;gap:12px;padding:20px 0 16px}.bild-dialog-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)}.bild-dialog-back-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.bild-dialog-title{flex:1;font-size:18px;font-weight:700;color:var(--text);text-align:center}.bild-dialog-header-spacer{width:40px}.bild-dialog-premium-banner{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-radius:16px;border:none;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);margin-bottom:16px;transition:transform var(--duration) var(--ease)}.bild-dialog-premium-banner:hover{transform:translateY(-1px)}.bild-dialog-premium-icon{width:40px;height:40px;min-width:40px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center}.bild-dialog-premium-content{flex:1;text-align:left}.bild-dialog-premium-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}.bild-dialog-premium-text{font-size:13px;color:#ffffffe6}.bild-dialog-info-card{display:flex;align-items:center;gap:14px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:16px;padding:16px;margin-bottom:16px}.bild-dialog-info-icon{width:48px;height:48px;min-width:48px;border-radius:14px;background:#c7d2fe;display:flex;align-items:center;justify-content:center;color:#6366f1}.bild-dialog-info-title{font-size:16px;font-weight:600;color:#4338ca;margin-bottom:2px}.bild-dialog-info-text{font-size:13px;color:#6366f1;line-height:1.4}.bild-dialog-category-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.bild-dialog-category-row::-webkit-scrollbar{display:none}.bild-dialog-category-chip{display:flex;align-items:center;gap:6px;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)}.bild-dialog-category-chip.active{background:#6366f1;color:#fff;border-color:transparent}.bild-dialog-section-label{font-size:18px;font-weight:700;color:var(--text);margin-bottom:14px}.bild-dialog-loading{display:flex;justify-content:center;padding:40px 0}.bild-dialog-spinner{width:36px;height:36px;border:3px solid #E2E8F0;border-top-color:#6366f1;border-radius:50%;animation:bild-dialog-spin .8s linear infinite}@keyframes bild-dialog-spin{to{transform:rotate(360deg)}}.bild-dialog-empty{text-align:center;padding:60px 20px;color:#94a3b8}.bild-dialog-empty p{margin-top:12px;font-size:15px}.bild-dialog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}@media (min-width: 500px){.bild-dialog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 360px){.bild-dialog-grid{grid-template-columns:1fr}}.bild-dialog-card{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#e2e8f0;border:none;padding:0;cursor:pointer;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.bild-dialog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.bild-dialog-card:active{transform:scale(.97)}.bild-dialog-card-img{width:100%;height:100%;object-fit:cover;display:block}.bild-dialog-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-alt, #F1F5F9);color:#cbd5e1}.bild-dialog-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center}.bild-dialog-lock-icon-box{width:48px;height:48px;border-radius:50%;background:#6366f1e6;display:flex;align-items:center;justify-content:center}.bild-dialog-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,#000000b3)}.bild-dialog-card-thema{font-size:13px;font-weight:600;color:#fff;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bild-dialog-card-meta{display:flex;gap:6px;flex-wrap:wrap}.bild-dialog-badge-level{font-size:10px;font-weight:600;color:#fff;background:#fff3;padding:2px 8px;border-radius:6px}.bild-dialog-badge-kat{font-size:10px;font-weight:600;color:#fff;background:#6366f1cc;padding:2px 8px;border-radius:6px}.bild-dialog-badge-lock{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#fff;background:#6366f1e6;padding:2px 8px;border-radius:6px}.bild-dialog-chat-page{display:flex;flex-direction:column;height:100dvh;max-width:600px;margin:0 auto;background:var(--bg)}.bild-dialog-chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.bild-dialog-chat-title{flex:1;text-align:center}.bild-dialog-chat-title-text{font-size:16px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bild-dialog-chat-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.bild-dialog-turn-badge{background:#eef2ff;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:700;color:#6366f1;white-space:nowrap}.bild-dialog-image-display{height:200px;background:#1e293b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bild-dialog-active-image{width:100%;height:100%;object-fit:contain}.bild-dialog-messages{flex:1;overflow-y:auto;padding:16px 16px 180px}.bild-dialog-bubble{max-width:85%;padding:14px;border-radius:20px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.bild-dialog-bubble-ai{align-self:flex-start;background:var(--surface);border-bottom-left-radius:4px;margin-right:auto}.bild-dialog-bubble-user{align-self:flex-end;background:#6366f1;color:#fff;border-bottom-right-radius:4px;margin-left:auto}.bild-dialog-bubble-text{font-size:15px;line-height:1.5}.bild-dialog-feedback-box{background:#fef3c7;border-left:3px solid #F59E0B;padding:10px 12px;border-radius:10px;margin-bottom:10px}.bild-dialog-feedback-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:#b45309}.bild-dialog-feedback-title{font-size:12px;font-weight:600;color:#b45309}.bild-dialog-feedback-text{font-size:13px;color:#92400e;line-height:1.4}.bild-dialog-correction-box{background:#d1fae5;border-left:3px solid #10B981;padding:10px 12px;border-radius:10px;margin-bottom:10px}.bild-dialog-correction-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:#065f46}.bild-dialog-correction-title{font-size:12px;font-weight:600;color:#065f46}.bild-dialog-correction-text{font-size:13px;color:#064e3b;line-height:1.4}.bild-dialog-frage-box{display:flex;align-items:flex-start;gap:8px;background:#eef2ff;padding:10px;border-radius:10px;margin-top:10px;font-size:14px;font-weight:500;color:#4338ca;line-height:1.4}.bild-dialog-play-btn{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;border-radius:10px;border:none;background:#6366f11a;color:#6366f1;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--duration) var(--ease)}.bild-dialog-play-btn:hover{background:#6366f133}.bild-dialog-bubble-user .bild-dialog-play-btn{background:#fff3;color:#fff}.bild-dialog-bubble-user .bild-dialog-play-btn:hover{background:#ffffff4d}.bild-dialog-audio-sent{font-style:italic;font-size:14px;color:#fffc}.bild-dialog-controls{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;min-height:140px;background:var(--surface);border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -4px 20px #0f172a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px 24px;gap:10px}.bild-dialog-hint-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.bild-dialog-record-btn{width:72px;height:72px;border-radius:22px;background:#6366f1;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 12px #6366f166;transition:transform var(--duration) var(--ease),background var(--duration) var(--ease)}.bild-dialog-record-btn:hover{transform:scale(1.05)}.bild-dialog-record-btn:active{transform:scale(.95)}.bild-dialog-record-btn.recording{background:#ef4444;box-shadow:0 6px 12px #ef444466;animation:bild-dialog-pulse 1s ease-in-out infinite}@keyframes bild-dialog-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.bild-dialog-timer{font-size:14px;font-weight:600;color:#ef4444}.bild-dialog-recorded-row{display:flex;align-items:center;gap:10px;width:100%}.bild-dialog-recorded-row audio{flex:1;height:36px;border-radius:var(--radius-md)}.bild-dialog-send-btn{padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:background var(--duration) var(--ease)}.bild-dialog-send-btn:hover{background:#4f46e5}.bild-dialog-discard-btn{width:36px;height:36px;border-radius:var(--radius-md);background:#f1f5f9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background var(--duration) var(--ease)}.bild-dialog-discard-btn:hover{background:#e2e8f0}.bild-dialog-processing{display:flex;flex-direction:column;align-items:center;gap:10px}.bild-dialog-processing-circle{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 12px #6366f166;animation:bild-dialog-pulse 1.5s ease-in-out infinite}.bild-dialog-processing-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.bild-dialog-complete-btn{display:flex;align-items:center;gap:10px;padding:16px 24px;border-radius:16px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform var(--duration) var(--ease)}.bild-dialog-complete-btn:hover{transform:translateY(-1px)}.bild-dialog-error{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;text-align:center;width:100%}:root.dark .bild-dialog-card{background:var(--surface)}:root.dark .bild-dialog-info-card{background:#6366f11a;border-color:#6366f133}:root.dark .bild-dialog-info-title{color:#a5b4fc}:root.dark .bild-dialog-info-text{color:#818cf8}:root.dark .bild-dialog-info-icon{background:#6366f133}:root.dark .bild-dialog-bubble-ai{background:var(--surface)}:root.dark .bild-dialog-feedback-box{background:#f59e0b1a;border-color:#f59e0b66}:root.dark .bild-dialog-feedback-title{color:#fbbf24}:root.dark .bild-dialog-feedback-text{color:#fde68a}:root.dark .bild-dialog-correction-box{background:#10b9811a;border-color:#10b98166}:root.dark .bild-dialog-correction-title{color:#34d399}:root.dark .bild-dialog-correction-text{color:#a7f3d0}:root.dark .bild-dialog-frage-box{background:#6366f126;color:#a5b4fc}:root.dark .bild-dialog-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}:root.dark .bild-dialog-discard-btn{background:#ffffff14;color:var(--text-secondary)}:root.dark .bild-dialog-discard-btn:hover{background:#ffffff1f}:root.dark .bild-dialog-turn-badge{background:#6366f126}:root.dark .bild-dialog-image-display{background:#0f172a}[dir=rtl] .bild-dialog-feedback-box{border-left:none;border-right:3px solid #F59E0B}[dir=rtl] .bild-dialog-correction-box{border-left:none;border-right:3px solid #10B981}[dir=rtl] .bild-dialog-bubble-ai{border-bottom-left-radius:20px;border-bottom-right-radius:4px}[dir=rtl] .bild-dialog-bubble-user{border-bottom-right-radius:20px;border-bottom-left-radius:4px}.pruefung-spinner{animation:pruefung-spin .8s linear infinite}.pruefung-sprechen-spin,.pruefung-spin{animation:pruefung-spin 1s linear infinite}.pruefung-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--space-4);padding:var(--space-10);color:var(--text-secondary);font-size:16px;font-weight:500}.pruefung-loading-sub{font-size:13px;color:var(--text-muted);text-align:center}.pruefung-error-banner{position:fixed;bottom:var(--space-6);left:var(--space-4);right:var(--space-4);background:#fef2f2;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);z-index:1000;box-shadow:var(--shadow-lg);color:#991b1b;font-size:14px;font-weight:500;animation:pruefung-slide-up .3s var(--ease)}.pruefung-error-banner button{background:none;border:none;color:#991b1b;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-error-banner button:hover{background:#ef44441a}.pruefung-error-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.pruefung-error-dismiss{background:none;border:none;color:#991b1b;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;flex-shrink:0}.pruefung-error-dismiss:hover{background:#ef44441a}.pruefung-back-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--primary);font-size:15px;font-weight:500;padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-back-btn:hover{opacity:.7}.pruefung-section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-6) var(--space-5) var(--space-3)}.pruefung-select-page{max-width:560px;margin:0 auto;padding:var(--space-2) var(--space-4) var(--space-10);min-height:100vh}.pruefung-select-header{text-align:center;padding:var(--space-6) var(--space-4) var(--space-4)}.pruefung-select-header-label{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--primary-light);padding:var(--space-1) var(--space-3);border-radius:99px;margin-bottom:var(--space-3)}.pruefung-select-header-title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:var(--space-2);line-height:1.2}.pruefung-select-header-subtitle{font-size:15px;color:var(--text-secondary);line-height:1.5}.pruefung-login-banner{text-align:center;padding:var(--space-8) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:var(--space-4) 0}.pruefung-login-banner-icon{width:64px;height:64px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);color:var(--primary)}.pruefung-login-banner-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.pruefung-login-banner-desc{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.5}.pruefung-login-banner-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);text-align:left}.pruefung-login-banner-feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:14px;color:var(--text)}.pruefung-login-banner-btn{width:100%;padding:var(--space-4);border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--duration) var(--ease);box-shadow:0 2px 8px #6366f14d}.pruefung-login-banner-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.pruefung-login-banner-hint{font-size:12px;color:var(--text-muted);margin-top:var(--space-4)}.pruefung-token-card{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0 0;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-token-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.pruefung-token-left{display:flex;align-items:center;gap:var(--space-3)}.pruefung-token-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:#007aff1a;display:flex;align-items:center;justify-content:center}.pruefung-token-label{display:block;font-size:12px;color:var(--text-muted);font-weight:500}.pruefung-token-count{display:block;font-size:16px;font-weight:700;color:var(--text)}.pruefung-token-count-zero{color:var(--danger)}.pruefung-token-buy-btn{padding:var(--space-2) var(--space-4);border-radius:99px;background:var(--border-light);color:var(--text-secondary);font-size:14px;font-weight:600;transition:all var(--duration) var(--ease)}.pruefung-token-buy-btn.primary{background:var(--primary);color:#fff}.pruefung-type-card{display:flex;align-items:center;gap:var(--space-4);width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);text-align:left;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-type-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pruefung-type-card:active{transform:translateY(0)}.pruefung-type-card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-type-card-content{flex:1;min-width:0}.pruefung-type-card-name{display:flex;align-items:center;gap:var(--space-2);font-size:16px;font-weight:700;color:var(--text)}.pruefung-type-card-niveau{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px var(--space-2);border-radius:99px}.pruefung-type-card-fullname{display:block;font-size:13px;color:var(--text-secondary);margin-top:2px}.pruefung-type-card-desc{display:block;font-size:12px;color:var(--text-muted);margin-top:var(--space-1);line-height:1.4}.pruefung-type-card-chevron{color:var(--text-muted);flex-shrink:0}.pruefung-hint-box{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--warning-light);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-6)}.pruefung-hint-icon{width:36px;height:36px;border-radius:50%;background:#ff950026;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-hint-title{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.pruefung-hint-text{display:block;font-size:13px;color:var(--text-secondary);line-height:1.5}.pruefung-detail-page{max-width:560px;margin:0 auto;padding:var(--space-2) var(--space-4) var(--space-10);min-height:100vh}.pruefung-detail-header{padding-bottom:var(--space-4)}.pruefung-detail-header-main{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4)}.pruefung-detail-header-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-detail-header-text{flex:1;min-width:0}.pruefung-detail-header-title{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.pruefung-detail-header-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.pruefung-detail-token-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#007aff14;border-radius:99px;font-size:14px;font-weight:700;color:#007aff;flex-shrink:0}.pruefung-detail-token-badge.zero{background:#ff3b3014;color:#ff3b30}.pruefung-aufbau-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-3) 0;cursor:pointer;transition:all var(--duration) var(--ease);text-align:left}.pruefung-aufbau-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.pruefung-aufbau-btn-text{flex:1;font-size:15px;font-weight:600;color:var(--text)}.pruefung-aufbau-btn-dauer{font-size:13px;color:var(--text-muted);font-weight:500}.pruefung-detail-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-4) var(--space-3)}.pruefung-detail-section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.pruefung-detail-refresh-btn{background:none;border:none;color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease);display:flex;align-items:center}.pruefung-detail-refresh-btn:hover{color:var(--primary);background:var(--primary-light)}.pruefung-detail-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.pruefung-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);gap:var(--space-4);color:var(--text-secondary);font-size:15px}.pruefung-detail-error{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);gap:var(--space-4);text-align:center}.pruefung-detail-error-text{font-size:15px;color:var(--text-secondary);line-height:1.5}.pruefung-detail-retry-btn{padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-detail-retry-btn:hover{background:var(--primary-dark)}.pruefung-detail-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);gap:var(--space-3);text-align:center}.pruefung-detail-empty-title{font-size:16px;font-weight:600;color:var(--text)}.pruefung-detail-empty-text{font-size:14px;color:var(--text-secondary)}.pruefung-set-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);transition:all var(--duration) var(--ease)}.pruefung-set-card:hover{box-shadow:var(--shadow-md)}.pruefung-set-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.pruefung-set-card-title-row{display:flex;align-items:center;gap:var(--space-3)}.pruefung-set-card-status-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-set-card-title-container{display:flex;flex-direction:column;gap:2px}.pruefung-set-card-name{font-size:16px;font-weight:700;color:var(--text)}.pruefung-set-card-status-text{font-size:13px;font-weight:500}.pruefung-set-card-attempts-badge{background:var(--border-light);color:var(--text-muted);font-size:12px;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:99px;flex-shrink:0}.pruefung-set-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:var(--space-3);padding-left:52px}.pruefung-set-card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-left:52px}.pruefung-set-card-primary-btn{flex:1;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 2px 8px #00000026}.pruefung-set-card-primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.pruefung-set-card-primary-btn:active{transform:translateY(0)}.pruefung-set-card-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pruefung-set-card-secondary-btn{padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-set-card-secondary-btn:hover{border-color:var(--primary);color:var(--primary)}.pruefung-exam-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pruefung-exam-header-badge{padding:var(--space-1) var(--space-3);border-radius:99px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;flex-shrink:0}.pruefung-exam-header-label{font-size:15px;font-weight:600;color:var(--text)}.pruefung-exam-header-timer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);background:var(--border-light);transition:all .3s var(--ease);flex-shrink:0}.pruefung-exam-header-timer.warning{color:#f59e0b;background:#f59e0b1f}.pruefung-exam-header-timer.critical{color:#ef4444;background:#ef44441f;animation:pruefung-timer-blink 1s ease-in-out infinite}.pruefung-progress-bar{height:3px;background:var(--border-light);overflow:hidden}.pruefung-progress-bar.audio{height:3px;background:#007aff26;border-radius:2px;margin-top:var(--space-3)}.pruefung-progress-bar.reading{height:3px;background:#8b5cf626;border-radius:2px;margin-top:var(--space-3)}.pruefung-progress-bar.paused{height:3px;background:#ff950026;border-radius:2px;margin-top:var(--space-3)}.pruefung-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .5s var(--ease)}.pruefung-progress-fill.reading{background:#8b5cf6}.pruefung-progress-fill.paused{background:#ff9500}.pruefung-progress-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);font-size:12px;font-weight:500;color:var(--text-muted)}.pruefung-submit-container{position:fixed;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(transparent,var(--bg) 30%);z-index:40}.pruefung-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:560px;margin:0 auto;padding:var(--space-4);border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 4px 16px #6366f159}.pruefung-submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.pruefung-submit-btn:active{transform:translateY(0)}.pruefung-submit-btn.disabled,.pruefung-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pruefung-skip-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md);background:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;margin-top:var(--space-4);transition:all var(--duration) var(--ease)}.pruefung-skip-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pruefung-aufgabe{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-3);transition:border-color var(--duration) var(--ease)}.pruefung-aufgabe-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.pruefung-aufgabe-nummer{width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-aufgabe-frage{font-size:15px;color:var(--text);line-height:1.5;flex:1;padding-top:3px}.pruefung-aufgabe-mc-options{display:flex;flex-direction:column;gap:var(--space-2)}.pruefung-aufgabe-mc-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-mc-option:hover{border-color:var(--primary);background:var(--primary-light)}.pruefung-aufgabe-mc-option.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary)}.pruefung-aufgabe-mc-option:disabled{opacity:.5;cursor:not-allowed}.pruefung-aufgabe-mc-letter{width:28px;height:28px;border-radius:50%;background:var(--border-light);color:var(--text-secondary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-mc-letter.selected{background:var(--primary);color:#fff}.pruefung-aufgabe-mc-text{font-size:14px;color:var(--text);line-height:1.4}.pruefung-aufgabe-rf-options{display:flex;gap:var(--space-3)}.pruefung-aufgabe-rf-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-rf-btn:hover{border-color:var(--primary)}.pruefung-aufgabe-rf-btn.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary)}.pruefung-aufgabe-rf-btn:disabled{opacity:.5;cursor:not-allowed}.pruefung-aufgabe-rf-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-rf-radio.selected{border-color:var(--primary)}.pruefung-aufgabe-rf-radio-inner{width:10px;height:10px;border-radius:50%;background:var(--primary)}.pruefung-aufgabe-rf-label{font-size:14px;font-weight:600;color:var(--text)}.pruefung-aufgabe-zuordnung-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pruefung-aufgabe-zuordnung-chip{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-zuordnung-chip:hover{border-color:var(--primary);background:var(--primary-light)}.pruefung-aufgabe-zuordnung-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #6366f14d}.pruefung-aufgabe-zuordnung-chip.used{opacity:.3;cursor:not-allowed}.pruefung-aufgabe-zuordnung-chip.disabled{opacity:.5;cursor:not-allowed}.pruefung-aufgabe-text-option-list{display:flex;flex-direction:column;gap:var(--space-2)}.pruefung-aufgabe-text-option-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-text-option-btn:hover{border-color:var(--primary)}.pruefung-aufgabe-text-option-btn.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary)}.pruefung-aufgabe-text-option-btn:disabled{opacity:.5;cursor:not-allowed}.pruefung-aufgabe-text-option-text{font-size:14px;color:var(--text);line-height:1.4;flex:1}.pruefung-aufgabe-text-option-check{color:var(--primary);flex-shrink:0}.pruefung-aufgabe-sb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.pruefung-aufgabe-sb-titel{font-size:16px;font-weight:700;color:var(--text)}.pruefung-aufgabe-sb-counter{padding:var(--space-1) var(--space-3);border-radius:99px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700}.pruefung-aufgabe-sb-anleitung{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.pruefung-aufgabe-sb-text{font-size:15px;line-height:2;color:var(--text)}.pruefung-aufgabe-sb-gap{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:2px var(--space-3);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);vertical-align:middle;margin:0 2px}.pruefung-aufgabe-sb-gap.empty{background:var(--border-light);border:1.5px dashed var(--border);color:var(--text-muted)}.pruefung-aufgabe-sb-gap.empty:hover{border-color:var(--primary);background:var(--primary-light)}.pruefung-aufgabe-sb-gap.filled{background:var(--primary-light);border:1.5px solid var(--primary);color:var(--primary)}.pruefung-aufgabe-sb-gap.filled:hover{background:#6366f133}.pruefung-aufgabe-sb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pruefung-aufgabe-sb-modal-content{width:100%;max-width:480px;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-5) var(--space-8);box-shadow:var(--shadow-xl);animation:pruefung-slide-up .25s var(--ease)}.pruefung-aufgabe-sb-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.pruefung-aufgabe-sb-modal-title{font-size:16px;font-weight:700;color:var(--text)}.pruefung-aufgabe-sb-modal-close{background:none;border:none;color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center}.pruefung-aufgabe-sb-modal-close:hover{background:var(--border-light)}.pruefung-aufgabe-sb-modal-options{display:flex;flex-direction:column;gap:var(--space-2)}.pruefung-aufgabe-sb-modal-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-sb-modal-option:hover{border-color:var(--primary)}.pruefung-aufgabe-sb-modal-option.selected{border-color:var(--primary);background:var(--primary-light)}.pruefung-aufgabe-sb-modal-letter{width:28px;height:28px;border-radius:50%;background:var(--border-light);color:var(--text-secondary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration) var(--ease)}.pruefung-aufgabe-sb-modal-letter.selected{background:var(--primary);color:#fff}.pruefung-aufgabe-sb-modal-option-text{font-size:14px;color:var(--text);flex:1}.pruefung-aufgabe-sb-modal-check{color:var(--primary);font-weight:700}.pruefung-aufgabe-fallback{background:var(--warning-light);border-color:#f59e0b4d}.pruefung-hoeren-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg)}.pruefung-hoeren-content{flex:1;overflow-y:auto;padding:var(--space-4);max-width:640px;margin:0 auto;width:100%}.pruefung-intro-card{text-align:center;padding:var(--space-8) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.pruefung-intro-card h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.pruefung-intro-card p{font-size:14px;color:var(--text-secondary)}.pruefung-intro-icon{width:64px;height:64px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.pruefung-audio-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);font-size:14px;color:var(--text-secondary);font-weight:500}.pruefung-audio-card{background:var(--surface);border:2px solid #007AFF;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--duration-slow) var(--ease)}.pruefung-audio-card.paused{border-color:#ff9500}.pruefung-audio-card.reading{border-color:#8b5cf6}.pruefung-audio-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.pruefung-audio-card-title{font-size:15px;font-weight:600;color:var(--text)}.pruefung-audio-status{display:flex;align-items:center;gap:var(--space-4)}.pruefung-audio-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#007aff1a;color:#007aff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-slow) var(--ease)}.pruefung-audio-icon.playing{background:#007aff26;animation:pruefung-record-pulse 1.5s ease-in-out infinite}.pruefung-audio-icon.paused{background:#ff95001a;color:#ff9500}.pruefung-audio-icon.reading{background:#8b5cf61a;color:#8b5cf6}.pruefung-audio-info{display:flex;flex-direction:column;gap:2px}.pruefung-audio-info-label{font-size:15px;font-weight:600;color:var(--text)}.pruefung-audio-info-timer{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.pruefung-audio-info-timer.reading{color:#8b5cf6}.pruefung-audio-info-timer.paused{color:#ff9500}.pruefung-audio-info-sub{font-size:13px;color:var(--text-muted)}.pruefung-review-card{text-align:center;padding:var(--space-8) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.pruefung-review-card h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.pruefung-review-icon{width:64px;height:64px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.pruefung-review-stats{font-size:15px;color:var(--text-secondary);font-weight:500}.pruefung-review-warning{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:14px;color:#ff9500;font-weight:500}.pruefung-review-hint{font-size:13px;color:var(--text-muted);margin-top:var(--space-3)}.pruefung-teil-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);opacity:.5;transition:all var(--duration-slow) var(--ease)}.pruefung-teil-section.active{opacity:1;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.pruefung-teil-section.completed{opacity:1}.pruefung-teil-header{display:flex;align-items:center;gap:var(--space-3);width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:var(--space-4);transition:all var(--duration) var(--ease)}.pruefung-teil-header.active{color:var(--primary)}.pruefung-teil-header.expanded{padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:0;margin-bottom:var(--space-4)}.pruefung-teil-header-badge{width:28px;height:28px;border-radius:50%;background:var(--border-light);color:var(--text-muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration) var(--ease)}.pruefung-teil-header-badge.active{background:var(--primary);color:#fff}.pruefung-teil-header-badge.completed{background:var(--success);color:#fff}.pruefung-teil-header-badge.paused{background:#ff950026;color:#ff9500}.pruefung-teil-header-badge.reading{background:#8b5cf626;color:#8b5cf6}.pruefung-teil-header-info{flex:1;min-width:0}.pruefung-teil-header-title{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);transition:color var(--duration) var(--ease)}.pruefung-teil-header-title.active{color:var(--text)}.pruefung-teil-header-range{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.pruefung-teil-live{display:flex;align-items:center;gap:var(--space-1);font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.pruefung-teil-live-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pruefung-pulse 1.5s ease-in-out infinite}.pruefung-teil-anleitung{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary-light);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.pruefung-teil-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--text-muted);font-size:14px}.pruefung-lesen-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg)}.pruefung-lesen-content{flex:1;overflow-y:auto;padding:var(--space-4);max-width:720px;margin:0 auto;width:100%}.pruefung-lesen-intro{display:flex;align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.pruefung-lesen-intro-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-lesen-intro-text h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:var(--space-1)}.pruefung-lesen-intro-text p{font-size:13px;color:var(--text-secondary);line-height:1.5}.pruefung-teil-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;transition:all var(--duration) var(--ease)}.pruefung-teil-card:hover{box-shadow:var(--shadow-sm)}.pruefung-teil-header-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.pruefung-teil-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration) var(--ease)}.pruefung-teil-icon.complete{background:var(--success);color:#fff}.pruefung-teil-title-wrap{flex:1;min-width:0}.pruefung-teil-title{display:block;font-size:15px;font-weight:600;color:var(--text)}.pruefung-teil-subtitle{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.pruefung-teil-content{padding:var(--space-4) var(--space-5) var(--space-5)}.pruefung-lesen-aufgaben-section{margin-top:var(--space-5)}.pruefung-lesen-aufgaben-section-header{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;color:var(--text);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.pruefung-lesen-aufgaben{display:flex;flex-direction:column;gap:0}.pruefung-lesen-keine-aufgaben{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);color:var(--text-muted);font-size:14px}.pruefung-lesen-text-standard{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-4);font-size:15px;line-height:1.7;color:var(--text)}.pruefung-lesen-text-standard h4{font-size:16px;font-weight:700;margin-bottom:var(--space-3)}.pruefung-lesen-text-standard h5{font-size:15px;font-weight:600;margin-bottom:var(--space-2);margin-top:var(--space-4)}.pruefung-lesen-abschnitt{margin-bottom:var(--space-4)}.pruefung-lesen-einleitung{font-size:14px;font-style:italic;color:var(--text-secondary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.pruefung-lesen-text-katalog{margin-bottom:var(--space-4)}.pruefung-lesen-produkt-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-lesen-produkt-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.pruefung-lesen-produkt-badge{width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-lesen-produkt-title{flex:1}.pruefung-lesen-produkt-name{display:block;font-size:15px;font-weight:700;color:var(--text)}.pruefung-lesen-produkt-preis{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.pruefung-lesen-preis-aktuell{font-size:16px;font-weight:800;color:var(--success)}.pruefung-lesen-preis-statt{font-size:13px;color:var(--text-muted);text-decoration:line-through}.pruefung-lesen-produkt-beschreibung{font-size:13px;color:var(--text-secondary);line-height:1.5}.pruefung-lesen-text-schild{margin-bottom:var(--space-4)}.pruefung-lesen-schild-card{background:var(--warning-light);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-lesen-schild-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.pruefung-lesen-schild-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);background:#f59e0b33;color:#d97706;font-size:12px;font-weight:700}.pruefung-lesen-schild-ort{font-size:12px;color:var(--text-muted);font-style:italic}.pruefung-lesen-schild-text{font-size:16px;font-weight:700;color:var(--text);text-align:center;padding:var(--space-3) 0;line-height:1.4}.pruefung-lesen-text-anzeige{margin-bottom:var(--space-4)}.pruefung-lesen-anzeige-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-lesen-anzeige-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.pruefung-lesen-anzeige-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700}.pruefung-lesen-anzeige-kategorie{font-size:12px;color:var(--text-muted);font-weight:500}.pruefung-lesen-anzeige-text{font-size:14px;color:var(--text);line-height:1.6}.pruefung-lesen-text-ueberschriften{margin-bottom:var(--space-4)}.pruefung-lesen-ueberschriften-optionen{background:var(--primary-light);border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.pruefung-lesen-ueberschriften-titel{font-size:14px;font-weight:700;color:var(--text);margin-bottom:var(--space-3)}.pruefung-lesen-ueberschriften-list{display:flex;flex-direction:column;gap:var(--space-2)}.pruefung-lesen-ueberschrift-option{display:flex;gap:var(--space-2);font-size:14px}.pruefung-lesen-ueberschrift-label{font-weight:700;color:var(--primary);flex-shrink:0}.pruefung-lesen-ueberschrift-text{color:var(--text)}.pruefung-lesen-texte-container{margin-top:var(--space-4)}.pruefung-lesen-texte-titel{font-size:14px;font-weight:700;color:var(--text);margin-bottom:var(--space-3)}.pruefung-lesen-text-card{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-lesen-text-nummer-badge{width:28px;height:28px;border-radius:50%;background:var(--border-light);color:var(--text-muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-lesen-text-content{font-size:14px;color:var(--text);line-height:1.6;flex:1}.pruefung-lesen-text-blog{margin-bottom:var(--space-4)}.pruefung-lesen-blog-thema{display:flex;align-items:center;gap:var(--space-2);background:var(--primary-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.pruefung-lesen-blog-thema-label{font-size:13px;font-weight:700;color:var(--primary)}.pruefung-lesen-blog-thema-text{font-size:14px;font-weight:600;color:var(--text)}.pruefung-lesen-blog-einleitung{font-size:14px;font-style:italic;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.pruefung-lesen-kommentar-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-lesen-kommentar-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.pruefung-lesen-kommentar-badge{width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-lesen-kommentar-autor{font-size:14px;font-weight:700;color:var(--text)}.pruefung-lesen-kommentar-datum{font-size:12px;color:var(--text-muted)}.pruefung-lesen-kommentar-text{font-size:14px;color:var(--text);line-height:1.6}.pruefung-lesen-text-leserbrief{margin-bottom:var(--space-4)}.pruefung-lesen-leserbrief-thema{display:flex;align-items:center;gap:var(--space-2);background:var(--warning-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.pruefung-lesen-leserbrief-thema-label{font-size:13px;font-weight:700;color:#d97706}.pruefung-lesen-leserbrief-thema-text{font-size:14px;font-weight:600;color:var(--text)}.pruefung-lesen-zusammenfassung{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);font-size:14px;color:var(--text-secondary);line-height:1.5}.pruefung-lesen-leserbrief-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-lesen-leserbrief-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.pruefung-lesen-leserbrief-badge{width:28px;height:28px;border-radius:50%;background:#f59e0b26;color:#d97706;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-lesen-leserbrief-autor{font-size:14px;font-weight:700;color:var(--text)}.pruefung-lesen-leserbrief-text{font-size:14px;color:var(--text);line-height:1.6}.pruefung-lesen-text-anleitung{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-4)}.pruefung-lesen-anleitung-produkt{font-size:17px;font-weight:800;color:var(--text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.pruefung-lesen-anleitung-abschnitt{margin-bottom:var(--space-4)}.pruefung-lesen-anleitung-abschnitt-titel{font-size:15px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.pruefung-lesen-anleitung-abschnitt-text{font-size:14px;color:var(--text);line-height:1.7}.pruefung-schreiben-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg)}.pruefung-schreiben-content{flex:1;overflow-y:auto;padding:var(--space-4);max-width:640px;margin:0 auto;width:100%}.pruefung-schreiben-auswahl-content{flex:1;overflow-y:auto;padding:var(--space-4);max-width:560px;margin:0 auto;width:100%}.pruefung-schreiben-auswahl-header{text-align:center;padding:var(--space-6) var(--space-4) var(--space-5)}.pruefung-schreiben-auswahl-header h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.pruefung-schreiben-auswahl-header p{font-size:14px;color:var(--text-secondary)}.pruefung-schreiben-auswahl-icon{width:64px;height:64px;border-radius:50%;background:#3b82f61a;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.pruefung-schreiben-task-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-schreiben-task-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pruefung-schreiben-task-card:active{transform:translateY(0)}.pruefung-schreiben-task-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.pruefung-schreiben-task-badge{padding:var(--space-1) var(--space-3);border-radius:99px;font-size:12px;font-weight:600}.pruefung-schreiben-task-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pruefung-schreiben-task-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:var(--space-2);line-height:1.3}.pruefung-schreiben-task-preview{font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3)}.pruefung-schreiben-task-info{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.pruefung-schreiben-task-info-item{display:flex;align-items:center;gap:var(--space-1);font-size:13px;color:var(--text-muted);font-weight:500}.pruefung-schreiben-task-select-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-schreiben-task-select-btn:hover{background:var(--primary-dark)}.pruefung-schreiben-back-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;padding:0;margin-bottom:var(--space-4);cursor:pointer;transition:opacity var(--duration) var(--ease)}.pruefung-schreiben-back-btn:hover{opacity:.7}.pruefung-schreiben-goethe-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.pruefung-schreiben-goethe-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-schreiben-goethe-tab:hover{border-color:var(--primary)}.pruefung-schreiben-goethe-tab.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.pruefung-schreiben-goethe-tab.done{border-color:var(--success);color:var(--success)}.pruefung-schreiben-header{margin-bottom:var(--space-4)}.pruefung-schreiben-header-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.pruefung-schreiben-wahl-badge{padding:var(--space-1) var(--space-3);border-radius:99px;background:var(--border-light);color:var(--text-muted);font-size:12px;font-weight:600}.pruefung-schreiben-empfaenger{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--text-secondary);margin-top:var(--space-2)}.pruefung-schreiben-situation{background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-schreiben-situation-header{display:flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:700;color:#3b82f6;margin-bottom:var(--space-2)}.pruefung-schreiben-situation p{font-size:14px;color:var(--text);line-height:1.6}.pruefung-schreiben-aufgabe{border-left:3px solid var(--primary);background:var(--primary-light);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-schreiben-aufgabe-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:var(--space-2)}.pruefung-schreiben-aufgabe p{font-size:14px;color:var(--text);line-height:1.6}.pruefung-schreiben-leitpunkte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-schreiben-leitpunkte-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3)}.pruefung-schreiben-leitpunkt{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--duration) var(--ease)}.pruefung-schreiben-leitpunkt:hover{opacity:.8}.pruefung-schreiben-leitpunkt-checkbox{width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration) var(--ease)}.pruefung-schreiben-leitpunkt-checkbox.checked{background:var(--success);border-color:var(--success)}.pruefung-schreiben-leitpunkt span.checked{text-decoration:line-through;color:var(--text-muted)}.pruefung-schreiben-hint{display:flex;align-items:center;gap:var(--space-3);background:var(--warning-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:13px;color:var(--text-secondary)}.pruefung-schreiben-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-schreiben-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.pruefung-schreiben-editor-label{font-size:14px;font-weight:600;color:var(--text)}.pruefung-schreiben-word-badge{padding:var(--space-1) var(--space-3);border-radius:99px;font-size:12px;font-weight:700;background:var(--border-light);color:var(--text-muted)}.pruefung-schreiben-word-badge.ok{background:var(--success-light);color:var(--success)}.pruefung-schreiben-word-badge.low{background:var(--warning-light);color:#d97706}.pruefung-schreiben-word-badge.high{background:var(--danger-light);color:var(--danger)}.pruefung-schreiben-textarea{width:100%;min-height:240px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);font-size:15px;line-height:1.8;color:var(--text);background:var(--bg);resize:vertical;font-family:var(--font);transition:border-color var(--duration) var(--ease)}.pruefung-schreiben-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-glow)}.pruefung-schreiben-textarea::placeholder{color:var(--text-muted)}.pruefung-schreiben-word-hint{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-top:var(--space-3)}.pruefung-schreiben-word-hint.low{background:var(--warning-light);color:#d97706}.pruefung-schreiben-word-hint.high{background:var(--danger-light);color:var(--danger)}.pruefung-schreiben-goethe-nav{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.pruefung-schreiben-goethe-nav-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-schreiben-goethe-nav-btn:hover{border-color:var(--primary);color:var(--primary)}.pruefung-sprechen-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg)}.pruefung-sprechen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-6);gap:var(--space-4);text-align:center}.pruefung-sprechen-error-text{font-size:15px;color:var(--text-secondary);line-height:1.5;max-width:320px}.pruefung-sprechen-retry-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-sprechen-retry-btn:hover{background:var(--primary-dark)}.pruefung-sprechen-phase-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4)}.pruefung-sprechen-phase-name{font-size:13px;font-weight:600;color:var(--text)}.pruefung-sprechen-phase-pct{font-size:12px;color:var(--text-muted);font-weight:500}.pruefung-sprechen-progress-track{height:4px;background:var(--border-light);margin:0 var(--space-4) var(--space-2);border-radius:2px;overflow:hidden}.pruefung-sprechen-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .5s var(--ease)}.pruefung-sprechen-pulsing{position:relative;width:80px;height:80px;margin-bottom:var(--space-2)}.pruefung-sprechen-pulsing-outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:.2;animation:pruefung-pulse 2s ease-in-out infinite}.pruefung-sprechen-pulsing-inner{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pruefung-sprechen-processing-text{font-size:15px;color:var(--text-secondary);font-weight:500}.pruefung-sprechen-finishing-title{font-size:20px;font-weight:700;color:var(--text)}.pruefung-sprechen-pruefer-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#34c759,#30d158);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #34c7594d}.pruefung-sprechen-avatar-label{font-size:14px;font-weight:600;color:var(--text)}.pruefung-sprechen-wave-container{display:flex;align-items:center;justify-content:center;gap:4px;height:32px}.pruefung-sprechen-wave-bar{width:4px;height:100%;border-radius:2px;animation:pruefung-wave .6s ease-in-out infinite}.pruefung-sprechen-status-text{font-size:15px;font-weight:500;color:var(--text-secondary)}.pruefung-sprechen-pruefer-text{font-size:16px;font-style:italic;color:var(--text);line-height:1.5;max-width:360px}.pruefung-sprechen-skip-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;margin-top:var(--space-3);transition:all var(--duration) var(--ease)}.pruefung-sprechen-skip-btn:hover{border-color:var(--primary);color:var(--primary)}.pruefung-sprechen-recording-scroll{flex:1;overflow-y:auto;padding:var(--space-4)}.pruefung-sprechen-resume-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:#ff95001a;border:1px solid rgba(255,149,0,.25);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:#ff9500;margin-bottom:var(--space-4)}.pruefung-sprechen-recording-ring{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,59,48,.3);display:flex;align-items:center;justify-content:center;animation:pruefung-record-pulse 1.5s ease-in-out infinite}.pruefung-sprechen-recording-dot{width:32px;height:32px;border-radius:50%;background:#ff3b30;box-shadow:0 0 16px #ff3b3066}.pruefung-sprechen-timer{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.pruefung-sprechen-hint-text{font-size:14px;color:var(--text-secondary);font-weight:500}.pruefung-sprechen-max-hint{font-size:12px;color:var(--text-muted)}.pruefung-sprechen-stop-btn{width:64px;height:64px;border-radius:50%;border:none;background:#ff3b30;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #ff3b304d;transition:all var(--duration) var(--ease)}.pruefung-sprechen-stop-btn:hover{transform:scale(1.05)}.pruefung-sprechen-stop-btn:active{transform:scale(.95)}.pruefung-sprechen-ready-title{font-size:24px;font-weight:700;color:var(--text)}.pruefung-sprechen-ready-subtitle{font-size:15px;color:var(--text-secondary)}.pruefung-sprechen-question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);max-width:400px;width:100%;text-align:left}.pruefung-sprechen-question-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pruefung-sprechen-question-text{font-size:15px;color:var(--text);line-height:1.5}.pruefung-sprechen-record-btn{width:80px;height:80px;border-radius:50%;border:none;background:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 24px #6366f166;transition:all var(--duration) var(--ease)}.pruefung-sprechen-record-btn:hover{transform:scale(1.08);box-shadow:0 6px 32px #6366f180}.pruefung-sprechen-record-btn:active{transform:scale(.95)}.pruefung-ergebnis-page{max-width:640px;margin:0 auto;min-height:100vh}.pruefung-ergebnis-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);gap:var(--space-4);text-align:center;min-height:60vh}.pruefung-ergebnis-state h2{font-size:20px;font-weight:700;color:var(--text)}.pruefung-ergebnis-state p{font-size:14px;color:var(--text-secondary);max-width:320px}.pruefung-ergebnis-state-button{padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-ergebnis-state-button:hover{background:var(--primary-dark)}.pruefung-ergebnis-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)}.pruefung-ergebnis-header-title{font-size:18px;font-weight:700;color:var(--text)}.pruefung-ergebnis-header-btn{width:44px;height:44px;border-radius:var(--radius-md);border:none;background:var(--border-light);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-ergebnis-header-btn:hover{background:var(--border)}.pruefung-ergebnis-scroll{padding:0 var(--space-4)}.pruefung-ergebnis-banner{text-align:center;padding:var(--space-8) var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-5)}.pruefung-ergebnis-banner.passed{background:linear-gradient(135deg,#10b9811a,#34d39914);border:1px solid rgba(16,185,129,.25)}.pruefung-ergebnis-banner.failed{background:linear-gradient(135deg,#ef44441a,#f8717114);border:1px solid rgba(239,68,68,.25)}.pruefung-ergebnis-banner-emoji{font-size:48px;display:block;margin-bottom:var(--space-3)}.pruefung-ergebnis-banner-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:var(--space-2)}.pruefung-ergebnis-banner-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-5)}.pruefung-ergebnis-banner-score{display:inline-flex;flex-direction:column;align-items:center;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-sm)}.pruefung-ergebnis-banner-score-percent{font-size:32px;font-weight:800;color:var(--text)}.pruefung-ergebnis-banner-score-label{font-size:12px;color:var(--text-muted);font-weight:500}.pruefung-ergebnis-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.pruefung-ergebnis-note-label{font-size:13px;color:var(--text-secondary);font-weight:500}.pruefung-ergebnis-note-value{font-size:15px;font-weight:700;color:var(--text)}.pruefung-ergebnis-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.pruefung-ergebnis-card-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:var(--space-5)}.pruefung-ergebnis-teil{margin-bottom:var(--space-5)}.pruefung-ergebnis-teil-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.pruefung-ergebnis-teil-label{display:flex;align-items:center;gap:var(--space-2);font-size:15px;font-weight:600;color:var(--text)}.pruefung-ergebnis-teil-score{display:flex;align-items:center;gap:var(--space-2);font-size:14px}.pruefung-ergebnis-teil-bar{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden;position:relative;margin-bottom:var(--space-3)}.pruefung-ergebnis-teil-bar.gesamt{height:10px;border-radius:5px}.pruefung-ergebnis-teil-fill{height:100%;border-radius:4px;transition:width .8s var(--ease)}.pruefung-ergebnis-schwelle-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text-muted);border-radius:1px;z-index:1}.pruefung-ergebnis-badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.pruefung-ergebnis-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:99px;font-size:12px;font-weight:600}.pruefung-ergebnis-badge.success{background:var(--success-light);color:#059669}.pruefung-ergebnis-badge.error{background:var(--danger-light);color:#dc2626}.pruefung-ergebnis-badge.warning{background:var(--warning-light);color:#d97706}.pruefung-ergebnis-teil-feedback{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:13px;line-height:1.5}.pruefung-ergebnis-gesamt{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.pruefung-ergebnis-gesamt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.pruefung-ergebnis-gesamt-label{font-size:15px;font-weight:700;color:var(--text)}.pruefung-ergebnis-gesamt-score{font-size:15px;font-weight:700}.pruefung-ergebnis-aussprache{background:var(--bg);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-top:var(--space-2);margin-bottom:var(--space-4)}.pruefung-ergebnis-aussprache-header{display:flex;align-items:center;gap:var(--space-2)}.pruefung-ergebnis-aussprache-label{flex:1;font-size:13px;font-weight:600;color:var(--text-secondary)}.pruefung-ergebnis-aussprache-punkte{font-size:14px;font-weight:700}.pruefung-ergebnis-aussprache-kommentar{font-size:13px;font-style:italic;color:var(--text-muted);margin-top:var(--space-2);line-height:1.5}.pruefung-ergebnis-recommendation{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.pruefung-ergebnis-recommendation-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.pruefung-ergebnis-recommendation-title{font-size:16px;font-weight:700;color:var(--text)}.pruefung-ergebnis-recommendation-text{font-size:14px;color:var(--text);line-height:1.6;margin-bottom:var(--space-3)}.pruefung-ergebnis-recommendation-hint{font-size:13px;color:var(--text-secondary);line-height:1.5}.pruefung-ergebnis-detail{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.pruefung-ergebnis-detail-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);background:none;border:none;cursor:pointer;transition:background var(--duration) var(--ease)}.pruefung-ergebnis-detail-toggle:hover{background:var(--border-light)}.pruefung-ergebnis-detail-toggle-left{display:flex;align-items:center;gap:var(--space-2)}.pruefung-ergebnis-detail-toggle-label{font-size:14px;font-weight:600;color:var(--text)}.pruefung-ergebnis-detail-toggle-right{display:flex;align-items:center;gap:var(--space-2)}.pruefung-ergebnis-detail-content{padding:0 var(--space-4) var(--space-4)}.pruefung-ergebnis-detail-teil{margin-bottom:var(--space-4)}.pruefung-ergebnis-detail-teil-header{font-size:13px;font-weight:600;color:var(--text-secondary);padding:var(--space-2) 0 var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.pruefung-ergebnis-detail-frage{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-light)}.pruefung-ergebnis-detail-frage:last-child{border-bottom:none}.pruefung-ergebnis-detail-frage.correct,.pruefung-ergebnis-detail-frage.wrong{background:transparent}.pruefung-ergebnis-detail-frage-icon{flex-shrink:0;padding-top:2px}.pruefung-ergebnis-detail-frage-content{flex:1;min-width:0}.pruefung-ergebnis-detail-frage-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.pruefung-ergebnis-detail-frage-title{font-size:14px;font-weight:600;color:var(--text)}.pruefung-ergebnis-detail-frage-wrong-info{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-1);font-size:13px;color:var(--text-secondary)}.pruefung-ergebnis-detail-label{font-weight:600;color:var(--text-muted)}.pruefung-ergebnis-detail-correct{color:var(--success);font-weight:600}.pruefung-ergebnis-detail-fallback{font-size:14px;color:var(--text-secondary);padding:var(--space-2) 0}.pruefung-ergebnis-detail-text{font-size:14px;color:var(--text);line-height:1.7;padding-top:var(--space-3);white-space:pre-wrap}.pruefung-ergebnis-expand-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0}.pruefung-ergebnis-feedback-section{border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.pruefung-ergebnis-feedback-section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.pruefung-ergebnis-feedback-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:14px;color:var(--text);line-height:1.5;padding:var(--space-1) 0}.pruefung-ergebnis-feedback-bullet{font-size:18px;line-height:1;flex-shrink:0}.pruefung-ergebnis-retry{background:var(--warning-light);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.pruefung-ergebnis-retry-title{font-size:17px;font-weight:700;color:#1f2937;margin-bottom:var(--space-2)}.pruefung-ergebnis-retry-subtitle{font-size:14px;color:#374151;margin-bottom:var(--space-4)}.pruefung-ergebnis-retry-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#f59e0b;color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-ergebnis-retry-button:hover{background:#d97706}.pruefung-ergebnis-retry-token-info{display:block;font-size:12px;color:var(--text-muted);margin-top:var(--space-3)}.pruefung-ergebnis-goethe-hint{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--warning-light);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);font-size:14px;color:var(--text);line-height:1.5}.pruefung-ergebnis-werbung{border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.pruefung-ergebnis-werbung-text{font-size:14px;color:var(--text);line-height:1.5;margin-bottom:var(--space-4)}.pruefung-ergebnis-werbung-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-ergebnis-werbung-button:hover{opacity:.9;transform:translateY(-1px)}.pruefung-ergebnis-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.pruefung-ergebnis-action-primary{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:0 2px 8px #6366f14d}.pruefung-ergebnis-action-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.pruefung-ergebnis-action-secondary{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-ergebnis-action-secondary:hover{border-color:var(--primary);color:var(--primary)}.pruefung-ergebnis-token-footer{text-align:center;font-size:12px;color:var(--text-muted);padding:var(--space-2) 0}.pruefung-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:var(--space-4);animation:pruefung-fade-in .2s var(--ease)}.pruefung-modal-content{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-xl);text-align:center;animation:pruefung-scale-in .25s var(--ease)}.pruefung-modal-content h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.pruefung-modal-content p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-5)}.pruefung-modal-icon{margin-bottom:var(--space-4)}.pruefung-modal-warning-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--warning-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:13px;color:#d97706;font-weight:500;margin-bottom:var(--space-5)}.pruefung-modal-buttons{display:flex;gap:var(--space-3)}.pruefung-modal-cancel{flex:1;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-modal-cancel:hover{background:var(--border-light)}.pruefung-modal-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-modal-confirm:hover{background:var(--primary-dark)}.pruefung-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.pruefung-modal-confirm.warning{background:#f59e0b}.pruefung-modal-confirm.warning:hover{background:#d97706}.pruefung-aufbau-modal{width:100%;max-width:480px;max-height:90vh;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:var(--shadow-xl);animation:pruefung-slide-up .3s var(--ease);z-index:1001}.pruefung-aufbau-modal-content{display:flex;flex-direction:column;max-height:90vh}.pruefung-modal-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:var(--space-3) auto var(--space-4)}.pruefung-aufbau-modal-header{padding:0 var(--space-5) var(--space-4);text-align:center}.pruefung-aufbau-modal-title{font-size:18px;font-weight:700;color:var(--text)}.pruefung-aufbau-modal-subtitle{font-size:13px;color:var(--text-secondary);margin-top:var(--space-1)}.pruefung-aufbau-modal-scroll{flex:1;overflow-y:auto;padding:0 var(--space-5)}.pruefung-aufbau-section{margin-bottom:var(--space-4)}.pruefung-aufbau-section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.pruefung-aufbau-section-title{font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--text)}.pruefung-aufbau-section-dauer{font-size:12px;color:var(--text-muted)}.pruefung-aufbau-teile{padding-left:var(--space-2)}.pruefung-aufbau-teil-row{display:flex;gap:var(--space-3)}.pruefung-aufbau-teil-connector{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0}.pruefung-aufbau-teil-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.pruefung-aufbau-teil-line{width:1px;flex:1;background:var(--border);margin:4px 0}.pruefung-aufbau-teil-content{flex:1;padding-bottom:var(--space-3)}.pruefung-aufbau-teil-name{display:block;font-size:14px;font-weight:600;color:var(--text)}.pruefung-aufbau-teil-info{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.pruefung-aufbau-section-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.pruefung-aufbau-modal-close-btn{width:100%;padding:var(--space-4);border:none;background:var(--border-light);color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:background var(--duration) var(--ease);border-radius:0}.pruefung-aufbau-modal-close-btn:hover{background:var(--border)}.pruefung-warning-modal{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:pruefung-scale-in .25s var(--ease)}.pruefung-warning-modal-content{padding:var(--space-8) var(--space-6);text-align:center}.pruefung-warning-modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.pruefung-warning-modal-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:var(--space-3)}.pruefung-warning-modal-set-name{display:block;font-size:16px;font-weight:600;color:var(--primary);margin-bottom:var(--space-5)}.pruefung-warning-modal-info{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);text-align:left}.pruefung-warning-modal-info-row{display:flex;align-items:center;gap:var(--space-3)}.pruefung-warning-modal-info-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pruefung-warning-modal-info-text{font-size:14px;color:var(--text)}.pruefung-warning-modal-tip{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--border-light);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);text-align:left}.pruefung-warning-modal-tip-text{font-size:13px;color:var(--text-muted);line-height:1.4}.pruefung-warning-modal-buttons{display:flex;gap:var(--space-3)}.pruefung-warning-modal-cancel-btn{flex:1;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-warning-modal-cancel-btn:hover{background:var(--border-light)}.pruefung-warning-modal-cancel-btn:disabled{opacity:.5}.pruefung-warning-modal-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-warning-modal-confirm-btn:hover{filter:brightness(1.1)}.pruefung-warning-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.pruefung-ergebnis-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:var(--space-4);animation:pruefung-fade-in .2s var(--ease)}.pruefung-ergebnis-modal{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:pruefung-scale-in .25s var(--ease)}.pruefung-ergebnis-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.pruefung-ergebnis-modal-header h3{font-size:17px;font-weight:700;color:var(--text)}.pruefung-ergebnis-modal-close{background:none;border:none;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;display:flex}.pruefung-ergebnis-modal-close:hover{background:var(--border-light)}.pruefung-ergebnis-modal-message{padding:0 var(--space-5) var(--space-4);font-size:14px;color:var(--text-secondary);line-height:1.5}.pruefung-ergebnis-modal-actions{display:flex;gap:var(--space-3);padding:0 var(--space-5) var(--space-5)}.pruefung-ergebnis-modal-cancel{flex:1;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-ergebnis-modal-cancel:hover{background:var(--border-light)}.pruefung-ergebnis-modal-confirm{flex:1;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.pruefung-ergebnis-modal-confirm:hover{background:var(--primary-dark)}@keyframes pruefung-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pruefung-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes pruefung-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.2}}@keyframes pruefung-record-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes pruefung-timer-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes pruefung-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pruefung-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pruefung-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root.dark .pruefung-error-banner{background:#ef44441a;border-color:#ef444440;color:#fca5a5}:root.dark .pruefung-error-banner button,:root.dark .pruefung-error-dismiss{color:#fca5a5}:root.dark .pruefung-exam-header{background:#151b2bf2;border-bottom-color:var(--border)}:root.dark .pruefung-audio-card{background:var(--surface)}:root.dark .pruefung-aufgabe{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-aufgabe-mc-option{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-aufgabe-mc-option:hover{background:#6366f11a}:root.dark .pruefung-aufgabe-mc-option.selected{background:#6366f126}:root.dark .pruefung-aufgabe-mc-letter{background:var(--border);color:var(--text-muted)}:root.dark .pruefung-aufgabe-rf-btn{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-aufgabe-rf-btn.selected{background:#6366f126}:root.dark .pruefung-aufgabe-zuordnung-chip{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-aufgabe-text-option-btn{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-aufgabe-text-option-btn.selected{background:#6366f126}:root.dark .pruefung-aufgabe-sb-gap.empty{background:var(--border);border-color:var(--text-muted)}:root.dark .pruefung-aufgabe-sb-gap.filled{background:#6366f126}:root.dark .pruefung-aufgabe-sb-modal-content{background:var(--surface)}:root.dark .pruefung-aufgabe-sb-modal-option{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-aufgabe-sb-modal-option.selected{background:#6366f126}:root.dark .pruefung-modal-content,:root.dark .pruefung-warning-modal,:root.dark .pruefung-aufbau-modal,:root.dark .pruefung-ergebnis-modal{background:var(--surface)}:root.dark .pruefung-modal-cancel,:root.dark .pruefung-warning-modal-cancel-btn,:root.dark .pruefung-ergebnis-modal-cancel{background:var(--surface);border-color:var(--border);color:var(--text)}:root.dark .pruefung-schreiben-textarea{background:var(--bg);color:var(--text);border-color:var(--border)}:root.dark .pruefung-schreiben-textarea:focus{border-color:var(--primary)}:root.dark .pruefung-schreiben-task-card{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-schreiben-situation{background:#3b82f614;border-color:#3b82f633}:root.dark .pruefung-schreiben-aufgabe{background:#6366f114}:root.dark .pruefung-schreiben-goethe-tab{background:var(--surface);border-color:var(--border)}:root.dark .pruefung-lesen-text-standard,:root.dark .pruefung-lesen-produkt-card,:root.dark .pruefung-lesen-anzeige-card,:root.dark .pruefung-lesen-kommentar-card,:root.dark .pruefung-lesen-leserbrief-card,:root.dark .pruefung-lesen-text-card,:root.dark .pruefung-lesen-text-anleitung{background:var(--bg);border-color:var(--border)}:root.dark .pruefung-lesen-schild-card{background:#f59e0b14;border-color:#f59e0b33}:root.dark .pruefung-ergebnis-banner.passed{background:linear-gradient(135deg,#10b9811f,#34d39914);border-color:#10b9814d}:root.dark .pruefung-ergebnis-banner.failed{background:linear-gradient(135deg,#ef44441f,#f8717114);border-color:#ef44444d}:root.dark .pruefung-ergebnis-banner-score{background:var(--surface)}:root.dark .pruefung-ergebnis-feedback-section{color:#1f2937}:root.dark .pruefung-ergebnis-feedback-section h4,:root.dark .pruefung-ergebnis-feedback-section li,:root.dark .pruefung-ergebnis-feedback-section p,:root.dark .pruefung-ergebnis-feedback-section span{color:#1f2937}:root.dark .pruefung-ergebnis-retry-title{color:#f5f5f7}:root.dark .pruefung-ergebnis-retry-subtitle,:root.dark .pruefung-ergebnis-retry-token-info{color:#e5e7eb}:root.dark .pruefung-ergebnis-werbung,:root.dark .pruefung-ergebnis-werbung-text{color:#1f2937}:root.dark .pruefung-submit-container{background:linear-gradient(transparent,var(--bg) 30%)}@media (max-width: 768px){.pruefung-exam-header{flex-wrap:wrap;gap:var(--space-2)}.pruefung-set-card-actions{flex-direction:column}.pruefung-audio-card,.pruefung-lesen-produkt-card,.pruefung-lesen-anzeige-card,.pruefung-lesen-schild-card,.pruefung-lesen-kommentar-card,.pruefung-lesen-leserbrief-card{padding:var(--space-3)}.pruefung-ergebnis-banner-score{font-size:2.5rem}.pruefung-modal-content{padding:var(--space-4);margin:var(--space-3)}.pruefung-aufgabe-zuordnung-chips{flex-wrap:wrap}.pruefung-schreiben-textarea{min-height:150px}.pruefung-type-card{gap:var(--space-3)}.pruefung-sprechen-recording-ring{width:100px;height:100px}}@media (max-width: 480px){.pruefung-select-page,.pruefung-detail-page{padding:var(--space-2) var(--space-3) var(--space-8)}.pruefung-select-header-title{font-size:22px}.pruefung-type-card{padding:var(--space-4)}.pruefung-type-card-icon{width:44px;height:44px}.pruefung-set-card-desc,.pruefung-set-card-actions{padding-left:0}.pruefung-exam-header{padding:var(--space-2) var(--space-3)}.pruefung-exam-header-timer{font-size:13px;padding:var(--space-1) var(--space-2)}.pruefung-hoeren-content,.pruefung-lesen-content,.pruefung-schreiben-content{padding:var(--space-3)}.pruefung-aufgabe{padding:var(--space-4)}.pruefung-teil-content{padding:var(--space-3) var(--space-4) var(--space-4)}.pruefung-ergebnis-scroll{padding:0 var(--space-3)}.pruefung-ergebnis-card{padding:var(--space-4)}.pruefung-ergebnis-banner{padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg)}.pruefung-ergebnis-banner-score-percent{font-size:28px}.pruefung-sprechen-pulsing{width:64px;height:64px}.pruefung-sprechen-pulsing-inner{top:8px;right:8px;bottom:8px;left:8px}.pruefung-sprechen-timer{font-size:28px}.pruefung-schreiben-textarea{min-height:200px}}@media (max-width: 360px){.pruefung-select-header-title{font-size:20px}.pruefung-detail-header-title{font-size:18px}.pruefung-warning-modal-buttons,.pruefung-modal-buttons,.pruefung-ergebnis-modal-actions{flex-direction:column}}[dir=rtl] .pruefung-back-btn{flex-direction:row-reverse}[dir=rtl] .pruefung-schreiben-aufgabe{border-left:none;border-right:3px solid var(--primary);border-radius:var(--radius-md) 0 0 var(--radius-md)}[dir=rtl] .pruefung-set-card-desc,[dir=rtl] .pruefung-set-card-actions{padding-left:0;padding-right:52px}[dir=rtl] .pruefung-aufbau-teile{padding-left:0;padding-right:var(--space-2)}@media (prefers-reduced-motion: reduce){.conj-card,.vocab-card,.pronunciation-card{animation:none!important;transition:none!important}}.pd-fade-in{opacity:0;transform:translateY(16px);animation:pdFadeIn .5s var(--ease) forwards;animation-delay:var(--delay, 0ms)}@keyframes pdFadeIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.pd-fade-in{animation:none;opacity:1;transform:none}}.pd-page{max-width:1040px;margin:0 auto;padding:0 var(--space-6) 80px;display:flex;flex-direction:column;gap:var(--space-10)}.pd-not-found{text-align:center;padding:80px var(--space-5)}.pd-not-found h2{font-family:var(--font-display);font-size:1.6rem;margin-bottom:var(--space-4);color:var(--text)}.pd-not-found a{color:var(--primary);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;transition:opacity var(--duration) var(--ease)}.pd-not-found a:hover{opacity:.7}.pd-breadcrumb{display:flex;align-items:center;gap:6px;padding:var(--space-4) 0;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.pd-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color var(--duration) var(--ease)}.pd-breadcrumb a:hover{color:var(--primary)}.pd-breadcrumb-sep{opacity:.4;font-size:11px}.pd-breadcrumb>span:last-child{color:var(--text-secondary);font-weight:500}.pd-main{display:flex;gap:0;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.pd-image-col{flex:0 0 460px;padding:var(--space-8) var(--space-6);display:flex;align-items:flex-start;justify-content:center;background:var(--bg);position:relative}.pd-gallery{display:flex;gap:var(--space-3);width:100%}.pd-thumbnails{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0;max-height:380px;overflow-y:auto;scrollbar-width:none}.pd-thumbnails::-webkit-scrollbar{display:none}.pd-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:2px;background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s;flex-shrink:0}.pd-thumb:hover{border-color:var(--border);box-shadow:0 0 0 1px var(--border)}.pd-thumb.active{border-color:var(--text)}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px}.pd-image-wrapper{position:relative;flex:1;height:0;height:auto;padding-bottom:0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#fff;cursor:crosshair;border:1px solid var(--border-light)}.pd-image{width:100%;height:100%;object-fit:contain;transition:transform .15s ease;will-change:transform}.pd-image-fallback{width:100%;height:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.pd-level-badge{position:absolute;top:var(--space-3);left:var(--space-3);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--radius-sm);letter-spacing:.04em;box-shadow:0 2px 8px #00000026}.pd-video-section{text-align:center}.pd-video-heading{font-size:1.35rem;font-weight:400;margin-bottom:var(--space-6);color:var(--text)}.pd-video-wrapper{max-width:760px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid var(--border)}.pd-video{width:100%;display:block}.pd-info-col{flex:1;padding:var(--space-8) var(--space-10) var(--space-8);min-width:0;display:flex;flex-direction:column}.pd-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.pd-level-tag{color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.06em;text-transform:uppercase}.pd-type-tag{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.pd-serif{font-family:var(--font-display)}.pd-title{font-size:1.65rem;font-weight:400;color:var(--text);margin:var(--space-2) 0 var(--space-3);line-height:1.2;letter-spacing:-.02em}.pd-rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.pd-stars{color:var(--warning);font-size:14px;letter-spacing:2px}.pd-rating-text{font-size:13px;color:var(--text-muted)}.pd-price-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.pd-price{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.03em;font-feature-settings:"tnum"}.pd-price-original{font-size:1rem;color:var(--text-muted);text-decoration:line-through;font-feature-settings:"tnum"}.pd-price-info{font-size:12px;color:var(--text-muted)}.pd-price-access{display:block;font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-5)}.pd-selector-section{margin-bottom:var(--space-4)}.pd-selector-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.pd-module-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.pd-module-option{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;padding:var(--space-2) var(--space-4);text-align:center;min-width:68px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}.pd-module-option:hover{border-color:var(--text-muted)}.pd-module-option.active{border-color:currentColor}.pd-module-option-label{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}.pd-module-option-price{display:block;font-size:12px;color:var(--text-muted);font-feature-settings:"tnum"}.pd-module-option--disabled{opacity:.45;cursor:default;pointer-events:none;border-style:dashed}.pd-module-option-soon{display:block;font-size:10px;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.pd-bundle-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.pd-bundle-option{position:relative;border:1.5px solid var(--border);background:var(--surface);border-radius:10px;padding:var(--space-2) var(--space-3);min-width:0;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;font-family:inherit;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center}a.pd-bundle-option{text-decoration:none;color:var(--text)}.pd-bundle-option:hover{border-color:var(--text-muted)}.pd-bundle-option.active{border-color:currentColor}.pd-bundle-option-label{display:block;font-size:13px;font-weight:700;letter-spacing:-.01em}.pd-bundle-option-sub{display:block;font-size:10px;color:var(--text-muted);margin-top:1px}.pd-bundle-option-price{display:block;font-size:12px;font-weight:700;margin-top:2px;color:var(--text-muted);font-feature-settings:"tnum"}.pd-bundle-option--disabled{opacity:.45;cursor:default;pointer-events:none;border-style:dashed}.pd-buy-btn{width:100%;padding:16px var(--space-5);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:var(--space-5);margin-bottom:var(--space-4);letter-spacing:.01em;transition:opacity .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.pd-buy-btn:hover{opacity:.9}.pd-buy-btn:active{transform:scale(.98)}.pd-buy-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pd-trust-badges{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;padding:var(--space-4) 0 0;border-top:1px solid var(--border-light)}.pd-trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);font-weight:500;padding:5px 10px;background:#10b9810f;border-radius:var(--radius-sm)}.pd-trust-badge svg{color:var(--success);flex-shrink:0}.pd-trust-badge-star svg{color:var(--warning)}.pd-keypoints{display:flex;gap:var(--space-10);padding:0}.pd-keypoints-col{flex:1}.pd-keypoints-heading{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--text);margin-bottom:var(--space-4);letter-spacing:-.01em}.pd-keypoints-list{list-style:none;padding:0;margin:0}.pd-keypoints-item{padding:var(--space-2) 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.5}.pd-keypoints-item svg{flex-shrink:0;margin-top:3px}.pd-keypoints-item--feature svg{color:var(--success)}.pd-keypoints-item--objective svg{color:var(--a1)}.pd-description{padding:0}.pd-description-heading{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--text);margin-bottom:var(--space-4);letter-spacing:-.01em}.pd-description-text{font-size:16px;line-height:1.75;color:var(--text-secondary);max-width:760px}.pd-description-text h2{font-family:var(--font-display);font-size:1.2rem;font-weight:400;color:var(--text);margin:var(--space-6) 0 var(--space-3)}.pd-description-text h2:first-child{margin-top:0}.pd-description-text h3{font-size:.95rem;font-weight:600;color:var(--text);margin:var(--space-5) 0 var(--space-2)}.pd-description-text p{margin-bottom:var(--space-3)}.pd-description-text ul{padding-left:var(--space-5);margin-bottom:var(--space-3)}.pd-description-text li{margin-bottom:var(--space-1)}.pd-description-text b,.pd-description-text strong{color:var(--text);font-weight:600}.pd-description-text small{font-size:12px;color:var(--text-muted)}.pd-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;animation:pd-lb-in .2s ease}@keyframes pd-lb-in{0%{opacity:0}to{opacity:1}}.pd-lightbox-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.7;transition:opacity .15s;z-index:2;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.pd-lightbox-close:hover{opacity:1}.pd-lightbox-content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:90vh}.pd-lightbox-img{max-width:70vw;max-height:70vh;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none}.pd-lightbox-thumbs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pd-lightbox-thumb{width:56px;height:56px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.2);padding:2px;background:#ffffff0d;cursor:pointer;transition:border-color .15s,opacity .15s;opacity:.5}.pd-lightbox-thumb:hover{opacity:.8}.pd-lightbox-thumb.active{border-color:#fff;opacity:1}.pd-lightbox-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px}.pd-lightbox-counter{color:#ffffff80;font-size:13px}.pd-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;z-index:2}.pd-lightbox-arrow:hover{background:#fff3}.pd-lightbox-prev{left:20px}.pd-lightbox-next{right:20px}@media (max-width: 480px){.pd-lightbox-prev{left:8px}.pd-lightbox-next{right:8px}.pd-lightbox-arrow{width:40px;height:40px}.pd-lightbox-img{max-width:95vw}.pd-included-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pd-page{padding:0 1px 72px;gap:var(--space-6)}.pd-main{flex-direction:column;box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.pd-image-col{flex:none;padding:0;width:100%}.pd-gallery{flex-direction:column-reverse;gap:var(--space-2);padding:var(--space-2)}.pd-thumbnails{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding-bottom:2px}.pd-thumb{width:52px;height:52px}.pd-image-wrapper{cursor:default;border-radius:0;border:none}.pd-video-section{margin-top:var(--space-6);padding:0 var(--space-1)}.pd-video-heading{font-size:1.2rem}.pd-video-wrapper{border-radius:12px}.pd-info-col{padding:var(--space-4)}.pd-title{font-size:1.3rem}.pd-price{font-size:1.6rem}.pd-module-selector{grid-template-columns:repeat(4,1fr);gap:6px}.pd-module-option{min-width:0;padding:10px var(--space-2);min-height:48px}.pd-bundle-selector{grid-template-columns:1fr 1fr}.pd-keypoints{flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-1);margin-top:var(--space-6)}.pd-buy-btn{padding:18px var(--space-5);font-size:16px;min-height:56px}.pd-trust-badges{gap:var(--space-2)}.pd-trust-badge{font-size:11px;padding:4px 8px}.pd-breadcrumb{padding:var(--space-2) var(--space-2)}}[dir=rtl] .pd-breadcrumb-sep{transform:scaleX(-1)}[dir=rtl] .pd-level-badge{left:auto;right:var(--space-3)}[dir=rtl] .pd-lightbox-prev{left:auto;right:20px}[dir=rtl] .pd-lightbox-next{right:auto;left:20px}[dir=rtl] .pd-lightbox-close{right:auto;left:12px}[dir=rtl] .pd-curriculum-topics{padding-left:0;padding-right:36px}[dir=rtl] .pd-curriculum-topic:not(:last-child):after{margin-left:0;margin-right:6px}[dir=rtl] .pd-description-text ul{padding-left:0;padding-right:var(--space-5)}[dir=rtl] .pd-testimonial-author{flex-direction:row-reverse}@media (max-width: 400px){.pd-module-selector{grid-template-columns:repeat(3,1fr)}}:root.dark .pd-image-col{background:#ffffff05}:root.dark .pd-thumb{background:#ffffff0f}:root.dark .pd-thumb.active{border-color:#fff}:root.dark .pd-image-wrapper{background:#ffffff0a;border-color:#ffffff0f}:root.dark .pd-video-wrapper{border-color:#ffffff14}:root.dark .pd-trust-badge{background:#ffffff0a;border-color:#ffffff14}:root.dark .pd-module-option,:root.dark .pd-bundle-option{border-color:#ffffff1a}:root.dark .pd-module-option:hover,:root.dark .pd-bundle-option:hover{border-color:#ffffff4d}:root.dark .pd-trust-badge--guarantee{background:#10b98114;border-color:#10b98126;color:#34d399}:root.dark .coupon-top-banner{background:linear-gradient(135deg,#b45309,#92400e)}.shop-card-title-link{color:inherit;text-decoration:none}.shop-card-title-link:hover{text-decoration:underline}.shop-card-image{display:block;text-decoration:none;color:inherit}.vk-landing{display:flex;flex-direction:column;gap:3rem;margin-bottom:2.5rem}.vk-hero{text-align:center;padding:3rem 2rem 2.5rem;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border)}.vk-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.25;color:var(--text);margin:0 0 1rem}.vk-hero-accent{display:block;color:var(--primary)}.vk-hero-sub{max-width:640px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.65;color:var(--text-secondary)}.vk-stats-bar{display:flex;justify-content:center;margin-bottom:2rem}.vk-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;position:relative}.vk-stat:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--border)}.vk-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--primary);color:#fff;flex-shrink:0}.vk-stat-icon--shield{background:#10b981}.vk-stat-text{display:flex;flex-direction:column;text-align:left}.vk-stat-value{font-weight:600;font-size:.95rem;color:var(--text);white-space:nowrap}.vk-stat-label{font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.vk-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-md);border:2px solid var(--primary);background:transparent;color:var(--primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease);font-family:var(--font)}.vk-cta-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.vk-cta-btn:active{transform:translateY(0)}.vk-cta-primary{background:var(--primary);color:#fff}.vk-cta-primary:hover{background:var(--primary);opacity:.92}.vk-cta-full{width:100%}.vk-section-heading{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:400;color:var(--text);text-align:center;margin:0 0 .5rem;line-height:1.3}.vk-section-heading--left{text-align:left}.vk-section-heading-accent{display:block;color:var(--primary)}.vk-section-sub{text-align:center;color:var(--text-secondary);font-size:1rem;line-height:1.55;margin:0 auto 2rem;max-width:560px}.vk-usp{text-align:center}.vk-usp .vk-section-heading{margin-bottom:2rem}.vk-usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.vk-usp-card{padding:2rem 1.5rem;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);text-align:center;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.vk-usp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.vk-usp-icon{width:56px;height:56px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#6366f11f;background:color-mix(in srgb,var(--usp-color) 12%,transparent);color:var(--usp-color)}.vk-usp-title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;color:var(--text);margin:0 0 .5rem}.vk-usp-desc{font-size:.9rem;line-height:1.55;color:var(--text-secondary);margin:0}.vk-skills{text-align:center}.vk-skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.vk-skill-card{padding:1.75rem 1.25rem 1.5rem;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);text-align:center;position:relative;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.vk-skill-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.vk-skill-card--ai{border-color:#6366f140;border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}.vk-skill-icon{width:48px;height:48px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#6366f11f;background:color-mix(in srgb,var(--skill-color) 12%,transparent);color:var(--skill-color)}.vk-skill-title{font-weight:600;font-size:1rem;color:var(--text);margin:0 0 .35rem}.vk-skill-desc{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0}.vk-skill-badge{display:inline-block;margin-top:.75rem;padding:.2rem .65rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.02em}.vk-exam-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 0 1.5rem;padding:.875rem 1.25rem;border-radius:var(--radius-md);background:#10b98114;background:color-mix(in srgb,#10B981 8%,var(--bg-surface));border:1px solid rgba(16,185,129,.2);border:1px solid color-mix(in srgb,#10B981 20%,transparent);color:var(--text-secondary);font-size:.9rem;line-height:1.5}.vk-exam-note svg{color:#10b981;flex-shrink:0}.vk-freedom-content{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.vk-freedom-left .vk-section-heading{margin-bottom:1.5rem}.vk-freedom-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.15rem}.vk-freedom-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text);line-height:1.55}.vk-freedom-list li svg{color:var(--primary);flex-shrink:0;margin-top:2px}.vk-price-card{padding:2rem;border-radius:var(--radius-lg);background:var(--bg-surface);border:2px solid var(--primary);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.vk-price-compare{font-size:.9rem;color:var(--text-secondary);text-decoration:line-through;text-decoration-color:#ef4444}.vk-price-main{font-family:var(--font-display);font-size:2.25rem;color:var(--primary);line-height:1.2}.vk-price-note{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.vk-price-guarantee{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;font-weight:500;color:#10b981;margin-bottom:.5rem}.vk-price-guarantee svg{color:#10b981}@media (max-width: 768px){.vk-landing{gap:2.5rem}.vk-hero{padding:2rem 1.25rem}.vk-hero-sub{font-size:.95rem}.vk-stats-bar{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.vk-stat{padding:.75rem;gap:.5rem;min-width:0;overflow:hidden}.vk-stat:not(:last-child):after{display:none}.vk-stat:nth-child(odd){border-right:1px solid var(--border)}.vk-stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.vk-stat-icon{width:36px;height:36px;flex-shrink:0}.vk-stat-icon svg{width:18px;height:18px}.vk-stat-text{min-width:0}.vk-stat-value{font-size:.88rem;white-space:normal;word-break:break-word}.vk-stat-label{font-size:.75rem;white-space:normal;word-break:break-word}.vk-usp-grid{grid-template-columns:1fr}.vk-usp-card{padding:1.5rem 1.25rem}.vk-skills-grid{grid-template-columns:1fr 1fr}.vk-skill-card{padding:1.25rem 1rem}.vk-freedom-content{grid-template-columns:1fr;gap:2rem}.vk-cta-btn{width:100%}.vk-price-main{font-size:1.75rem}}:root.dark .vk-hero{background:#1e1e2899;background:color-mix(in srgb,var(--bg-surface) 60%,transparent)}:root.dark .vk-stat-icon{opacity:.92}:root.dark .vk-price-card{border-color:#6366f180;border-color:color-mix(in srgb,var(--primary) 50%,transparent)}:root.dark .vk-skill-card--ai{border-color:#6366f14d;border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}[dir=rtl] .vk-stat-text,[dir=rtl] .vk-section-heading--left{text-align:right}[dir=rtl] .vk-stat:not(:last-child):after{right:auto;left:0}[dir=rtl] .vk-cta-btn svg{transform:scaleX(-1)}@media (max-width: 768px){[dir=rtl] .vk-stat:nth-child(odd){border-right:none;border-left:1px solid var(--border)}}.pd-highlights{display:flex;justify-content:center;flex-wrap:wrap;gap:0;padding:.75rem 0;border-radius:12px;border:1px solid var(--border)}.pd-highlight{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem;flex:1;font-weight:500;color:var(--text-secondary);position:relative;white-space:nowrap}.pd-highlight svg{color:var(--text-muted);flex-shrink:0}.pd-highlight:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--border-light)}.pd-included{padding:0}.pd-included-heading{font-family:var(--font-display);font-size:1.35rem;font-weight:400;color:var(--text);margin:0 0 1.75rem}.pd-included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.pd-included-item{display:flex;align-items:flex-start;gap:.75rem}.pd-included-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--inc-color, var(--primary)) 8%,transparent);border:1px solid color-mix(in srgb,var(--inc-color, var(--primary)) 18%,transparent);color:var(--inc-color, var(--text-muted));flex-shrink:0}.pd-included-text{display:flex;flex-direction:column;gap:.15rem}.pd-included-name{font-weight:600;font-size:.9rem;color:var(--text)}.pd-included-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.pd-bottom-cta{text-align:center;padding:3rem 2rem;border-radius:16px;background:var(--bg);border:1px solid var(--border)}.pd-bottom-heading{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.6rem);font-weight:400;color:var(--text);margin:0 0 1rem}.pd-bottom-compare{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 1.5rem;font-size:.95rem}.pd-bottom-compare svg{color:var(--primary);flex-shrink:0}.pd-bottom-old{color:var(--text-secondary);text-decoration:line-through;text-decoration-color:#ef4444}.pd-bottom-new{font-weight:700;color:var(--primary)}.pd-bottom-klarna{font-size:.88rem;color:var(--text-secondary);margin:-.5rem 0 1.25rem;font-weight:500}.pd-bottom-cta .pd-buy-btn{max-width:420px;margin:0 auto 1.25rem}.pd-bottom-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 1.5rem}.pd-bottom-badge{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary)}.pd-bottom-badge svg{color:#10b981}.pd-trust-info{padding:0;display:flex;flex-direction:column;gap:1.5rem}.pd-trust-info-item{display:flex;gap:.75rem;align-items:flex-start}.pd-trust-info-item>svg{color:var(--primary);flex-shrink:0;margin-top:2px}.pd-trust-info-item strong{display:block;font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.pd-trust-info-item span{font-size:.88rem;line-height:1.55;color:var(--text-secondary)}@media (max-width: 768px){.pd-highlights{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.pd-highlight{padding:.65rem .6rem;font-size:.75rem;justify-content:flex-start;white-space:normal;overflow:hidden}.pd-highlight:not(:last-child):after{display:none}.pd-highlight:nth-child(1){border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.pd-highlight:nth-child(2){border-bottom:1px solid var(--border)}.pd-highlight:nth-child(3){border-right:1px solid var(--border)}[dir=rtl] .pd-highlight:nth-child(1){border-right:none;border-left:1px solid var(--border)}[dir=rtl] .pd-highlight:nth-child(3){border-right:none;border-left:1px solid var(--border)}.pd-included{padding:1.5rem 0}.pd-included-grid{grid-template-columns:1fr 1fr;gap:1rem}.pd-included-heading{font-size:1.2rem}.pd-trust-info{padding:1.25rem}.pd-bottom-cta{padding:2rem 1.25rem}.pd-bottom-compare{flex-direction:column;gap:.35rem}.pd-bottom-compare svg{transform:rotate(90deg)}.pd-bottom-badges{gap:.5rem 1rem}.pd-curriculum-item{padding:var(--space-3)}.pd-curriculum-topics{padding-left:0;margin-top:var(--space-2)}.pd-related-grid{flex-direction:column}.pd-related-img{width:56px;height:56px}}:root.dark .pd-bottom-cta{background:#1e1e2899;background:color-mix(in srgb,var(--bg-surface) 60%,transparent)}[dir=rtl] .pd-highlight:not(:last-child):after{right:auto;left:0}[dir=rtl] .pd-bottom-compare svg{transform:scaleX(-1)}.pd-bestseller-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#d97706;background:#fef3c7;padding:3px 10px;border-radius:100px;letter-spacing:.04em;text-transform:uppercase}.pd-bestseller-tag svg{color:#d97706}:root.dark .pd-bestseller-tag{background:#d9770626;color:#fbbf24}:root.dark .pd-bestseller-tag svg{color:#fbbf24}.pd-savings-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:#ef4444;color:#fff;font-size:13px;font-weight:800;padding:6px 12px;border-radius:var(--radius-sm);letter-spacing:-.01em;box-shadow:0 2px 10px #ef444459;z-index:1}.pd-viewers{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary);padding:8px 14px;background:#10b98114;background:color-mix(in srgb,#10B981 8%,transparent);border:1px solid rgba(16,185,129,.2);border:1px solid color-mix(in srgb,#10B981 20%,transparent);border-radius:var(--radius-sm);margin-bottom:var(--space-4);width:fit-content}.pd-viewers-dot{width:8px;height:8px;background:#10b981;border-radius:50%;flex-shrink:0;animation:pdPulse 2s ease-in-out infinite}@keyframes pdPulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.7;box-shadow:0 0 0 5px #10b98100}}.coupon-top-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:13px;font-weight:500;text-align:center;position:relative;z-index:101}.coupon-top-inner{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 40px 8px 16px;max-width:1200px;margin:0 auto}.coupon-top-text{line-height:1.4}.coupon-top-text strong{font-weight:700;letter-spacing:.02em}.coupon-top-valid{opacity:.85;font-size:12px}.coupon-top-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;line-height:1;opacity:.7;transition:opacity .15s;border-radius:4px}.coupon-top-close:hover{opacity:1;background:#ffffff26}@media (max-width: 520px){.coupon-top-inner{padding:8px 36px 8px 12px}.coupon-top-banner{font-size:12px}.coupon-top-valid{display:block;margin-top:2px}}.pd-trust-badge--guarantee{background:#10b9811a;border:1px solid rgba(16,185,129,.25);font-weight:600;color:#059669}.pd-trust-badge--guarantee svg{color:#10b981}.pd-price-block{margin-bottom:var(--space-5)}.pd-price-anchor{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:5px 14px;background:#ef44440f;border:1px solid rgba(239,68,68,.12);border-radius:100px}.pd-price-anchor-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.pd-price-anchor-value{font-size:13px;color:#dc2626;text-decoration:line-through;text-decoration-thickness:2px;font-feature-settings:"tnum";font-weight:600}.pd-price-savings-tag{display:inline-flex;align-items:center;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.02em}.pd-price-sub{display:flex;align-items:center;gap:6px;margin-top:2px}.pd-price-divider{color:var(--text-muted);font-size:12px}.pd-price-access-inline{font-size:13px;color:var(--text-secondary);font-weight:500}.pd-price-per-hour{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--success);font-weight:600;margin-top:var(--space-2);margin-bottom:var(--space-2);padding:4px 12px;background:var(--success-light);border-radius:100px;width:fit-content;-webkit-width:fit-content}.pd-klarna-hint{font-size:13px;color:var(--text-secondary);font-weight:500;margin-top:var(--space-2);margin-bottom:var(--space-2)}.pd-payment-methods{width:100%;padding-top:var(--space-3);font-size:11px;color:var(--text-muted);line-height:1.6;letter-spacing:.01em;text-align:center}.pd-curriculum{padding:0}.pd-curriculum-heading{font-size:1.35rem;font-weight:400;color:var(--text);margin:0 0 1.25rem}.pd-curriculum-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.pd-curriculum-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);transition:background .15s}.pd-curriculum-item:last-child{border-bottom:none}.pd-curriculum-item:hover{background:var(--bg)}.pd-curriculum-title{display:flex;align-items:center;gap:var(--space-3);font-weight:600;font-size:.88rem;color:var(--text)}.pd-curriculum-num{width:24px;height:24px;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0}.pd-curriculum-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2);padding-left:36px}.pd-curriculum-topic{font-size:11px;color:var(--text-secondary);padding:2px 0}.pd-curriculum-topic:not(:last-child):after{content:" ·";color:var(--text-secondary);margin-left:6px;font-size:14px;vertical-align:middle;line-height:0;position:relative;top:-1px}.pd-curriculum-total{margin-top:var(--space-4);font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.01em}.pd-curriculum-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:var(--bg);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;font-family:inherit;font-size:13px;font-weight:600;color:var(--primary);cursor:pointer;transition:background .15s,color .15s}.pd-curriculum-toggle:hover{background:var(--surface)}.pd-curriculum-toggle svg{transition:transform .2s}.pd-curriculum-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.pd-curriculum-list--collapsed .pd-curriculum-item:nth-child(n+8){display:none}.pd-curriculum-list--collapsed{border-radius:12px 12px 0 0}.pd-related{padding:0}.pd-related-heading{font-size:1.35rem;font-weight:400;color:var(--text);margin:0 0 1.25rem}.pd-related-grid{display:flex;gap:var(--space-4)}.pd-related-card{flex:1;display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--border);border-radius:12px;padding:var(--space-4);text-decoration:none;color:var(--text);transition:border-color .2s,background .15s}.pd-related-card:hover{border-color:var(--text-muted);background:var(--bg)}.pd-related-img{width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--bg);flex-shrink:0}.pd-related-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pd-related-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-related-price{font-weight:700;font-size:1.05rem;font-feature-settings:"tnum"}.pd-related-save{font-size:10px;color:#fff;background:var(--danger);font-weight:700;padding:2px 8px;border-radius:100px;width:fit-content;letter-spacing:.03em}.pd-buy-btn-glow{box-shadow:0 4px 16px #0000002e}.pd-buy-btn-glow:hover{box-shadow:0 6px 24px #00000038;opacity:.92}@media (prefers-reduced-motion: no-preference){.pd-buy-btn-glow{animation:pdBtnPulse 3s ease-in-out infinite}.pd-buy-btn-glow:hover{animation:none}}@keyframes pdBtnPulse{0%,to{box-shadow:0 4px 16px #0000002e}50%{box-shadow:0 6px 28px #00000047}}.pd-instant-access{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--success);margin:-4px 0 var(--space-4)}.pd-instant-access svg{flex-shrink:0}.pd-steps{text-align:center}.pd-steps-heading{font-size:1.35rem;font-weight:400;color:var(--text);margin:0 0 2rem}.pd-steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:0}.pd-step{flex:1;max-width:200px;padding:0 1rem}.pd-step-num{width:36px;height:36px;border-radius:50%;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.pd-step-title{font-size:.95rem;font-weight:600;color:var(--text);margin:0 0 .35rem}.pd-step-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin:0}.pd-step-arrow{display:flex;align-items:center;padding-top:8px;color:var(--text-muted);flex-shrink:0}.pd-testimonials{padding:0}.pd-testimonials-heading{font-size:1.35rem;font-weight:400;color:var(--text);margin:0 0 1.5rem}.pd-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.pd-testimonial-card{padding:1.5rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s,transform .2s}.pd-testimonial-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.pd-testimonial-stars{color:var(--warning);font-size:14px;letter-spacing:2px}.pd-testimonial-quote{font-size:.88rem;line-height:1.55;color:var(--text-secondary);margin:0;flex:1;font-style:italic}.pd-testimonial-author{display:flex;align-items:center;gap:.65rem;padding-top:.5rem;border-top:1px solid var(--border-light)}.pd-testimonial-avatar{width:32px;height:32px;border-radius:50%;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-testimonial-name{font-size:.82rem;font-weight:600;color:var(--text)}.pd-testimonial-role{font-size:.75rem;color:var(--text-muted)}.pd-faq{padding:0}.pd-faq-heading{font-size:1.35rem;font-weight:400;color:var(--text);margin:0 0 1.5rem}.pd-faq-list{max-width:680px;margin:0 auto}.pd-faq-item{border-bottom:1px solid var(--border-light)}.pd-faq-item:last-child{border-bottom:none}.pd-faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 0;background:none;border:none;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left;transition:color var(--duration) var(--ease)}.pd-faq-question:hover{color:var(--primary)}.pd-faq-question svg{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration) var(--ease)}.pd-faq-item.open .pd-faq-question svg{transform:rotate(180deg)}.pd-faq-answer{font-size:.88rem;line-height:1.65;color:var(--text-secondary);overflow:hidden;max-height:0;padding:0;opacity:0;transition:max-height .3s var(--ease),opacity .25s var(--ease),padding .3s var(--ease)}.pd-faq-answer:not([hidden]){max-height:300px;padding:0 0 1rem;opacity:1}.pd-faq-answer[hidden]{display:block!important}.pd-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-light);transform:translateY(100%);transition:transform .3s var(--ease);padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom,0px))}.pd-sticky-bar.pd-sticky-visible{transform:translateY(0)}.pd-sticky-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pd-sticky-info{display:flex;align-items:baseline;gap:.75rem;min-width:0}.pd-sticky-title{font-weight:600;font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-sticky-price{font-weight:700;font-size:1.1rem;color:var(--text);font-feature-settings:"tnum";white-space:nowrap}.pd-sticky-btn{padding:10px 24px;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.pd-sticky-btn:hover{opacity:.9}.pd-sticky-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}:root.dark .pd-viewers{background:#10b98114;border-color:#10b98133}:root.dark .pd-savings-badge{box-shadow:0 2px 10px #ef444433}:root.dark .pd-testimonial-card{background:#ffffff08;border-color:#ffffff0f}:root.dark .pd-sticky-bar{background:#141419eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff14}:root.dark .pd-faq-question:hover{color:var(--primary-light, var(--primary))}:root.dark .pd-price-savings-tag{background:#dc2626}:root.dark .pd-price-anchor{background:#ef444414;border-color:#ef444426}:root.dark .pd-price-anchor-value{color:#f87171}:root.dark .pd-price-per-hour{background:#10b9811a}:root.dark .pd-trust-badge{background:#10b9810f}:root.dark .pd-bottom-cta{background:#ffffff05;border-color:#ffffff14}:root.dark .pd-included-icon{background:color-mix(in srgb,var(--inc-color, var(--primary)) 10%,transparent);border-color:color-mix(in srgb,var(--inc-color, var(--primary)) 15%,transparent)}:root.dark .pd-curriculum-list{border-color:#ffffff14}:root.dark .pd-curriculum-item{border-color:#ffffff0f}:root.dark .pd-curriculum-item:hover{background:#ffffff05}:root.dark .pd-curriculum-num{background:#ffffff0f}:root.dark .pd-curriculum-topic:after{color:#ffffff26}:root.dark .pd-related-card{border-color:#ffffff14}:root.dark .pd-related-card:hover{border-color:#ffffff29;background:#ffffff05}:root.dark .pd-related-img{background:#ffffff0a}@media (prefers-reduced-motion: reduce){.pd-viewers-dot{animation:none}.pd-faq-answer{transition:none}}.pd-buy-btn:focus-visible,.pd-sticky-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--primary)}.pd-faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.pd-module-option:focus-visible,.pd-bundle-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pd-module-selector{position:relative}@media (max-width: 768px){.pd-viewers{font-size:11px;padding:5px 10px}.pd-price-anchor{flex-wrap:wrap}.pd-steps-grid{flex-direction:column;align-items:center;gap:.5rem}.pd-step{max-width:none;padding:.75rem 0}.pd-step-arrow{transform:rotate(90deg);padding:0}.pd-testimonials-grid{grid-template-columns:1fr}.pd-faq-question{font-size:.88rem;min-height:44px}.pd-sticky-inner{gap:.75rem}.pd-sticky-title{font-size:.85rem}.pd-sticky-price{font-size:1rem}.pd-sticky-btn{padding:10px 18px;font-size:13px;min-height:44px}.pd-bestseller-tag{font-size:9px;padding:2px 8px}}[dir=rtl] .pd-savings-badge{right:auto;left:var(--space-3)}[dir=rtl] .pd-faq-question{text-align:right}[dir=rtl] .pd-step-arrow svg{transform:scaleX(-1)}[dir=rtl] .pd-login-close{right:auto;left:8px}[dir=rtl] .pd-login-option-badge{left:auto;right:var(--space-4)}[dir=rtl] .pd-login-option-perks li{padding-left:0;padding-right:20px}[dir=rtl] .pd-login-option-perks li:before{left:auto;right:0}.pd-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:pdFadeIn .2s ease-out}.pd-login-modal{background:var(--surface);border-radius:16px;padding:1.75rem;max-width:440px;width:100%;position:relative;box-shadow:0 20px 60px #0003}.pd-login-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.pd-login-close:hover{color:var(--text)}.pd-login-option{border:1px solid var(--border);border-radius:12px;padding:var(--space-4);margin-bottom:var(--space-3);position:relative}.pd-login-option--recommended{border-color:var(--primary);background:var(--primary-light)}.pd-login-option-badge{position:absolute;top:-9px;left:var(--space-4);background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 10px;border-radius:100px;letter-spacing:.04em}.pd-login-option-header{display:flex;align-items:center;gap:var(--space-2);font-size:.95rem;color:var(--text);margin-bottom:var(--space-2)}.pd-login-option-header svg{color:var(--primary);flex-shrink:0}.pd-login-option-perks{list-style:none;padding:0;margin:0 0 var(--space-3)}.pd-login-option-perks li{font-size:13px;color:var(--text-secondary);padding:2px 0 2px 20px;position:relative}.pd-login-option-perks li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700;font-size:12px}.pd-login-hint{font-size:12px;color:var(--text-muted);margin:var(--space-2) 0 0;text-align:center}.pd-login-guest-note{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0 0 var(--space-3)}.pd-login-guest-btn{width:100%;padding:12px;background:none;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s}.pd-login-guest-btn:hover{border-color:var(--text-muted);color:var(--text)}.pd-login-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--text);margin-bottom:var(--space-4)}.pd-login-cta{width:100%;padding:13px;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s}.pd-login-cta:hover{opacity:.9}:root.dark .pd-login-modal{background:var(--bg);box-shadow:0 20px 60px #00000080}:root.dark .pd-login-overlay{background:#000000b3}:root.dark .pd-login-option{border-color:#ffffff1a}:root.dark .pd-login-option--recommended{background:#6366f114;border-color:var(--primary)}:root.dark .pd-login-guest-btn{border-color:#ffffff1a;color:var(--text-muted)}:root.dark .pd-login-guest-btn:hover{border-color:#fff3;color:var(--text)}.exit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:exitFadeIn .25s ease}@keyframes exitFadeIn{0%{opacity:0}to{opacity:1}}.exit-modal{position:relative;background:var(--bg);border-radius:16px;padding:36px 32px 28px;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 64px #00000040;animation:exitSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes exitSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.exit-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:background .15s}.exit-close:hover{background:#0000000f}.exit-icon{width:56px;height:56px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a);border-radius:50%;color:#f59e0b}.exit-title{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.exit-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-5)}.exit-code-box{background:#f59e0b0f;border:1.5px dashed rgba(245,158,11,.4);border-radius:12px;padding:14px 18px;margin-bottom:var(--space-5)}.exit-code-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin-bottom:8px}.exit-code-row{display:flex;align-items:center;justify-content:center;gap:12px}.exit-code{font-size:24px;font-weight:800;color:#d97706;letter-spacing:.08em;font-feature-settings:"tnum"}.exit-copy-btn{padding:6px 14px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;white-space:nowrap}.exit-copy-btn:hover{background:#d97706}.exit-valid{display:block;font-size:11px;color:var(--text-muted);margin-top:8px}.exit-cta{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .15s;margin-bottom:8px}.exit-cta:hover{opacity:.9}.exit-cta:active{transform:scale(.98)}.exit-dismiss{background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;padding:8px;font-family:inherit;transition:color .15s}.exit-dismiss:hover{color:var(--text-secondary)}:root.dark .exit-modal{background:var(--bg);box-shadow:0 24px 64px #00000080}:root.dark .exit-close:hover{background:#ffffff14}:root.dark .exit-code-box{background:#f59e0b0d;border-color:#f59e0b40}:root.dark .exit-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b08)}@media (max-width: 480px){.exit-modal{padding:28px 20px 20px;margin:var(--space-4)}.exit-code{font-size:20px}}@media (prefers-reduced-motion: reduce){.exit-overlay,.exit-modal{animation:none!important}}[dir=rtl] .exit-close{right:auto;left:14px}[dir=rtl] .coupon-top-close{right:auto;left:10px}.toast-container{position:fixed;top:env(safe-area-inset-top,16px);right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(400px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md, 10px);font-size:14px;font-weight:500;font-family:inherit;line-height:1.4;box-shadow:0 8px 32px #00000029,0 2px 8px #00000014;pointer-events:auto;animation:toastSlideIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.toast-success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.toast-info{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-success .toast-icon{background:#d1fae5;color:#059669}.toast-info .toast-icon{background:#dbeafe;color:#2563eb}.toast-message{flex:1}.toast-close{background:none;border:none;font-size:18px;cursor:pointer;opacity:.5;padding:0 2px;line-height:1;color:inherit;flex-shrink:0}.toast-close:hover{opacity:1}.toast-enter{opacity:0;transform:translate(100%)}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}:root.dark .toast-error{background:#991b1b33;color:#fca5a5;border-color:#ef44444d}:root.dark .toast-success{background:#065f4633;color:#6ee7b7;border-color:#10b9814d}:root.dark .toast-info{background:#1e40af33;color:#93c5fd;border-color:#3b82f64d}:root.dark .toast-error .toast-icon{background:#dc262633}:root.dark .toast-success .toast-icon{background:#05966933}:root.dark .toast-info .toast-icon{background:#2563eb33}@media (prefers-reduced-motion: reduce){.toast{animation:none}.toast-exit{animation:none;opacity:0}}@media (max-width: 768px){.toast-container{right:8px;left:8px;max-width:none}}