@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Sans+Arabic:wght@400;500;700&family=Vazirmatn:wght@400;500;700&family=Playfair+Display:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=Lora:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root{color-scheme:dark light;--lk-obsidian: #0a0a0f;--lk-obsidian-1: #0f0f12;--lk-obsidian-2: #131318;--lk-obsidian-3: #1a1a20;--lk-indigo: #6366f1;--lk-indigo-hover: #818cf8;--lk-indigo-subtle: rgba(99, 102, 241, .1);--lk-indigo-glow: rgba(99, 102, 241, .3);--lk-paper: #fafaf9;--lk-paper-muted: #a1a1aa;--lk-mint: #10b981;--lk-mint-subtle: rgba(16, 185, 129, .15);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--lk-easing: cubic-bezier(.23, 1, .32, 1);--bg-panel-right: var(--bg-panel-inset-inline-end);--shadow-subtle: var(--shadow-elevation-2);--shadow-md: var(--shadow-elevation-3);--spacing-xl: 24px;--spacing-2xl: 32px;--bg-body: var(--lk-obsidian);--bg-panel-inset-inline-start: var(--lk-obsidian-1);--bg-panel-inset-inline-end: var(--lk-obsidian-2);--bg-input: var(--lk-obsidian-2);--bg-grid-block: var(--lk-obsidian-1);--bg-hover: var(--lk-obsidian-3);--bg-top-controls: var(--lk-obsidian-1);--color-text-main: var(--lk-paper);--color-text-secondary: var(--lk-paper-muted);--color-text-tertiary: #71717a;--color-bg-primary: #ffffff;--color-bg-secondary: #f3f4f6;--color-bg-tertiary: #e5e7eb;--color-text-primary: #1f2937;--color-btn-primary: #4CAF50;--color-border: rgba(255, 255, 255, .08);--color-border-dark: rgba(255, 255, 255, .12);--color-border-light: rgba(255, 255, 255, .06);--color-link: var(--lk-indigo-hover);--color-primary: var(--lk-indigo);--color-primary-dark: #4f46e5;--color-primary-light: var(--lk-indigo-subtle);--color-success: var(--lk-mint);--color-success-light: var(--lk-mint-subtle);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .15);--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .15);--color-info: #60a5fa;--color-info-light: rgba(96, 165, 250, .15);--bg-code: var(--bg-input);--color-code: #d4d4d4;--bg-code-inline: var(--bg-hover);--color-code-inline: #f472b6;--border-code-inline: var(--color-border-dark);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 21px;--font-size-2xl: 26px;--font-size-h1: 29px;--lk-text-display: clamp(2rem, 5vw, 3.5rem);--lk-text-hero: clamp(3rem, 10vw, 6rem);--dropdown-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--height-header: 60px;--side-ad-width: 160px;--side-ad-width-medium: 120px;--side-ad-gap: 10px;--shadow-elevation-1: 0 1px 2px rgba(0,0,0,.2);--shadow-elevation-2: 0 2px 4px rgba(0,0,0,.25);--shadow-elevation-3: 0 4px 8px rgba(0,0,0,.3);--shadow-elevation-4: 0 8px 16px rgba(0,0,0,.4);--shadow-elevation-5: 0 20px 40px rgba(0,0,0,.5);--box-shadow-smooth: 0 2px 8px rgba(0,0,0,.4);--box-shadow-heavy: 0 8px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2);--shadow-glow-strong: 0 0 30px rgba(99, 102, 241, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-kinetic: .5s cubic-bezier(.4, 0, .2, 1);--anim-duration-fast: .15s;--anim-duration-base: .2s;--anim-duration-slow: .3s;--anim-duration-kinetic: .5s;--mobile-touch-min: 44px;--mobile-control-height: 44px;--mobile-control-sm: 40px;--mobile-control-xs: 36px;--mobile-gap: 6px;--mobile-gap-sm: 4px;--mobile-padding: var(--space-2);--mobile-padding-sm: 6px;--mobile-font-xs: 12px;--mobile-font-sm: 14px;--mobile-font-base: 16px;--mobile-font-md: 16px;--mobile-radius: 12px;--mobile-radius-sm: 8px;--mobile-radius-pill: 100px}@media(max-width:767px){:root{--font-size-xs: var(--mobile-font-xs);--font-size-sm: var(--mobile-font-sm);--font-size-base: var(--mobile-font-base);--font-size-md: var(--mobile-font-md);--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-h1: 26px;--control-height: var(--mobile-control-height);--control-height-sm: var(--mobile-control-sm)}}body.dark{color-scheme:dark;--color-bg-primary: #1f2937;--color-bg-secondary: #374151;--color-bg-tertiary: #4b5563;--color-text-primary: #f3f4f6;--color-btn-primary: #4CAF50;--color-border: #374151}html{overflow-x:clip;overflow-y:auto;width:100%;min-height:100%;background-color:var(--bg-body);scroll-behavior:smooth}body{overflow:visible;width:100%;position:relative;min-height:100vh;font-family:var(--font-body);background-color:var(--bg-body);color:var(--color-text-main);display:flex;flex-direction:column;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-text-main);letter-spacing:-.02em}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--spacing-md) 0;line-height:1.6}.lk-grain{position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@media(max-width:767px){.lk-grain{opacity:.015}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-go-btn{0%,to{transform:scale(1);box-shadow:0 0 #6366f1b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #6366f100}}@keyframes lk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lk-glow-pulse{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 30px #6366f166}}@keyframes lk-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lk-animate{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.lk-animate.lk-revealed{opacity:1;transform:translateY(0)}.lk-glow{box-shadow:var(--shadow-glow);transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.lk-glow:hover{box-shadow:var(--shadow-glow-strong)}.lk-text-indigo{color:var(--color-primary)}.lk-text-mint{color:var(--lk-mint)}.lk-display{font-family:var(--font-display);font-size:var(--lk-text-display);font-weight:700;line-height:.95;letter-spacing:-.03em}.lk-hero-text{font-family:var(--font-display);font-size:var(--lk-text-hero);font-weight:800;line-height:.9;letter-spacing:-.03em}.lk-pill{display:inline-block;padding:.2rem .8rem;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lk-tile{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:2rem;border-radius:1.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform}.lk-tile:hover{transform:translateY(-10px);background:#ffffff0f;border-color:var(--color-primary);box-shadow:var(--shadow-elevation-5),var(--shadow-glow)}@media(max-width:767px){.lk-tile:hover{transform:translateY(-5px)}}.lk-mastery{background:var(--color-primary);color:var(--lk-obsidian);border-radius:1.5rem;padding:3rem}.lk-mastery h1,.lk-mastery h2,.lk-mastery h3,.lk-mastery h4,.lk-mastery h5,.lk-mastery h6{color:var(--lk-obsidian)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.lk-animate{opacity:1;transform:none}}.skip-to-content{position:absolute;top:-100px;inset-inline-start:0;background:var(--color-primary);color:#fff;padding:var(--space-3) 20px;z-index:999999;text-decoration:none;font-weight:600;border-radius:0 0 8px;transition:top .3s ease}.skip-to-content:focus{top:0;outline:2px solid var(--color-primary);outline-offset:2px}#loadingScreen,.loading-screen{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0a0ff2;align-items:center;justify-content:center}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-logo{animation:pulse 2s ease-in-out infinite}.loading-logo img{width:140px;height:auto}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--color-primary, #6366f1);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:14px;color:var(--color-text-secondary, #a1a1aa);font-family:var(--font-body, sans-serif)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#lk-particles,.lk-animate,.lk-tile{will-change:auto}}@media print{.lk-grain{display:none!important}}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 100px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--text-xl: 24px;--text-2xl: 32px;--text-14px: 14px;--text-12px: 12px;--text-16px: 16px;--height-sm: 32px;--height-md: 40px;--height-lg: 48px;--shadow-lg: 0 8px 16px rgba(0,0,0,.2);--shadow-subtle: 0 2px 4px rgba(0,0,0,.1);--shadow-blue: 0 2px 8px rgba(37,99,235,.3);--shadow-blue-lg: 0 4px 12px rgba(37,99,235,.3);--shadow-focus: 0 0 0 3px rgba(37,99,235,.2);--shadow-indigo: 0 2px 8px rgba(99,102,241,.3);--shadow-indigo-lg: 0 4px 12px rgba(99,102,241,.4);--shadow-dark: 0 4px 12px rgba(0,0,0,.15);--accent-primary: #4a90d9;--accent-primary-hover: #3a7bc8;--accent-primary-light: rgba(74, 144, 217, .1);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .15);--shadow-dropdown-item: 0 1px 3px rgba(0, 0, 0, .08);--ease-spring: cubic-bezier(.3, 2, .6, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s}@media(max-width:767px){:root{--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--height-md: 36px;--height-lg: 44px;--gap-sm: 6px;--gap-md: 8px}}body.dark{--accent-primary-hover: #5a9fe0;--accent-primary-light: rgba(74, 144, 217, .15)}#main-container{width:100%;max-width:1600px;margin:20px auto 0;display:grid;gap:20px;padding:0}@media(min-width:768px){#main-container{grid-template-columns:400px 1fr;grid-template-areas:"banner banner" "quick quick" "left right";grid-template-rows:auto auto 1fr;margin-inline-start:170px!important;margin-inline-end:180px!important;max-width:1240px!important;position:relative;z-index:10;pointer-events:auto}#topHeader.hidden~#main-container{margin-top:10px}}@media(min-width:768px)and (max-width:1200px){#main-container{grid-template-columns:320px 1fr!important;grid-template-areas:"banner banner" "quick quick" "left right";grid-template-rows:auto auto 1fr;gap:var(--gap-md);padding:0 8px}}@media(min-width:768px)and (max-width:900px){#main-container{display:flex!important;flex-direction:column!important;gap:var(--gap-lg)}}@media(max-width:767px){#main-container{width:100%;max-width:100%;margin:0 auto;display:flex;gap:var(--gap-md);padding:0;flex-direction:column;align-items:stretch;transition:margin-top .3s ease,padding .3s ease}#topHeader.hidden~#main-container{margin-top:0}}.left-panel,.right-panel{border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:var(--space-4);position:relative;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;background:#ffffffa6;box-shadow:var(--box-shadow-smooth);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.right-panel{box-shadow:none!important;container-type:inline-size}body.dark .left-panel,body.dark .right-panel{background:#0a0a0fd9;border:1px solid rgba(255,255,255,.06)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.left-panel{background:#ffffffeb}.right-panel{background:#ffffffeb;box-shadow:none}body.dark .left-panel,body.dark .right-panel{background:#0a0a0ff2}}.left-panel:hover{border-color:#6366f126;box-shadow:var(--box-shadow-heavy),0 0 30px #6366f10d}@media(min-width:768px){.welcome-banner{grid-area:banner;margin:0}.quick-select-container{grid-area:quick;margin:0;padding:var(--space-2) 12px;min-height:auto}.left-panel{grid-area:left!important;min-width:280px;max-width:500px;background-color:var(--surface-1)!important;color:var(--color-text-main)!important;max-height:none;overflow-y:auto;overflow-x:hidden;height:auto;padding:var(--space-3)}.right-panel{grid-area:right!important;min-width:0;flex:1;background-color:var(--surface-0)!important;color:var(--color-text-main)!important;max-height:none;overflow-y:auto;overflow-x:hidden;height:auto;padding:0 10px 20px 20px;padding-inline-end:20px}}@media(min-width:768px){#main-container.exercise-active{grid-template-columns:280px 1fr}#main-container.exercise-active .left-panel{border-inline-start:3px solid var(--accent-primary)}#main-container.exercise-active .right-panel{box-shadow:inset 0 0 0 1px #6366f126,var(--box-shadow-smooth)}}@media(min-width:768px){.side-ad-container{position:absolute;top:70px;bottom:0;width:160px;z-index:1;background:transparent;display:flex;flex-direction:column;align-items:center;padding:10px 5px;overflow:hidden;pointer-events:none}.side-ad-container.left{inset-inline-start:0}.side-ad-container.right{inset-inline-end:0}.side-ad-container ins{pointer-events:auto;background:var(--bg-body);width:160px!important;max-width:160px}@media(max-width:1200px){.side-ad-container{width:120px}.side-ad-container ins{width:120px!important;max-width:120px}}@media(max-width:1024px){.side-ad-container{display:none!important}}@media(max-width:1200px){#main-container{margin-inline-start:130px!important;margin-inline-end:140px!important;max-width:1320px!important}}@media(max-width:1024px){#main-container{margin-inline-start:auto!important;margin-inline-end:auto!important;max-width:1600px!important}#topHeader .topbar{margin-inline-start:auto;margin-inline-end:auto;max-width:1600px}}#topHeader .topbar{margin-inline-start:170px;margin-inline-end:180px;max-width:1240px}@media(max-width:1200px){#topHeader .topbar{margin-inline-start:130px;margin-inline-end:140px;max-width:1320px}}}@media(max-width:767px){.side-ad-container{display:none!important}}#topHeader{position:relative!important;width:100%;justify-content:space-between;align-items:center;background:#0a0a0fcc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}#topHeader.lk-scrolled{background:#0a0a0ff2;box-shadow:0 4px 20px #0000004d}.topheader,#topHeader{display:flex;justify-content:center;align-items:stretch;padding:0;box-shadow:var(--box-shadow-smooth)}#topHeader .topbar{display:flex;justify-content:space-between;align-items:center;width:100%}#topHeader .topbar-logo{flex:0 0 auto;display:flex;align-items:center;height:100%;padding:6px 0}#topHeader .topbar-logo .app-logo{height:36px;width:auto;max-width:none;opacity:.92;object-fit:contain;transition:opacity .2s ease}#topHeader .topbar-logo .app-logo:hover{opacity:1}@media(max-width:767px){#topHeader{padding-inline-start:0!important;padding-inline-end:0!important;margin-inline-start:0!important;margin-inline-end:0!important;position:relative!important;margin-top:0!important;top:auto!important;inset-inline-start:0!important;inset-inline-end:0!important;width:100%!important;max-width:100%!important;height:auto!important;z-index:10!important;transition:none}#topHeader:not(.hidden){animation:headerSlideDown .3s ease}#topHeader.hidden{display:none}#topHeader .topbar-logo .app-logo{height:28px}#topHeader .topbar-logo{padding:4px 0}}@media(min-width:768px){#topHeader{position:relative!important;margin-top:0;top:auto!important;z-index:10!important;align-items:stretch;padding:0 var(--spacing-lg)}}@media(min-width:768px){#adBanner{position:fixed!important;top:0!important;inset-inline-start:0!important;width:100%!important;height:90px!important;max-height:90px!important;min-height:90px!important;z-index:10000!important;box-sizing:border-box!important;overflow:hidden!important;background:#f5f5f5!important}}@media(max-width:767px){#adBanner{display:none!important}}@media(min-width:768px){.left-panel>.collapsible-settings-group,.left-panel>.quick-settings-inline-panel,#settingsContent,#compactOutputModel,#topicModeGroup,.cache-settings,#localModelsContainer{display:none!important}#sidebarCollapseBtn{display:flex!important}}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:var(--space-2) 16px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.btn-primary.loading:after{content:"";width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-2) 16px;border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-display);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}#darkToggle,#apiSettingsBtn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2);font-size:var(--text-base);cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-family:var(--font-display)}#darkToggle:hover,#apiSettingsBtn:hover{background-color:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}#aboutBtn.about-btn-inner{height:38px;min-width:38px;padding:0 12px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:center;background-color:var(--color-link);color:#fff;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap}#aboutBtn.about-btn-inner:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}#userProgressBtn{border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}#userProgressBtn:hover{border-color:var(--lk-mint);box-shadow:0 0 20px #10b98133}@media(max-width:480px){#darkToggle,#apiSettingsBtn,.about-btn-inner{width:32px;height:32px;font-size:var(--text-sm);padding:3px}}@media(max-width:379px){#darkToggle,#apiSettingsBtn{width:30px;height:30px;font-size:12px;padding:2px}.about-btn-inner{height:30px;min-width:30px;padding:0 8px;font-size:var(--text-xs)}}.status-pill{height:38px;display:flex;align-items:center;justify-content:center;padding:6px 12px;font-family:var(--font-display);font-size:12px;font-weight:500;gap:6px;background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1)}.status-pill:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.status-pill .difficulty{font-family:var(--font-display);font-weight:700;color:var(--color-primary);min-width:18px;text-align:center;font-size:var(--text-xs);flex-shrink:0}.status-pill .learning-flag{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:0;overflow:hidden}.status-pill .learning-flag svg{display:block;border-radius:2px;box-shadow:0 1px 2px #0000001a;font-size:initial}@media(max-width:767px){.status-pill{padding:6px 10px;font-size:12px;gap:var(--gap-xs)}.status-pill .native-flag,.status-pill .native-lang,.status-pill .arrow{display:none}.status-pill .learning-flag{display:inline-flex;align-items:center;justify-content:center;margin-inline-end:4px}.status-pill .learning-flag svg{width:18px;height:14px;border-radius:2px;box-shadow:0 1px 2px #00000026}.status-pill .learning-lang{font-size:var(--text-xs);font-weight:600;min-width:auto}.status-pill .difficulty{font-size:var(--text-xs);font-weight:700;color:var(--accent-primary);background:var(--accent-primary-subtle);padding:2px 6px;border-radius:var(--radius-sm);min-width:auto}}@media(max-width:480px){.status-pill{padding:3px 8px;font-size:var(--text-xs);max-height:32px}.status-pill .native-flag,.status-pill .learning-flag{font-size:12px}.status-pill .native-lang,.status-pill .learning-lang,.status-pill .difficulty{font-size:10px;min-width:16px}}@media(max-width:379px){.status-pill{padding:2px 6px;font-size:10px;max-height:30px;gap:2px}.status-pill .native-flag,.status-pill .learning-flag{font-size:10px;margin-inline-end:0}.status-pill .native-lang,.status-pill .learning-lang,.status-pill .difficulty{font-size:9px;min-width:12px}.status-pill .separator{font-size:9px}}.topbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;padding:0 20px;height:55px;margin:0 auto;box-sizing:border-box}.topbar-logo{flex:0 0 auto;display:flex;align-items:center;height:100%;margin-inline-end:24px}.topbar-logo-text{font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:var(--color-text-main);text-decoration:none;display:flex;align-items:center;gap:0}.topbar-logo-text .dot{color:var(--color-primary)}.app-logo{max-height:55px;max-width:200px;width:auto;object-fit:contain}.topbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1;flex-wrap:nowrap;min-width:0}@media(max-width:480px){.topbar{padding:6px 8px;min-height:48px;gap:6px}.topbar-logo{min-width:30%;max-width:30%;margin-inline-end:6px}.app-logo{max-height:38px;display:none}.topbar-controls{gap:5px}.topbar-logo-text{font-size:1rem}}@media(max-width:379px){.topbar{padding:5px 6px;min-height:42px;gap:var(--gap-xs)}.topbar-logo{min-width:30%;max-width:30%;margin-inline-end:4px}.app-logo{max-height:36px;display:none}.topbar-controls{gap:var(--gap-xs)}.topbar-logo-text{font-size:.9rem}}.user-avatar-dropdown{position:relative;z-index:100001}.user-avatar-btn{width:40px;height:40px;border-radius:50%;background:var(--color-primary, #6366f1);color:#fff;border:2px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .2s ease;padding:0;box-shadow:0 2px 8px #6366f14d}.user-avatar-btn:hover{border-color:#fff6;transform:scale(1.05);box-shadow:0 4px 12px #6366f166}#desktopSettingsBtn{display:none!important}.avatar-initials{text-transform:uppercase;line-height:1}.avatar-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-input, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;z-index:100001;overflow:hidden;opacity:1;visibility:visible}.dropdown-user-info{padding:14px 16px;background:var(--bg-hover, #f3f4f6);border-bottom:1px solid var(--color-border, #e5e7eb)}.dropdown-user-email{font-size:13px;font-weight:500;color:var(--color-text-main, #111827);word-break:break-all;display:block}.dropdown-divider{height:1px;background:var(--color-border, #e5e7eb);margin:4px 0}.dropdown-item{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text-main, #111827);text-align:left;transition:background .15s}.dropdown-item:hover{background:var(--bg-hover, #f3f4f6)}.dropdown-item i{opacity:.6;width:18px;height:18px}.dropdown-item.dropdown-item-danger{color:#dc2626}.dropdown-item.dropdown-item-danger:hover{background:#fef2f2}@media(max-width:480px){.user-avatar-btn{width:36px;height:36px;font-size:14px}.avatar-dropdown-menu{right:-8px;min-width:200px}}.display-name-section{transition:all .2s ease}.display-name-section:hover{border-color:var(--color-primary)!important}.edit-display-name-btn{transition:all .2s ease}.edit-display-name-btn:hover{opacity:.9;transform:scale(1.02)}.display-name-edit-section{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#displayNameInput:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #6366f133}#displayNameInput::placeholder{color:var(--color-text-secondary);opacity:.6}.compact-select,.modern-select,#topicSelect,#nativeLang,#learningLang,#modelSelect,#topicMode{width:100%;padding:10px 12px;padding-inline-end:36px;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-xl);background-color:var(--bg-input)!important;color:var(--color-text-main)!important;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--dropdown-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:14px;position:relative!important;z-index:10}.compact-select:focus,.modern-select:focus,#topicSelect:focus,#modelSelect:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #6366f133;z-index:1000!important}input[type=range]{width:100%;height:8px;background:var(--bg-input);border-radius:5px;outline:none;opacity:.8;transition:opacity .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #6366f166}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f180}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;-moz-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #6366f166}.api-word-tiles-area{background:#f5f5f5;border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-xl);padding:var(--space-4);margin-top:8px}body.dark .api-word-tiles-area{background:#2d2d2d;border-color:var(--color-border, #404040)}.api-word-tiles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.api-word-tiles-title{font-weight:600;font-size:14px;color:var(--color-text-main, #333)}body.dark .api-word-tiles-title{color:var(--color-text-main, #f3f4f6)}.api-word-tiles-current-config{display:flex;flex-wrap:wrap;gap:var(--gap-md);margin-bottom:12px;padding:var(--space-2) 12px;background:#0000000d;border-radius:var(--radius-lg);font-size:12px}body.dark .api-word-tiles-current-config{background:#ffffff0d}.config-item{color:var(--color-text-secondary, #666)}body.dark .config-item{color:var(--color-text-secondary, #9ca3af)}.api-word-tiles-input{width:100%;min-height:100px;padding:var(--space-3);border:1px solid var(--color-border, #d0d0d0);border-radius:var(--radius-lg);background:var(--bg-input, #fff);color:var(--color-text-main, #333);font-family:inherit;font-size:var(--text-sm);resize:vertical}.api-word-tiles-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}body.dark .api-word-tiles-input{background:#1f2937;border-color:#4b5563;color:#f3f4f6}.api-word-tiles-hint{margin-top:8px;font-size:12px;color:var(--color-text-secondary, #888);font-style:italic}.action-buttons-group{display:flex;gap:10px;margin-top:var(--spacing-md)}.action-buttons-group button{flex:1;padding:var(--space-3) 0;border:1.5px solid transparent;border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font-display);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;display:flex;align-items:center;justify-content:center}#selectBtn{background:linear-gradient(135deg,var(--lk-mint) 0%,#059669 100%);border-color:var(--lk-mint)}#selectBtn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}#goBtn{background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%);font-size:16px;letter-spacing:1px;border-color:var(--color-primary);font-weight:700;animation:pulse-go-btn 2s ease-in-out infinite;transition:all .3s ease}#goBtn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 10px 20px #6366f166}#goBtn.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#9ca3af;cursor:not-allowed;opacity:.6;animation:none;transform:none;box-shadow:none}#instructionBtn:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 10px 20px #64748b4d}#selectBtn:active,#goBtn:active,#instructionBtn:active{transform:scale(.98) translateY(0)}@media(max-width:767px){.action-buttons-group{flex-direction:column}}.button-section button{flex:1 1 auto;min-width:120px;max-width:200px;padding:var(--space-3) 8px;border-radius:var(--radius-xl);border:1.5px solid transparent;color:#fff;font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:45px;font-weight:600;text-align:center;position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center;word-break:break-word;white-space:normal;line-height:1.3;box-shadow:0 2px 4px #0003}.button-section button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d,var(--shadow-glow);filter:brightness(1.1)}.button-section button:active{transform:translateY(0) scale(.98);transition:all var(--transition-fast)}#verbBtn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#a78bfa;flex:1 1 auto;min-width:120px;max-width:200px;padding:var(--space-3) 8px;border-radius:var(--radius-xl);border:2px solid transparent;color:#fff;font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:45px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);position:relative;flex-shrink:0}#verbBtn:hover{filter:brightness(1.1);border-color:#fff6;transform:translateY(-3px);box-shadow:0 8px 20px #8b5cf666}#randomizeExercisesBtn{background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%)!important;border-color:var(--color-primary-dark)!important;color:#fff!important;font-family:var(--font-display);font-weight:600;padding:10px 16px;min-height:40px;width:100%;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}#randomizeExercisesBtn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.section-label{position:absolute;top:-10px;inset-inline-start:10px;background:var(--bg-panel-left);padding:0 10px;font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.button-section{display:flex;flex-wrap:wrap;gap:var(--gap-sm);width:100%;justify-content:center;padding:10px;border-radius:var(--radius-xl);background:#ffffff05;border:1px solid rgba(255,255,255,.05);position:relative}.button-section:not(:first-child){border-top:1px dashed rgba(255,255,255,.1);padding-top:15px;margin-top:8px;position:relative}.button-section:not(:first-child):after{content:"✦";position:absolute;top:-10px;inset-inline-start:50%;transform:translate(-50%);background:var(--bg-panel-left);color:var(--color-primary);padding:0 10px;font-size:12px}@media(max-width:767px){.button-section button{flex:1 1 auto!important;min-width:calc(33.33% - 4px)!important;max-width:calc(33.33% - 4px)!important;padding:var(--space-2) 4px!important;font-size:var(--text-xs)!important;line-height:1.2!important;min-height:35px!important;margin:0!important;border-radius:var(--radius-xl)!important;word-break:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.exercise-buttons{display:flex!important;flex-direction:column!important;gap:var(--gap-sm)!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.button-section{display:flex!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;justify-content:space-between!important;border-radius:var(--radius-lg)}}@media(max-width:480px){.button-section button{flex:1 1 100%!important;min-width:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important;font-size:10px!important;padding:6px 3px!important;min-height:32px!important}.exercise-buttons{grid-template-columns:1fr!important}}.dynamic-ex-buttons{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-xl);border:1px solid var(--color-border);position:relative;z-index:1;isolation:isolate}.dynamic-ex-modality-btn{display:flex;align-items:center;gap:var(--gap-xs);padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--surface-1);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;color:var(--color-text-secondary);flex:1 1 auto;justify-content:center;min-width:50px}.dynamic-ex-modality-btn:hover:not(.disabled){background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-2px);box-shadow:var(--box-shadow-smooth)}.dynamic-ex-modality-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 8px #6366f14d}.dynamic-ex-modality-btn.active:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:0 4px 12px #6366f166}.dynamic-ex-modality-btn .modality-icon{font-size:14px}.dynamic-ex-phases{display:flex;flex-wrap:wrap;gap:6px;padding:var(--space-2) 4px;border-bottom:1px solid var(--color-border);margin-bottom:10px;justify-content:flex-start;min-height:38px;background:var(--surface-1);border-radius:var(--radius-xl);position:relative;z-index:5}.dynamic-ex-phase-btn{display:flex;align-items:center;gap:var(--gap-xs);padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--surface-1);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;color:var(--color-text-secondary);flex:0 1 auto;justify-content:center;min-width:50px}.dynamic-ex-phase-btn:hover:not(.active){background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-2px);box-shadow:var(--box-shadow-smooth)}.dynamic-ex-phase-btn.active{background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important;box-shadow:0 2px 8px #6366f14d}.dynamic-ex-phase-btn.active:hover{background:var(--accent-primary-hover)!important;border-color:var(--accent-primary-hover)!important;box-shadow:0 4px 12px #6366f166}.search-icon{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-secondary);pointer-events:none;z-index:2;line-height:1}.dynamic-ex-search-input{width:100%;padding:var(--space-2) 36px 8px 36px;font-size:var(--text-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--bg-input);color:var(--color-text-main);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.dynamic-ex-filter-chip{display:flex;align-items:center;gap:6px;padding:var(--space-2) 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--surface-1);font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;color:var(--color-text-secondary);flex:0 1 auto;justify-content:center;min-width:60px}.dynamic-ex-filter-chip:hover:not(.active){background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-2px);box-shadow:var(--box-shadow-smooth)}.dynamic-ex-filter-chip.active{background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important;box-shadow:0 2px 8px #6366f14d}.dynamic-ex-filter-chip.active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.dynamic-ex-filter-chip .chip-icon{font-size:14px;flex-shrink:0}.dynamic-ex-card{padding:var(--space-3) 10px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#ffffff08;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;font-size:.8rem;font-weight:500;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;position:relative;box-shadow:var(--box-shadow-smooth);gap:6px}.dynamic-ex-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-elevation-5),var(--shadow-glow);border-color:var(--accent-primary);background:#ffffff0f}.dynamic-ex-card:active{transform:translateY(-2px);transition:all var(--transition-fast)}.dynamic-ex-card.category-presentation{background:linear-gradient(135deg,#6366f11a,#ffffff05);border-color:#6366f133}.dynamic-ex-card.category-vocab{background:linear-gradient(135deg,#3b82f61a,#ffffff05);border-color:#3b82f633}.dynamic-ex-card.category-grammar{background:linear-gradient(135deg,#22c55e1a,#ffffff05);border-color:#22c55e33}.dynamic-ex-card.category-writing{background:linear-gradient(135deg,#f973161a,#ffffff05);border-color:#f9731633}.dynamic-ex-card.category-listening{background:linear-gradient(135deg,#ef44441a,#ffffff05);border-color:#ef444433}.dynamic-ex-card.category-speaking{background:linear-gradient(135deg,#a855f71a,#ffffff05);border-color:#a855f733}.dynamic-ex-card.category-culture{background:linear-gradient(135deg,#14b8a61a,#ffffff05);border-color:#14b8a633}.dynamic-ex-card .category-badge{font-family:var(--font-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);padding:2px 6px;background:var(--surface-0);border-radius:var(--radius-sm);margin-bottom:2px}.dynamic-ex-card .category-icon{font-size:20px;margin-bottom:6px;opacity:.85}.dynamic-ex-card .exercise-title{font-family:var(--font-display);font-weight:600;color:var(--color-text-main);line-height:1.3;font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}body.dark .dynamic-ex-filter-chip{background:var(--surface-1);border-color:var(--color-border)}body.dark .dynamic-ex-filter-chip:hover:not(.active){background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-link)}body.dark .dynamic-ex-card{background:#ffffff08}@media(max-width:768px){.dynamic-ex-buttons{width:100%;max-width:100%;box-sizing:border-box;overflow:visible;border-radius:var(--radius-xl)}.dynamic-ex-categories,.dynamic-ex-modality-filters{justify-content:center}.dynamic-ex-modality-btn{font-size:var(--text-xs);padding:6px 12px;flex:0 1 auto;min-width:auto}.dynamic-ex-category{font-size:var(--text-xs);padding:6px 10px;flex:0 1 auto;min-width:auto}.dynamic-ex-phases{font-size:12px;gap:6px;padding:10px 6px;margin-bottom:10px;justify-content:flex-start;flex-wrap:wrap;min-height:44px;height:auto;display:flex}.dynamic-ex-phase-btn{font-size:12px;padding:var(--space-2) 12px;min-width:60px;flex-shrink:0}.dynamic-ex-phase-btn .phase-count{font-size:9px;padding:1px 6px}.dynamic-ex-controls{margin-bottom:10px;padding:6px 0;width:100%;position:relative;z-index:1}.search-icon{font-size:14px;inset-inline-start:10px}.dynamic-ex-search-input{padding:var(--space-2) 36px 8px 36px;font-size:12px;width:100%;box-sizing:border-box}.search-clear{font-size:16px;inset-inline-end:10px;padding:2px 4px}.dynamic-ex-filter-chips{gap:6px;padding-bottom:10px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;padding-inline-start:4px;padding-inline-end:4px}.dynamic-ex-filter-chips::-webkit-scrollbar{display:none}.dynamic-ex-filter-chip{font-size:var(--text-xs);padding:6px 10px;min-width:50px;flex-shrink:0}.dynamic-ex-filter-chip .chip-icon{font-size:12px}.dynamic-ex-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.dynamic-ex-cards-container{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.dynamic-ex-card{font-size:12px;min-height:70px;padding:10px 8px;border-radius:var(--radius-xl)}.dynamic-ex-card .category-icon{font-size:16px;margin-bottom:4px}.dynamic-ex-card .exercise-title{font-size:12px;font-weight:600;margin-bottom:2px;line-height:1.2;max-height:28px;overflow:hidden;text-overflow:ellipsis}.dynamic-ex-card .exercise-category{font-size:10px;font-weight:500}}@media(max-width:480px){.dynamic-ex-grid{grid-template-columns:repeat(2,1fr);gap:6px}.dynamic-ex-cards-container{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);gap:6px}.dynamic-ex-modality-filters{justify-content:center}.dynamic-ex-phases{font-size:var(--text-xs);gap:5px;padding:var(--space-2) 4px}.dynamic-ex-phase-btn{font-size:var(--text-xs);padding:6px 10px;min-width:55px}.dynamic-ex-phase-btn .phase-count{font-size:9px;padding:1px 5px}.dynamic-ex-controls{margin-bottom:8px}.search-icon{font-size:var(--text-sm);inset-inline-start:8px}.dynamic-ex-search-input{padding:7px 32px;font-size:var(--text-xs)}.search-clear{font-size:14px;inset-inline-end:8px;padding:1px 3px}.dynamic-ex-filter-chips{gap:var(--gap-xs);padding-bottom:8px}.dynamic-ex-filter-chip{font-size:10px;padding:5px 8px;min-width:45px}.dynamic-ex-filter-chip .chip-icon{font-size:var(--text-xs)}.dynamic-ex-card{font-size:var(--text-xs);min-height:60px;padding:var(--space-2) 6px}.dynamic-ex-card .category-icon{font-size:16px;margin-bottom:3px}.dynamic-ex-card .exercise-title{font-size:var(--text-xs);font-weight:600;margin-bottom:1px;line-height:1.1;max-height:22px}.dynamic-ex-card .exercise-category{font-size:9px;font-weight:500}.dynamic-ex-modality-btn{font-size:10px;padding:5px 10px}.dynamic-ex-modality-btn .modality-icon{font-size:12px}.dynamic-ex-phase{font-size:var(--text-xs);padding:5px 10px}}.qs-chip,.tickbox-btn{font-family:var(--font-display);font-weight:500;border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1)}.qs-chip:hover,.tickbox-btn:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-smooth)}.qs-category-btn,.modifier-category-toggle{font-family:var(--font-display);font-weight:600;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.qs-category-btn:hover,.modifier-category-toggle:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.advanced-toggle,.modifiers-toggle{font-family:var(--font-display);font-weight:600;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.advanced-toggle:hover,.modifiers-toggle:hover{border-color:var(--color-primary)}.wizard-container{background:var(--lk-obsidian-1);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-elevation-5)}.wizard-header h2{font-family:var(--font-display);font-weight:700}.wizard-progress-step{font-family:var(--font-display)}.wizard-progress-step.active .step-dot{background:var(--color-primary);box-shadow:var(--shadow-glow)}.wizard-option{font-family:var(--font-display);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.wizard-option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.wizard-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.welcome-banner{background:linear-gradient(135deg,#6366f11a,#ffffff05);border:1px solid rgba(99,102,241,.2);border-radius:20px}.welcome-banner h3{font-family:var(--font-display);font-weight:700}.welcome-banner-go{font-family:var(--font-display);font-weight:600;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-banner-go:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.test-progress-overlay{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:var(--space-5)}.test-category-modal{background:var(--bg-panel-left, #ffffff);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.test-progress-header{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:20px}.test-progress-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text, #1f2937)}.test-progress-bar{height:6px;background:var(--color-border-light, #e5e7eb);border-radius:3px;overflow:hidden;margin-bottom:12px}.test-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #4f46e5),var(--color-primary-light, #818cf8));border-radius:3px;transition:width .3s ease}.test-progress-status{font-size:var(--text-sm);color:var(--color-text-secondary, #6b7280);margin-bottom:16px}.test-results-list{max-height:250px;overflow-y:auto;margin-bottom:16px;border:1px solid var(--color-border-light, #e5e7eb);border-radius:var(--radius-lg);padding:var(--space-2)}.test-result-item{display:flex;align-items:center;gap:var(--gap-sm);padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:4px}.test-result-item.success{background:#10b9811a}.test-result-item.error{background:#ef44441a}.test-result-icon{font-size:14px}.test-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md);text-align:center}.test-summary-item{padding:var(--space-3);background:var(--bg-grid-block, #f5f5f5);border-radius:var(--radius-lg)}.test-summary-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text, #1f2937)}.test-summary-label{font-size:var(--text-xs);color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.test-cancel-btn{margin-top:16px;padding:var(--space-3) 20px;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;width:100%;font-weight:600;font-size:14px;transition:all .2s ease;background:var(--color-text-secondary, #6b7280)}.test-cancel-btn:hover{background:var(--color-primary-dark, #4338ca);background:var(--color-text, #374151)}.test-category-list{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:16px;max-height:300px;overflow-y:auto}.test-category-btn{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-grid-block, #f5f5f5);border:2px solid var(--color-border-light, #e5e7eb);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.test-category-btn:hover{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-light, rgba(79, 70, 229, .08));transform:translateY(-1px)}.test-category-name{font-weight:600;font-size:14px;color:var(--color-text, #1f2937)}.test-category-count{font-size:12px;color:var(--color-text-secondary, #6b7280)}.test-all-btn{background:linear-gradient(135deg,var(--color-primary, #4f46e5),var(--color-primary-light, #818cf8));border-color:transparent}.test-all-btn .test-category-count{color:#fff}.test-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}body.dark .test-category-modal{background:var(--bg-panel-left, #1f2937)}body.dark .test-category-btn{background:var(--bg-grid-block, #374151);border-color:var(--color-border, #4b5563)}body.dark .test-category-btn:hover{background:#4f46e526}body.dark .test-summary-item{background:var(--bg-grid-block, #374151)}body.dark .test-results-list{border-color:var(--color-border, #4b5563)}.about-modal-overlay{z-index:99999!important;position:fixed!important;top:0!important;inset-inline-start:0!important;inset-inline-end:0!important;bottom:0!important}.about-modal-content{max-width:700px;max-height:90vh;width:95%;background:var(--bg-panel-left, #fff);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.about-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) 24px;border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--bg-hover, #f9fafb)}.about-modal-header h2{margin:0;font-size:1.25rem;color:var(--color-text-main, #111827)}.about-modal-tabs{display:flex;gap:var(--gap-xs);padding:var(--space-3) 24px;background:var(--bg-hover, #f9fafb);border-bottom:1px solid var(--color-border, #e5e5e5);overflow-x:auto;flex-shrink:0}.about-tab-btn{padding:var(--space-2) 16px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-lg);transition:all .2s;white-space:nowrap}.about-tab-btn:hover{background:var(--bg-active, #f3f4f6);color:var(--color-text-main, #374151)}.about-tab-btn.active{background:var(--color-primary, #3b82f6);color:#fff}.about-modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.about-tab-panel{display:none}.about-tab-panel.active{display:block}.about-tab-panel h3{margin:0 0 16px;font-size:1.125rem;color:var(--color-text-main, #111827)}.about-intro{color:var(--color-text-secondary, #6b7280);margin-bottom:20px;line-height:1.6}.about-callout{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-inline-start:4px solid var(--color-primary, #3b82f6);padding:var(--space-4);border-radius:0 8px 8px 0;margin-top:20px;color:var(--color-text-main, #374151)}.pricing-cards{display:flex;flex-direction:column;gap:var(--gap-md)}.pricing-card{background:var(--bg-hover, #f9fafb);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-xl);padding:var(--space-4)}.pricing-card.free-tier{border-inline-start:4px solid #6b7280}.pricing-card.basic-tier{border-inline-start:4px solid #10b981}.pricing-card.premium-tier{border-inline-start:4px solid #f59e0b}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pricing-name{font-weight:600;font-size:1rem;color:var(--color-text-main, #111827)}.pricing-price{font-weight:700;font-size:1.125rem;color:var(--color-primary, #3b82f6)}.pricing-note{font-size:.75rem;color:var(--color-text-secondary, #6b7280);margin:0 0 8px}.pricing-features{list-style:none;padding:0;margin:0;font-size:.875rem}.pricing-features li{padding:var(--space-1) 0;color:var(--color-text-secondary, #6b7280)}.api-guide-section{margin-bottom:24px;padding:var(--space-4);background:var(--bg-hover, #f9fafb);border-radius:var(--radius-xl)}.api-guide-section h4{margin:0 0 12px;font-size:1rem;color:var(--color-text-main, #111827)}.api-steps{padding-inline-start:20px;margin:0}.api-steps li{padding:6px 0;color:var(--color-text-secondary, #6b7280);font-size:.9rem;line-height:1.5}.api-steps a{color:var(--color-primary, #3b82f6);text-decoration:none}.api-steps a:hover{text-decoration:underline}.api-note{margin-top:12px;padding:var(--space-3);background:#10b9811a;border-radius:var(--radius-lg);font-size:.875rem;color:#065f46}.provider-list{list-style:none;padding:0;margin:0}.provider-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border, #e5e5e5);font-size:.9rem;color:var(--color-text-secondary, #6b7280)}.provider-list li:last-child{border-bottom:none}.provider-list a{color:var(--color-primary, #3b82f6);text-decoration:none}.model-cards{display:flex;flex-direction:column;gap:var(--gap-lg)}.model-card{background:var(--bg-hover, #f9fafb);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-xl);padding:var(--space-4)}.model-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:12px}.model-icon{font-size:1.25rem}.model-name{font-weight:600;color:var(--color-text-main, #111827)}.model-recommendation h4{margin:0 0 8px;font-size:1rem;color:var(--color-primary, #3b82f6)}.model-provider{font-size:.8rem;color:var(--color-text-secondary, #6b7280);margin:0 0 12px}.model-specs{list-style:none;padding:0;margin:0;font-size:.85rem}.model-specs li{padding:var(--space-1) 0;color:var(--color-text-secondary, #6b7280)}.model-specs strong{color:var(--color-text-main, #374151)}.model-alternatives{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border, #e5e5e5)}.model-alternatives h5{margin:0 0 8px;font-size:.85rem;color:var(--color-text-main, #374151)}.model-alternatives ul{margin:0;padding-inline-start:20px;font-size:.8rem;color:var(--color-text-secondary, #6b7280)}.model-alternatives li{padding:3px 0}.speed-chart{display:flex;flex-direction:column;gap:var(--gap-md);margin-bottom:24px}.speed-row{display:flex;align-items:center;gap:var(--gap-md)}.speed-provider{width:120px;font-size:.85rem;font-weight:500;color:var(--color-text-main, #374151);flex-shrink:0}.speed-bar-container{flex:1;height:24px;background:var(--bg-hover, #f3f4f6);border-radius:var(--radius-xl);overflow:hidden}.speed-bar{height:100%;border-radius:var(--radius-xl);transition:width .3s ease}.speed-bar.local-gpu{background:linear-gradient(90deg,#10b981,#059669)}.speed-bar.groq{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.speed-bar.cloud{background:linear-gradient(90deg,#3b82f6,#2563eb)}.speed-bar.free{background:linear-gradient(90deg,#f59e0b,#d97706)}.speed-label{width:140px;font-size:.75rem;color:var(--color-text-secondary, #6b7280);flex-shrink:0;text-align:end}.speed-explanation{background:var(--bg-hover, #f9fafb);border-radius:var(--radius-xl);padding:var(--space-4)}.speed-explanation h4{margin:0 0 12px;font-size:.95rem;color:var(--color-text-main, #111827)}.speed-explanation ul{margin:0;padding-inline-start:20px}.speed-explanation li{padding:var(--space-1) 0;font-size:.85rem;color:var(--color-text-secondary, #6b7280)}.about-modal-footer{padding:var(--space-4) 24px;border-top:1px solid var(--color-border, #e5e5e5);background:var(--bg-hover, #f9fafb);display:flex;justify-content:flex-end}@media(max-width:640px){.about-modal-content{max-height:85vh;border-radius:var(--radius-xl) 12px 0 0;margin:auto 0 0;width:100%}.about-modal-tabs{padding:var(--space-2) 12px;gap:2px}.about-tab-btn{padding:6px 10px;font-size:.75rem}.about-modal-body{padding:var(--space-4)}.pricing-header{flex-direction:column;align-items:flex-start;gap:var(--gap-xs)}.speed-row{flex-wrap:wrap}.speed-provider{width:100%}.speed-bar-container{width:calc(100% - 160px)}.speed-label{width:150px}}body.dark .about-modal-content{background:var(--bg-panel-left, #1f2937)}body.dark .about-modal-footer{background:var(--bg-grid-block, #374151);border-color:var(--color-border, #4b5563)}body.dark .about-tab-btn:hover{background:var(--bg-active, #4b5563)}body.dark .speed-explanation{background:var(--bg-grid-block, #374151);border-color:var(--color-border, #4b5563)}.modal-drag-reset{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border:none;background:var(--surface-2);border-radius:var(--radius-full);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s ease;z-index:10}.modal-drag-reset:hover{opacity:1;background:var(--accent-primary);color:#fff;transform:scale(1.1)}.modal-drag-reset:active{transform:scale(.95)}.modal-content.draggable{cursor:move}@media(min-width:768px){.modal-card.draggable,.modal-content.draggable{cursor:move}.modal-drag-reset{opacity:.4}.modal-drag-reset:hover{opacity:1}}.focus-glow:focus{border-color:var(--color-primary, #4a90d9)!important;box-shadow:0 0 0 3px #4a90d926;outline:none}body.dark .focus-glow:focus{box-shadow:0 0 0 3px #4a90d940}.card-hover-lift{transition:background .15s ease,border-color .15s ease,transform .15s ease}.card-hover-lift:hover{transform:translate(2px);background:var(--color-bg-hover, #e8f0fe);border-color:var(--color-border, #e5e5e5)}body.dark .card-hover-lift:hover{background:#4a90d91f;border-color:var(--color-border, #404040)}.modal-header-gradient{background:linear-gradient(135deg,rgba(74,144,217,.04),transparent)}body.dark .modal-header-gradient{background:linear-gradient(135deg,rgba(74,144,217,.08),transparent)}.modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:background .2s,color .2s;font-size:20px;color:var(--color-text-secondary, #666);flex-shrink:0}.modal-close-btn:hover{background:#e53e3e1a;color:#e53e3e}.modal-close-btn:active{transform:scale(.92)}body.dark .modal-close-btn{color:var(--color-text-secondary, #999)}body.dark .modal-close-btn:hover{background:#e53e3e26;color:#fc8181}:root{--bg-body: #ffffff;--bg-panel-inset-inline-start: #ffffff;--bg-panel-left: #ffffff;--bg-panel-inset-inline-end: #f9f9f9;--bg-input: #ffffff;--bg-grid-block: #f5f5f5;--bg-hover: #f8f8f8;--color-text-main: #000000;--color-text-secondary: #333333;--color-border: #e0e0e0;--color-border-dark: #afb8c1;--color-border-light: var(--color-border);--color-link: #0969da;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--bg-code: rgba(27,31,35,.05);--color-code: #24292e;--bg-code-inline: #f0f0f0;--color-code-inline: #d63384;--border-code-inline: #ddd;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 21px;--font-size-2xl: 26px;--font-size-h1: 29px;--dropdown-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--height-header: 60px;--side-ad-width: 160px;--side-ad-width-medium: 120px;--side-ad-gap: 10px;--shadow-elevation-1: 0 1px 2px rgba(0,0,0,.05);--shadow-elevation-2: var(--shadow-subtle);--shadow-elevation-3: 0 4px 8px rgba(0,0,0,.12);--shadow-elevation-4: 0 8px 16px rgba(0,0,0,.15);--box-shadow-smooth: 0 2px 8px rgba(0,0,0,.1);--box-shadow-heavy: 0 4px 16px rgba(0,0,0,.15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--anim-duration-fast: .15s;--anim-duration-base: .2s;--anim-duration-slow: .3s}body.dark{--surface-0: #0a0a0e;--surface-1: #12121a;--surface-2: #1a1a24;--surface-3: #242430;--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-primary-subtle: rgba(99, 102, 241, .1);--bg-body: var(--surface-0);--bg-panel-inset-inline-start: var(--surface-1);--bg-panel-inset-inline-end: #131318;--bg-panel-left: var(--surface-1);--bg-input: var(--surface-2);--bg-grid-block: var(--surface-1);--bg-hover: var(--surface-3);--bg-top-controls: var(--surface-1);--color-text-main: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-border: rgba(255, 255, 255, .06);--color-border-dark: rgba(255, 255, 255, .12);--color-border-light: rgba(255, 255, 255, .06);--color-link: #818cf8;--color-primary: var(--accent-primary);--color-primary-dark: #4f46e5;--color-primary-light: var(--accent-primary-subtle);--color-success: #34d399;--color-success-light: rgba(52, 211, 153, .15);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .15);--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .15);--color-info: #60a5fa;--color-info-light: rgba(96, 165, 250, .15);--bg-code: var(--surface-2);--color-code: #d4d4d4;--bg-code-inline: var(--surface-3);--color-code-inline: #f472b6;--border-code-inline: var(--color-border-dark);--dropdown-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--shadow-elevation-1: 0 1px 2px rgba(0,0,0,.2);--shadow-elevation-2: 0 2px 4px rgba(0,0,0,.25);--shadow-elevation-3: 0 4px 8px rgba(0,0,0,.3);--shadow-elevation-4: 0 8px 16px rgba(0,0,0,.4);--box-shadow-smooth: 0 2px 8px rgba(0,0,0,.4);--box-shadow-heavy: 0 8px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2)}body.dark .welcome-banner{background:linear-gradient(135deg,var(--color-primary-light, rgba(99, 102, 241, .15)) 0%,var(--surface-2) 100%);border-color:var(--accent-primary);color:var(--color-text-main)}body.dark .welcome-banner h3{color:var(--color-text-main)}body.dark .welcome-banner p{color:var(--color-text-secondary)}@media(max-width:767px){:root{--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-h1: 26px}}.topheader,#topHeader{display:flex;justify-content:space-between;align-items:center;padding-inline-start:var(--spacing-lg);padding-inline-end:var(--spacing-lg);box-shadow:var(--box-shadow-smooth);background:var(--surface-1);border-bottom:1px solid var(--color-border)}@media(max-width:767px){#topHeader{padding-inline-end:0!important;margin-inline-start:0!important;margin-inline-end:0!important;position:relative!important;margin-top:0!important;top:auto!important;inset-inline-start:0!important;inset-inline-end:0!important;width:100%!important;max-width:100%!important;height:auto!important;z-index:10!important;padding-inline-start:0!important;transition:none}}.topheader .status-pill,#topHeader .status-pill{height:38px;display:flex;align-items:center;justify-content:center}.topheader .topbar-controls,#topHeader .topbar-controls{display:flex;align-items:center;gap:var(--spacing-sm)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip;overflow-y:auto;width:100%;min-height:100%}body{overflow:visible;width:100%;position:relative;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Noto Sans CJK SC,Meiryo,Malgun Gothic,Nanum Gothic,sans-serif;background-color:var(--bg-body)!important;color:var(--color-text-main)!important;display:flex;flex-direction:column;transition:background-color var(--transition-base),color var(--transition-base)}@media(max-width:767px){html,body{overflow-x:clip!important;max-width:100vw!important}*{max-width:100vw!important}}body.modal-open{overflow:hidden}@media(max-width:767px){body.modal-open{overflow:clip}}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:var(--space-2) 16px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary.loading{opacity:.7;cursor:wait;pointer-events:none}.btn-primary.loading:after{content:"";width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-2) 16px;border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-lg)}.btn-icon:hover{background:var(--bg-grid-block);color:var(--color-text-main)}#topHeader{position:relative!important;width:100%;justify-content:space-between;align-items:center}@media(min-width:768px){#main-container{width:100%;max-width:1600px;margin:0 auto;display:grid;gap:20px;padding:0;display:grid!important;grid-template-areas:"banner banner" "quick quick" "left right";grid-template-columns:minmax(280px,500px) 1fr;grid-template-rows:auto auto 1fr;gap:var(--gap-md) 16px;margin-inline-start:170px!important;margin-inline-end:180px!important;max-width:1240px!important;position:relative;z-index:10;pointer-events:auto}#topHeader.hidden~#main-container{margin-top:10px}}.quick-select-exercise-row,.quick-select-btn.moved-to-panel{display:none!important}@media(max-width:767px){#main-container{width:100%;max-width:100%;margin:0 auto;display:flex;gap:var(--gap-md);padding:0;flex-direction:column;align-items:stretch;transition:margin-top .3s ease,padding .3s ease;margin-top:0!important;margin-inline-start:0!important;margin-inline-end:0!important;padding:0!important;gap:0!important;max-width:100%!important}.welcome-banner{margin:0 0 12px;border-radius:var(--radius-lg)}}.mobile-controls-row{display:flex;flex-direction:row;align-items:center;min-height:var(--mobile-control-height)}.mobile-controls-row .mobile-drawer-toggle{flex-shrink:0}.mobile-controls-row .mobile-topic-btn{flex:1;margin-inline-start:var(--mobile-gap)}.quick-select-label{display:none;font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--color-primary);margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px}.quick-select-buttons{display:flex;gap:var(--mobile-gap-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:2px 0}.quick-select-buttons::-webkit-scrollbar{display:none}.quick-select-btn{flex-shrink:0;flex:1;min-width:0;padding:var(--mobile-padding) var(--mobile-padding-sm) 5px;gap:2px;border-radius:var(--mobile-radius-sm);min-height:var(--mobile-control-height)}.quick-select-btn .quick-select-icon{font-size:.9rem}.quick-select-btn .quick-select-text{font-size:var(--mobile-font-xs);letter-spacing:.2px}.quick-select-tooltip{display:none;position:absolute;top:-50px;inset-inline-start:50%;transform:translate(-50%) translateY(10px);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:10px 16px;border-radius:var(--radius-lg);font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 8px 24px #3b82f64d;display:flex;align-items:center;gap:var(--gap-sm);pointer-events:none}.mobile-drawer-toggle{display:flex!important;align-items:center;justify-content:center;width:var(--mobile-control-height);height:var(--mobile-control-height);background:var(--accent-primary);border:none;border-radius:var(--mobile-radius);color:#fff;cursor:pointer;flex-shrink:0;z-index:101}.mobile-drawer-toggle:hover{background:var(--accent-primary-hover, #818cf8)}.mobile-drawer-toggle svg{width:20px;height:20px}.mobile-topic-btn{display:flex!important;align-items:center;gap:var(--mobile-gap-sm);height:var(--mobile-control-height);padding:0 10px;background:var(--surface-2, #f1f5f9);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--mobile-radius-sm);color:var(--color-text-main);cursor:pointer;flex:1;flex-shrink:0;z-index:101;transition:all .15s ease;max-width:200px;min-width:80px;overflow:hidden}.mobile-topic-btn:hover{background:var(--bg-hover, #e2e8f0);border-color:var(--accent-primary, #6366f1)}.mobile-topic-btn:active{transform:scale(.98)}.mobile-topic-icon{font-size:var(--text-14px);flex-shrink:0}.mobile-topic-name{font-size:var(--mobile-font-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex:1}.mobile-topic-chevron{display:flex;align-items:center;flex-shrink:0;opacity:.5;margin-inline-start:2px}.sidebar-collapse-btn{display:none!important}.left-panel.drawer-open{transform:translate(0)!important}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:absolute;top:8px;inset-inline-end:8px;background:var(--bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;z-index:10001!important;pointer-events:auto}.drawer-close-btn svg,.drawer-close-btn i{pointer-events:none}.drawer-close-btn:hover{background:var(--color-border)}.drawer-backdrop{position:fixed!important;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;background:#00000080;z-index:9999!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-backdrop.visible{opacity:1;visibility:visible}.right-panel{width:100%!important;max-width:100%!important;min-width:0!important;order:1;margin-top:0;z-index:0!important}.welcome-banner{order:-1;background:linear-gradient(135deg,var(--color-primary-light, #dbeafe) 0%,#fef3c7 100%);border:1px solid var(--color-primary, #2563eb);border-radius:var(--radius-lg);padding:var(--space-4) 20px;margin:0;box-shadow:0 4px 12px #0000001a;animation:slideDown .4s ease-out;width:100%;box-sizing:border-box;position:relative;z-index:10600}.left-panel{order:2}#main-container.sidebar-collapsed .right-panel{width:100%!important;max-width:100%!important}.left-panel,.right-panel{border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-3);position:relative;z-index:1;transition:all var(--transition-base);overflow-y:auto;overflow-x:hidden;background:var(--surface-1);box-shadow:var(--box-shadow-smooth)}@media(min-width:768px){.welcome-banner{grid-area:banner;margin:0}.quick-select-container{grid-area:quick;margin:0;padding:var(--space-2) 12px;min-height:auto}.quick-select-container .quick-select-label{margin-bottom:6px;font-size:.7rem}.quick-select-container .quick-select-buttons{gap:3px}.quick-select-container .quick-select-btn{padding:5px 3px 4px;min-width:calc(12.5% - 3px);font-size:.65rem}.quick-select-container .quick-select-icon{width:16px;height:16px}.quick-select-container .quick-select-text{font-size:.65rem}.mobile-drawer-toggle,.drawer-close-btn,.mobile-topic-btn,.mobile-controls-row{display:none!important}.desktop-controls-row{display:flex!important;align-items:center;justify-content:center;gap:var(--gap-sm);margin-bottom:8px;padding:0}.collapsible-settings-group.config-section{display:none!important}.desktop-control-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--surface-2, #f1f5f9);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md);color:var(--color-text-main);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm);font-weight:500;box-shadow:0 1px 2px #0000000d}.desktop-control-btn:hover{background:var(--bg-hover, #e2e8f0);border-color:var(--accent-primary, #6366f1);box-shadow:0 2px 4px #00000014}.desktop-control-btn:active{transform:scale(.98)}.desktop-control-icon{font-size:var(--text-14px);flex-shrink:0}.desktop-control-name{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.desktop-control-chevron{display:flex;align-items:center;flex-shrink:0;opacity:.4;margin-inline-start:2px}.desktop-control-chevron svg{width:12px;height:12px}.desktop-topic-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:220px;height:44px;padding:0 24px;background:linear-gradient(135deg,var(--color-primary-light, #dbeafe) 0%,var(--color-primary, #3b82f6) 100%);border:2px solid var(--color-primary, #3b82f6);border-radius:22px;color:#fff;font-size:var(--text-base);font-weight:600;box-shadow:0 4px 12px #3b82f64d;cursor:pointer;transition:all .2s ease;flex-shrink:0}.desktop-topic-btn:hover{background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,var(--color-primary-hover, #2563eb) 100%);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.desktop-topic-btn:active{transform:scale(.98)}.desktop-topic-btn .desktop-control-icon{font-size:var(--text-lg)}.desktop-topic-btn .desktop-control-name{font-size:var(--text-base);font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.desktop-topic-btn .desktop-control-chevron{opacity:.8}.desktop-topic-btn .desktop-control-chevron svg{width:16px;height:16px}.rarity-tier-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;letter-spacing:.01em;transition:all .2s ease}.rarity-tier-basics{background:#22c55e33;color:#15803d;border:1px solid rgba(34,197,94,.3)}.rarity-tier-expanded{background:#3b82f633;color:#1d4ed8;border:1px solid rgba(59,130,246,.3)}.rarity-tier-advanced{background:#f9731633;color:#c2410c;border:1px solid rgba(249,115,22,.3)}.rarity-tier-rarest{background:#a855f733;color:#7c3aed;border:1px solid rgba(168,85,247,.3)}body.dark .rarity-tier-basics{background:#22c55e40;color:#4ade80;border-color:#22c55e66}body.dark .rarity-tier-expanded{background:#3b82f640;color:#60a5fa;border-color:#3b82f666}body.dark .rarity-tier-advanced{background:#f9731640;color:#fb923c;border-color:#f9731666}body.dark .rarity-tier-rarest{background:#a855f740;color:#c084fc;border-color:#a855f766}.course-indicator{font-size:14px;line-height:1;flex-shrink:0}.desktop-compact-output{background:var(--surface-1, #ffffff);border-color:var(--color-border, #e2e8f0);padding-inline-start:10px}.desktop-compact-output:hover{background:var(--bg-hover, #f1f5f9)}.desktop-compact-badge{font-size:var(--text-xs);padding:2px 6px;background:var(--color-primary, #3b82f6);color:#fff;border-radius:var(--radius-sm);font-weight:600}.desktop-compact-output[data-mode=api] .desktop-compact-badge{background:var(--accent-secondary, #10b981)}.desktop-compact-divider{font-size:var(--text-12px);color:var(--color-text-secondary, #666);opacity:.5}.desktop-compact-model{font-size:var(--text-sm);font-weight:500;color:var(--color-text-main);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-saved-prompts-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;color:#92400e}.desktop-saved-prompts-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b}.desktop-saved-count{font-size:var(--text-xs);padding:2px 6px;background:#92400e26;color:#92400e;border-radius:var(--radius-lg);font-weight:600;min-width:18px;text-align:center}.left-panel,.right-panel{margin-top:0}.left-panel{grid-area:left!important;min-width:280px;max-width:500px;background-color:var(--surface-1)!important;color:var(--color-text-main)!important;max-height:none;overflow-y:auto;overflow-x:hidden;height:auto;padding:var(--space-3)}.right-panel{grid-area:right!important;min-width:0;flex:1;background-color:var(--surface-0)!important;color:var(--color-text-main)!important;max-height:none;overflow-y:auto;overflow-x:hidden;height:auto;padding:0 10px 20px 20px;padding-inline-end:20px;max-width:100%;box-sizing:border-box}}@media(min-width:1025px){.right-panel{padding-inline-end:30px}}@media(min-width:768px)and (max-width:1200px){#main-container{grid-template-areas:"banner banner" "quick quick" "left right";grid-template-columns:320px 1fr!important;grid-template-rows:auto auto 1fr;gap:var(--gap-md);padding:0 8px}#main-container.sidebar-collapsed{grid-template-areas:"banner banner" "quick quick" "right";grid-template-columns:0 1fr!important;gap:var(--gap-md)!important;max-width:100%!important}.left-panel{min-width:280px!important;max-width:350px!important}#main-container.sidebar-collapsed .left-panel{min-width:0!important;max-width:0!important;width:0!important}.right-panel{min-width:0!important;padding:0 12px 12px}}@media(min-width:768px)and (max-width:900px){#main-container{display:flex!important;flex-direction:column!important;gap:var(--gap-lg)}.left-panel,.right-panel{width:100%!important;max-width:100%!important;min-width:0!important}#main-container.sidebar-collapsed{max-width:100%!important}#main-container.sidebar-collapsed .left-panel{min-width:0!important;max-width:0!important;width:0!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important}#main-container.sidebar-collapsed .right-panel{width:100%!important;max-width:100%!important}}@media(min-width:768px){#main-container.sidebar-collapsed{grid-template-areas:"banner banner" "quick quick" "right";grid-template-columns:0 1fr!important;grid-template-rows:auto auto 1fr;gap:var(--gap-md) 0!important;padding-inline-start:0!important}#main-container.sidebar-collapsed .left-panel{min-width:0!important;max-width:0!important;width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;flex:none!important}#main-container.sidebar-collapsed .left-panel>*{opacity:0!important;pointer-events:none!important;visibility:hidden!important}#main-container.sidebar-collapsed .right-panel,body.sidebar-collapsed .right-panel{grid-area:right!important;width:100%!important;max-width:100%!important;min-width:300px!important;flex:1!important;opacity:1!important;visibility:visible!important;display:block!important;height:auto!important;min-height:100px!important}}@media(max-width:767px){.sidebar-collapse-btn,.sidebar-btn-floating{display:none!important}}@media(min-width:768px){.sidebar-collapse-btn{position:absolute!important;inset-inline-end:-16px!important;top:24px!important;transform:none!important;width:32px!important;height:64px!important;border-radius:0 10px 10px 0!important;background:var(--accent-primary)!important;border:2px solid var(--accent-primary)!important;border-inline-start:none!important;color:#fff!important;cursor:pointer!important;z-index:1000!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:2px 0 12px #6366f14d!important;user-select:none!important;-webkit-user-select:none!important;transition:all .2s ease!important}.sidebar-collapse-btn:hover{background:var(--accent-primary-dark, #4f46e5)!important;box-shadow:2px 0 16px #6366f180!important;transform:scale(1.05)!important}.sidebar-collapse-btn:focus{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}.sidebar-collapse-btn *{pointer-events:none!important}.sidebar-collapse-btn .icon-collapse{display:block!important}.sidebar-collapse-btn .icon-expand{display:none!important}.sidebar-collapse-btn svg{width:18px!important;height:18px!important;flex-shrink:0!important}.sidebar-btn-floating{position:fixed!important;inset-inline-start:200px!important;top:50%!important;transform:translateY(-50%);z-index:2147483647!important;pointer-events:auto!important;width:44px!important;height:80px!important;border-radius:0 16px 16px 0!important;background:var(--accent-primary)!important;border:2px solid var(--accent-primary)!important;border-inline-start:none!important;box-shadow:2px 0 16px #6366f166!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;cursor:pointer!important;color:#fff!important}.sidebar-btn-floating:hover{background:var(--accent-primary-hover, #818cf8)!important;width:52px!important;box-shadow:2px 0 20px #6366f199!important}.sidebar-btn-floating .icon-collapse{display:none!important}.sidebar-btn-floating .icon-expand{display:block!important}@media(min-width:768px)and (max-width:1200px){.sidebar-btn-floating{inset-inline-start:150px!important}}}@media(min-width:768px){#main-container.exercise-active{grid-template-columns:280px 1fr}#main-container.exercise-active .left-panel{border-inline-start:3px solid var(--accent-primary)}#main-container.exercise-active .right-panel{box-shadow:inset 0 0 0 1px #6366f126,var(--box-shadow-smooth)}.close-exercise-mode-btn{width:28px;height:28px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.close-exercise-mode-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff;transform:rotate(90deg)}.close-exercise-mode-btn:active{transform:rotate(90deg) scale(.95)}#main-container.exercise-active .close-exercise-mode-btn{display:flex}@media(max-width:767px){.close-exercise-mode-btn{display:none!important}}}@media(max-width:767px){#main-container.exercise-mobile .collapsible-settings-content{display:none}#main-container.exercise-mobile .collapsible-settings-header{cursor:default}#main-container.exercise-mobile .collapsible-settings-toggle{opacity:.5}}.exercise-mode-toast{position:fixed;bottom:20px;inset-inline-end:20px;padding:var(--space-3) 20px;border-radius:var(--radius-lg);background:var(--bg-panel-left);border:2px solid var(--color-primary);box-shadow:var(--shadow-dark);font-size:var(--text-14px);font-weight:600;color:var(--color-text-main);z-index:10000;transform:translateY(100px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.exercise-mode-toast.show{transform:translateY(0);opacity:1}.exercise-mode-toast.fade-out{opacity:0;transform:translateY(20px)}.exercise-mode-toast-success{border-color:var(--color-success, #10b981)}.exercise-mode-toast-info{border-color:var(--color-primary)}@media(max-width:767px){.exercise-mode-toast{inset-inline-start:10px;inset-inline-end:10px;bottom:10px}}.keyboard-shortcut-hint{display:none;font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--bg-input);padding:var(--space-1) 8px;border-radius:var(--radius-sm);margin-inline-start:10px;border:1px solid var(--color-border)}.keyboard-shortcut-hint kbd{background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;color:var(--color-primary);font-family:monospace}#main-container.exercise-active .keyboard-shortcut-hint{display:inline-block}@media(max-width:767px){.keyboard-shortcut-hint{display:none!important}}@media(max-width:767px){#infoBanner{height:25px!important;min-height:25px!important;max-height:25px!important;position:fixed!important;top:0!important;inset-inline-start:0!important;inset-inline-end:0!important;width:100%!important;z-index:10000!important;background:var(--bg-primary, #f5f5f5)!important}#requiredSelectionStrip{position:relative;z-index:100}#requiredSelectionStrip.strip-scrolled-up{position:fixed;top:25px;inset-inline-start:0;inset-inline-end:0;z-index:999;box-shadow:0 4px 8px #00000026}#topHeader.header-hidden{display:none}#mobileLayoutContainer{display:none;width:100%;max-width:100%;background:var(--bg-body)}#mobileSectionsContainer{width:100%;max-width:100%;padding:0;margin:0;overflow-y:auto;overflow-x:hidden}#topHeader button,#topHeader .status-pill,#topHeader .topbar-controls>*{position:relative!important;z-index:1000!important}}@media(min-width:768px){#infoBanner{position:sticky!important;top:0!important;inset-inline-start:0!important;width:100%!important;height:45px!important;max-height:45px!important;min-height:45px!important;z-index:1000!important;box-sizing:border-box!important;overflow:hidden!important;background:transparent!important}#topHeader{position:relative!important;margin-top:0;top:auto!important;z-index:10!important}}.topbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;padding:0 20px;height:55px;margin:0 auto}.topbar-logo{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:100%;margin-inline-end:24px;min-width:30%;max-width:35%}.app-logo{display:none}.brand-text{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:800;letter-spacing:-.03em;font-family:Inter,system-ui,sans-serif;line-height:1;position:relative;z-index:11}.brand-generate{background:linear-gradient(135deg,var(--color-primary, #6366f1) 0%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(99,102,241,.3))}.brand-dot{color:var(--color-text-secondary, #6b7280);font-weight:400;opacity:.6;-webkit-text-fill-color:initial}.brand-repeat{background:linear-gradient(135deg,var(--accent-secondary, #10b981) 0%,#34d399 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(16,185,129,.3))}.brand-text:hover .brand-generate{filter:drop-shadow(0 2px 8px rgba(99,102,241,.5))}.brand-text:hover .brand-repeat{filter:drop-shadow(0 2px 8px rgba(16,185,129,.5))}@media(max-width:767px){.brand-text{font-size:16px;gap:4px}}.topbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1;flex-wrap:nowrap;min-width:0}.status-pill .arrow{color:var(--color-link);font-weight:700;margin:0 1px;font-size:var(--text-xs);flex-shrink:0}.status-pill .separator{color:var(--color-text-secondary);opacity:.7;font-size:10px;flex-shrink:0}.status-pill .difficulty{font-weight:600;color:var(--color-link);min-width:18px;text-align:center;font-size:var(--text-xs);flex-shrink:0}.status-pill .native-flag,.status-pill .learning-flag{display:inline-flex;align-items:center;justify-content:center;line-height:1;overflow:hidden}.status-pill .native-flag svg,.status-pill .learning-flag svg{display:block;border-radius:2px;box-shadow:0 1px 2px #0000001a;font-size:initial}@media(max-width:1023px)and (min-width:768px){.status-pill{font-size:var(--text-xs);padding:var(--space-1) 8px;max-height:34px}.status-pill .native-flag,.status-pill .learning-flag{font-size:var(--text-12px)}.status-pill .native-lang,.status-pill .learning-lang,.status-pill .difficulty{font-size:10px;min-width:16px}}#languageSettingsToggle{margin-bottom:0!important}@media(max-width:767px){.status-pill{padding:6px 10px;font-size:var(--text-12px);gap:var(--gap-xs)}.status-pill .native-flag,.status-pill .native-lang,.status-pill .arrow{display:none}.status-pill .learning-flag{display:inline-flex;align-items:center;justify-content:center;margin-inline-end:4px}.status-pill .learning-flag svg{width:18px;height:14px;border-radius:2px;box-shadow:0 1px 2px #00000026}.status-pill .learning-lang{font-size:var(--text-xs);font-weight:600;min-width:auto}.status-pill .separator{margin:0 2px;font-size:9px}.status-pill .difficulty{font-size:var(--text-xs);font-weight:700;color:var(--accent-primary);background:var(--accent-primary-subtle);padding:2px 6px;border-radius:var(--radius-sm);min-width:auto}}#darkToggle,#apiSettingsBtn,#clearStorageBtn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px;font-size:var(--text-base);cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}#clearStorageBtn:hover{background-color:var(--bg-hover);border-color:var(--color-error, #f87171);color:var(--color-error, #f87171)}#aboutBtn.about-btn-inner{height:38px;min-width:38px;padding:0 12px;font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;justify-content:center;background-color:var(--color-link);color:#fff;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}#aboutBtn.about-btn-inner:hover{background-color:var(--color-primary-dark)}.compact-settings{background-color:var(--bg-panel-left)!important;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--spacing-lg);box-shadow:0 1px 4px #0000001a;transition:all .3s ease}.compact-row{gap:18px;margin-bottom:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--gap-sm)}.compact-row:last-child{margin-bottom:0}.lang-pair-compact{align-items:center;gap:var(--gap-sm);width:100%;background-color:var(--bg-input)!important;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.lang-item,.setting-item{flex:1;min-width:0}.topic-config-section label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:var(--text-sm);color:var(--color-text-main);margin-top:12px;margin-bottom:8px}.topic-config-section .topic-mode-row{margin-bottom:16px}.lang-item label,.setting-item label{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:600;font-size:var(--text-sm);color:var(--color-text-main)}.lang-icon,.setting-icon{font-size:var(--text-base);width:20px;text-align:center}.arrow-icon{font-size:var(--text-lg);color:var(--color-link);font-weight:700;margin:0 8px;opacity:.8;flex-shrink:0}.topic-row{margin-bottom:var(--spacing-md);padding:var(--space-3);background-color:var(--bg-grid-block);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.topic-row label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:var(--text-sm);color:var(--color-text-main);margin-bottom:8px}.topic-row label:before{content:"🎯";font-size:var(--text-14px)}.compact-select,.modern-select,#topicSelect,#nativeLang,#learningLang,#modelSelect,#topicMode{width:100%;padding:10px 12px;padding-inline-end:36px;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-md);background-color:var(--bg-input)!important;color:var(--color-text-main)!important;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--dropdown-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:14px;position:relative!important;z-index:10}.compact-select:focus,.modern-select:focus,#topicSelect:focus,#modelSelect:focus{outline:none;border-color:var(--color-link)!important;box-shadow:0 0 0 3px #3498db26;z-index:1000!important}.topic-mode-row{margin-top:8px}.topic-mode-button-group{display:flex;gap:6px;width:100%}.topic-mode-btn{flex:1;padding:var(--space-3) 8px;font-size:var(--text-xs);font-weight:600;border:1.5px solid var(--color-border);background-color:var(--bg-input);color:var(--color-text-main);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center;min-height:35px;display:flex;align-items:center;justify-content:center}.topic-mode-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px)}.topic-mode-btn:active{transform:translateY(0)}.topic-mode-btn.active{background-color:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important;box-shadow:0 2px 4px #3498db4d!important}.topic-mode-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3498db66!important}@media(max-width:767px){.topic-mode-button-group{flex-wrap:nowrap;gap:var(--gap-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.topic-mode-button-group::-webkit-scrollbar{display:none}.topic-mode-btn{font-size:10px;padding:var(--space-2) 12px;min-height:32px;flex-shrink:0;white-space:nowrap}}.right-panel-footer{padding:16px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.9;width:100%;grid-column:1 / -1}.right-panel-footer .footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:13px}.right-panel-footer .footer-links a{color:var(--color-text-secondary, #6b7280);text-decoration:none;font-weight:500;transition:color .2s}.right-panel-footer .footer-links a:hover{color:var(--color-primary, #6366f1);text-decoration:underline}@media(max-width:767px){.right-panel-footer{padding:12px 16px;order:999}}.grid-3x1,.grid-2x2{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--bg-grid-block)!important;margin-bottom:var(--spacing-lg);transition:all .3s ease}.grid-2x2{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.grid-2x2 .control{flex:1 1 calc(50% - var(--spacing-md))}.control{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control>div{display:flex;justify-content:space-between;align-items:center}.slider-desc{font-size:var(--text-12px);color:var(--color-text-secondary)}.difficulty-segmented-control{display:flex;gap:2px;width:100%;justify-content:space-between;background:var(--bg-grid-block);padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.difficulty-btn{flex:1;padding:var(--space-2) 4px;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-16px);padding:var(--space-3) 16px;min-height:48px;border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.difficulty-btn:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px);background-color:var(--bg-hover);border-color:var(--color-link)}.difficulty-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 4px #2563eb4d}.slider-item{display:flex;flex-direction:column;margin:12px 0}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-header label{font-weight:600;font-size:var(--text-sm);color:var(--color-text-main)}.slider-value{font-weight:700;font-size:var(--text-14px);color:var(--color-link);overflow:visible!important;white-space:nowrap}input[type=range]{width:100%;height:8px;background:#444;border-radius:5px;outline:none;opacity:.8;transition:opacity .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer}.memo-btn,.checkbox-control{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) 12px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm)}.memo-btn{background:linear-gradient(135deg,#607d8b,#455a64);color:#fff}.checkbox-control{background:none;color:var(--color-text-main);justify-content:flex-start}.memo-checkbox-container{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}.setting-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:6px 0}.collapsible-section,.collapsible-settings-group{background-color:var(--bg-hover)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg);overflow:hidden;margin:20px 0;transition:all .2s ease}body.dark .collapsible-section,body.dark .collapsible-settings-group{border-color:var(--color-border-dark)}.collapsible-header,.collapsible-settings-header{display:flex;align-items:center;gap:10px;padding:10px 15px;background-color:var(--bg-body)!important;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s;font-weight:700;color:var(--color-text-main);width:100%;border:none;justify-content:flex-start;text-align:start;font-size:.9em}.collapsible-settings-header{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:0;padding:var(--space-3) 16px;min-height:52px}.settings-header-left{display:flex;align-items:center;justify-content:flex-start}.settings-header-center{display:flex;align-items:center;justify-content:center}.settings-header-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.collapsible-settings-group.collapsed .settings-header-center,.collapsible-settings-group.collapsed .settings-header-right{display:none}.collapsible-settings-group.collapsed .collapsible-settings-header{grid-template-columns:40px 1fr}.collapsible-settings-group.collapsed .settings-summary-pill{justify-content:flex-start}.collapsible-header:hover,.collapsible-settings-header:hover{background-color:var(--bg-hover)!important}.collapsible-header.expanded .toggle-icon,.collapsible-settings-group.expanded .collapsible-settings-toggle{transform:rotate(90deg);transition:transform .3s ease}.collapsible-settings-toggle{min-width:16px;display:flex;align-items:center;justify-content:center;font-size:var(--text-12px)}.collapsible-content.expanded,.collapsible-settings-group.expanded .collapsible-settings-content{max-height:2000px;padding:15px;overflow:visible}.collapsible-settings-group.collapsed .collapsible-settings-content{max-height:0;padding:0 15px;overflow:hidden}.collapsible-settings-content>.compact-row:first-child{margin-top:4px}.settings-summary-pill{display:flex;align-items:center;gap:6px;font-size:.85em;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.summary-segment{padding:6px 12px;border-radius:var(--radius-xl);background:var(--bg-input);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;font-weight:500;display:inline-flex;align-items:center;font-size:.95em}.summary-segment:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.summary-segment:active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.summary-separator{color:var(--color-border-dark);font-weight:300;margin:0 4px}.summary-segment:focus{outline:2px solid var(--color-primary);outline-offset:2px}body.dark .summary-segment{background:var(--bg-input);border-color:var(--color-border-dark)}body.dark .summary-segment:hover{background:var(--bg-hover);border-color:var(--color-link);color:var(--color-link)}body.dark .summary-separator{color:var(--color-border-dark)}.exercise-buttons{display:flex;flex-direction:column;gap:var(--gap-xs);margin-top:20px;width:100%;position:relative}.collapsible-settings-group.collapsed #settingsSummary{display:flex;flex:1;align-items:center;gap:6px;font-size:.8em;color:var(--color-text-secondary);white-space:nowrap}.collapsible-settings-group.expanded #settingsSummary{display:none}#settingsSummary .summary-segment{color:var(--color-primary);cursor:pointer;padding:2px 4px;border-radius:3px;transition:background .2s}#settingsSummary .summary-segment:hover{background:var(--color-primary-light)}#settingsSummary .summary-separator{color:var(--color-border-dark)}#settingsSummary .summary-rarity-badge{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600;line-height:1.2;margin-inline-start:4px;vertical-align:middle}#settingsSummary .summary-rarity-basics{background:#22c55e26;color:#15803d}#settingsSummary .summary-rarity-expanded{background:#3b82f626;color:#1d4ed8}#settingsSummary .summary-rarity-advanced{background:#f9731626;color:#c2410c}#settingsSummary .summary-rarity-rarest{background:#a855f726;color:#7c3aed}body.dark #settingsSummary .summary-rarity-basics{background:#22c55e33;color:#4ade80}body.dark #settingsSummary .summary-rarity-expanded{background:#3b82f633;color:#60a5fa}body.dark #settingsSummary .summary-rarity-advanced{background:#f9731633;color:#fb923c}body.dark #settingsSummary .summary-rarity-rarest{background:#a855f733;color:#c084fc}#settingsSummary .summary-course-badge{font-size:11px;margin-inline-start:4px;vertical-align:middle}.button-section-container{position:relative;margin:8px 0}.section-label{position:absolute;top:-10px;inset-inline-start:10px;background:var(--bg-panel-left);padding:0 10px;font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.button-section{display:flex;flex-wrap:wrap;gap:var(--gap-sm);width:100%;justify-content:center;padding:10px;border-radius:var(--radius-lg);background:#00000005;border:1px solid rgba(128,128,128,.1);position:relative}body.dark .button-section{background:#ffffff05}body.dark .section-label{background:var(--bg-panel-left)}.button-section:not(:first-child){border-top:1px dashed rgba(128,128,128,.3);padding-top:15px;margin-top:8px;position:relative}.button-section:not(:first-child):after{content:"✦";position:absolute;top:-10px;inset-inline-start:50%;transform:translate(-50%);background:var(--bg-panel-left);color:#80808080;padding:0 10px;font-size:var(--text-12px)}.button-section button{flex:1 1 auto;min-width:120px;max-width:200px;padding:var(--space-3) 8px;border-radius:var(--radius-lg);border:1.5px solid transparent;color:#fff;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);min-height:45px;font-weight:600;text-align:center;position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center;word-break:break-word;white-space:normal;line-height:1.3;box-shadow:0 2px 4px #0003}.button-section button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a;filter:brightness(1.1);border-color:#fff6}.button-section button:active{transform:translateY(0);transition:all var(--transition-fast);transform:scale(.98)}#miniBtn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6}#longBtn{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981}#readingBtn{background:linear-gradient(135deg,#d97706,#b45309);border-color:#f59e0b}#exceptionsBtn{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef4444}#dialogueBtn{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#8b5cf6}#translationBtn{background:linear-gradient(135deg,#db2777,#be185d);border-color:#ec4899}#speakingBtn{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#38bdf8}#mindmapBtn{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981}#verbBtn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#a78bfa;flex:1 1 auto;min-width:120px;max-width:200px;padding:var(--space-3) 8px;border-radius:var(--radius-lg);border:2px solid transparent;color:#fff;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease-in-out;min-height:45px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);position:relative;flex-shrink:0}#verbBtn:hover{filter:brightness(1.1);border-color:#fff6}#verbBtn.expanded{border-color:#fff6}#randomizeExercisesBtn{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:#818cf8!important;color:#fff!important;font-weight:600;padding:10px 16px;min-height:40px;width:100%;border-radius:var(--radius-lg)}#randomizeExercisesBtn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:var(--shadow-indigo-lg)}#randomizeExercisesBtn i{margin-inline-end:6px}#wordgapBtn{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#fb923c}#vocab_setBtn{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#22d3ee}#resourcesBtn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#a78bfa}.google-btn{background:linear-gradient(135deg,#ea4335,#d93025);border-color:#f28b82}#randomSettingsBtn{background:linear-gradient(135deg,#fbbc04,#f9ab00);border-color:#fdd663;color:#202124!important}.dynamic-ex-buttons{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative;z-index:1;isolation:isolate;max-height:3000px;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border-radius:0 0 8px 8px;margin-top:0!important}.dynamic-ex-modality-filters{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--color-border);margin-bottom:10px;justify-content:space-between;position:relative;z-index:5}.dynamic-ex-modality-btn{display:flex;align-items:center;gap:var(--gap-xs);padding:6px 12px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--surface-1);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;color:var(--color-text-secondary);flex:1 1 auto;justify-content:center;min-width:50px}.dynamic-ex-modality-btn:hover:not(.disabled){background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-1px);box-shadow:var(--box-shadow-smooth)}.dynamic-ex-modality-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-indigo)}.dynamic-ex-modality-btn.active:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:var(--shadow-indigo-lg)}.dynamic-ex-modality-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-hover)}.dynamic-ex-modality-btn .modality-icon{font-size:var(--text-14px)}.dynamic-ex-phases{display:flex;flex-wrap:wrap;gap:6px;padding:var(--space-2) 4px;border-bottom:1px solid var(--color-border);margin-bottom:10px;justify-content:flex-start;min-height:38px;background:var(--surface-1);border-radius:var(--radius-lg);position:relative;z-index:5}.dynamic-ex-phase-btn{display:flex;align-items:center;gap:var(--gap-xs);padding:6px 12px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--surface-1);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;color:var(--color-text-secondary);flex:0 1 auto;justify-content:center;min-width:50px}.dynamic-ex-phase-btn:hover:not(.active){background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-1px);box-shadow:var(--box-shadow-smooth)}.dynamic-ex-phase-btn:active{transform:translateY(0);transition:all var(--transition-fast)}.dynamic-ex-phase-btn.active{background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important;box-shadow:var(--shadow-indigo)}.dynamic-ex-phase-btn.active:hover{background:var(--accent-primary-hover)!important;border-color:var(--accent-primary-hover)!important;box-shadow:var(--shadow-indigo-lg)}.dynamic-ex-phase-btn .phase-count{background:#00000026;padding:1px 6px;border-radius:var(--radius-lg);font-size:9px;font-weight:700}body.dark .dynamic-ex-phase-btn .phase-count{background:#ffffff26}body.dark .dynamic-ex-phase-btn.active .phase-count{background:#ffffff40}.dynamic-ex-controls{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:10px;padding:6px 0;position:relative;z-index:4}.dynamic-ex-search-wrapper{position:relative;display:flex;align-items:center;flex:1;width:100%;min-height:36px}.search-icon{inset-inline-start:10px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);z-index:2;line-height:1;position:absolute;inset-inline-start:12px;font-size:var(--text-14px);opacity:.6;pointer-events:none}.dynamic-ex-search-input{width:100%;padding:var(--space-2) 36px 8px 36px;font-size:var(--text-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--bg-input);color:var(--color-text-main);transition:all .2s ease;position:relative;z-index:1}.dynamic-ex-search-input:focus{outline:none;border-color:var(--accent-primary);background-color:var(--surface-1);box-shadow:0 0 0 3px #6366f133;z-index:2}.dynamic-ex-search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.search-clear{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--text-lg);color:var(--color-text-secondary);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:3;line-height:1}.search-clear:hover{background:var(--bg-hover);color:var(--color-text-main)}.dynamic-ex-filter-chips{display:flex;flex-wrap:wrap;gap:var(--gap-sm);padding-bottom:12px;justify-content:flex-start;position:relative;z-index:4}.dynamic-ex-filter-chip{display:flex;align-items:center;gap:6px;padding:var(--space-2) 14px;border-radius:20px;border:1.5px solid var(--color-border);background:var(--surface-1);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;color:var(--color-text-secondary);flex:0 1 auto;justify-content:center;min-width:60px}.dynamic-ex-filter-chip:hover:not(.active){background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-1px);box-shadow:var(--box-shadow-smooth)}.dynamic-ex-filter-chip:active{transform:translateY(0);transition:all var(--transition-fast)}.dynamic-ex-filter-chip.active{background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important;box-shadow:var(--shadow-indigo)}.dynamic-ex-filter-chip.active:hover{transform:translateY(-1px);box-shadow:var(--shadow-indigo-lg)}.dynamic-ex-filter-chip .chip-icon{font-size:var(--text-14px);flex-shrink:0}.dynamic-ex-filter-chip:focus,.dynamic-ex-phase-btn:focus,.dynamic-ex-modality-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}body.dark .dynamic-ex-filter-chip,body.dark .dynamic-ex-phase-btn,body.dark .dynamic-ex-modality-btn{background:var(--surface-1);border-color:var(--color-border)}body.dark .dynamic-ex-filter-chip:hover:not(.active),body.dark .dynamic-ex-phase-btn:hover:not(.active),body.dark .dynamic-ex-modality-btn:hover:not(.disabled){background:var(--surface-2);border-color:var(--accent-primary);border-color:var(--color-link);color:var(--color-link)}.dynamic-ex-categories{display:flex;flex-wrap:wrap;gap:var(--gap-sm);padding-bottom:12px;justify-content:space-between}.dynamic-ex-category{display:flex;align-items:center;gap:6px;padding:var(--space-2) 14px;border-radius:20px;border:1px solid var(--color-border);background:var(--bg-input);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;color:var(--color-text-main);flex:1 1 auto;justify-content:center;min-width:60px}.dynamic-ex-category:hover:not(.disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.dynamic-ex-category.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dynamic-ex-category .category-count{background:#0003;padding:2px 8px;border-radius:var(--radius-lg);font-size:10px;font-weight:700}.dynamic-ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--gap-md);margin-top:10px;animation:grid-fade-in .4s ease}@keyframes grid-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dynamic-ex-cards-container{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:var(--gap-sm)}.dynamic-ex-card{padding:var(--space-3) 10px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--surface-1);cursor:pointer;transition:all var(--transition-base);text-align:center;font-size:.8rem;font-weight:500;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;position:relative;box-shadow:var(--box-shadow-smooth);gap:6px}.dynamic-ex-card:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-heavy),var(--shadow-glow);border-color:var(--accent-primary)}.dynamic-ex-card:active{transform:translateY(-1px);transition:all var(--transition-fast)}.dynamic-ex-card.skeleton{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;pointer-events:none}.dynamic-ex-card.skeleton:after{content:"";display:block;width:70%;height:12px;background:var(--surface-2);border-radius:var(--radius-md);margin:0 auto}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dynamic-ex-card.category-presentation{background:linear-gradient(135deg,#f3e8ff,#ede4ff);border-color:#d4c4ff}.dynamic-ex-card.category-vocab{background:linear-gradient(135deg,#e0f2ff,#d6e4ff);border-color:#a8d4ff}.dynamic-ex-card.category-grammar{background:linear-gradient(135deg,#e0ffe8,#d4fff0)}.dynamic-ex-card.category-writing{background:linear-gradient(135deg,#ffe8d4,#ffdcc4);border-color:#ffa86a}.dynamic-ex-card.category-listening{background:linear-gradient(135deg,#ffe0e0,#ffd4d4);border-color:#ff6a6a}.dynamic-ex-card.category-speaking{background:linear-gradient(135deg,#f8e0ff,#f0d4ff);border-color:#d46aff}.dynamic-ex-card.category-culture{background:linear-gradient(135deg,#e0fff8,#d4fff5);border-color:#4fffa8}body.dark .dynamic-ex-card.category-presentation{background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,var(--surface-1) 100%);border-color:#6366f14d;background:linear-gradient(135deg,#2a1f3d,#2d1f4d);border-color:#6b5b95}body.dark .dynamic-ex-card.category-vocab{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,var(--surface-1) 100%);border-color:#3b82f64d;background:linear-gradient(135deg,#1f2a4d,#1f2d5a);border-color:#5b5ba8}body.dark .dynamic-ex-card.category-grammar{background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,var(--surface-1) 100%);border-color:#22c55e4d;background:linear-gradient(135deg,#1f4d38,#1e5a4d);border-color:#4da87f}body.dark .dynamic-ex-card.category-writing{background:linear-gradient(135deg,rgba(249,115,22,.15) 0%,var(--surface-1) 100%);border-color:#f973164d;background:linear-gradient(135deg,#4d3824,#5a3a36);border-color:#a86a4e}body.dark .dynamic-ex-card.category-listening{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,var(--surface-1) 100%);border-color:#ef44444d;background:linear-gradient(135deg,#4d2a2a,#5a3636);border-color:#a85e5e}body.dark .dynamic-ex-card.category-speaking{background:linear-gradient(135deg,rgba(168,85,247,.15) 0%,var(--surface-1) 100%);border-color:#a855f74d;background:linear-gradient(135deg,#3d2a4d,#4a2d5a);border-color:#8b5ba8}body.dark .dynamic-ex-card.category-culture{background:linear-gradient(135deg,rgba(20,184,166,.15) 0%,var(--surface-1) 100%);border-color:#14b8a64d;background:linear-gradient(135deg,#2a4d46,#2d5a4a);border-color:#6aa876}body.dark .dynamic-ex-card.category-reading{background:linear-gradient(135deg,rgba(236,72,153,.15) 0%,var(--surface-1) 100%);border-color:#ec48994d;background:linear-gradient(135deg,#4d4124,#5a4a36);border-color:#a89c6b}.dynamic-ex-card .progress-badge{position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;border-radius:50%;background:var(--surface-2);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--color-text-tertiary);transition:all var(--transition-base)}.dynamic-ex-card:hover .progress-badge{border-color:var(--accent-primary);color:var(--accent-primary)}.dynamic-ex-card .progress-badge.completed{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.dynamic-ex-card .progress-badge.in-progress{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary) var(--progress, 0%),var(--surface-2) var(--progress, 0%));border-color:var(--accent-primary)}.dynamic-ex-card .progress-badge.completed:after{content:"✓"}.dynamic-ex-card .category-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);padding:2px 6px;background:var(--surface-0);border-radius:var(--radius-sm);margin-bottom:2px}.dynamic-ex-card .category-icon{font-size:20px;font-size:var(--text-lg);margin-bottom:4px;opacity:.85}.dynamic-ex-card .exercise-title{color:var(--color-text-main);line-height:1.3;font-size:.9375rem;max-width:100%;font-size:var(--text-12px);font-weight:600;margin-bottom:2px;color:#000;max-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.dynamic-ex-empty,.dynamic-ex-empty-grid{padding:30px;text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.dynamic-ex-error{padding:var(--space-5);text-align:center;background:#dc26261a;border-radius:var(--radius-lg);border:1px solid #dc2626}.dynamic-ex-error .error-icon{font-size:var(--text-xl);margin-bottom:8px;display:block}.dynamic-ex-error .error-message{color:#dc2626;font-weight:600}body.dark .dynamic-ex-buttons{background:var(--bg-hover)}.dynamic-ex-buttons.collapsed{max-height:56px;padding:0;margin-bottom:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.dynamic-ex-buttons.collapsed>*:not(.dynamic-ex-header){display:none!important}.dynamic-ex-header{display:none;align-items:center;justify-content:space-between;padding:var(--space-3);cursor:pointer;background:var(--bg-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.dynamic-ex-buttons.collapsed .dynamic-ex-header{display:flex}.dynamic-ex-header:hover{background:#00000014}body.dark .dynamic-ex-header:hover{background:#ffffff1a}.dynamic-ex-title{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--text-14px);font-weight:600;color:var(--color-text-main)}.dynamic-ex-title-text{display:flex;flex-direction:column;gap:2px}.dynamic-ex-subtitle{font-size:var(--text-xs);font-weight:400;opacity:.7;color:var(--color-text-secondary)}.dynamic-ex-buttons.collapsed .dynamic-ex-subtitle{display:block}.dynamic-ex-buttons:not(.collapsed) .dynamic-ex-subtitle{display:none}.dynamic-ex-toggle-icon{font-size:var(--text-16px);transition:transform .3s ease}.dynamic-ex-buttons.collapsed .dynamic-ex-toggle-icon{transform:rotate(-90deg)}.dynamic-ex-card .exercise-category{font-size:10px;font-weight:500;opacity:.9;color:#333}body.dark .dynamic-ex-card .exercise-title,body.dark .dynamic-ex-card .exercise-category{color:#f0f0f0}body.dark .dynamic-ex-modality-btn,body.dark .dynamic-ex-category{background:#ffffff14;border-color:var(--color-border)}body.dark .dynamic-ex-card{background:#ffffff14}@media(max-width:768px){.desktop-controls-row{display:none!important}.dynamic-ex-buttons{width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.dynamic-ex-categories,.dynamic-ex-modality-filters{justify-content:center}.dynamic-ex-modality-btn{font-size:var(--text-xs);padding:6px 12px;flex:0 1 auto;min-width:auto}.dynamic-ex-category{font-size:var(--text-xs);padding:6px 10px;flex:0 1 auto;min-width:auto}.dynamic-ex-phases{font-size:var(--text-12px);gap:6px;padding:10px 6px;margin-bottom:10px;justify-content:flex-start;flex-wrap:wrap;min-height:44px;height:auto;display:flex}.dynamic-ex-phase-btn{font-size:var(--text-12px);padding:var(--space-2) 12px;min-width:60px;flex-shrink:0}.dynamic-ex-phase-btn .phase-count{font-size:9px;padding:1px 6px}.dynamic-ex-controls{margin-bottom:10px;padding:6px 0;width:100%;position:relative;z-index:1}.search-icon{font-size:var(--text-14px);inset-inline-start:10px}.dynamic-ex-search-input{padding:var(--space-2) 36px 8px 36px;font-size:var(--text-12px);width:100%;box-sizing:border-box}.search-clear{font-size:var(--text-16px);inset-inline-end:10px;padding:2px 4px}.dynamic-ex-filter-chips{gap:6px;padding-bottom:10px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;padding-inline-start:4px;padding-inline-end:4px}.dynamic-ex-filter-chips::-webkit-scrollbar{display:none}.dynamic-ex-filter-chip{font-size:var(--text-xs);padding:6px 10px;min-width:50px;flex-shrink:0}.dynamic-ex-filter-chip .chip-icon{font-size:var(--text-12px)}.dynamic-ex-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.dynamic-ex-cards-container{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.dynamic-ex-card{font-size:var(--text-12px);min-height:70px;padding:10px 8px}.dynamic-ex-card .category-icon{font-size:var(--text-16px);margin-bottom:4px}.dynamic-ex-card .exercise-title{font-size:var(--text-12px);font-weight:600;margin-bottom:2px;line-height:1.2;max-height:28px;overflow:hidden;text-overflow:ellipsis}.dynamic-ex-card .exercise-category{font-size:10px;font-weight:500;opacity:.9}}@media(max-width:767px){.topbar-controls #languageSettingsToggle,.topbar-controls #userProgressBtn,.topbar-controls #darkToggle,.topbar-controls #aboutBtn{display:none!important}.topbar-controls #mobileMenuBtn{display:inline-flex!important}}@media(max-width:480px){.dynamic-ex-grid{grid-template-columns:repeat(2,1fr);gap:6px}.dynamic-ex-cards-container{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);gap:6px}.dynamic-ex-modality-filters{justify-content:center}.dynamic-ex-phases{font-size:var(--text-xs);gap:5px;padding:var(--space-2) 4px}.dynamic-ex-phase-btn{font-size:var(--text-xs);padding:6px 10px;min-width:55px}.dynamic-ex-phase-btn .phase-count{font-size:9px;padding:1px 5px}.dynamic-ex-controls{margin-bottom:8px}.search-icon{font-size:var(--text-sm);inset-inline-start:8px}.dynamic-ex-search-input{padding:7px 32px;font-size:var(--text-xs)}.search-clear{font-size:var(--text-14px);inset-inline-end:8px;padding:1px 3px}.dynamic-ex-filter-chips{gap:var(--gap-xs);padding-bottom:8px}.dynamic-ex-filter-chip{font-size:10px;padding:5px 8px;min-width:45px}.dynamic-ex-filter-chip .chip-icon{font-size:var(--text-xs)}.dynamic-ex-card{font-size:var(--text-xs);min-height:60px;padding:var(--space-2) 6px}.dynamic-ex-card .category-icon{font-size:var(--text-16px);margin-bottom:3px}.dynamic-ex-card .exercise-title{font-size:var(--text-xs);font-weight:600;margin-bottom:1px;line-height:1.1;max-height:22px}.dynamic-ex-card .exercise-category{font-size:9px;font-weight:500}.dynamic-ex-modality-btn{font-size:10px;padding:5px 10px}.dynamic-ex-modality-btn .modality-icon{font-size:var(--text-12px)}.dynamic-ex-phase{font-size:var(--text-xs);padding:5px 10px}}.topic-selection-modal{max-width:800px;width:95%;max-height:80vh;overflow:hidden;background-color:var(--bg-panel-left);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;display:flex;flex-direction:column}.topic-selection-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.topic-selection-modal .modal-header h3{margin:0;font-size:var(--text-16px);font-weight:700;color:var(--color-text-main)}.topic-selection-modal .modal-close{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease;flex-shrink:0}.topic-selection-modal .modal-close:hover{background-color:var(--bg-hover);color:var(--color-text-main)}.topic-selection-modal .modal-body{flex:1;overflow-y:auto;padding:0 16px 16px;min-height:0}.topic-search-container{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:12px;padding:0;background-color:transparent;border-radius:0;position:relative;flex-shrink:0}.topic-search-container:before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);font-size:var(--text-16px);pointer-events:none}.topic-search-container .topic-icon{font-size:var(--text-14px);inset-inline-start:10px;font-size:var(--text-16px);position:absolute;inset-inline-start:12px;z-index:1;pointer-events:none;font-size:20px;line-height:1;flex-shrink:0}.topic-tile-icon{font-size:var(--text-xl);font-size:20px;margin-bottom:4px}.topic-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-main);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;font-size:.9rem;color:var(--color-text-main, #1e293b);min-width:100px;font-weight:500}.topic-search-container input{flex:1;padding:10px 12px 10px 36px;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--bg-input);color:var(--color-text-main);transition:all .2s ease;width:100%}.topic-search-container input:focus{box-shadow:0 0 0 3px #3498db1f;outline:none;border-color:var(--color-primary);background-color:var(--bg-panel-left);box-shadow:0 0 0 4px #3498db26}.topic-search-container input::placeholder{opacity:.6;color:var(--color-text-secondary)}.topic-count{font-size:var(--text-12px);color:var(--color-text-secondary);font-weight:500;padding:var(--space-1) 10px;background-color:var(--bg-grid-block);border-radius:var(--radius-md);min-width:50px;text-align:center}.topic-category-tabs{display:flex;gap:var(--gap-xs);margin-bottom:16px;flex-wrap:wrap}.category-tab{flex:1;min-width:80px;padding:10px 12px;font-size:var(--text-12px);font-weight:600;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--bg-input);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.category-tab:hover{border-color:var(--color-link);background-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px #3498db1a}.category-tab.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 4px #3498db40}.category-icon{font-size:var(--text-14px);flex-shrink:0;font-size:1.2rem}.category-count{font-size:10px;color:var(--color-text-secondary);background-color:var(--bg-grid-block);padding:2px 6px;border-radius:var(--radius-lg);margin-inline-start:auto;font-size:.85rem;color:var(--color-text-secondary, #64748b);font-weight:500}.category-tab.active .category-count{background-color:#ffffff40;color:#fff}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm);min-height:200px;padding:var(--space-1)}.topic-tile{padding:10px 8px;background-color:var(--bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);min-height:75px;position:relative}.topic-number{font-size:10px;font-weight:700;color:var(--color-text-secondary);opacity:.6;flex-shrink:0;white-space:nowrap}.topic-tile:hover{border-color:var(--color-link);background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 8px #3498db26}.topic-tile:hover .topic-number{color:var(--color-primary);opacity:.8}.topic-tile.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #3498db4d}.topic-tile-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-main);text-align:center;line-height:1.3}.topic-notice{text-align:center;padding:var(--space-3) 16px;background:linear-gradient(135deg,var(--bg-grid-block) 0%,var(--bg-input) 100%);border-radius:var(--radius-lg);margin-top:12px;border:1px solid var(--color-border)}.topic-notice p{margin:0 0 4px;color:var(--color-text-secondary);font-size:var(--text-sm)}.topic-notice-sub{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary);opacity:.7}#customTopicModal{z-index:10001!important}.custom-topic-modal{max-width:500px;width:90%;background-color:var(--bg-panel-left);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003}.custom-topic-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 20px;border-bottom:1px solid var(--color-border)}.custom-topic-modal .modal-header h3{margin:0;font-size:var(--text-16px);font-weight:600;color:var(--color-text-main)}.custom-topic-modal .modal-body{padding:var(--space-5)}.custom-topic-input-wrapper{position:relative;display:flex;align-items:center}.custom-topic-input{width:100%;padding:14px 50px 14px 16px;font-size:var(--text-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--bg-input);color:var(--color-text-main);transition:all .2s ease;font-family:inherit}.custom-topic-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb1a}.custom-topic-input::placeholder{color:var(--color-text-secondary);opacity:.6}.char-count{position:absolute;inset-inline-end:14px;font-size:var(--text-12px);color:var(--color-text-secondary);background:var(--bg-input);padding:2px 6px;border-radius:var(--radius-sm);pointer-events:none}.custom-topic-error{display:flex;align-items:center;gap:6px}.custom-topic-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--gap-md);padding:var(--space-4) 20px;border-top:1px solid var(--color-border)}.custom-topic-modal .modal-footer .btn-secondary,.custom-topic-modal .modal-footer .btn-primary{padding:10px 20px;font-size:var(--text-14px);font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;border:none}.custom-topic-modal .modal-footer .btn-secondary{background-color:var(--bg-grid-block);color:var(--color-text-main);border:1px solid var(--color-border)}.custom-topic-modal .modal-footer .btn-secondary:hover{background-color:var(--bg-hover)}.custom-topic-modal .modal-footer .btn-primary{background-color:var(--color-primary);color:#fff}.custom-topic-modal .modal-footer .btn-primary:hover{background-color:var(--color-primary-dark)}@media(max-width:767px){.custom-topic-modal{width:95%;max-width:none;margin:0 10px}.custom-topic-modal .modal-header,.custom-topic-modal .modal-body,.custom-topic-modal .modal-footer{padding:var(--space-4)}.custom-topic-input{font-size:var(--text-16px);padding:var(--space-3) 50px 12px 14px}}.topic-selection-modal .modal-footer{padding:var(--space-3) 16px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--gap-md)}.topic-selection-modal .modal-footer .btn-primary{min-width:120px;padding:10px 20px;font-size:var(--text-sm);font-weight:600}@media(max-width:767px){.topic-selection-modal.show{padding:10px}.topic-selection-modal .modal-content{width:100%;max-height:calc(100vh - 20px);border-radius:var(--radius-xl)}.topic-selection-modal .modal-header{padding:var(--space-3) 16px;min-height:48px;flex-wrap:wrap;gap:8px;min-height:44px;padding:10px 12px;border-bottom:1px solid var(--color-border)}.topic-selection-modal .modal-header h3{font-size:var(--text-16px);font-weight:600;display:none}.topic-selection-modal .modal-close{width:32px;height:32px;font-size:var(--text-xl);padding:var(--space-1);position:fixed;top:12px;right:16px;z-index:100001;width:36px;height:36px;font-size:20px;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026}.topic-selection-modal .modal-body{padding:0 16px 16px;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.topic-category-tabs-row{order:1}.topic-level-filter{order:2;display:none;order:0;margin-bottom:10px;flex-direction:column;gap:8px;padding:12px;background:var(--color-bg-secondary, #f3f4f6);border-radius:12px;border:1px solid var(--color-border)}.topic-grid{order:3}.topic-notice{order:4;margin-top:16px;padding:var(--space-3) 16px;border-radius:var(--radius-lg)}.topic-search-container{order:5;margin-top:12px;margin-bottom:0;position:relative;flex-shrink:0}.topic-search-container input{padding:var(--space-3) 16px 12px 44px;font-size:var(--text-14px);border-radius:var(--radius-lg);width:100%;box-sizing:border-box}.topic-search-container .topic-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);font-size:var(--text-16px);z-index:1;pointer-events:none}.topic-category-tabs{align-items:center;text-align:center;transition:all .2s ease;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px}.topic-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.topic-tile-name{font-weight:500;line-height:1.3;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-notice p{font-size:var(--text-12px);margin:0 0 6px}.topic-notice-sub{font-size:var(--text-xs);margin:0}.topic-selection-modal .modal-footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.topic-selection-modal .modal-footer .btn-primary{width:100%;padding:14px;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg)}.header-icon-btn{position:fixed;top:12px;left:16px;z-index:100001;width:36px;height:36px;font-size:16px;background:#ffffffe6;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.header-icon-btn:hover{background:var(--color-bg-hover)}.tw-mobile-search{display:flex!important;width:100%;order:-1;margin-bottom:8px}.tw-mobile-search input{width:100%;padding:10px 14px 10px 36px;font-size:15px;background:var(--color-bg-secondary, #f3f4f6);border:1px solid var(--color-border);border-radius:20px;-webkit-appearance:none}.tw-mobile-search .topic-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}#searchContainer,#searchToggle{display:none!important}.topic-recent-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;order:0}.topic-recent-label{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.topic-recent-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topic-recent-pills::-webkit-scrollbar{display:none}.topic-recent-pill{flex:0 0 auto;padding:6px 12px;font-size:12px;background:var(--color-bg-secondary, #f3f4f6);border:1px solid var(--color-border);border-radius:16px;white-space:nowrap;cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease}.topic-recent-pill:active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.topic-mode-toggle-row{padding:4px 0;margin-bottom:8px;order:0}.topic-mode-toggle{gap:2px;padding:3px;border-radius:8px}.mode-toggle-btn{flex:1;padding:8px;font-size:12px;gap:4px;border-radius:6px;min-height:38px}.mode-toggle-icon{font-size:13px}.topic-level-filter.mobile-visible{display:flex}.level-filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.level-filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.level-filter-btn{flex:1;min-height:44px;min-width:80px;padding:10px 14px;font-size:13px;font-weight:500;border-radius:10px;display:flex;align-items:center;justify-content:center}.level-filter-separator{display:none}.category-tab{flex:0 1 auto;min-width:80px;min-height:38px;max-width:calc(33.333% - 6px);padding:8px 10px;font-size:12px;border-radius:var(--radius-lg);white-space:nowrap}.category-tab .category-icon{font-size:1rem}.category-tab .category-count{display:none}.topic-grid:empty:after{content:"No topics match your search";display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--color-text-secondary);font-size:14px;width:100%}}@media(max-width:480px){.topic-selection-modal.show{padding:var(--space-2)}.topic-selection-modal .modal-content{max-height:calc(100vh - 16px);border-radius:var(--radius-lg)}.topic-selection-modal .modal-header{padding:10px 14px;min-height:44px}.topic-selection-modal .modal-header h3{font-size:var(--text-base)}.topic-selection-modal .modal-close{width:28px;height:28px;font-size:22px}.topic-selection-modal .modal-body{padding:0 12px 12px;max-height:calc(100vh - 110px)}.topic-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.topic-tile{padding:var(--space-2) 6px;min-height:70px;border-radius:var(--radius-lg);gap:3px}.topic-search-container .topic-icon{font-size:var(--text-lg)}.topic-number{font-size:9px;min-width:14px}.topic-name{font-size:var(--text-xs)}.topic-selection-modal .modal-footer{padding:var(--space-3)}.topic-selection-modal .modal-footer .btn-primary{padding:var(--space-3);font-size:var(--text-14px)}.topbar{padding-inline-start:8px!important;padding-inline-end:8px!important;min-height:45px;padding:6px 8px;min-height:48px;gap:6px;margin-inline-start:0!important;margin-inline-end:0!important;display:flex;justify-content:space-between;align-items:center}#topHeader{min-height:auto;padding-inline-start:0!important;padding-inline-end:0!important;margin-inline-start:0!important;margin-inline-end:0!important}.topbar-logo{min-width:30%;max-width:30%;margin-inline-end:6px;display:flex;align-items:center}.app-logo{max-height:40px;max-height:38px}.topbar-controls{gap:6px;gap:5px}#darkToggle,#apiSettingsBtn{width:32px;height:32px;font-size:var(--text-sm);padding:3px}.about-btn-inner{height:32px;min-width:32px;padding:0 10px;font-size:var(--text-12px);font-weight:500}.status-pill{font-size:var(--text-xs);padding:3px 7px;font-size:10px;max-height:32px;gap:2px}.status-pill .native-flag,.status-pill .learning-flag{font-size:var(--text-xs);font-size:10px}.status-pill .native-lang,.status-pill .learning-lang,.status-pill .difficulty{font-size:10px;min-width:14px;font-size:9px;min-width:12px}@media(max-width:379px){.topbar{padding:5px 6px;padding-inline-start:6px!important;padding-inline-end:6px!important;min-height:42px;gap:var(--gap-xs);margin-inline-start:0!important;margin-inline-end:0!important;display:flex;justify-content:space-between;align-items:center}#topHeader{padding-inline-start:0!important;padding-inline-end:0!important;margin-inline-start:0!important;margin-inline-end:0!important}.topbar-logo{min-width:30%;max-width:30%;margin-inline-end:4px;display:flex;align-items:center}.app-logo{max-height:36px}.topbar-controls{gap:var(--gap-xs)}#darkToggle,#apiSettingsBtn{width:30px;height:30px;font-size:var(--text-12px);padding:2px}.about-btn-inner{height:30px;min-width:30px;padding:0 8px;font-size:var(--text-xs);font-weight:500}.status-pill{padding:2px 6px;font-size:10px;max-height:30px;gap:2px}.status-pill .native-flag,.status-pill .learning-flag{font-size:10px;margin-inline-end:0}.status-pill .native-lang,.status-pill .learning-lang{font-size:9px;min-width:12px;display:none}.status-pill .arrow{font-size:10px;margin:0 2px}.status-pill .separator{font-size:9px}.status-pill .difficulty{font-size:9px;min-width:12px}}}@keyframes fadeIn{0%{transform:translateY(-10px);transform:translateY(10px);transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}.action-buttons-group{gap:var(--gap-md);margin-top:var(--spacing-md);display:flex;gap:10px;margin-bottom:15px;width:100%}.action-buttons-group button{flex:1;padding:var(--space-3) 0;border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:all .2s ease;color:#fff;border-radius:var(--radius-lg);font-weight:600;display:flex;align-items:center;justify-content:center}#savePromptBtn{flex:.6;min-width:80px;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24;color:#fff;font-size:var(--text-14px)}#goBtn{flex:1.2;background:linear-gradient(135deg,#2563eb,#1d4ed8);font-size:var(--text-16px);letter-spacing:1px;border-color:#3b82f6;font-weight:700}#selectBtn{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981}#instructionBtn{background:linear-gradient(135deg,#64748b,#475569);border-color:#94a3b8;color:#ddd}#selectBtn:hover{background:linear-gradient(135deg,#047857,#065f46);filter:brightness(1.05)}#goBtn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);filter:brightness(1.1)}#instructionBtn:hover{background:linear-gradient(135deg,#475569,#334155);filter:brightness(1.05)}#selectBtn:active,#goBtn:active,#instructionBtn:active{transform:scale(.98)}#savePromptBtn:hover{background:linear-gradient(135deg,#d97706,#b45309);filter:brightness(1.1)}#savePromptBtn:active{transform:scale(.98)}#savePromptBtn.saved{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399}#savePromptBtn.saved:hover{background:linear-gradient(135deg,#059669,#047857)}#savePromptBtn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}#responseContainer{position:relative;max-height:80vh;height:auto;min-height:300px;margin:15px 0 10px;padding:var(--space-2);transition:all .2s ease;display:none}#responseContainer.show,#responseContainer:has(#conversationThread .conversation-message){display:block;animation:slideDown .2s ease-out}.response-header{display:flex;align-items:center;padding:10px 15px;background:var(--bg-input)!important;border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;border-radius:var(--radius-md) 6px 0 0}.response-header:hover{background:var(--bg-hover)!important}.response-header h4{margin:0;font-size:var(--text-14px);font-weight:700;color:var(--color-text-main);flex:1}.response-content{max-height:calc(80vh - 120px);height:auto;min-height:200px;padding:15px;line-height:1.6;font-size:var(--text-14px);overflow-y:auto;background-color:var(--bg-input)!important;color:var(--color-text-main)!important}.markdown-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:var(--color-text-main)}.markdown-content p{margin:8px 0;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.8em;font-weight:600;line-height:1.25}.markdown-content h1{font-size:1.8em}.markdown-content h2{font-size:1.5em}.markdown-content h3{font-size:1.3em}.markdown-content .inline-code{background:var(--bg-code-inline);padding:2px 6px!important;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:var(--color-code-inline);border:1px solid var(--border-code-inline);word-break:break-word;display:inline}.markdown-content pre{margin:12px 0;overflow-x:auto;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1em;font-family:Courier New,monospace;font-size:.9em;line-height:1.5}body.dark .markdown-content pre{background:var(--surface-2, #1e1e1e);color:var(--color-text-main, #d4d4d4)}.verb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:5px;padding:6px;max-height:600px;overflow-y:auto}.verb-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-1) 6px;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;transition:all .15s ease;text-align:center;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.verb-btn:hover{background:var(--bg-input-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.verb-btn.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.verb-infinitive,.verb-name{font-weight:600;font-size:.75rem;color:var(--color-text-main);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:1px}.verb-translation{font-size:.65rem;font-weight:400;color:var(--color-text-secondary);opacity:.85;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.verb-forms-button-wrapper{flex:1 1 auto;min-width:120px;max-width:200px}.verb-forms-toggle{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #a78bfa;color:#fff;font-size:.85rem;font-weight:600;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);position:relative;flex-shrink:0;transition:all .2s ease}.verb-forms-toggle:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 8px 16px #0000004d;border-color:#ffffff4d}.verb-forms-toggle.expanded{border-color:#fff6}.verb-forms-toggle .toggle-icon{font-size:var(--text-14px);opacity:.9}.verb-forms-toggle.expanded .toggle-icon{transform:none}.verb-forms-toggle .btn-text{flex:1}.verb-forms-toggle .verb-forms-count-badge{position:absolute;top:-5px;inset-inline-end:-5px;background:#ef4444;color:#fff;font-size:var(--text-xs);font-weight:700;padding:2px 6px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0003;z-index:2}#verbsContent,#verbFormsContent{display:none!important}#verbFormsContent{display:none;position:relative;z-index:100;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dark);margin-top:8px;max-height:350px;overflow-y:auto;animation:fadeIn .2s ease;width:100%}#verbFormsContent.visible{display:block!important}#verbsContent{display:none;position:relative;z-index:100;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dark);margin-top:8px;max-height:350px;overflow-y:auto;animation:fadeIn .2s ease;width:100%}#verbsContent.visible{display:block!important}.verb-forms-categories-grid{display:flex;flex-direction:column;padding:var(--space-2);display:grid;gap:6px;margin-top:12px}.verb-form-category{border:1px solid var(--color-border-light);overflow:hidden;background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px}.verb-form-category .category-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-input);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all .15s ease}.verb-form-category .category-header:hover{background:var(--color-bg-secondary)}.verb-form-category .category-header .category-toggle-icon{font-size:8px;color:var(--color-text-secondary);transition:transform .2s ease;width:8px}.verb-form-category .category-header.expanded .category-toggle-icon{transform:rotate(90deg)}.verb-form-category .category-header .category-name{font-size:.7rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.verb-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:5px;padding:6px;background:var(--bg-panel-left)}.verb-buttons-grid .verb-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-1) 6px;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;transition:all .15s ease;text-align:center;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.verb-buttons-grid .verb-btn:hover{background:var(--bg-input-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.verb-buttons-grid .verb-btn.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.verb-buttons-grid .verb-btn .verb-name{font-size:.75rem;font-weight:600;color:var(--color-text-main);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:1px}.verb-buttons-grid .verb-btn .verb-translation{font-size:.65rem;color:var(--color-text-secondary);opacity:.85;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.tense-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:6px;padding:6px;background:var(--bg-panel-left);display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--gap-xs);margin-top:8px;max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease}.tense-buttons-grid .tense-btn{position:relative;align-items:center;padding:6px 8px;transition:all .15s ease;text-align:center;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--space-2) 6px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;transition:all .2s;text-align:start}.tense-buttons-grid .tense-btn:hover{background:var(--bg-input-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.tense-buttons-grid .tense-btn.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.tense-buttons-grid .tense-btn .tense-name{font-size:.8rem;font-weight:600;color:var(--color-text-main);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:2px}.tense-buttons-grid .tense-btn .tense-translation{font-size:.68rem;color:var(--color-text-secondary);opacity:.85;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media(max-width:767px){.verb-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:var(--gap-xs);padding:var(--space-1)}.verb-buttons-grid .verb-btn{min-height:36px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;flex:none!important;flex-grow:0!important;flex-shrink:1!important;flex-basis:auto!important;min-width:auto!important;max-width:none!important;min-height:44px;max-height:none!important;padding:10px 8px;margin:0!important;font-size:var(--text-12px);font-weight:500!important;line-height:1.3!important;text-align:start!important;background:var(--bg-input)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;word-break:normal!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;text-overflow:clip!important;white-space:normal!important;white-space-collapse:normal!important;-webkit-line-clamp:unset!important;-webkit-box-orient:horizontal!important;position:relative!important;transform:none!important;z-index:1!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;touch-action:manipulation!important}.verb-buttons-grid .verb-btn .verb-name{font-size:.68rem}.verb-buttons-grid .verb-btn .verb-translation{font-size:.58rem;-webkit-line-clamp:1}.tense-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:var(--gap-xs);padding:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:6px!important;margin-top:8px!important}.tense-buttons-grid .tense-btn{padding:var(--space-1) 6px;min-height:40px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;flex:none!important;flex-grow:0!important;flex-shrink:1!important;flex-basis:auto!important;min-width:auto!important;max-width:none!important;min-height:44px!important;max-height:none!important;padding:10px 8px!important;margin:0!important;font-size:var(--text-12px)!important;font-weight:500!important;line-height:1.3!important;text-align:start!important;background:var(--bg-input)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;word-break:normal!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;text-overflow:clip!important;white-space:normal!important;white-space-collapse:normal!important;-webkit-line-clamp:unset!important;-webkit-box-orient:horizontal!important;position:relative!important;transform:none!important;z-index:1!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;touch-action:manipulation!important}.tense-buttons-grid .tense-btn .tense-name{font-size:.72rem}.tense-buttons-grid .tense-btn .tense-translation{font-size:.62rem}}.button-section-advanced{position:relative}.advanced-toggle{background:linear-gradient(135deg,#0d9488,#0f766e);border:1px solid #14b8a6;color:#fff;font-size:.95rem;font-weight:600;padding:var(--space-3) 16px;border-radius:var(--radius-lg);cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);position:relative;flex-shrink:0;transition:all .2s ease}.advanced-toggle:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 8px 16px #0000004d;border-color:#ffffff4d}.advanced-toggle.expanded{border-color:#fff6}.advanced-toggle .toggle-icon{font-size:var(--text-12px);transition:transform .3s ease}.advanced-toggle.expanded .toggle-icon{transform:rotate(90deg)}.advanced-toggle .btn-text{flex:1}.advanced-toggle .auto-mode-indicator{background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.advanced-content{display:none;position:relative;z-index:100;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dark);margin-top:8px;padding:var(--space-3);animation:fadeIn .2s ease;width:100%}.advanced-content.visible{display:block!important}.auto-mode-toggle{background:var(--bg-input);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-1) 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auto-mode-toggle.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.auto-mode-toggle:hover{transform:scale(1.05)}.button-section-advanced:has(.advanced-content.visible)+.button-section{margin-top:350px}.button-section-modifiers{position:relative}.modifiers-toggle{background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #818cf8;color:#fff;font-size:.85rem;font-weight:600;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;flex-shrink:0;transition:all .2s ease}.modifiers-toggle:hover{filter:brightness(1.1);transform:translateY(-1px)}.modifiers-toggle.expanded{border-color:#fff6}.modifiers-toggle .toggle-icon{font-size:10px;transition:transform .2s ease}.modifiers-toggle.expanded .toggle-icon{transform:rotate(90deg)}.modifiers-toggle .btn-text{flex:1}.modifiers-content{display:none;position:relative;z-index:100;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;margin-top:6px;padding:6px;animation:fadeIn .2s ease;width:100%;max-height:350px;overflow-y:auto}.modifiers-content.visible{display:block!important}.modifier-category{margin-bottom:2px;overflow:hidden}.modifier-category:last-child{margin-bottom:0}.modifier-category-toggle{display:flex;align-items:center;gap:var(--gap-xs);padding:var(--space-1) 6px;background:transparent;border:none;color:var(--color-text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .1s ease;text-align:start;width:100%}.modifier-category-toggle:hover,.modifier-category-toggle.expanded{color:var(--color-text-primary)}.modifier-category-toggle .toggle-icon{font-size:8px;transition:transform .15s ease;color:var(--color-text-secondary);width:8px}.modifier-category-toggle.expanded .toggle-icon{transform:rotate(90deg)}.modifier-category-toggle .category-text{flex:1}.modifier-category-content{display:none;padding:var(--space-1);background:var(--bg-panel-left)}.modifier-category-content.visible{display:block!important}.modifier-tickbox-grid{display:flex;flex-wrap:wrap;gap:3px}.tickbox-btn{padding:2px 6px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.65rem;font-weight:500;cursor:pointer;transition:all .1s ease;white-space:nowrap;line-height:1.15}.tickbox-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-text-primary)}.tickbox-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.tickbox-btn.active:hover{background:#2563eb}.modifier-language-selectors{margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border-light);display:flex;gap:var(--gap-sm);align-items:center}.lang-selector-row{display:flex;align-items:center;gap:var(--gap-xs);flex:1}.lang-selector-row label{font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap}.modifier-lang-btn{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--space-1) 8px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease;flex:1}.modifier-lang-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.modifier-lang-btn .lang-flag{display:flex;align-items:center;justify-content:center;width:14px;height:10px;flex-shrink:0}.modifier-lang-btn .lang-flag img{width:14px;height:10px;object-fit:cover;border-radius:2px}.modifier-lang-btn .lang-code{font-size:.65rem;font-weight:500;color:var(--color-text-primary);text-transform:uppercase}body.dark .tickbox-btn.active{background:#3b82f6}body.dark .modifier-category-toggle:hover,body.dark .modifier-category-toggle.expanded{background:#ffffff0d}body.dark .quick-select-container{background:#ffffff05;border-color:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark .quick-select-label{color:var(--color-primary)}body.dark .quick-select-btn.active,body.dark .quick-select-btn.selected{background:linear-gradient(135deg,#6366f133,#6366f114);border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f166,0 8px 24px #6366f140,inset 0 1px #ffffff1a}body.dark .quick-select-text{color:var(--color-text-main)}body.dark .quick-select-btn:hover .quick-select-text{color:var(--color-primary-dark)}body.dark .quick-select-tooltip{background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%);box-shadow:0 8px 24px #6366f166}body.dark .quick-select-tooltip:after{border-top-color:#4f46e5}body.dark .mobile-topic-btn{background:var(--surface-2, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-main, #fafafa)}body.dark .mobile-topic-btn:hover{background:var(--bg-hover, #334155);border-color:var(--accent-primary, #6366f1)}body.dark .desktop-control-btn{background:var(--surface-2, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-main, #fafafa);box-shadow:0 1px 2px #0003}body.dark .desktop-control-btn:hover{background:var(--bg-hover, #334155);border-color:var(--accent-primary, #6366f1);box-shadow:0 2px 4px #0000004d}body.dark .desktop-compact-output{background:var(--surface-1, #0f172a);border-color:var(--color-border, #334155)}body.dark .desktop-compact-output:hover{background:var(--surface-2, #1e293b)}body.dark .desktop-compact-divider{color:var(--color-text-secondary, #94a3b8)}body.dark .desktop-compact-model{color:var(--color-text-main, #fafafa)}body.dark .desktop-saved-prompts-btn{background:linear-gradient(135deg,#78350f,#92400e);border-color:#fbbf24;color:#fef3c7}body.dark .desktop-saved-prompts-btn:hover{background:linear-gradient(135deg,#92400e,#b45309)}body.dark .desktop-saved-count{background:#fef3c733;color:#fef3c7}.user-progress-modal{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.user-progress-modal-overlay{position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-progress-modal-content{position:relative;width:100%;max-width:700px;max-height:85vh;background:var(--surface-1, #ffffff);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:userProgressModalSlideUp .3s ease}.user-progress-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 24px;border-bottom:1px solid var(--color-border, #e2e8f0);background:var(--surface-1, #ffffff)}.user-progress-title{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:600;color:var(--color-text-main, #1e293b);margin:0}.title-icon{font-size:1.6rem}.user-progress-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--surface-2, #f1f5f9);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary, #64748b)}.user-progress-close:hover{background:var(--bg-hover, #e2e8f0);color:var(--color-text-main, #1e293b);transform:scale(1.05)}.user-progress-tabs{display:flex;gap:var(--gap-xs);padding:var(--space-3) 24px 0;background:var(--surface-1, #ffffff);border-bottom:1px solid var(--color-border, #e2e8f0);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.user-progress-tabs::-webkit-scrollbar{display:none}.user-progress-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:var(--color-text-secondary, #64748b);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.user-progress-tab:hover{color:var(--color-text-main, #1e293b);background:var(--surface-2, #f8fafc);border-radius:var(--radius-lg) 8px 0 0}.user-progress-tab.active{color:var(--accent-primary, #6366f1);border-bottom-color:var(--accent-primary, #6366f1)}.tab-icon{font-size:1rem}.user-progress-body{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--surface-0, #f8fafc)}.user-progress-panel{display:none;animation:userProgressPanelFadeIn .3s ease}.user-progress-panel.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-lg);margin-bottom:24px}.stat-card{background:var(--surface-1, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{font-size:1.8rem;margin-bottom:8px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--accent-primary, #6366f1);line-height:1.2}.stat-label{font-size:.8rem;color:var(--color-text-secondary, #64748b);margin-top:4px}.progress-section{background:var(--surface-1, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:16px}.section-title{font-size:1rem;color:var(--color-text-main, #1e293b);margin:0 0 8px;font-size:var(--text-14px);font-weight:600;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.weekly-chart{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding:10px 0}.chart-day{display:flex;flex-direction:column;align-items:center;flex:1;gap:var(--gap-sm)}.chart-bar{width:24px;background:linear-gradient(to top,var(--accent-primary, #6366f1),var(--accent-secondary, #8b5cf6));border-radius:var(--radius-sm) 4px 0 0;transition:height .5s ease;min-height:4px}.day-label{font-size:.75rem;color:var(--color-text-secondary, #64748b);font-weight:500}.topic-progress-list{display:flex;flex-direction:column;gap:var(--gap-md)}.topic-progress-item{display:flex;align-items:center;gap:var(--gap-md)}.topic-bar{flex:1;height:8px;background:var(--surface-2, #f1f5f9);border-radius:var(--radius-sm);overflow:hidden}.topic-fill{height:100%;background:linear-gradient(to right,var(--accent-primary, #6366f1),var(--accent-secondary, #8b5cf6));border-radius:var(--radius-sm);transition:width .5s ease}.topic-percent{font-size:.85rem;color:var(--color-text-secondary, #64748b);min-width:40px;text-align:end;font-weight:500}.history-filters{display:flex;gap:var(--gap-sm);margin-bottom:16px}.history-filter{padding:var(--space-2) 16px;border:1px solid var(--color-border, #e2e8f0);background:var(--surface-1, #ffffff);border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary, #64748b)}.history-filter:hover{border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.history-filter.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.history-list{background:var(--surface-1, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);min-height:200px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary, #64748b)}.empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.empty-hint{font-size:.85rem;margin-top:8px;opacity:.7}.grammar-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-lg);margin-bottom:24px}.grammar-stat{background:var(--surface-1, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.grammar-stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-primary, #6366f1);line-height:1}.grammar-stat-label{font-size:.9rem;color:var(--color-text-secondary, #64748b);margin-top:8px}.grammar-sections{display:flex;flex-direction:column;gap:var(--gap-lg)}.grammar-category{background:var(--surface-1, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-4)}.grammar-category-title{display:flex;align-items:center;gap:var(--gap-sm);font-size:1rem;font-weight:600;color:var(--color-text-main, #1e293b);margin:0 0 12px}.grammar-items{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.grammar-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-2, #f1f5f9);border-radius:var(--radius-md, 8px);min-width:120px}.grammar-item-name{font-size:.85rem;color:var(--color-text-primary, #1e293b)}.grammar-item-status{display:flex;align-items:center;gap:6px}.grammar-mastery-dot{width:8px;height:8px;border-radius:50%}.grammar-item-score{font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #64748b)}.grammar-empty{text-align:center;padding:16px;color:var(--color-text-muted, #94a3b8);font-size:.9rem}.achievements-summary{display:flex;justify-content:center;margin-bottom:24px}.achievement-score{display:flex;flex-direction:column;align-items:center}.score-circle{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--accent-primary, #6366f1) 0deg,var(--surface-2, #f1f5f9) 0deg);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.score-circle:before{content:"";position:absolute;width:80px;height:80px;background:var(--surface-1, #ffffff);border-radius:50%}.score-value{font-size:1.8rem;font-weight:700;color:var(--accent-primary, #6366f1);position:relative;z-index:1}.score-total{font-size:1rem;color:var(--color-text-secondary, #64748b);position:relative;z-index:1}.score-label{font-size:.9rem;color:var(--color-text-secondary, #64748b);margin-top:12px;font-weight:500}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}.achievement-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--space-4);background:var(--surface-1, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);transition:all .2s ease}.achievement-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.achievement-item.locked{opacity:.6;background:var(--surface-0, #f8fafc)}.achievement-item.locked .achievement-icon{filter:grayscale(1)}.achievement-icon{font-size:2rem;flex-shrink:0}.achievement-info{display:flex;flex-direction:column;gap:2px}.achievement-name{font-size:.9rem;font-weight:600;color:var(--color-text-main, #1e293b)}.achievement-desc{font-size:.75rem;color:var(--color-text-secondary, #64748b)}@keyframes userProgressModalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes userProgressPanelFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media(max-width:640px){.user-progress-modal{padding:0}.user-progress-modal-content{max-height:100vh;border-radius:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:1fr}.user-progress-tabs{padding:var(--space-3) 16px 0}.user-progress-body{padding:var(--space-4)}}.prompts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:var(--gap-md)}.prompts-tabs{display:flex;gap:var(--gap-sm);flex:1}.prompts-tab{display:flex;align-items:center;gap:6px;padding:var(--space-2) 16px;border:1px solid var(--color-border, #e2e8f0);background:var(--surface-1, #ffffff);border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary, #64748b)}.prompts-tab:hover{border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.prompts-tab.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.prompt-count{font-size:.75rem;padding:2px 6px;background:var(--surface-2, #f1f5f9);border-radius:var(--radius-lg);min-width:20px;text-align:center}.prompts-tab.active .prompt-count{background:#fff3}.prompts-actions{display:flex;gap:var(--gap-sm)}.prompt-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border, #e2e8f0);background:var(--surface-1, #ffffff);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary, #64748b)}.prompt-action-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.prompts-subpanel{display:none}.prompts-subpanel.active{display:block}.prompt-search{position:relative;margin-bottom:16px}.prompt-search .search-icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary, #64748b);width:18px;height:18px}.prompt-search input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg);font-size:.9rem;background:var(--surface-1, #ffffff);color:var(--color-text-main, #1e293b);transition:all .2s ease}.prompt-search input:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.prompt-list{display:flex;flex-direction:column;gap:var(--gap-sm);max-height:400px;overflow-y:auto}.prompt-item{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--space-3);background:var(--surface-1, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg);transition:all .2s ease;cursor:pointer;position:relative}.prompt-item:hover{border-color:var(--accent-primary, #6366f1);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.prompt-item:active{transform:translateY(0)}.prompt-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap-sm)}.prompt-item-title{font-weight:600;font-size:.9rem;color:var(--color-text-main, #1e293b);flex:1}.prompt-item-actions{display:flex;gap:var(--gap-xs);position:relative;z-index:2}.prompt-item-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary, #64748b)}.prompt-item-btn:hover{background:var(--surface-2, #f1f5f9);color:var(--color-text-main, #1e293b)}.prompt-item-btn.save-btn:hover,.prompt-item-btn.save-btn.saved{background:#fef3c7;color:#d97706}.prompt-item-btn.save-btn.saved:hover{background:#fde68a;color:#b45309}@keyframes star-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.prompt-item-btn.save-btn:active{animation:star-pop .2s ease}@keyframes count-pulse{0%{transform:scale(1)}50%{transform:scale(1.2);background:#fbbf24}to{transform:scale(1)}}.desktop-saved-count.updated{animation:count-pulse .3s ease}.prompt-item.saved{border-color:#fbbf24;background:linear-gradient(to right,#fffbeb,var(--surface-1, #ffffff))}.prompt-item-btn.delete-btn:hover{background:#fef2f2;color:#ef4444}.prompt-item-meta{display:flex;gap:var(--gap-md);flex-wrap:wrap;font-size:.75rem;color:var(--color-text-secondary, #64748b)}.prompt-item-meta span{display:flex;align-items:center;gap:var(--gap-xs)}.prompt-item-meta span[data-meta=exercise]{background:var(--accent-primary, #6366f1);color:#fff;padding:2px 8px;border-radius:var(--radius-sm)}.prompt-item-preview{font-size:.8rem;color:var(--color-text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;padding:var(--space-2);background:var(--surface-2, #f8fafc);border-radius:var(--radius-md);transition:all .2s ease}.prompt-item-preview:hover{-webkit-line-clamp:unset;background:var(--surface-1, #f1f5f9)}.prompt-preview-collapsed{-webkit-line-clamp:1}.prompt-preview-collapsed:hover{-webkit-line-clamp:3}.prompt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary, #64748b)}.prompt-empty .empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}body.dark .prompts-tab{background:var(--surface-1, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-secondary, #94a3b8)}body.dark .prompts-tab:hover{border-color:var(--accent-primary, #818cf8);color:var(--accent-primary, #818cf8)}body.dark .prompts-tab.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}body.dark .prompt-count{background:var(--surface-2, #334155)}body.dark .prompts-tab.active .prompt-count{background:#fff3}body.dark .prompt-action-btn{background:var(--surface-1, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-secondary, #94a3b8)}body.dark .prompt-action-btn:hover{background:#450a0a;border-color:#ef4444;color:#ef4444}body.dark .prompt-search input{background:var(--surface-1, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-main, #f1f5f9)}body.dark .prompt-search input:focus{border-color:var(--accent-primary, #818cf8);box-shadow:0 0 0 3px #6366f133}body.dark .prompt-item{background:var(--surface-1, #1e293b);border-color:var(--color-border, #334155)}body.dark .prompt-item:hover{border-color:var(--accent-primary, #818cf8)}body.dark .prompt-item-title{color:var(--color-text-main, #f1f5f9)}body.dark .prompt-item-btn:hover{background:var(--surface-2, #334155);color:var(--color-text-main, #f1f5f9)}body.dark .prompt-item-preview{background:var(--surface-0, #0f172a);color:var(--color-text-secondary, #94a3b8)}body.dark .user-progress-modal-content{background:var(--surface-1, #1e293b);box-shadow:0 20px 60px #00000080}body.dark .user-progress-header{background:var(--surface-1, #1e293b);border-bottom-color:var(--color-border, #334155)}body.dark .user-progress-title{color:var(--color-text-main, #f1f5f9)}body.dark .user-progress-close{background:var(--surface-2, #334155);color:var(--color-text-secondary, #94a3b8)}body.dark .user-progress-close:hover{background:var(--bg-hover, #475569);color:var(--color-text-main, #f1f5f9)}body.dark .user-progress-tabs{background:var(--surface-1, #1e293b);border-bottom-color:var(--color-border, #334155)}body.dark .user-progress-tab{color:var(--color-text-secondary, #94a3b8)}body.dark .user-progress-tab:hover{background:var(--surface-2, #334155);color:var(--color-text-main, #f1f5f9)}body.dark .user-progress-tab.active{color:var(--accent-primary, #818cf8);border-bottom-color:var(--accent-primary, #818cf8)}body.dark .user-progress-body{background:var(--surface-0, #0f172a)}body.dark .stat-card,body.dark .progress-section,body.dark .history-list,body.dark .grammar-stat,body.dark .grammar-category,body.dark .achievement-item{background:var(--surface-1, #1e293b);border-color:var(--color-border, #334155)}body.dark .section-title,body.dark .topic-name,body.dark .grammar-category-title,body.dark .achievement-name{color:var(--color-text-main, #f1f5f9)}body.dark .stat-label,body.dark .day-label,body.dark .topic-percent,body.dark .grammar-stat-label,body.dark .category-count,body.dark .achievement-desc,body.dark .history-empty{color:var(--color-text-secondary, #94a3b8)}body.dark .history-filter{background:var(--surface-1, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-secondary, #94a3b8)}body.dark .history-filter:hover{border-color:var(--accent-primary, #818cf8);color:var(--accent-primary, #818cf8)}body.dark .history-filter.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}body.dark .topic-bar,body.dark .score-circle:before{background:var(--surface-2, #334155)}body.dark .achievement-item.locked{background:var(--surface-0, #0f172a)}body.dark .chart-bar{background:linear-gradient(to top,var(--accent-primary, #6366f1),var(--accent-secondary, #a78bfa))}body.dark .topic-fill{background:linear-gradient(to right,var(--accent-primary, #6366f1),var(--accent-secondary, #a78bfa))}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes headerSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse-go-btn{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{box-shadow:0 0 0 10px #3b82f600;transform:scale(1.05);box-shadow:0 8px 24px #2563eb80}}#topHeader:not(.hidden){animation:headerSlideDown .3s ease}@media(max-width:480px){#darkToggle,#apiSettingsBtn,.about-btn-inner{width:32px;height:32px;font-size:var(--text-sm);padding:3px}.status-pill .arrow{font-size:9px;margin:0}.status-pill .separator{font-size:8px}.mobile-save-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;inset-inline-end:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;box-shadow:0 4px 12px #f59e0b66;color:#fff;font-size:var(--text-xl);cursor:pointer;z-index:1000;transition:all .3s ease}.mobile-save-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #f59e0b80}.mobile-save-fab:active{transform:scale(.95)}.mobile-save-fab.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.mobile-save-fab:disabled{opacity:.5;pointer-events:none;filter:grayscale(.5)}@media(min-width:768px){.mobile-save-fab{display:none}}@media(max-width:767px){.compact-row,.lang-pair-compact{flex-direction:column;gap:10px}.arrow-icon{transform:rotate(90deg);margin:5px 0}.exercise-buttons{grid-template-columns:repeat(2,1fr);display:flex!important;flex-direction:column!important;gap:var(--gap-sm)!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.exercise-buttons button{padding:10px 6px;font-size:var(--text-12px);min-height:40px;min-width:unset}.action-buttons-group{flex-direction:column}.collapsible-settings-header{padding:10px 12px!important;font-size:var(--text-14px)!important;min-height:44px!important;display:flex;align-items:center;gap:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.collapsible-settings-toggle{font-size:var(--text-12px);min-width:16px;text-align:center;position:relative;z-index:5;pointer-events:auto}.settings-summary-pill{font-size:.9em!important}.summary-segment{padding:6px 10px!important;font-size:var(--text-xs)!important;border-radius:14px!important}.compact-select{padding:10px 10px 10px 12px!important;font-size:var(--text-sm)!important}.collapsible-settings-content{padding:0 15px!important}.collapsible-settings-group.expanded .collapsible-settings-content{padding:15px!important;max-height:none!important;overflow:visible!important}.collapsible-settings-group.collapsed .collapsible-settings-content{padding:0 15px!important;max-height:0!important;overflow:hidden!important}.response-container{max-height:50vh}.response-header{padding:var(--space-2) 10px}.response-header h4{font-size:var(--text-sm)}.ex-buttons{width:100%!important;max-width:100%!important;overflow:hidden!important;margin:10px 0!important;padding:0!important}.button-section{display:flex!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;justify-content:space-between!important}.button-section button{flex:1 1 auto!important;min-width:calc(33.33% - 4px)!important;max-width:calc(33.33% - 4px)!important;padding:10px 6px!important;font-size:var(--text-xs)!important;line-height:1.2!important;min-height:44px!important;margin:0!important;border-radius:var(--radius-md)!important;word-break:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.category-header{padding:var(--space-3) 8px!important;min-height:44px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important}.category-toggle-icon{font-size:var(--text-14px)!important;min-width:20px!important;text-align:center!important}.tense-btn .tense-name{font-weight:600!important;font-size:var(--text-12px)!important;margin-bottom:3px!important;color:var(--color-text-main)!important}.tense-btn .tense-translation{font-size:10px!important;line-height:1.2!important;opacity:.75!important;color:var(--color-text-secondary)!important}.tense-btn:hover{background:var(--bg-input-hover)!important;border-color:var(--color-primary)!important;transform:translateY(-1px)!important}.tense-btn.selected{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important;font-weight:600!important}.tense-btn.selected .tense-name{color:var(--color-primary)!important}.tense-btn.selected .tense-translation{color:var(--color-primary)!important;opacity:.9!important}.verb-btn .verb-name{font-weight:600!important;font-size:var(--text-12px);margin-bottom:3px!important;color:var(--color-text-main)!important}.verb-btn .verb-translation{font-size:10px;line-height:1.2!important;opacity:.75!important;color:var(--color-text-secondary)!important;word-wrap:break-word;word-break:break-word}body.dark .verb-btn .verb-translation{opacity:.9!important}.verb-btn:hover{background:var(--bg-input-hover)!important;border-color:var(--color-primary)!important;transform:translateY(-1px)!important}.verb-btn.selected{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important;font-weight:600!important}.verb-btn.selected .verb-name{color:var(--color-primary)!important}.verb-btn.selected .verb-translation{color:var(--color-primary)!important;opacity:.9!important}}.verb-form-category{padding:var(--space-2)!important;margin:0!important}#verbFormsContent{padding:var(--space-2)!important}.verb-forms-categories-grid{gap:var(--gap-sm)!important;margin-top:8px!important}.verb-forms-clear-btn{width:100%!important;min-height:44px!important;padding:10px 12px!important;font-size:var(--text-sm)!important;border-radius:var(--radius-md)!important;touch-action:manipulation!important}}#verbFormsContent.visible~.button-section{margin-top:8px}@media(max-width:480px){.exercise-buttons{grid-template-columns:1fr}.button-section button{flex:1 1 100%;max-width:100%;min-width:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important;font-size:11px!important;padding:8px 4px!important;min-height:40px!important;touch-action:manipulation!important}}.word-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.word-status-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--color-bg-secondary, rgba(255,255,255,.05))}.word-status-dot{width:10px;height:10px;border-radius:50%}.dot-new{background:#f59e0b}.dot-learning{background:#3b82f6}.dot-review{background:#8b5cf6}.dot-mastered{background:#10b981}.word-status-name{flex:1;font-size:.9rem;color:var(--color-text-primary, #e5e7eb)}.word-status-count{font-weight:700;font-size:1rem;color:var(--color-text-primary, #e5e7eb)}.word-due-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border:2px solid var(--color-accent, #6366f1);border-radius:12px;background:transparent;color:var(--color-accent, #6366f1);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.word-due-btn:hover{background:var(--color-accent, #6366f1);color:#fff}.word-due-icon{font-size:1.3rem}.word-due-count{font-size:.85rem;opacity:.7}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-primary, #3b82f6);color:#fff;padding:8px 16px;z-index:10000;transition:top .2s}.skip-to-content:focus{top:0}*:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.m-0{margin:0}.m-auto{margin:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.transition{transition-property:background-color,border-color,color,box-shadow,transform,opacity;transition-duration:.2s;transition-timing-function:ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-hover, #f1f1f1);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border, #c1c1c1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #888)}.conversation-thread{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.conversation-message{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-panel-left);transition:all .3s ease}.conversation-message.collapsed{max-height:60px;overflow:hidden}.message-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 12px;background:var(--bg-input);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none}.message-header:hover{background:var(--bg-body)}.message-info{display:flex;align-items:center;gap:10px;font-size:var(--text-12px);color:var(--color-text-secondary)}.message-sender{font-weight:700;color:var(--color-link)}.message-time{opacity:.7}.message-model{background:var(--color-link);color:#fff;padding:2px 6px;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:700}.message-actions{display:flex;gap:5px;align-items:center}.message-action-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-14px);padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s}.message-action-btn:hover{background:var(--color-border);color:var(--color-text-main)}.message-content{padding:var(--space-1) 6px!important;max-height:400px;overflow-y:auto;transition:all .3s ease;line-height:1.3}.message-content.collapsed{max-height:0;padding:0 12px;overflow:hidden}.user-input-container{margin:10px 0 15px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-panel-left);transition:all .3s ease}.user-input-container.show{display:block}#userMessage{width:100%;min-height:80px;max-height:200px;padding:var(--space-3);margin:0;border:none;border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) 6px 0 0;background:var(--bg-input)!important;color:var(--color-text-main)!important;font-family:inherit;font-size:var(--text-14px);resize:vertical;outline:none;box-sizing:border-box}#userMessage:focus{background:var(--bg-body)}.user-input-actions{display:flex;justify-content:space-between;padding:var(--space-2) 12px;background:var(--bg-input);border-radius:0 0 6px 6px}.send-btn-container{display:flex;gap:var(--gap-sm)}#sendUserMessage{padding:6px 16px;background:var(--color-link);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:700;transition:all .2s}#sendUserMessage:hover{background:var(--color-primary-dark);transform:translateY(-1px)}#clearUserMessage{padding:6px 12px;background:var(--color-border);color:var(--color-text-main);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all .2s}#clearUserMessage:hover{background:var(--color-border-dark)}.quick-action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm);margin:10px 0 15px;padding:var(--space-3);background:var(--bg-grid-block);border:1px solid var(--color-border);border-radius:var(--radius-md)}.quick-action-btn{padding:10px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text-main);font-size:var(--text-12px);font-weight:500;cursor:pointer;text-align:center;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-action-btn:hover{background:var(--color-link);color:#fff;border-color:var(--color-link);transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}.contact-links{margin:10px 0;padding:10px;border:2px solid var(--color-primary)}.code-block-container{margin:.3em 0!important;background:var(--bg-panel-left);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.code-header{background:var(--bg-panel-right);padding:.5em 1em;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.code-language{font-size:.8em;color:var(--color-text-secondary);font-weight:500}.copy-code-btn{background:var(--color-primary);color:#fff;border:none;padding:.3em .8em;border-radius:var(--radius-sm);font-size:.8em;cursor:pointer;transition:background .2s}.copy-code-btn:hover{background:var(--color-primary-dark)}.response-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px!important;color:var(--color-text-secondary);text-align:center;min-height:60px}.loading-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top:2px solid var(--color-link);border-radius:50%;animation:spin 1s linear infinite;margin:0 0 10px}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--color-border);border-top:2px solid var(--color-link);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.toggle-conversation-btn{background:transparent;border:none;color:var(--color-text-main);font-size:var(--text-12px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);transition:transform .3s ease,background .2s;padding:0;margin-inline-end:8px}.toggle-conversation-btn:hover{background:var(--color-border)}.toggle-conversation-btn.expanded{transform:rotate(90deg)}.response-actions{display:flex;gap:var(--gap-sm);transition:opacity .3s ease}.clear-all-btn,.collapse-all-btn,.expand-all-btn{background:var(--color-border);color:var(--color-text-main);border:none;border-radius:var(--radius-sm);padding:var(--space-1) 8px;font-size:var(--text-12px);cursor:pointer;transition:all .2s}.clear-all-btn:hover,.collapse-all-btn:hover,.expand-all-btn:hover{background:var(--color-border-dark);transform:translateY(-1px)}.scroll-to-bottom{position:absolute;inset-inline-end:15px;bottom:15px;background:var(--color-link);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:var(--text-16px);display:none;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 8px #0003}.scroll-to-bottom.visible{display:flex}.response-container.collapsed,.response-container.hidden{max-height:44px}.response-container.hidden .toggle-conversation-btn{transform:rotate(0)}.response-container.hidden .response-content{display:none}.response-container.hidden .response-actions{opacity:.5;pointer-events:none}#feedbackModal form{display:flex;flex-direction:column;gap:15px}#feedbackModal input[type=email],#feedbackModal textarea{width:100%;padding:var(--space-3);font-size:var(--text-16px);min-height:44px}#feedbackModal textarea{min-height:150px;resize:vertical}#feedbackModal .send-btn,#feedbackModal .close-btn{min-height:44px;font-size:var(--text-16px);flex:1}#languageModal{position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;background-color:#00000080;z-index:10000;display:none}#languageModal .modal-content{position:relative;width:90%;max-width:500px;max-height:80vh;margin:10% auto;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);overflow-y:auto;box-shadow:0 4px 12px #0000004d}#languageModal .close-modal{position:absolute;top:10px;inset-inline-end:10px;font-size:var(--text-xl);cursor:pointer;color:var(--color-text-secondary);background:none;border:none;padding:0}#languageModal h2{margin:0 0 15px;font-size:var(--text-lg);color:var(--color-text-main)}#languageModal .language-grid,#searchableLanguageList.language-grid,#searchableLanguageList{display:flex;flex-direction:column;gap:var(--gap-xs)}#searchableLanguageList{overflow-y:auto;max-height:400px;padding:var(--space-2) 12px;background-color:var(--bg-body);border-radius:var(--radius-lg)}#languageModal .language-option,#searchableLanguageList .language-option{padding:var(--space-3) 16px;border:none;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:var(--gap-md)}#languageModal .language-option:last-child,#searchableLanguageList .language-option:last-child{border-bottom:none}#languageModal .language-option:hover,#searchableLanguageList .language-option:hover{background-color:var(--bg-hover);border-radius:var(--radius-md);border-color:var(--color-link)}#languageModal .lang-flag{font-size:var(--text-lg)}.modal-overlay{background-color:#000000d9;-webkit-backdrop-filter:none;backdrop-filter:none;position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;z-index:10000;display:none;transition:opacity .3s ease}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.modal-overlay{background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.modal-overlay.show{display:flex;z-index:inherit}#languageSelectorModal{z-index:9999999999}.modal-overlay .modal-content{position:relative;width:90%;max-width:600px;max-height:80vh;margin:16px auto;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease}.modal-overlay .topic-selection-modal{max-width:800px!important;width:95%!important;padding:0!important;border-radius:var(--radius-xl)!important}#topicOverlay.show{display:flex!important;z-index:100000!important}#topicOverlay.show .topic-selection-modal{display:flex!important;flex-direction:column;opacity:1!important;visibility:visible!important}.language-settings-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.language-settings-modal .modal-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text-main)}.language-settings-modal .modal-close{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease}.language-settings-modal .modal-close:hover{background:var(--bg-grid-block);color:var(--color-text-main)}.language-settings-modal .settings-section{margin-bottom:32px}.language-settings-modal .settings-section:last-child{margin-bottom:0}.language-settings-modal .section-title{font-size:var(--text-16px);font-weight:600;color:var(--color-text-main);margin-bottom:12px;display:flex;align-items:center;gap:var(--gap-sm)}.language-settings-modal .language-dropdown{width:100%;padding:var(--space-3) 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--color-text-main);font-size:var(--text-14px);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.language-settings-modal .language-dropdown:hover{border-color:var(--color-link);background:var(--bg-body)}.language-settings-modal .language-dropdown .dropdown-arrow{font-size:var(--text-12px);color:var(--color-text-secondary);transition:transform .2s}.language-settings-modal .difficulty-section{margin-bottom:24px}.language-settings-modal .difficulty-title{font-size:var(--text-16px);font-weight:600;color:var(--color-text-main);margin-bottom:12px;display:flex;align-items:center;gap:var(--gap-sm)}.language-settings-modal .difficulty-title:before{content:"🎯";font-size:var(--text-lg)}.language-settings-modal .difficulty-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap-sm)}.language-settings-modal .difficulty-btn{padding:var(--space-3) 8px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;min-height:40px}.language-settings-modal .difficulty-btn.selected{color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-blue)}.language-settings-modal .modal-footer{display:flex;gap:18px;justify-content:flex-end;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border)}.language-settings-modal .modal-footer .btn{padding:var(--space-3) 28px;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid transparent;min-width:140px;text-align:center;letter-spacing:.3px;position:relative;overflow:hidden}.language-settings-modal .modal-footer .btn:before{content:"";position:absolute;top:0;inset-inline-start:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.language-settings-modal .modal-footer .btn:hover:before{inset-inline-start:100%}.language-settings-modal .modal-footer .btn-secondary{background:var(--bg-input);color:var(--color-text-main);border-color:var(--color-border)}.language-settings-modal .modal-footer .btn-secondary:hover{background:var(--bg-hover);border-color:var(--color-link);color:var(--color-link);transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.language-settings-modal .modal-footer .btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-subtle)}.language-settings-modal .modal-footer .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-blue)}.language-settings-modal .modal-footer .btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1e40af 100%);border-color:#1e40af;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.language-settings-modal .modal-footer .btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb4d}.language-settings-modal .modal-footer .btn:focus{outline:2px solid var(--color-link);outline-offset:2px}body.dark .language-settings-modal .modal-footer .btn-secondary:hover{background:#ffffff0d;border-color:#64b5f6;color:#64b5f6}body.dark .language-settings-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}body.dark .language-settings-modal .modal-footer .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);border-color:#64b5f6;box-shadow:0 6px 16px #2563eb80}@media(max-width:768px){.modal-overlay .modal-content{width:95%;max-width:100%;max-height:90vh;border-radius:0;padding:var(--space-5);overscroll-behavior:contain;margin:12px auto;padding:var(--space-4) 20px}.language-settings-modal .modal-header{margin-bottom:16px;padding-bottom:10px;position:sticky;top:0;background:var(--bg-panel-left);z-index:10}.language-settings-modal .modal-title{font-size:var(--text-lg);line-height:1.3}.language-settings-modal .settings-section{margin-bottom:20px}.language-settings-modal .section-title{font-size:var(--text-14px);margin-bottom:10px}.language-settings-modal .language-dropdown{font-size:var(--text-sm);padding:14px 12px;font-size:var(--text-16px);min-height:48px;border-radius:var(--radius-lg);background:var(--bg-input);border:2px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.language-settings-modal .difficulty-grid{grid-template-columns:repeat(3,1fr);gap:6px;grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.language-settings-modal .difficulty-btn{font-size:var(--text-12px);min-height:36px;padding:14px 8px;font-size:var(--text-14px);min-height:48px;border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--bg-input);color:var(--color-text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .2s ease}.language-settings-modal .modal-footer{flex-direction:column-reverse;gap:var(--gap-sm);margin-top:20px;padding-top:16px}.language-settings-modal .modal-footer .btn{width:100%;min-width:0;padding:var(--space-3) 16px;font-size:var(--text-base);min-height:48px}}@media(max-width:480px){.language-settings-modal .difficulty-grid{grid-template-columns:repeat(2,1fr);grid-template-columns:1fr;gap:6px}.language-settings-modal .language-dropdown{padding:var(--space-2) 12px;font-size:var(--text-sm);padding:var(--space-3) 10px;font-size:var(--text-base);min-height:44px}.language-settings-modal .modal-footer{flex-direction:column-reverse;gap:var(--gap-sm)}.language-settings-modal .modal-footer .btn{width:100%;padding:var(--space-3) 14px;font-size:var(--text-14px)}}.language-select-trigger{background:var(--bg-input);justify-content:space-between;gap:var(--gap-sm);display:flex;align-items:center;gap:10px;width:100%;padding:var(--space-3) 16px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--bg-input);color:var(--color-text-main);font-size:var(--text-14px);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:start}.language-select-trigger:hover{background:var(--bg-body);transform:translateY(-1px);box-shadow:var(--shadow-subtle);background-color:var(--bg-hover);border-color:var(--color-link)}.language-select-trigger:focus{box-shadow:0 0 0 3px #2563eb26;outline:none;border-color:var(--color-link);box-shadow:0 0 0 3px #3498db26}.language-select-trigger.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb33}.language-select-trigger.selected .selected-language-name{color:var(--color-primary);font-weight:600}.language-select-trigger.selected:after{content:"✓";font-weight:700}.setting-language-selector{width:100%;margin:6px 0}.setting-language-selector label{font-size:var(--text-sm);font-weight:600;margin-bottom:6px;display:block}.setting-language-selector .button-style{width:100%;padding:10px 14px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--color-text-main);font-size:var(--text-14px);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.setting-language-selector .button-style:hover{border-color:var(--color-link);background:var(--bg-body);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.setting-language-selector .button-style:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 3px #2563eb26}.setting-language-selector .button-style.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb33;color:var(--color-primary);font-size:var(--text-16px)}.setting-language-selector .trigger-content{display:flex;align-items:center;gap:var(--gap-sm);flex:1}.setting-language-selector .selected-language-flag{font-size:20px;line-height:1;display:flex;align-items:center}.setting-language-selector .selected-language-name{flex:1;text-align:start}.setting-language-selector .dropdown-arrow{flex-shrink:0;opacity:.7}body.dark .setting-language-selector .button-style{background:var(--bg-input);border-color:var(--color-border)}body.dark .setting-language-selector .button-style:hover{border-color:var(--color-link);background:var(--bg-hover);box-shadow:0 2px 8px #64b5f64d}body.dark .setting-language-selector .button-style:focus{box-shadow:0 0 0 3px #64b5f640}.selected-language-flag{font-size:var(--text-xl);line-height:1}.selected-language-name{flex:1;text-align:start;font-weight:500}.language-select-trigger .dropdown-arrow{font-size:var(--text-12px);font-size:10px;color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s ease}.language-select-trigger[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.language-option{padding:var(--space-3) 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:18px}.language-option:hover{background:var(--bg-hover);transform:translate(4px)}.language-option:active{background:var(--color-primary-light);transform:scale(.98)}.language-option.recent-language{background:var(--bg-highlight);border-inline-start:3px solid var(--color-link);background-color:var(--bg-panel-left)}.language-option .lang-flag{font-size:var(--text-xl);line-height:1}@keyframes slideUp{0%{transform:translateY(100%);transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.collapsible-subsection{margin-bottom:8px}.collapsible-subheader{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--space-2) 12px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.collapsible-subheader:hover{background:var(--bg-body)}.sub-toggle-icon{font-size:10px;transition:transform .2s;width:12px;text-align:center}.collapsible-subheader.expanded .sub-toggle-icon{transform:rotate(90deg)}.subheader-text{font-weight:600;font-size:var(--text-12px);color:var(--color-text-main)}.collapsible-subcontent{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease;padding:0 12px}.collapsible-subcontent.expanded{padding:var(--space-3);overflow-y:auto}.no-verbs-message{color:var(--color-text-secondary);font-size:var(--text-12px);padding:10px;text-align:center}.verb-count-badge{background:var(--color-accent);color:#fff;border-radius:var(--radius-xl);padding:2px 8px;font-size:var(--text-xs);font-weight:600;min-width:20px;text-align:center}.verb-forms-section .collapsible-header{display:flex;align-items:center;gap:var(--gap-sm);cursor:pointer;padding:var(--space-1) 0;-webkit-user-select:none;user-select:none}.verb-forms-section .toggle-icon{transition:transform .2s;font-size:.8em}.verb-forms-section .collapsible-header.expanded .toggle-icon{transform:rotate(90deg)}.verb-forms-section .header-text{font-weight:600;font-size:.9em;color:var(--color-text-main)}.verb-forms-count-badge{background:var(--color-accent);color:#fff;border-radius:var(--radius-xl);padding:2px 8px;font-size:.75em;font-weight:600;min-width:20px;text-align:center}.category-header{display:flex;align-items:center;gap:var(--gap-sm);cursor:pointer;padding:var(--space-1) 0;font-weight:500;font-size:.9em}.category-toggle-icon{transition:transform .2s;font-size:.8em}.category-header.expanded .category-toggle-icon{transform:rotate(90deg)}.category-header.expanded+.tense-buttons-grid{max-height:500px;margin-top:8px}.tense-btn .tense-name{font-weight:600;font-size:var(--text-sm);margin-bottom:2px;color:var(--color-text-main)}.tense-btn .tense-translation{font-size:var(--text-xs);line-height:1.2;opacity:.75;color:var(--color-text-secondary)}.tense-btn:hover{background:var(--bg-input-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.tense-btn.selected{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.tense-btn.selected .tense-name{color:var(--color-primary)}.tense-btn.selected .tense-translation{color:var(--color-primary);opacity:.9}#verbFormsSection.collapsed .collapsible-content{pointer-events:none}@-moz-document url-prefix(){*{box-sizing:border-box}.collapsible-content{transition:max-height .3s ease-out!important;will-change:max-height}@media(max-width:768px){#main-container{display:flex!important;flex-direction:column!important;min-height:100vh!important}.left-panel,.right-panel{flex-shrink:0!important;flex-grow:0!important;width:100%!important;min-width:100%!important;max-width:100%!important}.verb-btn{transform:translateZ(0)}[style*="display: none"]{display:none!important}[style*="display: block"]{display:block!important}}button,select,input,textarea{-moz-user-select:text}}.prompt-checkbox-wrapper{display:flex;align-items:center;margin-bottom:.4rem}.prompt-checkbox-wrapper input[type=checkbox]{margin-inline-end:.5rem}.prompt-sub-grid{display:block!important}.bm-loading{display:flex;align-items:center;justify-content:center;min-height:240px;padding:40px 20px}.bm-loading-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.bm-spinner{width:40px;height:40px;color:var(--color-primary, #4a90d9);flex-shrink:0}.bm-loading-msg{margin:0;font-size:.95rem;font-weight:500;color:var(--color-text-secondary, #888);text-align:center}.bm-error{display:flex;align-items:center;justify-content:center;min-height:200px;padding:40px 20px}.bm-error-inner{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:320px;text-align:center}.bm-error-icon{font-size:2rem;line-height:1}.bm-error-msg{margin:0;font-size:.9rem;color:var(--color-text-secondary, #888);line-height:1.5}.bm-retry-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;min-height:44px;background:var(--color-primary, #4a90d9);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--duration-fast, .15s),transform .1s}.bm-retry-btn:hover{background:var(--accent-primary-hover, #3a7bc8)}.bm-retry-btn:active{transform:scale(.97)}html.dark .bm-loading-msg,html.dark .bm-error-msg{color:var(--color-text-secondary, #aaa)}html.dark .bm-retry-btn{background:var(--accent-primary, #818cf8)}html.dark .bm-retry-btn:hover{background:var(--accent-primary-hover, #6366f1)}@media(max-width:640px){.modal-overlay.bottom-sheet{align-items:flex-end;justify-content:center;padding:0;background:#00000073}.modal-overlay.bottom-sheet .modal-body{width:100%;max-width:100%;max-height:90vh;border-radius:16px 16px 0 0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,8px);animation:bottomSheetSlideUp .28s cubic-bezier(.32,.72,0,1)}.modal-overlay.bottom-sheet .modal-body:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--color-border, #d1d5db);margin:10px auto 0;flex-shrink:0}.modal-overlay.bottom-sheet .modal-inner{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}@keyframes bottomSheetSlideUp{0%{transform:translateY(100%);opacity:.9}to{transform:translateY(0);opacity:1}}@media(max-width:768px){#languageSettingsModal{align-items:stretch!important;padding:0!important;height:100dvh!important;max-height:100dvh!important}.language-settings-modal-content{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;padding:0!important;animation:none!important;position:relative;display:flex!important;flex-direction:column!important;margin:0!important}.language-settings-modal-content>div:not(.language-settings-footer){flex:1!important;overflow-y:auto!important;min-height:0!important}.language-settings-modal-content .language-settings-footer{flex-shrink:0!important;margin-top:auto!important;padding:var(--space-3)!important;padding-bottom:calc(env(safe-area-inset-bottom,16px) + 12px)!important;background:var(--bg-panel-left, #fff)!important;border-top:1px solid var(--color-border)!important}.language-settings-modal-content:before{content:"";position:absolute;top:8px;inset-inline-start:50%;transform:translate(-50%);width:36px;height:4px;background:var(--color-border, #ddd);border-radius:2px;z-index:1}#languageSettingsModal h3{font-size:1rem!important;margin-bottom:0!important;padding:var(--space-5) 12px 8px!important;flex-shrink:0!important}.language-settings-modal-content>div:nth-child(2){flex-wrap:wrap!important;margin-top:0!important;gap:0!important;padding:0 8px!important;flex-shrink:0!important}#languageSettingsModal .settings-tab{padding:var(--space-2) 3px!important;font-size:.68rem!important;flex:1 1 25%!important}.language-settings-modal-content>div:nth-child(2)>div[style*=height]{display:none!important}#languageSettingsModal .difficulty-segmented-control{width:100%!important;flex:1 1 100%!important;margin-top:4px!important;gap:2px!important;padding:0 4px!important}#languageSettingsModal .difficulty-btn{padding:6px 2px!important;font-size:.7rem!important;border-radius:var(--radius-md)!important}#languageSettingsContent{flex:1!important;overflow-y:auto!important;padding:var(--space-2) 12px!important;min-height:0!important}#languageSettingsModal .language-select-trigger{padding:10px 8px!important}.language-settings-modal-content .language-settings-footer .btn-go-modal{margin:0!important}}@media(max-width:768px){body.dark .language-settings-modal-content{box-shadow:0 -8px 32px #0006!important}body.dark .language-settings-modal-content:before{background:var(--color-text-secondary, #666)}}.language-search-container{margin-bottom:20px;position:relative}.language-search-input{width:100%;padding:var(--space-3) 16px 12px 45px;border-radius:var(--radius-lg);background-color:var(--bg-input);color:var(--color-text-main);font-size:var(--text-14px);font-weight:500;box-shadow:0 1px 3px #0000001a;font-size:var(--text-16px);padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.language-search-input:focus{box-shadow:0 0 0 3px #3498db26;background-color:var(--bg-body);border-color:var(--color-link);box-shadow:var(--shadow-focus);outline:none}.language-search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.language-search-input:before{content:"🔍";position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);font-size:var(--text-16px);opacity:.6}.language-sections-container{display:flex;flex-direction:column;gap:24px}.language-section{display:flex;flex-direction:column;gap:18px}.language-select-trigger .selected-language-flag{font-size:20px;flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;overflow:hidden}.language-select-trigger .selected-language-flag img,.language-select-trigger .selected-language-flag span{width:100%;height:100%;object-fit:contain}.language-select-trigger .selected-language-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-list{display:flex;flex-direction:column;gap:6px}.language-list-scrollable{max-height:400px;overflow-y:auto;padding-inline-end:4px}.language-list-scrollable::-webkit-scrollbar{width:6px}.language-list-scrollable::-webkit-scrollbar-track{background:var(--bg-grid-block);border-radius:3px}.language-list-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}.language-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.language-item,.language-option{display:flex;align-items:center;gap:var(--gap-md);padding:var(--space-3) 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--bg-input);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;margin-bottom:6px}.language-item:hover,.language-option:hover{background-color:var(--bg-body);border-color:var(--color-link);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.language-item.selected,.language-option.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.language-item .item-flag,.language-option .lang-flag{font-size:20px;flex-shrink:0;min-width:24px;text-align:center}.language-item .item-name,.language-option .lang-name{flex:1;font-size:var(--text-14px);font-weight:500;color:inherit}.language-item .item-code,.language-option .lang-code{font-size:var(--text-12px);opacity:.7;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.language-item.selected .item-code,.language-option.selected .lang-code{opacity:.9}.language-section-header{padding:var(--space-4) 12px 8px 12px;font-weight:600;color:var(--color-text-main);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;background-color:var(--bg-panel-left);margin:0;width:100%}.recent-languages-container,.all-languages-container{padding:var(--space-1) 0;background-color:var(--bg-body);display:flex;flex-direction:column}.language-option.selected{font-weight:600;background-color:var(--bg-hover)}.language-selector-modal{max-width:700px;min-width:500px}.language-selector-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.language-selector-modal .modal-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text-main)}.language-selector-modal .modal-close{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.language-selector-modal .modal-close:hover{background-color:var(--bg-hover);color:var(--color-text-main);transform:scale(1.1)}.language-selector-modal .modal-body{padding:0 4px}@media(max-width:768px){.language-selector-modal{max-width:95%;width:calc(100% - 20px);max-width:100%;min-width:auto;margin:0;width:100%;height:100vh;max-height:100vh;border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.language-list-scrollable{max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}#searchableLanguageList{max-height:300px;padding:var(--space-2)}.language-search-input{font-size:var(--text-sm);width:100%;padding:14px 12px 14px 40px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--color-text-main);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;font-size:var(--text-16px);touch-action:manipulation}.language-item,.language-option{gap:10px;padding:14px 12px;gap:18px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--bg-input);color:var(--color-text-main);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;display:flex;align-items:center;-webkit-user-select:none;user-select:none;padding:var(--space-4);margin:8px 0}.language-item .item-flag,.language-option .lang-flag{font-size:var(--text-lg);font-size:20px;width:24px;text-align:center}.language-item .item-name,.language-option .lang-name{font-size:var(--text-sm);font-size:var(--text-base);font-weight:500;flex:1}}body.dark .language-search-input{background-color:var(--bg-input);border-color:var(--color-border)}body.dark .language-search-input:focus{background-color:var(--bg-panel-left)}body.dark .language-item,body.dark .language-option{background-color:var(--bg-input);border-color:var(--color-border)}body.dark .language-item:hover,body.dark .language-option:hover,body.dark #searchableLanguageList{background-color:var(--bg-panel-left)}body.dark .language-section-header{background-color:var(--bg-input);color:var(--color-text-main);border-bottom-color:var(--color-border)}body.dark .recent-languages-container,body.dark .all-languages-container{background-color:var(--bg-body)}body.dark .language-option.recent-language{background-color:var(--bg-highlight);border-left-color:var(--color-link)}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.language-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000000000;animation:backdropIn .15s ease-out both}body.dark .language-dropdown-backdrop{background:#00000080}.language-dropdown{position:relative;width:100%;max-width:420px;font-family:var(--font-display, system-ui, -apple-system, sans-serif);z-index:10000}.language-dropdown-trigger{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--bg-input, #fff);border-radius:16px 16px 0 0;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:2;flex-shrink:0}.language-dropdown .dropdown-search-icon{font-size:16px;opacity:.4;flex-shrink:0;transition:opacity .15s ease}.language-dropdown:focus-within .dropdown-search-icon{opacity:.7}.language-dropdown .dropdown-search-input{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;font-weight:400;background:transparent;color:var(--color-text-main, #262626);min-width:0;letter-spacing:-.01em}.language-dropdown .dropdown-search-input::placeholder{color:var(--color-text-secondary, #9ca3af);opacity:1}.language-dropdown .dropdown-arrow{display:none}.language-dropdown-panel{position:relative;background:var(--bg-input, #fff);border-radius:0 0 16px 16px;overflow-y:auto;overflow-x:hidden;display:none;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1) both;z-index:10001;flex:1 1 auto;min-height:0;scrollbar-gutter:stable}.language-dropdown[aria-expanded=true] .language-dropdown-panel{display:block}.language-dropdown-panel::-webkit-scrollbar{width:6px}.language-dropdown-panel::-webkit-scrollbar-track{background:transparent}.language-dropdown-panel::-webkit-scrollbar-thumb{background:var(--color-border, #d1d5db);border-radius:3px}.language-dropdown-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #9ca3af)}.language-dropdown-panel .dropdown-section{padding:4px 6px}.language-dropdown-panel .dropdown-section+.dropdown-section{border-top:1px solid var(--color-border, #f0f0f0)}.language-dropdown-panel .dropdown-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary, #9ca3af);padding:12px 14px 4px;margin:0}.language-dropdown-panel .dropdown-section-list{display:flex;flex-direction:column;gap:2px;padding:4px 0}.language-dropdown-panel .dropdown-section-scrollable{max-height:none}.language-dropdown-panel .language-option{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-radius:10px;transition:background .12s ease,transform .12s ease;position:relative;min-height:44px}.language-dropdown-panel .language-option:hover{background:var(--bg-hover, #f3f4f6)}.language-dropdown-panel .language-option:active{transform:scale(.98)}.language-dropdown-panel .language-option.keyboard-focus{background:var(--bg-hover, #f3f4f6);box-shadow:inset 0 0 0 2px var(--accent-primary, #4a90d9)}.language-dropdown-panel .language-option.selected{background:var(--accent-primary-light, rgba(74, 144, 217, .08))}.language-dropdown-panel .language-option.selected:hover{background:var(--accent-primary-light, rgba(74, 144, 217, .14))}.language-dropdown-panel .language-option.selected:before{content:"";position:absolute;left:2px;top:25%;bottom:25%;width:3px;border-radius:2px;background:var(--accent-primary, #4a90d9)}.language-dropdown-panel .lang-check{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary, #4a90d9);opacity:0;transition:opacity .15s ease}.language-dropdown-panel .language-option.selected .lang-check{opacity:1}.language-dropdown-panel .lang-check svg{width:16px;height:16px}.language-dropdown-panel .lang-flag{font-size:20px;flex-shrink:0;width:26px;height:20px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden}.language-dropdown-panel .lang-flag svg{width:24px;height:auto;border-radius:2px}.language-dropdown-panel .lang-name{flex:1;font-size:14px;font-weight:450;color:var(--color-text-main, #262626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.language-dropdown-panel .lang-name mark{background:#4a90d933;color:inherit;font-weight:600;border-radius:2px;padding:0 1px}.language-dropdown-panel .language-option.selected .lang-name{font-weight:600;color:var(--accent-primary, #4a90d9)}.language-dropdown-panel .lang-quality-marker{color:#eab308;font-size:12px;margin-left:4px;cursor:help}.language-dropdown-panel .lang-code{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #9ca3af);flex-shrink:0;padding:2px 6px;background:var(--bg-grid-block, #f3f4f6);border-radius:4px}.language-dropdown-panel .language-option.selected .lang-code{background:#4a90d91f;color:var(--accent-primary, #4a90d9);opacity:.8}.language-dropdown-panel .language-option.empty-state{justify-content:center;flex-direction:column;gap:4px;padding:32px 16px;cursor:default;min-height:auto}.language-dropdown-panel .empty-state-text{font-size:14px;color:var(--color-text-secondary, #9ca3af);text-align:center}.language-dropdown-panel .empty-state-hint{font-size:12px;color:var(--color-text-secondary, #9ca3af);opacity:.7;text-align:center}body.dark .language-dropdown-trigger{background:var(--bg-input-dark, #1e1e1e);border-bottom-color:var(--color-border-dark, #333);color:var(--color-text-main-dark, #e0e0e0)}body.dark .language-dropdown .dropdown-search-input{color:var(--color-text-main-dark, #e0e0e0)}body.dark .language-dropdown .dropdown-search-input::placeholder{color:var(--color-text-secondary-dark, #666)}body.dark .language-dropdown-panel{background:var(--bg-input-dark, #1e1e1e)}body.dark .language-dropdown-panel .dropdown-section+.dropdown-section{border-top-color:var(--color-border-dark, #2a2a2a)}body.dark .language-dropdown-panel .language-option:hover{background:var(--bg-hover-dark, #2a2a2a)}body.dark .language-dropdown-panel .language-option.selected{background:#4a90d91f}body.dark .language-dropdown-panel .language-option.selected:hover{background:#4a90d92e}body.dark .language-dropdown-panel .lang-name{color:var(--color-text-main-dark, #e0e0e0)}body.dark .language-dropdown-panel .language-option.selected .lang-name{color:var(--accent-primary, #5a9fe0)}body.dark .language-dropdown-panel .lang-code{background:var(--bg-grid-block-dark, #2a2a2a);color:var(--color-text-secondary-dark, #888)}body.dark .language-dropdown-panel .language-option.selected .lang-code{background:#4a90d926;color:var(--accent-primary, #5a9fe0)}body.dark .language-dropdown-panel::-webkit-scrollbar-thumb{background:var(--color-border-dark, #444)}body.dark .language-dropdown-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary-dark, #666)}@media(max-width:768px){.language-dropdown{max-width:100%}.language-dropdown-panel,.language-dropdown-trigger{border-radius:0}.language-dropdown-panel .language-option{padding:14px 16px;min-height:50px}.language-dropdown-panel .lang-name{font-size:15px}.language-dropdown-panel .lang-flag{width:30px;height:24px}.language-dropdown-panel .lang-flag svg{width:28px}}[dir=rtl] .language-dropdown-trigger,[dir=rtl] .language-dropdown-panel .language-option{flex-direction:row-reverse}[dir=rtl] .language-dropdown-panel .lang-name{text-align:right}[dir=rtl] .language-dropdown-panel .language-option.selected:before{left:auto;right:2px}.verb-modal{position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;padding:var(--space-5);box-sizing:border-box}.verb-modal-content{background:var(--bg-panel-left, #fff);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;overflow:hidden}.verb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 20px;border-bottom:1px solid var(--color-border, #ddd);background:var(--bg-hover, #f5f5f5)}.verb-modal-header h2{margin:0;font-size:1.25rem;color:var(--color-text-main, #333);font-weight:600}.verb-modal-close{background:none;border:none;font-size:28px;color:var(--color-text-secondary, #666);cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s}.verb-modal-close:hover{background:var(--color-border, #ddd);color:var(--color-text-main, #333)}.verb-modal-body{flex:1;overflow-y:auto;padding:var(--space-4)}.verb-modal-categories{display:flex;flex-direction:column;gap:var(--gap-md)}.verb-modal-footer{display:flex;justify-content:space-between;padding:var(--space-4) 20px;border-top:1px solid var(--color-border, #ddd);background:var(--bg-hover, #f5f5f5);gap:var(--gap-md)}.verb-modal-btn{padding:10px 20px;border-radius:var(--radius-md);font-size:var(--text-14px);font-weight:600;cursor:pointer;transition:all .2s;border:none}.verb-modal-btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid #a78bfa}.verb-modal-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.verb-modal-btn-secondary{background:var(--bg-input, #f5f5f5);color:var(--color-text-main, #333);border:1px solid var(--color-border, #ddd)}.verb-modal-btn-secondary:hover{background:var(--color-border, #e5e5e5)}.verb-modal .verb-form-category{border:1px solid var(--color-border, #ddd);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-panel-left, #fff)}.verb-modal .category-header{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--space-3) 16px;background:var(--bg-hover, #f5f5f5);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:var(--color-text-main, #333)}.verb-modal .category-header:hover{background:var(--color-border, #e5e5e5)}.verb-modal .category-toggle-icon{font-size:var(--text-12px);transition:transform .2s}.verb-modal .category-header.expanded .category-toggle-icon{transform:rotate(90deg)}.verb-modal .category-content{display:none;padding:var(--space-3);flex-wrap:wrap;gap:var(--gap-sm);justify-content:flex-start}.verb-modal .category-content.visible{display:flex}.verb-modal .verb-btn{padding:var(--space-2) 12px;border-radius:var(--radius-md);border:1px solid var(--color-border, #ddd);background:var(--bg-input, #fff);color:var(--color-text-main, #333);cursor:pointer;font-size:var(--text-sm);transition:all .2s;min-width:80px;text-align:center}.verb-modal .verb-btn:hover{border-color:#8b5cf6;background:#8b5cf61a}.verb-modal .verb-btn.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6}.verb-modal .verb-infinitive{font-weight:600;font-size:var(--text-sm);display:block}.verb-modal .verb-translation{font-size:var(--text-xs);opacity:.8;display:block;margin-top:2px}.verb-modal .tense-btn{padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border, #ddd);background:var(--bg-input, #fff);color:var(--color-text-main, #333);cursor:pointer;font-size:var(--text-14px);transition:all .2s;min-width:100px;text-align:center}.verb-modal .tense-btn:hover{border-color:#8b5cf6;background:#8b5cf61a}.verb-modal .tense-btn.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6}@media(max-width:640px){.verb-modal{padding:10px}.verb-modal-content{max-height:90vh;border-radius:var(--radius-lg)}.verb-modal-header{padding:var(--space-3) 16px}.verb-modal-header h2{font-size:1.1rem}.verb-modal-body{padding:var(--space-3)}.verb-modal-footer{padding:var(--space-3) 16px;flex-direction:column}.verb-modal-btn{width:100%;padding:var(--space-3)}}.suggestion-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#6366f114,#fff);border-bottom:1px solid rgba(99,102,241,.15);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.suggestion-bar.hidden{display:none!important}.suggestion-bar-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.suggestion-emoji{font-size:18px;flex-shrink:0}.suggestion-text{font-size:14px;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.suggestion-bar .topic-name{font-size:14px;font-weight:600;color:var(--color-primary, #6366f1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.suggestion-bar .btn-start{padding:8px 16px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.suggestion-bar .btn-start:hover{background:#5558e3;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.suggestion-bar .btn-start:active{transform:translateY(0)}.suggestion-bar .btn-later{padding:8px 12px;background:transparent;color:var(--color-text-secondary, #9ca3af);border:none;font-size:13px;cursor:pointer;transition:color .2s ease;white-space:nowrap}.suggestion-bar .btn-later:hover{color:var(--color-text-main, #374151)}body.dark .suggestion-bar{background:linear-gradient(135deg,#6366f126,#1e1e2e);border-bottom-color:#6366f140}body.dark .suggestion-text{color:#9ca3af}body.dark .suggestion-bar .topic-name{color:#818cf8}body.dark .suggestion-bar .btn-start{background:#6366f1}body.dark .suggestion-bar .btn-start:hover{background:#5558e3}body.dark .suggestion-bar .btn-later{color:#6b7280}body.dark .suggestion-bar .btn-later:hover{color:#d1d5db}@media(max-width:768px){.suggestion-bar{display:none!important}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000001;display:none;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.show{display:flex}.quick-select-btn.quick-start-chip{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff;box-shadow:0 4px 12px #f973164d;position:relative}.quick-select-btn.quick-start-chip .quick-select-text{color:#fff;font-weight:700}.quick-select-btn.quick-start-chip:hover{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#fb923c;transform:translateY(-4px) scale(1.03);box-shadow:0 16px 32px #f9731666,0 0 30px #f9731633}.quick-select-btn.quick-start-chip:after{content:"";position:absolute;inset-inline-end:-8px;top:10%;height:80%;width:2px;background:linear-gradient(to bottom,transparent,#94a3b8,transparent);pointer-events:none}.quick-select-btn[data-phase="0"]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.quick-select-btn[data-phase="0"] .quick-select-text{color:#15803d;font-weight:600}.quick-select-btn[data-phase="0"]:hover{background:linear-gradient(135deg,#bbf7d0,#86efac);box-shadow:0 2px 8px #4ade8033}.quick-select-btn[data-phase="1"]{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#5eead4;color:#0f766e}.quick-select-btn[data-phase="1"] .quick-select-text{color:#0d9488;font-weight:600}.quick-select-btn[data-phase="1"]:hover{background:linear-gradient(135deg,#99f6e4,#5eead4);box-shadow:0 2px 8px #2dd4bf33}.quick-select-btn[data-phase="2"]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1d4ed8}.quick-select-btn[data-phase="2"] .quick-select-text{color:#2563eb;font-weight:600}.quick-select-btn[data-phase="2"]:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 2px 8px #3b82f633}.quick-select-btn[data-phase="3"]{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#818cf8;color:#4338ca}.quick-select-btn[data-phase="3"] .quick-select-text{color:#4f46e5;font-weight:600}.quick-select-btn[data-phase="3"]:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);box-shadow:0 2px 8px #6366f133}.quick-select-btn[data-phase="4"]{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#c084fc;color:#7e22ce;box-shadow:0 2px 8px #a855f726;position:relative}.quick-select-btn[data-phase="4"] .quick-select-text{color:#9333ea;font-weight:700}.quick-select-btn[data-phase="4"]:hover{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#a855f7;box-shadow:0 2px 8px #a855f740}.quick-select-btn[data-phase="4"]:after{content:"";position:absolute;inset-inline-end:-8px;top:10%;height:80%;width:2px;background:linear-gradient(to bottom,transparent,#94a3b8,transparent);pointer-events:none}body.dark .quick-select-btn.quick-start-chip:after,body.dark .quick-select-btn[data-phase="4"]:after{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}body.dark .quick-select-btn[data-phase="0"]{background:linear-gradient(135deg,#166534,#15803d);border-color:#22c55e}body.dark .quick-select-btn[data-phase="0"] .quick-select-text{color:#86efac}body.dark .quick-select-btn[data-phase="0"]:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 2px 8px #22c55e4d}body.dark .quick-select-btn[data-phase="1"]{background:linear-gradient(135deg,#115e59,#0f766e);border-color:#14b8a6}body.dark .quick-select-btn[data-phase="1"] .quick-select-text{color:#5eead4}body.dark .quick-select-btn[data-phase="1"]:hover{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 2px 8px #14b8a64d}body.dark .quick-select-btn[data-phase="2"]{background:linear-gradient(135deg,#1e40af,#1d4ed8);border-color:#3b82f6}body.dark .quick-select-btn[data-phase="2"] .quick-select-text{color:#60a5fa}body.dark .quick-select-btn[data-phase="2"]:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 2px 8px #3b82f64d}body.dark .quick-select-btn[data-phase="3"]{background:linear-gradient(135deg,#3730a3,#4338ca);border-color:#6366f1}body.dark .quick-select-btn[data-phase="3"] .quick-select-text{color:#818cf8}body.dark .quick-select-btn[data-phase="3"]:hover{background:linear-gradient(135deg,#4338ca,#3730a3);box-shadow:var(--shadow-indigo)}body.dark .quick-select-btn[data-phase="4"]{background:linear-gradient(135deg,#6b21a8,#7e22ce);border-color:#a855f7}body.dark .quick-select-btn[data-phase="4"] .quick-select-text{color:#c084fc}body.dark .quick-select-btn[data-phase="4"]:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 2px 8px #a855f74d}body.dark .quick-select-btn.quick-start-chip{background:linear-gradient(135deg,#c2410c,#ea580c);border-color:#f97316}body.dark .quick-select-btn.quick-start-chip .quick-select-text{color:#ffedd5}body.dark .quick-select-btn.quick-start-chip:hover{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 4px 12px #f9731666}.quick-select-btn.quick-start-chip:active{transform:translateY(-2px) scale(.97)}@keyframes btn-click-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.quick-select-btn.clicking:after{content:"";position:absolute;top:50%;inset-inline-start:50%;width:20px;height:20px;background:#6366f166;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:btn-click-ripple .5s ease-out;pointer-events:none}.quick-select-tooltip:after{content:"";position:absolute;bottom:-8px;inset-inline-start:50%;transform:translate(-50%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-top:8px solid #2563eb}.quick-select-tooltip.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.quick-select-tooltip .tooltip-icon{font-size:1rem}.quick-select-tooltip .tooltip-text{line-height:1.3}.quick-select-btn.loading{opacity:.7;cursor:wait;pointer-events:none}.quick-select-btn.loading .quick-select-icon{animation:pulse 1s infinite}.quick-select-btn.scan-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quick-select-btn.scan-disabled .quick-select-icon{filter:grayscale(100%)}.quick-select-btn.greyed-out{opacity:.55;cursor:default;pointer-events:auto}.quick-select-btn.greyed-out .quick-select-icon{filter:grayscale(80%)}.quick-select-btn.greyed-out .quick-select-text{opacity:.7}@keyframes pulse{0%,to{opacity:1;opacity:.6}50%{opacity:.5;opacity:1}}@media(max-width:768px){.welcome-banner{margin:8px;padding:var(--space-3)}.welcome-banner-content{flex-direction:column;align-items:flex-start}.welcome-banner-actions{width:100%;justify-content:stretch}.welcome-banner-actions button{flex:1}.step-guide-items{padding:var(--space-1)}.step-item{min-width:50px;padding:6px 2px}.step-label{font-size:.6rem}.topic-grid,.tw-topic-grid{grid-template-columns:repeat(2,1fr)!important}.topic-category-tabs,.tw-topic-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.topic-category-tabs::-webkit-scrollbar,.tw-topic-tabs::-webkit-scrollbar{display:none}.topic-category-tabs-row{width:100%;margin-bottom:8px}.topic-category-tabs-row .topic-category-tabs,.topic-category-tabs-row .tw-topic-tabs{flex-wrap:wrap;overflow-x:visible;justify-content:flex-start;gap:6px}.topic-category-tabs-row .category-tab,.topic-category-tabs-row .tw-topic-tab{min-width:auto;flex:0 1 auto;padding:6px 8px;font-size:.7rem}.tw-topic-tab{min-height:44px;min-width:unset;flex-shrink:0;padding:8px 10px;font-size:.75rem}.topic-search-container input,#topicSearchInput{min-height:44px;font-size:16px}.topic-grid .topic-tile{min-height:70px;padding:8px 6px;gap:3px}.topic-grid .topic-name{font-size:11px}.topic-grid .topic-translation,.topic-grid .topic-number{font-size:10px}}.quick-select-container{margin:0 0 12px;padding:10px}.quick-select-buttons{gap:var(--gap-xs);display:grid;grid-template-columns:repeat(5,1fr);width:100%;box-sizing:border-box}.quick-select-btn{min-width:auto;width:100%;padding:var(--space-2) 2px;border-radius:var(--radius-md);box-sizing:border-box}.quick-select-icon{font-size:1rem}.quick-select-text{font-size:.5rem;letter-spacing:.1px;line-height:1.1}.quick-select-label{font-size:.7rem;margin-bottom:8px}.quick-select-tooltip{display:none!important}.wizard-container{max-width:600px;width:95%;max-height:90vh;overflow-y:auto}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm, 8px);min-height:200px;padding:var(--space-1, 4px)}.topic-tile{padding:6px 4px;background-color:var(--bg-input, #f8fafc);border:1.5px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;position:relative;overflow:hidden}.topic-tile-header{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;flex-wrap:nowrap}.topic-tile:hover{border-color:var(--color-link, #3b82f6);background-color:var(--color-primary-light, #eff6ff);transform:translateY(-2px);box-shadow:0 4px 8px #3498db26}.topic-tile:hover .topic-number{color:var(--color-primary, #3b82f6);opacity:.8}.topic-tile.selected{background-color:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff;box-shadow:0 4px 12px #3498db4d}.topic-tile.selected .topic-icon,.topic-tile.selected .topic-name{color:#fff}.topic-tile.selected .topic-number{color:#fffc;opacity:.9}.topic-tile-name,.topic-name{font-size:var(--text-sm, 14px);font-weight:600;color:var(--color-text-main, #1e293b);text-align:center;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;max-width:100%}.topic-tile.selected .topic-tile-name,.topic-tile.selected .topic-name{color:#fff}.topic-tile-name{font-size:var(--text-sm, 14px);font-weight:600;color:var(--color-text-main, #1e293b);text-align:center;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.topic-tile.selected .topic-tile-name{color:#fff}.topic-translation{font-size:11px;color:var(--color-text-secondary, #64748b);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;opacity:.85}.topic-tile.selected .topic-translation{color:#ffffffbf}.topic-tile.selected .topic-tile-icon{filter:brightness(1.2)}.topic-notice{text-align:center;padding:var(--space-3, 12px) 16px;background:linear-gradient(135deg,var(--bg-grid-block, #f1f5f9) 0%,var(--bg-input, #f8fafc) 100%);border-radius:var(--radius-lg, 12px);margin-top:12px;border:1px solid var(--color-border, #e2e8f0)}.topic-notice p{margin:0 0 4px;color:var(--color-text-secondary, #64748b);font-size:var(--text-sm, 14px)}.topic-notice-sub{margin:0;font-size:var(--text-xs, 12px);color:var(--color-text-secondary, #64748b);opacity:.7}body.dark .topic-tile{background-color:var(--bg-input, #1e293b);border-color:var(--color-border, #334155)}body.dark .topic-tile-name{color:var(--color-text-main, #f1f5f9)}body.dark .topic-tile:hover{background-color:#3b82f61a;border-color:var(--color-link, #3b82f6)}body.dark .topic-notice{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}@media(min-width:768px){.quick-select-buttons{display:flex!important;justify-content:space-evenly!important;flex-wrap:wrap!important;gap:6px!important;width:100%;box-sizing:border-box;padding:4px 0}.quick-select-btn{min-width:72px!important;max-width:72px!important;width:72px!important;height:56px!important;padding:4px 6px!important;flex:0 0 auto!important;box-sizing:border-box!important}}.quick-select-divider{width:80%;max-width:600px;height:1px;background:linear-gradient(to right,transparent,var(--border-color, rgba(128, 128, 128, .4)),transparent);margin:8px auto;border:none}.desktop-topic-row{margin:4px auto;padding:2px 0}@media(max-width:767px){.quick-select-divider{display:none}}.topic-tile.topic-beginner{border-color:#22c55e;border-width:2px;background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,transparent 50%)}.topic-tile.topic-beginner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#4ade80,#22c55e);border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0}.topic-tile.topic-beginner:hover{border-color:#16a34a;background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,transparent 50%)}body.dark .topic-tile.topic-beginner{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,transparent 50%);border-color:#22c55e}body.dark .topic-tile.topic-beginner:hover{background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,transparent 50%);border-color:#4ade80}.topic-tile.topic-tile-cefr-green{border-left:3px solid #22c55e;box-shadow:inset 2px 0 #22c55e26}.topic-tile.topic-tile-cefr-yellow{border-left:3px solid #f59e0b;box-shadow:inset 2px 0 #f59e0b1f}.topic-tile.topic-tile-cefr-red{border-left:3px solid #ef4444;box-shadow:inset 2px 0 #ef44441a}body.dark .topic-tile.topic-tile-cefr-green{border-left-color:#4ade80;box-shadow:inset 2px 0 #4ade8026}body.dark .topic-tile.topic-tile-cefr-yellow{border-left-color:#fbbf24;box-shadow:inset 2px 0 #fbbf241f}body.dark .topic-tile.topic-tile-cefr-red{border-left-color:#f87171;box-shadow:inset 2px 0 #f871711a}.topic-tile.tile-random-shortcut{border:1.5px dashed var(--color-primary, #6366f1);background:linear-gradient(135deg,#6366f10f,#8b5cf608);cursor:pointer}.topic-tile.tile-random-shortcut:hover{background:linear-gradient(135deg,#6366f11f,#8b5cf60f);border-color:var(--color-primary, #6366f1);transform:translateY(-2px)}body.dark .topic-tile.tile-random-shortcut{border-color:#818cf8;background:linear-gradient(135deg,#818cf81a,#a78bfa0d)}body.dark .topic-tile.tile-random-shortcut:hover{background:linear-gradient(135deg,#818cf82e,#a78bfa14)}.topic-level-filter{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;background:var(--color-bg-secondary, #f8fafc);border-radius:8px;flex-wrap:wrap}.topic-level-filter .level-filter-label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #64748b);margin-right:4px}.topic-level-filter .level-filter-buttons{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.topic-level-filter .level-filter-separator{width:1px;height:20px;background:var(--color-border, #e2e8f0);margin:0 4px}.topic-level-filter .level-filter-btn{padding:4px 10px;font-size:11px;font-weight:600;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.3px}.topic-level-filter .level-filter-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.topic-level-filter .level-filter-btn.active{color:#fff;border-color:transparent;box-shadow:0 2px 4px #00000026}.topic-level-filter .level-filter-btn.level-beginner{background:#dcfce7;color:#166534;border-color:#bbf7d0}.topic-level-filter .level-filter-btn.level-beginner:hover{background:#bbf7d0}.topic-level-filter .level-filter-btn.level-beginner.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.topic-level-filter .level-filter-btn.level-intermediate{background:#ffedd5;color:#9a3412;border-color:#fdba74}.topic-level-filter .level-filter-btn.level-intermediate:hover{background:#fdba74}.topic-level-filter .level-filter-btn.level-intermediate.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.topic-level-filter .level-filter-btn.level-advanced{background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}.topic-level-filter .level-filter-btn.level-advanced:hover{background:#c4b5fd}.topic-level-filter .level-filter-btn.level-advanced.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.topic-level-filter .level-filter-btn.level-all{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.topic-level-filter .level-filter-btn.level-all:hover{background:#e2e8f0}.topic-level-filter .level-filter-btn.level-all.active{background:linear-gradient(135deg,#64748b,#475569);color:#fff}body.dark .topic-level-filter{background:var(--color-bg-secondary-dark, #1e293b)}body.dark .topic-level-filter .level-filter-label{color:#94a3b8}body.dark .topic-level-filter .level-filter-btn.level-beginner{background:#22c55e26;color:#86efac;border-color:#22c55e4d}body.dark .topic-level-filter .level-filter-btn.level-beginner.active{background:linear-gradient(135deg,#22c55e,#16a34a)}body.dark .topic-level-filter .level-filter-btn.level-intermediate{background:#f59e0b33;color:#fcd34d;border-color:#f59e0b66}body.dark .topic-level-filter .level-filter-btn.level-intermediate.active{background:linear-gradient(135deg,#f59e0b,#d97706)}body.dark .topic-level-filter .level-filter-btn.level-advanced{background:#8b5cf633;color:#c4b5fd;border-color:#8b5cf666}body.dark .topic-level-filter .level-filter-btn.level-advanced.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}body.dark .topic-level-filter .level-filter-btn.level-all{background:#334155;color:#cbd5e1;border-color:#475569}body.dark .topic-level-filter .level-filter-btn.level-all.active{background:linear-gradient(135deg,#64748b,#475569)}body.dark .topic-level-filter .level-filter-separator{background:#475569}@media(min-width:1024px){.tw-topic-modal,.topic-selection-modal{max-width:1000px!important;width:95%}.topic-grid,.tw-topic-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.topic-tile{min-height:64px!important;padding:8px 6px!important;gap:4px!important}.topic-tile .topic-name,.topic-name{font-size:15px!important}.topic-tile .topic-translation,.topic-translation{font-size:12px!important}.topic-tile.topic-beginner .topic-icon{font-size:22px!important;margin-bottom:6px!important}}@media(min-width:1440px){.tw-topic-modal,.topic-selection-modal{max-width:1200px!important;width:92%}.topic-grid,.tw-topic-grid{grid-template-columns:repeat(5,1fr)!important;gap:14px!important}.topic-tile{min-height:70px!important;padding:10px 8px!important;gap:5px!important}.topic-tile .topic-name,.topic-name{font-size:16px!important}.topic-tile .topic-translation,.topic-translation{font-size:13px!important}.topic-tile.topic-beginner .topic-icon{font-size:26px!important;margin-bottom:8px!important}.topic-level-filter .level-filter-btn{font-size:12px!important;padding:5px 12px!important}}@media(min-width:1200px){.modal-large.topic-selection-modal,.topic-selection-modal.modal-large{max-width:1100px!important}}.course-card{width:100%;background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.course-card.course-card-expanded{border-color:var(--color-primary, #6366f1);box-shadow:0 4px 16px #6366f126}.course-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;user-select:none;-webkit-user-select:none;gap:12px}.course-card-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.course-card-icon{font-size:24px;flex-shrink:0;line-height:1}.course-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.course-card-title{font-size:14px;font-weight:600;color:var(--color-text, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-meta{font-size:12px;color:var(--color-text-secondary, #64748b)}.course-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.course-card-edit-btn,.course-card-delete-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:6px;opacity:0;transition:opacity .15s,background .15s;line-height:1}.course-card:hover .course-card-edit-btn,.course-card:hover .course-card-delete-btn{opacity:.6}.course-card-edit-btn:hover{opacity:1!important;background:#6366f11a}.course-card-delete-btn:hover{opacity:1!important;background:#ef44441a}.tile-delete-row{display:flex;justify-content:flex-end;margin-top:6px;padding-top:4px;border-top:1px solid rgba(0,0,0,.06)}.tile-delete-btn,.tile-restore-btn{background:none;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:3px 10px;font-size:11px;cursor:pointer;color:var(--color-text-secondary, #64748b);transition:all .15s}.tile-delete-btn:hover{color:#ef4444;border-color:#ef4444;background:#ef44440f}.tile-restore-btn{color:#6366f1;border-color:#6366f1}.tile-restore-btn:hover{background:#6366f114}.tile-excluded{opacity:.4;pointer-events:auto}.tile-excluded .tile-restore-btn{pointer-events:auto}.course-card-progress-ring{width:32px;height:32px;flex-shrink:0}.course-card-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--color-border, #e2e8f0);stroke-width:3}.progress-ring-fill{fill:none;stroke:var(--color-primary, #6366f1);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .4s ease}.course-card-chevron{font-size:10px;color:var(--color-text-secondary, #64748b);transition:transform .2s ease}.course-card-expanded .course-card-chevron{transform:rotate(90deg)}.course-card-meta-empty{font-size:11px;color:var(--color-text-secondary, #64748b);font-style:italic}.course-card-topics{padding:4px 12px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.course-card-topic-tile{font-size:12px;min-height:44px;padding:6px 8px;gap:4px}.course-card-topic-tile .topic-name{font-size:12px}.course-card-topic-tile .topic-icon{font-size:14px;max-width:16px}.course-card-topic-tile.topic-completed{opacity:.65;border-left:3px solid var(--color-success, #22c55e)}.topic-completed-check{font-size:11px;color:var(--color-success, #22c55e);font-weight:700;margin-left:auto;flex-shrink:0}.course-card-empty{border:2px dashed var(--color-border, #cbd5e1);background:transparent;cursor:pointer;transition:border-color .2s,background .2s}.course-card-empty:hover{border-color:var(--color-primary, #6366f1);background:#6366f10a}.course-card-empty-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;text-align:center}.course-card-empty .course-card-icon{font-size:32px}.course-card-empty .course-card-title{font-size:16px;font-weight:600}.course-card-desc{font-size:12px;color:var(--color-text-secondary, #64748b);max-width:260px}body.dark .course-card{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .course-card-title{color:var(--color-text-main, #fafafa)}body.dark .course-card-meta,body.dark .course-card-chevron{color:var(--color-text-secondary, #a1a1aa)}body.dark .progress-ring-bg{stroke:var(--color-border, rgba(255, 255, 255, .1))}body.dark .course-card-empty{border-color:var(--color-border, rgba(255, 255, 255, .12))}@media(max-width:640px){.course-card-header{padding:12px}.course-card-topics{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:4px 8px 10px;gap:6px}.course-card-progress-ring{width:28px;height:28px}.course-card-title{font-size:13px}.course-card-meta{font-size:11px}}.topic-tile .topic-icon,.tw-topic-tile .topic-icon,.tw-topic-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:13px;line-height:1;margin-bottom:4px}.topic-tile .topic-name,.tw-topic-tile .topic-name,.tw-topic-tile .tw-topic-name{font-size:11px;line-height:1.2;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;max-width:100%;padding:0 2px}.topic-tile .topic-translation,.tw-topic-tile .topic-translation,.tw-topic-tile .tw-topic-translation{font-size:10px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-section-header{grid-column:1 / -1}.course-layout{display:flex;flex-direction:row;gap:12px;width:100%;min-height:300px}.course-sections-sidebar{display:flex;flex-direction:column;gap:4px;min-width:140px;max-width:180px;flex-shrink:0;padding:4px;background:var(--color-bg, #f8fafc);border-radius:10px;border:1px solid var(--color-border, #e2e8f0);overflow-y:auto;max-height:60vh}body.dark .course-sections-sidebar{background:#ffffff08;border-color:var(--color-border, #334155)}.course-section-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-text-secondary, #64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:start;white-space:nowrap}.course-section-btn:hover{background:var(--color-bg-hover, rgba(99, 102, 241, .06));color:var(--color-primary, #6366f1)}.course-section-btn.active{background:linear-gradient(135deg,#6366f11f,#6366f10f);color:var(--color-primary, #6366f1);font-weight:600;border-color:var(--color-primary, #6366f1)}.course-section-btn .section-chevron{font-size:10px;opacity:.5;transition:transform .15s ease}.course-section-btn.active .section-chevron{transform:rotate(90deg);opacity:.8}body.dark .course-section-btn{color:var(--color-text-secondary, #94a3b8)}body.dark .course-section-btn:hover{background:#6366f11a;color:var(--color-primary, #818cf8)}body.dark .course-section-btn.active{background:linear-gradient(135deg,#6366f133,#6366f11a);color:var(--color-primary, #818cf8);border-color:var(--color-primary, #818cf8)}.course-sections-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.course-sections-main>.course-section-header{width:100%!important;grid-column:1 / -1;padding:10px 14px!important;margin:8px 0 4px!important;font-size:13px!important;font-weight:600!important;color:var(--color-primary, #6366f1)!important;background:linear-gradient(135deg,#6366f114,#6366f10a)!important;border-radius:8px!important;border-left:4px solid var(--color-primary, #6366f1)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:none;border-left:4px solid var(--color-primary, #6366f1);cursor:pointer}@media(min-width:768px){.course-sections-main>.course-section-header{display:none!important}}@media(max-width:767px){.course-layout{flex-direction:column}.course-sections-sidebar{display:none}.course-sections-main>.course-section-header{display:flex!important}}.course-tile-expanded{box-shadow:0 4px 16px #0000001f;border-color:var(--color-primary, #4361ee)!important}body.dark .course-tile-expanded{box-shadow:0 4px 16px #0006}.tile-expand-content{display:none;width:100%;padding:8px 4px 4px;border-top:1px solid var(--color-border, #e2e8f0);margin-top:6px}.course-tile-expanded .tile-expand-content{display:block}body.dark .tile-expand-content{border-top-color:var(--color-border, #334155)}.tier-pills-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:stretch;padding:4px 0}.tier-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 10px;border-radius:10px;border:2px solid var(--color-border, #d0d0d0);background:var(--color-bg, #f5f5f5);cursor:pointer;transition:all .15s ease;min-width:64px;min-height:44px;font-size:12px;line-height:1.2;color:var(--color-text, #1e293b);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tier-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tier-pill:active{transform:translateY(0)}.tier-pill-label{font-weight:600;font-size:12px;white-space:nowrap}.tier-pill-meta{font-size:10px;opacity:.7;white-space:nowrap}.tier-pill-basics{border-color:#22c55e;color:#166534}.tier-pill-basics:hover{background:#f0fdf4;border-color:#16a34a}body.dark .tier-pill-basics{border-color:#22c55e;color:#86efac}body.dark .tier-pill-basics:hover{background:#22c55e1a}.tier-pill-expanded{border-color:#3b82f6;color:#1e40af}.tier-pill-expanded:hover{background:#eff6ff;border-color:#2563eb}body.dark .tier-pill-expanded{border-color:#3b82f6;color:#93c5fd}body.dark .tier-pill-expanded:hover{background:#3b82f61a}.tier-pill-advanced{border-color:#f97316;color:#9a3412}.tier-pill-advanced:hover{background:#fff7ed;border-color:#ea580c}body.dark .tier-pill-advanced{border-color:#f97316;color:#fdba74}body.dark .tier-pill-advanced:hover{background:#f973161a}.tier-pill-rarest{border-color:#a855f7;color:#6b21a8}.tier-pill-rarest:hover{background:#faf5ff;border-color:#9333ea}body.dark .tier-pill-rarest{border-color:#a855f7;color:#d8b4fe}body.dark .tier-pill-rarest:hover{background:#a855f71a}.tier-pill.active{background:var(--color-primary, #4361ee);border-color:var(--color-primary, #4361ee);color:#fff;box-shadow:0 2px 12px #4361ee59}.tier-pill.active .tier-pill-meta{color:#fffc}.tier-pill-basics.active{background:#22c55e;border-color:#22c55e;color:#fff;box-shadow:0 2px 12px #22c55e59}.tier-pill-expanded.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 12px #3b82f659}.tier-pill-advanced.active{background:#f97316;border-color:#f97316;color:#fff;box-shadow:0 2px 12px #f9731659}.tier-pill-rarest.active{background:#a855f7;border-color:#a855f7;color:#fff;box-shadow:0 2px 12px #a855f759}.tier-pill.completed{position:relative}.tier-pill.completed:after{content:"✓";position:absolute;top:3px;right:5px;font-size:10px;font-weight:700;color:#22c55e}.tier-pill.active.completed:after{color:#fff}.tier-pill.in-progress{border-style:dashed;opacity:.9}@media(max-width:767px){.tier-pills-row{gap:4px}.tier-pill{min-width:56px;padding:6px 8px;font-size:11px}.tier-pill-label{font-size:11px}.tier-pill-meta{font-size:9px}}.scans-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:var(--color-primary, #6366f1);border-radius:9px;padding:0 5px;margin-left:4px}.scans-toolbar{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:4px}.scans-search-input{flex:1;padding:8px 12px;font-size:14px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);outline:none;transition:border-color .2s}.scans-search-input:focus{border-color:var(--color-primary, #6366f1)}.scans-search-input::placeholder{color:var(--text-secondary, #94a3b8)}.scans-sort-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;font-size:13px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s}.scans-sort-btn:hover{border-color:var(--color-primary, #6366f1);background:var(--bg-secondary, #f8fafc)}.scans-sort-icon{font-size:14px}.scans-list{display:flex;flex-direction:column;gap:6px;min-height:120px;max-height:60vh;overflow-y:auto;padding-right:4px}.scans-group-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #64748b);padding:8px 10px 4px;margin-top:6px;background:var(--bg-secondary, #f1f5f9);border-radius:6px;position:sticky;top:0;z-index:1}.scans-group-header:first-child{margin-top:0}.scan-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #fff);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.scan-row:hover{border-color:var(--color-primary, #6366f1);transform:translateY(-1px);box-shadow:0 2px 8px #6366f11f}.scan-row--low-quality{border-style:dashed;border-color:#f59e0b;opacity:.85}.scan-row--low-quality:hover{opacity:1}.scan-thumb{width:40px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.scan-info{flex:1;min-width:0}.scan-topic{font-weight:600;font-size:14px;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-meta{font-size:12px;color:var(--text-secondary, #64748b);margin-top:2px}.scan-description{font-size:12px;color:var(--text-secondary, #94a3b8);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-delete{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:16px;opacity:0;transition:opacity .15s,background .15s}.scan-row:hover .scan-delete{opacity:.6}.scan-delete:hover{opacity:1!important;background:var(--bg-secondary, #fee2e2)}.scans-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--text-secondary, #94a3b8);font-size:16px;line-height:1.6}.scans-empty-hint{font-size:13px;color:var(--text-secondary, #cbd5e1);margin-top:4px}@media(max-width:767px){.scans-toolbar{flex-direction:column;gap:6px;padding:4px 0}.scans-search-input{font-size:16px}.scan-row{padding:10px 8px;gap:10px}.scan-delete{opacity:.5}.scan-row:hover .scan-delete{opacity:.8}.scan-topic{font-size:13px}.scan-meta{font-size:11px}.scans-list{max-height:70vh}}body.dark .scans-search-input{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .08));color:var(--color-text-main, #fafafa)}body.dark .scan-row{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .scan-row:hover{border-color:var(--accent-primary, #818cf8)}body.dark .scan-delete:hover{background:#ef444426}.prints-toolbar{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:4px;flex-wrap:wrap}.prints-new-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:600;border:1.5px solid var(--color-primary, #6366f1);border-radius:8px;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.prints-new-btn:hover{opacity:.9;transform:translateY(-1px)}.prints-new-btn:active{transform:translateY(0)}.prints-search-input{flex:1;padding:8px 12px;font-size:14px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);outline:none;transition:border-color .2s}.prints-search-input:focus{border-color:var(--color-primary, #6366f1)}.prints-search-input::placeholder{color:var(--text-secondary, #94a3b8)}.prints-list{display:flex;flex-direction:column;gap:8px;min-height:120px;max-height:60vh;overflow-y:auto;padding-right:4px}.prints-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary, #64748b);font-size:14px;line-height:1.6}.prints-empty-icon{font-size:36px;margin-bottom:12px;opacity:.7}.prints-empty-hint{font-size:12px;color:var(--text-tertiary, #94a3b8);margin-top:4px}.print-collection-card{border:1.5px solid var(--border-color, #e2e8f0);border-radius:12px;background:var(--bg-primary, #fff);overflow:hidden;transition:border-color .15s,box-shadow .15s}.print-collection-card:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 2px 8px #6366f114}.print-collection-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.print-collection-chevron{font-size:10px;color:var(--text-secondary, #64748b);transition:transform .2s;flex-shrink:0}.print-collection-card.expanded .print-collection-chevron{transform:rotate(90deg)}.print-collection-name{flex:1;font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.print-collection-name-input{flex:1;font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);background:var(--bg-secondary, #f1f5f9);border:1px solid var(--color-primary, #6366f1);border-radius:4px;padding:2px 6px;outline:none;min-width:0}.print-collection-count{font-size:11px;color:var(--text-secondary, #64748b);background:var(--bg-secondary, #f1f5f9);padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.print-collection-date{font-size:11px;color:var(--text-tertiary, #94a3b8);white-space:nowrap;flex-shrink:0}.print-collection-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .15s}.print-collection-card:hover .print-collection-actions{opacity:1}.print-collection-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);cursor:pointer;font-size:13px;transition:background .15s,color .15s}.print-collection-action-btn:hover{background:var(--color-primary, #6366f1);color:#fff}.print-collection-action-btn.print-action-delete:hover{background:#ef4444}.print-collection-action-btn.print-action-print{width:auto;padding:0 10px;font-size:11px;font-weight:600}.print-collection-items{border-top:1px solid var(--border-color, #e2e8f0);padding:6px 0}.print-collection-items.empty{padding:16px;text-align:center;color:var(--text-tertiary, #94a3b8);font-size:12px;font-style:italic}.print-item-row{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 28px;cursor:pointer;transition:background .1s}.print-item-row:hover{background:var(--bg-secondary, #f1f5f9)}.print-item-icon{font-size:14px;flex-shrink:0;opacity:.7}.print-item-name{flex:1;font-size:13px;color:var(--text-primary, #1e293b);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.print-item-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.print-item-badge.badge-gap-fill{background:#dbeafe;color:#1d4ed8}.print-item-badge.badge-multiple-choice{background:#fce7f3;color:#be185d}.print-item-badge.badge-mixed{background:#fef3c7;color:#92400e}.print-item-exercise-count{font-size:11px;color:var(--text-secondary, #64748b);flex-shrink:0}.print-item-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary, #94a3b8);cursor:pointer;font-size:14px;opacity:0;transition:opacity .15s,background .15s,color .15s;flex-shrink:0}.print-item-row:hover .print-item-remove{opacity:1}.print-item-remove:hover{background:#fef2f2;color:#ef4444}.prints-new-collection-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px dashed var(--color-primary, #6366f1);border-radius:10px;background:var(--bg-secondary, rgba(99, 102, 241, .04))}.prints-new-collection-input{flex:1;padding:6px 10px;font-size:13px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);outline:none}.prints-new-collection-input:focus{border-color:var(--color-primary, #6366f1)}.prints-new-collection-confirm{padding:6px 14px;font-size:12px;font-weight:600;border:none;border-radius:6px;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer}.prints-new-collection-confirm:hover{opacity:.9}.prints-new-collection-cancel{padding:6px 10px;font-size:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-secondary, #64748b);cursor:pointer}.prints-new-collection-cancel:hover{background:var(--bg-secondary, #f1f5f9)}.print-delete-confirm{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fef2f2;border-bottom:1px solid #fecaca;font-size:12px;color:#991b1b}.print-delete-confirm-text{flex:1}.print-delete-confirm-yes{padding:4px 12px;font-size:11px;font-weight:600;border:none;border-radius:4px;background:#ef4444;color:#fff;cursor:pointer}.print-delete-confirm-yes:hover{background:#dc2626}.print-delete-confirm-no{padding:4px 12px;font-size:11px;border:1px solid #fca5a5;border-radius:4px;background:#fff;color:#991b1b;cursor:pointer}.print-delete-confirm-no:hover{background:#fef2f2}@media(max-width:640px){.prints-toolbar{flex-wrap:wrap}.prints-new-btn{font-size:12px;padding:6px 10px}.print-collection-header{padding:10px 12px;gap:8px}.print-collection-date{display:none}.print-collection-actions,.print-item-remove{opacity:1}.print-item-row{padding:8px 12px 8px 22px}.prints-list{max-height:55vh}}body.dark .print-item-badge.badge-gap-fill{background:#1e3a5f;color:#93c5fd}body.dark .print-item-badge.badge-multiple-choice{background:#4a1942;color:#f9a8d4}body.dark .print-item-badge.badge-mixed{background:#422006;color:#fcd34d}body.dark .print-delete-confirm{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}body.dark .print-delete-confirm-yes{background:#b91c1c}body.dark .print-delete-confirm-no{background:#1f2937;border-color:#374151;color:#fca5a5}body.dark .print-item-remove:hover{background:#450a0a}.prints-toolbar-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-secondary, #64748b);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.prints-toolbar-btn:hover{border-color:var(--color-primary, #6366f1);background:var(--bg-secondary, #f8fafc)}.print-context-menu{position:fixed;z-index:100002;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;box-shadow:0 8px 30px #00000026;padding:6px 0;min-width:180px;font-size:13px;color:var(--text-primary, #1e293b);animation:ctxIn .15s ease-out}@keyframes ctxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.print-context-item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;position:relative;white-space:nowrap}.print-context-item:hover{background:var(--bg-secondary, #f1f5f9)}.print-context-icon{font-size:14px;flex-shrink:0}.print-context-danger{color:#ef4444}.print-context-danger:hover{background:#fef2f2}.print-context-divider{height:1px;background:var(--border-color, #e2e8f0);margin:4px 8px}.print-context-submenu{display:none;position:absolute;left:100%;top:0;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:4px 0;min-width:160px;z-index:1}.print-context-sub-item{padding:6px 12px;cursor:pointer;font-size:12px;white-space:nowrap}.print-context-sub-item:hover{background:var(--bg-secondary, #f1f5f9)}.print-item-checkbox{width:16px;height:16px;accent-color:var(--color-primary, #6366f1);cursor:pointer;flex-shrink:0}.print-item-row.selected{background:#6366f10f;border-left:3px solid var(--color-primary, #6366f1);padding-left:25px}.print-item-arrows{display:flex;flex-direction:column;gap:0;flex-shrink:0}.print-item-arrow-btn{background:none;border:none;cursor:pointer;font-size:9px;color:var(--text-tertiary, #94a3b8);padding:0 2px;line-height:1;transition:color .15s}.print-item-arrow-btn:hover{color:var(--color-primary, #6366f1)}.print-item-arrow-btn:first-of-type{margin-bottom:-3px}.print-item-more{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary, #94a3b8);cursor:pointer;font-size:16px;font-weight:700;opacity:0;transition:opacity .15s,background .15s;flex-shrink:0}.print-item-row:hover .print-item-more{opacity:1}.print-item-more:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b)}.print-bulk-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;box-shadow:0 8px 30px #0000002e;z-index:100001;animation:bulkIn .2s ease-out}@keyframes bulkIn{0%{transform:translate(-50%) translateY(10px);opacity:0;transform:translateY(10px)}to{transform:translate(-50%) translateY(0);opacity:1;transform:translateY(0)}}.print-bulk-count{font-size:13px;font-weight:600;color:var(--color-primary, #6366f1);margin-right:4px}.print-bulk-btn{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);cursor:pointer;white-space:nowrap;transition:background .15s}.print-bulk-btn:hover{background:var(--bg-secondary, #f1f5f9)}.print-bulk-danger{color:#ef4444;border-color:#fecaca}.print-bulk-danger:hover{background:#fef2f2}.print-move-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100003;display:flex;align-items:center;justify-content:center;background:#0000004d;animation:moveIn .15s ease-out}@keyframes moveIn{0%{opacity:0}to{opacity:1}}.print-move-dialog{background:var(--bg-primary, #fff);border-radius:14px;padding:20px;min-width:260px;max-width:320px;box-shadow:0 12px 40px #0003}.print-move-dialog-title{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:12px}.print-move-dialog-option{display:block;width:100%;text-align:left;padding:8px 12px;font-size:13px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);cursor:pointer;margin-bottom:6px;transition:background .15s,border-color .15s}.print-move-dialog-option:hover{background:var(--bg-secondary, #f1f5f9);border-color:var(--color-primary, #6366f1)}.print-move-dialog-cancel{display:block;width:100%;padding:8px 12px;font-size:12px;border:none;border-radius:8px;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);cursor:pointer;margin-top:8px}.print-move-dialog-cancel:hover{background:var(--border-color, #e2e8f0)}.print-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap;z-index:100004;box-shadow:0 4px 16px #0003;animation:printToastIn .3s ease-out;transition:opacity .4s}.print-toast.fade-out{opacity:0}@keyframes printToastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:640px){.print-item-arrows{display:none}.print-item-more{opacity:1}.print-item-checkbox{display:block!important}.print-context-submenu{left:0;top:100%;position:relative;box-shadow:none;border:none;padding-left:20px}.print-bulk-bar{left:10px;right:10px;transform:none;justify-content:center;flex-wrap:wrap}@keyframes bulkIn{}}body.dark .print-context-menu{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .1));color:var(--color-text-main, #fafafa)}body.dark .print-context-item:hover{background:var(--surface-3, #242430)}body.dark .print-context-danger:hover{background:#450a0a}body.dark .print-context-submenu{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .1))}body.dark .print-context-sub-item:hover{background:var(--surface-3, #242430)}body.dark .print-bulk-bar{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .1))}body.dark .print-move-dialog{background:var(--surface-2, #1a1a24)}body.dark .print-move-dialog-option{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .1));color:var(--color-text-main, #fafafa)}body.dark .print-move-dialog-option:hover{background:var(--surface-3, #242430)}body.dark .print-item-row.selected{background:#6366f11f}.wizard-overlay{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.wizard-overlay.modal-open{pointer-events:none;background:#0000004d;z-index:100}.wizard-overlay.modal-open .wizard-container{pointer-events:auto}.wizard-container{background:var(--bg-panel-left);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;overflow:hidden;max-width:600px;width:95%;max-height:85vh;display:flex;flex-direction:column}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 20px;background:var(--bg-hover);border-bottom:1px solid var(--color-border)}.wizard-header h2{margin:0;font-size:1.2rem;color:var(--color-text-main)}.wizard-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:1}.wizard-close:hover{color:var(--color-text-main)}.wizard-progress{display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--bg-hover);border-bottom:1px solid var(--color-border)}.wizard-progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs)}.wizard-progress-step .step-dot{width:28px;height:28px;border-radius:50%;background:var(--bg-input);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);transition:all .3s}.wizard-progress-step .step-label{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.wizard-progress-step.active .step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.wizard-progress-step.active .step-label{color:var(--color-primary);font-weight:600}.wizard-progress-step.completed .step-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.wizard-progress-step.completed .step-label{color:var(--color-success)}.wizard-progress-line{flex:1;height:2px;background:var(--color-border);margin:0 8px;max-width:40px}.wizard-progress-step.completed+.wizard-progress-line,.wizard-progress-line.completed{background:var(--color-success)}.wizard-content{padding:var(--space-6) 20px;flex:1;overflow-y:auto}.wizard-step h3{margin:0 0 8px;font-size:1.3rem;color:var(--color-text-main);text-align:center}.wizard-description{margin:0 0 20px;font-size:.9rem;color:var(--color-text-secondary);text-align:center}.wizard-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--gap-md)}.wizard-option{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--space-4) 12px;background:var(--bg-input);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center}.wizard-option:hover,.wizard-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.wizard-option .option-icon{font-size:1.8rem}.wizard-option .option-label{font-weight:600;color:var(--color-text-main);font-size:.95rem}.wizard-option .option-desc{font-size:.75rem;color:var(--color-text-secondary)}.wizard-topic-search{margin-bottom:16px}.wizard-topic-search input{width:100%;padding:var(--space-3) 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.95rem;background:var(--bg-input);color:var(--color-text-main)}.wizard-topic-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.wizard-topic-grid{max-height:300px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.wizard-topic-item{padding:10px 12px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:.85rem;text-align:start}.wizard-topic-item:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.wizard-topic-item.selected{border-color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.wizard-exercise-item{padding:14px 16px;background:var(--bg-input);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:start}.wizard-exercise-item:hover{border-color:var(--color-primary)}.wizard-exercise-item.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.wizard-exercise-item .exercise-name{font-weight:600;color:var(--color-text-main);margin-bottom:4px}.wizard-exercise-item .exercise-category{font-size:.75rem;color:var(--color-text-secondary)}.wizard-ready{text-align:center;padding:var(--space-5)}.wizard-ready .ready-icon{font-size:4rem;display:block;margin-bottom:16px}.wizard-ready h3{font-size:1.5rem;margin-bottom:12px}.wizard-summary{margin-top:20px;padding:var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg);text-align:start}.wizard-summary-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.wizard-summary-item:last-child{border-bottom:none}.wizard-summary-label{color:var(--color-text-secondary);font-size:.85rem}.wizard-summary-value{color:var(--color-text-main);font-weight:600;font-size:.9rem}.wizard-select-area{display:flex;justify-content:center;padding:var(--space-5) 0}.wizard-select-btn{display:flex;align-items:center;gap:var(--gap-md);padding:var(--space-4) 24px;background:var(--bg-input);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;min-width:250px}.wizard-select-btn:hover,.wizard-select-btn.selected{border-color:var(--color-primary);border-style:solid;background:var(--color-primary-light)}.wizard-select-btn .select-icon{font-size:1.5rem}.wizard-select-btn .select-label{flex:1;text-align:start;font-weight:600;color:var(--color-text-main)}.wizard-select-btn .select-arrow{color:var(--color-text-secondary);font-size:.8rem}.wizard-footer{display:flex;justify-content:space-between;gap:var(--gap-md);padding:var(--space-4) 20px;background:var(--bg-hover);border-top:1px solid var(--color-border)}.wizard-footer .btn-primary{background:var(--color-primary);color:#fff;border:none;padding:10px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.wizard-footer .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.wizard-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.wizard-footer .btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:10px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.wizard-footer .btn-secondary:hover{background:var(--bg-hover);color:var(--color-text-main)}@media(max-width:768px){.wizard-progress{padding:var(--space-3) 8px}.wizard-progress .step-label{display:none}.wizard-progress-line{max-width:20px}.wizard-options{grid-template-columns:repeat(2,1fr)}.wizard-topic-grid{grid-template-columns:1fr}.wizard-footer{flex-wrap:wrap}.wizard-footer button{flex:1}}.output-model-modal-v2{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;backdrop-filter:none;-webkit-backdrop-filter:none;display:none;z-index:100001;box-sizing:border-box}.output-model-modal-v2.active{animation:outputModalFadeIn .2s ease-out;display:flex;flex-direction:column;justify-content:flex-end}.output-model-modal-v2.active .output-model-content-v2{animation:outputModalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes outputModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes outputModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.output-model-modal-v2{background:#000000a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}}body.dark .output-model-modal-v2{background:#0a0a0fd9;background:#000c}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.output-model-modal-v2{background:#000000f2}body.dark .output-model-modal-v2{background:#0a0a0ff2}}.output-model-content-v2{background:var(--bg-panel-left, #ffffff);width:100%;height:100%;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.output-model-header-v2{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--bg-input, #f5f5f5);border-bottom:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.header-content{display:flex;align-items:center;gap:var(--gap-md)}.header-icon{font-size:1.5rem;line-height:1}.header-text{display:flex;flex-direction:column;gap:2px}.header-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-text-main, #333);line-height:1.3}.header-subtitle{margin:0;font-size:.8rem;color:var(--color-text-secondary, #666);line-height:1.3}.btn-close-modal-v2{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);font-size:1.8rem;color:var(--color-text-secondary, #666);cursor:pointer;flex-shrink:0}.btn-close-modal-v2:hover,.btn-close-modal-v2:active{background:#0000001a;color:var(--color-text-main, #333)}.output-model-panels-v2{flex:1;overflow-y:auto;padding:var(--space-5);background:var(--bg-panel-left, #ffffff);-webkit-overflow-scrolling:touch}.openrouter-section{display:flex;flex-direction:column;gap:var(--gap-md)}.section-header{display:flex;align-items:center;gap:var(--gap-sm)}.section-icon{font-size:1.2rem;line-height:1}.section-title{margin:0;font-size:.95rem;font-weight:700;color:var(--color-text-main, #333)}.model-list-v2{display:flex;flex-direction:column;gap:var(--gap-md)}.model-tier-item{display:flex;flex-direction:column;gap:var(--gap-sm)}.tier-header{display:flex;align-items:center}.tier-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.02em}.tier-badge.tier-1{background:#10b98126;color:var(--color-success, #059669)}.tier-badge.tier-2{background:#3b82f626;color:var(--color-info, #2563eb)}.tier-badge.tier-3{background:#a855f726;color:var(--accent-primary, #7c3aed)}.model-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--space-4);background:var(--bg-input, #f5f5f5);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-lg);cursor:pointer}.model-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.model-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.model-name{font-size:.9rem;font-weight:600;color:var(--color-text-main, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-desc{font-size:.8rem;color:var(--color-text-secondary, #666);line-height:1.3}.secret-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border, #e5e5e5)}.form-group{display:flex;flex-direction:column;gap:var(--gap-sm)}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-text-main, #333)}.label-hint{font-size:.75rem;font-weight:400;color:var(--color-text-secondary, #888)}.form-group input{min-height:48px;padding:var(--space-3) var(--space-4);font-size:1rem;border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-lg);background:var(--bg-panel-left, #ffffff);color:var(--color-text-main, #333);outline:none;box-sizing:border-box}.form-group input:focus{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f126}.form-group input::placeholder{color:var(--color-text-tertiary, #aaa)}.error-message{font-size:.8rem;color:var(--color-error, #ef4444)}.error-message.hidden{display:none}.output-model-footer-v2{display:flex;gap:var(--gap-md);padding:var(--space-4) var(--space-5);background:var(--bg-input, #f5f5f5);border-top:1px solid var(--color-border, #e5e5e5);flex-shrink:0;padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.btn-save-v2{flex:1;min-height:52px;padding:var(--space-4) var(--space-6);font-size:1rem;font-weight:700;border-radius:var(--radius-lg);background:var(--accent-primary, #6366f1);color:var(--text-on-primary, #ffffff);border:none;cursor:pointer;box-sizing:border-box}.btn-save-v2:hover:not(:disabled){background:var(--accent-primary-hover, #4f46e5)}.btn-save-v2:disabled{background:var(--color-text-tertiary, #9ca3af);cursor:not-allowed}.btn-cancel-v2{min-height:52px;padding:var(--space-4) var(--space-5);font-size:1rem;font-weight:600;border-radius:var(--radius-lg);background:transparent;border:2px solid var(--color-border, #e5e5e5);color:var(--color-text-secondary, #6b7280);cursor:pointer;box-sizing:border-box}.btn-cancel-v2:hover{border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}@media(min-width:768px){.output-model-modal-v2{align-items:center;justify-content:center;padding:var(--space-5)}.output-model-content-v2{width:90%;max-width:640px;height:auto;max-height:85vh;border-radius:24px;box-shadow:0 25px 50px -12px #0006}.output-model-header-v2{padding:var(--space-6);border-radius:24px 24px 0 0}.header-title{font-size:1.25rem}.output-model-panels-v2{padding:var(--space-6)}.model-item{padding:var(--space-4) var(--space-5)}.model-name{font-size:.95rem}.output-model-footer-v2{padding:var(--space-5) var(--space-6);border-radius:0 0 24px 24px;padding-bottom:var(--space-5)}.btn-save-v2,.btn-cancel-v2{min-height:44px;padding:var(--space-3) var(--space-5);font-size:.9rem}}body.dark .output-model-content-v2{background:var(--surface-1, #18181b)}body.dark .output-model-header-v2{background:var(--surface-2, #232329);border-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .header-title{color:var(--color-text-main, #fafafa)}body.dark .header-subtitle{color:var(--color-text-secondary, #a1a1aa)}body.dark .btn-close-modal-v2{color:var(--color-text-secondary, #888)}body.dark .btn-close-modal-v2:hover,body.dark .btn-close-modal-v2:active{background:#ffffff1a;color:var(--color-text-main, #fafafa)}body.dark .output-model-panels-v2{background:var(--surface-1, #18181b)}body.dark .section-title{color:var(--color-text-main, #fafafa)}body.dark .tier-badge.tier-1{background:#34d39926;color:var(--color-success, #34d399)}body.dark .tier-badge.tier-2{background:#60a5fa26;color:var(--color-info, #60a5fa)}body.dark .tier-badge.tier-3{background:#a78bfa26;color:var(--accent-primary-hover, #a78bfa)}body.dark .model-item{background:var(--surface-2, #232329);border-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .model-name{color:var(--color-text-main, #fafafa)}body.dark .model-desc{color:var(--color-text-secondary, #a1a1aa)}body.dark .secret-section{border-top-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .form-group label{color:var(--color-text-secondary, #a1a1aa)}body.dark .form-group input{background:var(--surface-2, #232329);border-color:var(--color-border, rgba(255, 255, 255, .12));color:var(--color-text-main, #fafafa)}body.dark .form-group input:focus{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f140;box-shadow:0 0 0 3px #6366f133}body.dark .form-group input::placeholder{color:var(--color-text-tertiary, #71717a)}body.dark .output-model-footer-v2{background:var(--surface-2, #232329);border-top-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .btn-cancel-v2{border-color:var(--color-border, rgba(255, 255, 255, .12));color:var(--color-text-secondary, #a1a1aa)}body.dark .btn-cancel-v2:hover{border-color:var(--accent-primary, #6366f1);color:var(--accent-primary-hover, #818cf8)}body.dark .btn-save-v2:disabled{background:var(--surface-3, #2a2a32);color:var(--color-text-tertiary, #71717a)}.model-item[data-model]{cursor:pointer;transition:all .2s ease;border-width:2px}.model-item[data-model]:hover{border-color:var(--accent-primary, #6366f1);background:#6366f10d}.model-item[data-model].selected{border-color:var(--accent-primary, #6366f1);background:#6366f114;box-shadow:0 0 0 1px var(--accent-primary, #6366f1)}.model-item[data-model].selected .model-icon:after{content:" ✓";color:var(--accent-primary, #6366f1);font-size:.75rem}body.dark .model-item[data-model]:hover{border-color:var(--accent-primary-hover, #818cf8);background:#818cf814}body.dark .model-item[data-model].selected{border-color:var(--accent-primary-hover, #818cf8);background:#818cf81f;box-shadow:0 0 0 1px var(--accent-primary-hover, #818cf8)}body.dark .model-item[data-model].selected .model-icon:after{color:var(--accent-primary-hover, #818cf8)}.price-chart-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border, #e5e5e5);margin-bottom:var(--space-5)}.price-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border, rgba(0,0,0,.05))}.price-row:last-child{border-bottom:none}.price-row.baseline{background:#10b9810a;border-radius:var(--radius-md);padding:var(--space-3);margin:0 -4px}body.dark .price-row.baseline{background:#34d3990f}.price-row-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.price-model-name{font-size:.85rem;font-weight:700;color:var(--color-text-main, #333)}.baseline-badge{display:inline-block;font-size:.7rem;font-weight:600;color:var(--color-success, #059669);background:#10b9811f;padding:1px 6px;border-radius:10px;margin-left:4px}.price-use-case{font-size:.7rem;color:var(--color-text-tertiary, #888);text-transform:capitalize}.price-bars{display:flex;flex-direction:column;gap:4px}.price-bar-group{display:flex;align-items:center;gap:6px}.price-bar-label{font-size:.65rem;font-weight:600;color:var(--color-text-secondary, #666);width:24px;text-align:right;flex-shrink:0}.price-bar-track{flex:1;height:10px;background:var(--bg-input, #f0f0f0);border-radius:5px;overflow:hidden}body.dark .price-bar-track{background:var(--surface-2, #232329)}.price-bar{height:100%;border-radius:5px;transition:width .4s ease;min-width:4px}.input-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.output-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.price-bar-value{font-size:.7rem;font-weight:600;color:var(--color-text-main, #333);min-width:48px;text-align:right;font-variant-numeric:tabular-nums}body.dark .price-bar-value{color:var(--color-text-secondary, #a1a1aa)}.price-multiplier{font-size:.7rem;color:var(--color-text-tertiary, #888);text-align:right;margin-top:2px}.price-scale-selector{display:flex;gap:4px;margin-top:var(--space-3);flex-wrap:wrap}.scale-btn{padding:4px 10px;font-size:.7rem;font-weight:600;border:1px solid var(--color-border, #e5e5e5);border-radius:20px;background:transparent;color:var(--color-text-secondary, #666);cursor:pointer;transition:all .15s ease}.scale-btn:hover{border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.scale-btn.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}body.dark .scale-btn{border-color:var(--color-border, rgba(255,255,255,.12));color:var(--color-text-secondary, #a1a1aa)}body.dark .scale-btn:hover{border-color:var(--accent-primary-hover, #818cf8);color:var(--accent-primary-hover, #818cf8)}body.dark .scale-btn.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.maintenance-table-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border, #e5e5e5);margin-bottom:var(--space-5)}.maintenance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-border, #e5e5e5)}.maintenance-table{width:100%;border-collapse:collapse;font-size:.75rem}.maintenance-table th{padding:8px 6px;text-align:left;font-weight:700;color:var(--color-text-secondary, #666);background:var(--bg-input, #f5f5f5);border-bottom:1px solid var(--color-border, #e5e5e5);white-space:nowrap;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em}.maintenance-table td{padding:8px 6px;border-bottom:1px solid var(--color-border, rgba(0,0,0,.04));color:var(--color-text-main, #333);white-space:nowrap}.maintenance-table tr:last-child td{border-bottom:none}.maintenance-table .baseline-row{background:#10b9810a}.model-cell{display:flex;align-items:center;gap:4px}.model-short{font-weight:700}.baseline-indicator{color:var(--color-success, #059669);font-size:.65rem}.use-case-cell{color:var(--color-text-secondary, #666);max-width:100px;overflow:hidden;text-overflow:ellipsis}.date-cell{color:var(--color-text-tertiary, #888);font-variant-numeric:tabular-nums}.price-cell{font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-main, #333)}.multiplier-cell{font-weight:600;font-size:.7rem;color:var(--accent-primary, #6366f1);font-variant-numeric:tabular-nums}body.dark .maintenance-table-wrapper{border-color:var(--color-border, rgba(255,255,255,.08))}body.dark .maintenance-table th{color:var(--color-text-secondary, #a1a1aa);background:var(--surface-2, #232329);border-bottom-color:var(--color-border, rgba(255,255,255,.08))}body.dark .maintenance-table td{border-bottom-color:var(--color-border, rgba(255,255,255,.04));color:var(--color-text-main, #fafafa)}body.dark .maintenance-table .baseline-row{background:#34d3990f}body.dark .use-case-cell{color:var(--color-text-secondary, #a1a1aa)}body.dark .date-cell{color:var(--color-text-tertiary, #71717a)}body.dark .price-cell{color:var(--color-text-main, #fafafa)}body.dark .multiplier-cell{color:var(--accent-primary-hover, #818cf8)}.tsm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.tsm-overlay.show,#topicSessionModal[style*="display: flex"],#topicSessionModal[style*="display:flex"]{opacity:1;visibility:visible}.tsm-content{background:var(--color-bg, #fff);border-radius:16px;width:94%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative}.tsm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0;background:linear-gradient(135deg,rgba(74,144,217,.04),transparent)}.tsm-header-left{display:flex;align-items:center;gap:10px;min-width:0}.tsm-title{font-size:16px;font-weight:600;margin:0;color:var(--color-text, #1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsm-topic-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;background:var(--color-primary-soft, #e8f0fe);color:var(--color-primary, #4361ee);flex-shrink:0}.tsm-progress{padding:8px 20px 4px;flex-shrink:0}.tsm-progress-bar{height:6px;background:var(--color-bg-hover, #e8e8e8);border-radius:3px;overflow:hidden}.tsm-progress-fill{height:100%;background:var(--color-primary, #4361ee);border-radius:3px;transition:width .4s ease;width:0%}.tsm-progress-label{font-size:12px;color:var(--color-text-muted, #888);text-align:right;margin-top:2px}.tsm-section{padding:16px 20px 20px;overflow-y:auto;flex:1}#tsmWordPreviewSection{display:flex;flex-direction:column;overflow:hidden}#tsmWordPreviewSection .tsm-word-preview-list{flex:1;overflow-y:auto;max-height:none}#tsmActivityContentSection{display:flex;flex-direction:column;overflow:hidden}#tsmActivityContentSection .tsm-activity-render-area{flex:1;overflow-y:auto}#tsmActivityContentSection .tsm-section-actions{flex-shrink:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border, var(--color-border, #e0e0e0))}#tsmWordPreviewSection .tsm-section-actions{flex-shrink:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border, #e0e0e0)}.tsm-section-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #888);margin-bottom:12px}.tsm-reading-content{line-height:1.7;line-height:1.8;font-size:16px}.tsm-reading-title{font-size:18px;color:var(--color-text, #1a1a2e);font-size:20px;font-weight:700;margin:0 0 16px;line-height:1.3}.tsm-reading-text{font-size:15px;color:var(--color-text, #1a1a2e);font-size:16px;line-height:1.85;margin-bottom:16px;letter-spacing:.01em}.tsm-paragraph{margin:0 0 10px}.tsm-reading-text,.tsm-reading-premium{font-size:calc(var(--adaptive-font-size, 15px) * var(--user-font-scale, 1));line-height:var(--adaptive-line-height, 1.8);max-width:var(--adaptive-max-width, 60ch)}.tsm-content[data-cefr=A0] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A0] .tsm-reading-premium:not([style*=--adaptive]){font-size:1.2em;line-height:2}.tsm-content[data-cefr=A1] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A1] .tsm-reading-premium:not([style*=--adaptive]){font-size:1.1em;line-height:1.9}.tsm-content[data-cefr=A0][data-lang^=zh] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A0][data-lang^=ja] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A0][data-lang=ko] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A0][data-lang^=zh] .tsm-reading-premium:not([style*=--adaptive]),.tsm-content[data-cefr=A0][data-lang^=ja] .tsm-reading-premium:not([style*=--adaptive]),.tsm-content[data-cefr=A0][data-lang=ko] .tsm-reading-premium:not([style*=--adaptive]){font-size:1.3em;line-height:2.2;max-width:38ch}.tsm-content[data-cefr=A1][data-lang^=zh] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A1][data-lang^=ja] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A1][data-lang=ko] .tsm-reading-text:not([style*=--adaptive]),.tsm-content[data-cefr=A1][data-lang^=zh] .tsm-reading-premium:not([style*=--adaptive]),.tsm-content[data-cefr=A1][data-lang^=ja] .tsm-reading-premium:not([style*=--adaptive]),.tsm-content[data-cefr=A1][data-lang=ko] .tsm-reading-premium:not([style*=--adaptive]){font-size:1.2em;line-height:2.1;max-width:40ch}.tsm-sentence{display:flex;align-items:center;gap:4px;cursor:pointer;padding:1px 3px;border-radius:4px;transition:background .15s ease}.tsm-sentence:hover{background:#6366f114}.tsm-sentence[data-translated=true] .tsm-sentence-text{opacity:.6}.tsm-sentence-text{transition:opacity .2s ease}.tsm-sentence-tts-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--color-text-muted, #888);font-size:12px;cursor:pointer;border-radius:3px;flex-shrink:0;opacity:.4;transition:opacity .15s ease,color .15s ease;margin-inline-start:auto}.tsm-sentence:hover .tsm-sentence-tts-btn{opacity:1;color:var(--color-primary, #6366f1)}.tsm-sentence-tts-btn.playing-tts{opacity:1;color:var(--color-primary, #6366f1);animation:tsmTtsPulse 1s ease-in-out infinite}@keyframes tsmTtsPulse{0%,to{opacity:1}50%{opacity:.4}}.tsm-sentence-translation{display:block;color:var(--color-text-secondary, #6b7280);font-size:.9em;margin:2px 0 8px;padding:6px 10px;background:#6366f10f;border-left:3px solid var(--color-primary, #6366f1);border-radius:0 6px 6px 0}.tsm-sentence-translation.translation-hidden{display:none}@keyframes tsmTransFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.tsm-reading-text p{margin:0 0 14px}.tsm-translation-toggle{border:1px solid var(--color-border, #ddd);margin-bottom:8px;display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--color-border, #e0e0e0);padding:6px 14px;border-radius:8px;font-size:13px;color:var(--color-text-muted, #888);cursor:pointer;transition:all .15s;margin-top:4px}.tsm-translation-toggle:hover{background:var(--color-bg-hover, #f5f5f5);color:var(--color-text, #1a1a2e)}.tsm-reading-translation{color:var(--color-text-muted, #666);font-style:italic;border-top:1px dashed var(--color-border, #ddd);line-height:1.6;font-size:14px;font-style:normal;color:var(--color-text-secondary, #6b7280);border-top:1px dashed var(--color-border, #e0e0e0);padding:12px 14px;margin-top:8px;line-height:1.7;border-radius:8px;background:#6366f108}.tsm-reading-premium{padding:20px 24px;background:linear-gradient(135deg,#6366f105,#6366f10d);border-radius:12px;border:1px solid rgba(99,102,241,.06)}.tsm-reading-premium .tsm-paragraph{margin:0 0 1.4em;line-height:1.85}.tsm-reading-premium .tsm-paragraph:last-child{margin-bottom:0}.tsm-reading-premium .tsm-paragraph+.tsm-paragraph{text-indent:1.5em}.tsm-reading-premium .tsm-paragraph:first-child:first-letter{float:left;font-size:3.2em;line-height:.85;padding-right:8px;padding-top:4px;color:var(--color-primary, #6366f1);font-weight:700}.tsm-reading-premium ::selection{background:#6366f133}.tsm-dialogue-container{display:flex;flex-direction:column;gap:10px}.tsm-bubble{max-width:82%;display:flex;flex-direction:column}.tsm-bubble-left{align-self:flex-start}.tsm-bubble-right{align-self:flex-end;align-items:flex-end}.tsm-bubble-avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.3px}.tsm-bubble-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.tsm-bubble-right .tsm-bubble-header{flex-direction:row-reverse}.tsm-speaker{font-size:.72rem;color:var(--color-text-muted, #888);font-weight:600;line-height:1}.tsm-bubble-text{padding:10px 14px;border-radius:14px;line-height:1.6;font-size:calc(.95rem * var(--user-font-scale, 1));cursor:pointer;transition:background .15s ease,box-shadow .15s ease;display:flex;align-items:center;gap:4px;word-break:break-word;overflow-wrap:break-word}.tsm-bubble-text:hover{box-shadow:0 2px 8px #0000000f}.tsm-bubble-left .tsm-bubble-text{background:var(--color-bg-hover, #f0f0f0);color:var(--color-text, #1a1a2e);border-bottom-left-radius:4px}.tsm-bubble-right .tsm-bubble-text{background:var(--color-primary, #6366f1);color:#fff;border-bottom-right-radius:4px}body.dark .tsm-reading-premium{background:linear-gradient(135deg,#6366f10a,#6366f114);border-color:#6366f11a}body.dark .tsm-bubble-left .tsm-bubble-text{background:var(--surface-3, #242430);color:var(--color-text-main, #fafafa)}body.dark .tsm-speaker{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-bubble-text:hover{box-shadow:0 2px 8px #0003}@media(max-width:640px){.tsm-reading-premium{padding:14px 16px}.tsm-reading-premium .tsm-paragraph:first-child:first-letter{font-size:2.6em}.tsm-bubble{max-width:88%}.tsm-bubble-avatar{width:24px;height:24px;font-size:.6rem}.tsm-bubble-text{padding:8px 12px;font-size:.9rem}}.tsm-exercise-content{min-height:120px}.tsm-exercise-word{font-size:22px;font-weight:700;text-align:center;padding:16px;color:var(--color-text, #1a1a2e);flex:1;min-width:0}.tsm-exercise-word-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;flex-wrap:wrap}.tsm-exercise-sentence-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;flex-wrap:wrap}.tsm-sentence-speaker-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe);font-size:20px;cursor:pointer;flex-shrink:0;transition:all .2s}.tsm-sentence-speaker-btn:hover{background:var(--color-primary, #4361ee);transform:scale(1.08)}.tsm-exercise-context{font-size:15px;text-align:center;color:var(--color-text-muted, #666);margin-bottom:16px}.tsm-exercise-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.tsm-option-btn{padding:14px 12px;border:2px solid var(--color-border, #ddd);border-radius:12px;background:var(--color-bg, #fff);font-size:15px;cursor:pointer;transition:all .15s;text-align:center;color:var(--color-text, #1a1a2e)}.tsm-option-btn:hover{border-color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe)}.tsm-option-btn.correct{border-color:var(--color-success, #10b981);background:var(--color-success-light, rgba(16, 185, 129, .12));color:var(--color-success, #10b981)}.tsm-option-btn.wrong{border-color:var(--color-error, #ef4444);background:var(--color-error-light, rgba(239, 68, 68, .12));color:var(--color-error, #ef4444)}.tsm-option-btn:disabled{cursor:default;opacity:.8}.tsm-exercise-input{width:100%;padding:14px;border:2px solid var(--color-border, #ddd);border-radius:12px;font-size:16px;text-align:center;outline:none;transition:border-color .15s;background:var(--color-bg, #fff);color:var(--color-text, #1a1a2e)}.tsm-exercise-input:focus{border-color:var(--color-primary, #4361ee);box-shadow:0 0 0 3px #4361ee26;outline:none}.tsm-exercise-input.correct{border-color:var(--color-success, #10b981);background:var(--color-success-light, rgba(16, 185, 129, .12))}.tsm-exercise-input.wrong{border-color:var(--color-error, #ef4444);background:var(--color-error-light, rgba(239, 68, 68, .12))}.tsm-hint{font-size:13px;color:var(--color-text-muted, #888);text-align:center;margin-top:6px}.tsm-speaker-btn{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:3px solid var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe);font-size:32px;cursor:pointer;margin:0 auto 20px;transition:all .2s}.tsm-speaker-btn:hover{transform:scale(1.08);background:var(--color-primary, #4361ee)}.tsm-answer-reveal{text-align:center;font-size:15px;color:var(--color-success, #10b981);margin-top:8px;font-weight:600}.tsm-summary-stats{display:flex;justify-content:center;gap:24px;margin:16px 0}.tsm-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.tsm-stat-value{font-size:28px;font-weight:800;color:var(--color-primary, #4361ee)}.tsm-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #888)}.tsm-tier-complete{text-align:center;font-size:20px;font-weight:700;margin:12px 0;color:#ff9800}.tsm-btn{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.tsm-btn-primary{background:var(--color-primary, #4361ee);color:#fff}.tsm-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.tsm-btn-secondary{background:var(--color-bg-hover, #f0f0f0);color:var(--color-text, #1a1a2e)}.tsm-btn-secondary:hover{background:var(--color-border, #e0e0e0)}.tsm-cloze-toggle-btn.active{background:var(--color-primary, #4361ee);color:#fff;border-color:var(--color-primary, #4361ee)}.tsm-cloze-toggle-btn.active:hover{background:var(--color-primary-dark, #3a56d4)}.tsm-cloze-blank{display:inline-block;border-bottom:2px dashed var(--color-primary, #4361ee);min-width:3ch;padding:0 12px;margin:0 2px;font-weight:600;color:var(--color-primary, #4361ee);text-align:center;letter-spacing:2px}.tsm-cloze-options{grid-template-columns:1fr 1fr 1fr;max-width:400px;margin:0 auto}.tsm-controls-bar{display:flex;justify-content:center;gap:8px;margin:0 auto 8px}.tsm-ctrl-btn{padding:6px 14px;border-radius:8px;border:1.5px solid var(--color-border, #ddd);background:var(--color-bg, #fff);font-size:13px;cursor:pointer;transition:all .15s;color:var(--color-text-muted, #666);white-space:nowrap}.tsm-ctrl-btn:hover{border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe)}.tsm-section-actions,.tsm-summary-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.tsm-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-loading-overlay, rgba(255, 255, 255, .85));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:12px}.tsm-spinner{width:36px;height:36px;border:4px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #4361ee);border-radius:50%;animation:tsm-spin .8s linear infinite}@keyframes tsm-spin{to{transform:rotate(360deg)}}.tsm-loading-text{font-size:14px;color:var(--color-text-muted, #888)}.tsm-section.transitioning{opacity:0;transition:opacity .2s ease}@media(max-width:640px){.tsm-overlay{align-items:stretch;justify-content:stretch}.tsm-content{width:100%;max-width:100%;max-height:100%;height:100vh;height:100dvh;border-radius:0}.tsm-header{padding:12px 16px 10px}.tsm-section{padding:12px 16px 16px}.tsm-summary-stats{gap:16px}.tsm-stat-value{font-size:22px}.tsm-exercise-options{grid-template-columns:1fr}.tsm-exercise-word{font-size:18px;padding:12px}}.tsm-word-list{margin:16px 0;max-height:300px;overflow-y:auto;padding:0 4px}.tsm-word-list-empty{color:var(--text-secondary, #888);font-size:14px;text-align:center;padding:16px}.tsm-word-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:4px;background:var(--bg-secondary, rgba(255,255,255,.05));transition:opacity .3s,transform .3s}.tsm-word-item:hover{background:var(--bg-hover, rgba(255,255,255,.1))}.tsm-word-item.tsm-word-removing{opacity:0;transform:translate(30px)}.tsm-word-icon{font-size:14px;flex-shrink:0}.tsm-word-text{font-weight:600;font-size:14px;color:var(--text-primary, #e0e0e0)}.tsm-word-sep{color:var(--text-tertiary, #555);flex-shrink:0}.tsm-word-trans{font-size:13px;color:var(--text-secondary, #999);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsm-word-remove{background:none;border:none;color:var(--text-tertiary, #666);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;flex-shrink:0;transition:color .2s,background .2s}.tsm-word-remove:hover{color:var(--color-danger, #ef4444);background:var(--bg-hover, rgba(239,68,68,.1))}@media(max-width:640px){.tsm-word-item{padding:10px 8px;gap:6px}.tsm-word-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.tsm-word-text{font-size:13px}.tsm-word-trans{font-size:12px}}.tsm-exercise-img{width:120px;height:120px;object-fit:cover;border-radius:8px;margin:8px auto;display:block;opacity:.9;transition:opacity .2s ease}.tsm-mistakes-review{margin:12px 0;padding:12px;border-radius:10px;background:#ef44440f;border:1px solid rgba(239,68,68,.15)}.tsm-mistakes-header{font-size:13px;font-weight:700;color:var(--text-primary, #e0e0e0);margin-bottom:8px}.tsm-mistakes-list{display:flex;flex-direction:column;gap:6px}.tsm-mistake-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:6px;background:var(--bg-secondary, rgba(255, 255, 255, .04))}.tsm-mistake-icon{font-size:13px;flex-shrink:0;padding-top:1px}.tsm-mistake-body{flex:1;min-width:0}.tsm-mistake-word{font-weight:700;font-size:13px;color:var(--text-primary, #e0e0e0)}.tsm-mistake-correct{font-size:12px;color:#10b981;margin-top:2px}.tsm-mistake-wrong{font-size:12px;color:#ef4444;text-decoration:line-through;opacity:.7}body.dark .tsm-mistakes-review{background:#ef444414;border-color:#ef444433}.tsm-reading-question{margin-top:16px;padding:14px 16px;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:12px}.tsm-reading-question-label{font-size:12px;font-weight:700;color:var(--color-primary, #6366f1);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.tsm-reading-question-text{font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0);margin-bottom:10px;line-height:1.4}.tsm-reading-question-options{display:flex;flex-direction:column;gap:6px}.tsm-reading-question-option{display:block;width:100%;padding:8px 12px;border:1.5px solid var(--color-border, rgba(255,255,255,.08));border-radius:8px;background:var(--bg-secondary, rgba(255,255,255,.03));color:var(--text-primary, #e0e0e0);font-size:13px;cursor:pointer;text-align:left;transition:all .15s}.tsm-reading-question-option:hover{border-color:var(--color-primary, #6366f1);background:#6366f114}.tsm-reading-question-option.correct{border-color:#10b981;background:#10b9811f;color:#10b981}.tsm-reading-question-option.wrong{border-color:#ef4444;background:#ef444414;color:#ef4444;opacity:.7}.tsm-reading-question-option:disabled{cursor:default}.tsm-reading-question-feedback{margin-top:8px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px}.tsm-reading-question-feedback.correct{color:#10b981;background:#10b9811a}.tsm-reading-question-feedback.wrong{color:#f59e0b;background:#f59e0b1a}.tsm-btn-pulse{animation:tsm-pulse .6s ease-in-out 2}@keyframes tsm-pulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #0000001a}50%{transform:scale(1.05);box-shadow:0 4px 12px #4361ee4d}}.tsm-activity-subtitle{text-align:center;font-size:13px;color:var(--text-secondary, #888);margin-bottom:16px}.tsm-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:0 0 16px}.tsm-activity-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;border:2px solid var(--color-border, rgba(255,255,255,.08));border-radius:12px;background:var(--bg-secondary, rgba(255,255,255,.03));cursor:pointer;transition:all .15s;text-align:center}.tsm-activity-tile:hover{border-color:var(--color-primary, #6366f1);background:#6366f10f;transform:translateY(-2px)}.tsm-activity-tile.unavailable{opacity:.3;cursor:not-allowed}.tsm-activity-icon{font-size:28px}.tsm-activity-name{font-size:13px;font-weight:700;color:var(--text-primary, #e0e0e0)}.tsm-activity-desc{font-size:11px;color:var(--text-secondary, #888);line-height:1.3}.tsm-activity-xp{font-size:10px;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:8px}.tsm-activity-unavailable-reason{font-size:10px;color:var(--text-secondary, #888);font-style:italic}.tsm-btn-skip{background:transparent;color:var(--text-secondary, #888);border:1px solid var(--color-border, rgba(255,255,255,.08))}.tsm-btn-skip:hover{background:#ffffff08;color:var(--text-primary, #e0e0e0)}.tsm-activity-render-area{min-height:180px;padding:12px 0}.tsm-activity-loading{color:var(--text-secondary, #888);text-align:center;padding:32px 16px;color:var(--color-text-muted, #888);font-size:15px}.tsm-activity-error{color:var(--text-secondary, #888);text-align:center;padding:24px 16px;color:var(--color-text-muted, #888);font-size:14px}.tsm-listen-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.tsm-listen-play-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;font-size:22px;cursor:pointer;transition:all .15s}.tsm-listen-play-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.tsm-listen-speed{display:flex;gap:4px}.tsm-listen-speed-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #888);padding:3px 10px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s}.tsm-listen-speed-btn.active{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1)}.tsm-listen-text{font-size:15px;line-height:1.8;color:var(--text-primary, #e0e0e0);margin-bottom:16px}.tsm-listen-gap-wrap{display:inline}.tsm-listen-gap{display:inline-block;width:80px;padding:2px 6px;border:1.5px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;color:var(--text-primary, #e0e0e0);font-size:14px;text-align:center;outline:none;transition:border-color .15s}.tsm-listen-gap:focus{border-color:var(--color-primary, #6366f1)}.tsm-listen-gap.correct{border-color:#10b981;background:#10b98114}.tsm-listen-gap.wrong{border-color:#ef4444;background:#ef444414}.tsm-listen-reveal{display:none;font-size:11px;color:#10b981;margin-left:4px}.tsm-listen-check{display:block;margin:0 auto 12px}.tsm-listen-feedback{text-align:center;font-size:13px;padding:8px;border-radius:8px}.tsm-listen-success{color:#10b981;background:#10b98114}.tsm-listen-partial{color:#f59e0b;background:#f59e0b14}@media(max-width:480px){.tsm-activity-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tsm-activity-tile{padding:10px 8px}.tsm-activity-icon{font-size:24px}.tsm-listen-play-btn{width:52px;height:52px;font-size:20px}.tsm-listen-gap{width:64px;font-size:12px}.tsm-culture-text{padding:16px 14px;text-align:left;-webkit-hyphens:none;hyphens:none}.culture-paragraph:first-of-type:first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit;font-weight:inherit}.culture-paragraph+.culture-paragraph{text-indent:0}.tsm-culture-text b{white-space:normal}}.tsm-summary-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.tsm-summary-actions .tsm-btn-secondary{background:var(--color-bg-secondary, #f5f5f5);color:var(--color-text, #333);border:1px solid var(--color-border, #e0e0e0)}.tsm-culture-activity{padding:4px 0}.tsm-culture-title{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--color-text, #333)}.tsm-culture-text{font-size:calc(clamp(15px,2.5vw,16px) * var(--user-font-scale, 1));line-height:1.85;color:var(--color-text-secondary, #555);margin-bottom:20px;padding:20px 24px;background:linear-gradient(135deg,#6366f108,#6366f10f);border-radius:12px;border:1px solid rgba(99,102,241,.08);max-width:680px;margin-left:auto;margin-right:auto;text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto;position:relative}.tsm-culture-text ::selection{background:#6366f140}.tsm-read-aloud-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;margin-bottom:10px;border:1px solid var(--color-border, #e0e0e0);border-radius:20px;background:var(--color-bg, #fff);font-size:13px;color:var(--color-text-muted, #888);cursor:pointer;transition:all .2s ease}.tsm-read-aloud-btn:hover{background:#6366f10f;color:var(--color-primary, #6366f1);border-color:#6366f133}.tsm-read-aloud-btn.reading{background:#6366f11a;color:var(--color-primary, #6366f1);border-color:#6366f14d;animation:cultureReadPulse 1.5s ease-in-out infinite}.tsm-culture-read-aloud{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;margin-bottom:14px;border:1px solid var(--color-border, #e0e0e0);border-radius:20px;background:var(--color-bg, #fff);font-size:13px;color:var(--color-text-muted, #888);cursor:pointer;transition:all .2s ease}.tsm-culture-read-aloud:hover{background:#6366f10f;color:var(--color-primary, #6366f1);border-color:#6366f133}.tsm-culture-read-aloud.reading{background:#6366f11a;color:var(--color-primary, #6366f1);border-color:#6366f14d;animation:cultureReadPulse 1.5s ease-in-out infinite}.culture-paragraph{margin:0 0 1.4em;padding:4px 2px;border-radius:4px;transition:background .15s ease;cursor:pointer;position:relative}.culture-paragraph:last-child{margin-bottom:0}.culture-paragraph+.culture-paragraph{text-indent:1.5em}.culture-paragraph:hover{background:#6366f10a}.culture-paragraph.translating:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--color-primary, #6366f1);border-top-color:transparent;border-radius:50%;animation:cultureSpin .6s linear infinite;margin-left:6px;vertical-align:middle}@keyframes cultureSpin{to{transform:rotate(360deg)}}.culture-paragraph:first-of-type:first-letter{float:left;font-size:3.2em;line-height:.85;padding-right:8px;padding-top:4px;color:var(--color-primary, #6366f1);font-weight:700}.tsm-culture-text b{color:var(--color-primary, #6366f1);font-weight:600;cursor:pointer;background:#6366f11a;padding:.1em .4em;border-radius:1em;transition:all .2s ease;white-space:nowrap}.tsm-culture-text b:hover{background:#6366f133;text-decoration:none;transform:scale(1.02)}.tsm-culture-text b:active{transform:scale(.98)}.tsm-culture-translation{display:block;color:var(--color-text-secondary, #6b7280);font-size:.9em;margin:4px 0 12px 1.5em;padding:8px 14px;background:#6366f10f;border-left:3px solid var(--color-primary, #6366f1);border-radius:0 6px 6px 0;font-style:italic;line-height:1.6;animation:cultureTransFadeIn .25s ease-out}.culture-paragraph:first-of-type+.tsm-culture-translation,.culture-paragraph:first-of-type .tsm-culture-translation{margin-left:0}.tsm-culture-tap-hint{display:block;text-align:center;font-size:11px;color:var(--color-text-muted, #aaa);margin-top:-6px;margin-bottom:10px;opacity:.7}.tsm-culture-question{margin-bottom:14px}.tsm-culture-question.answered .tsm-culture-option{opacity:.7}.tsm-culture-q-text{font-weight:600;font-size:14px;margin-bottom:6px}.tsm-culture-options{display:flex;flex-direction:column;gap:6px}.tsm-culture-option{padding:8px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-bg, #fff);font-size:14px;cursor:pointer;text-align:left;transition:background .15s}.tsm-culture-option:hover:not(:disabled){background:#4a90d90f}.tsm-culture-option.correct{background:#22c55e1f;border-color:#22c55e;opacity:1!important}.tsm-culture-option.wrong{background:#ef44441a;border-color:#ef4444;opacity:1!important}.tsm-culture-feedback{text-align:center;padding:10px;border-radius:8px;font-weight:600;margin-top:8px}.tsm-culture-success{color:#16a34a;background:#22c55e14}.tsm-culture-partial{color:#f59e0b;background:#f59e0b14}.tsm-picdict-activity{text-align:center}.tsm-picdict-progress{font-size:13px;color:var(--color-text-muted, #888);margin-bottom:12px}.tsm-picdict-image-wrap{display:flex;justify-content:center;margin-bottom:16px}.tsm-picdict-image{width:180px;height:180px;object-fit:cover;border-radius:14px;box-shadow:0 4px 16px #0000001f;transition:transform .15s}.tsm-picdict-image:hover{transform:scale(1.03)}.tsm-picdict-instruction{font-size:15px;font-weight:600;margin-bottom:12px}.tsm-picdict-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:400px;margin:0 auto}.tsm-picdict-option{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--color-bg, #fff);cursor:pointer;transition:background .15s,border-color .15s}.tsm-picdict-option:hover:not(:disabled){background:#4a90d90f;border-color:var(--color-primary, #4a90d9)}.tsm-picdict-option-word{font-size:16px;font-weight:700}.tsm-picdict-option-trans{font-size:12px;color:var(--color-text-muted, #888);margin-top:2px}.tsm-picdict-option.correct{background:#22c55e1f;border-color:#22c55e}.tsm-picdict-option.wrong{background:#ef44441a;border-color:#ef4444}.tsm-picdict-feedback{text-align:center;padding:8px;border-radius:8px;font-weight:600;margin-top:12px}.tsm-picdict-done{text-align:center;padding:20px}.tsm-picdict-result-icon{font-size:48px;margin-bottom:8px}.tsm-picdict-result-text{font-size:18px;font-weight:600}.tsm-crossword-activity{padding:4px 0}.tsm-crossword-main{display:flex;justify-content:center;margin-bottom:16px;overflow-x:auto}.tsm-crossword-grid{display:grid;gap:2px}.tsm-crossword-cell{width:36px;height:36px;border:1.5px solid var(--color-border, #ccc);border-radius:4px;position:relative;background:var(--color-bg, #fff)}.tsm-crossword-num{position:absolute;top:1px;left:2px;font-size:9px;color:var(--color-text-muted, #888);font-weight:600;line-height:1}.tsm-crossword-input{width:100%;height:100%;border:none;text-align:center;font-size:16px;font-weight:700;text-transform:uppercase;background:transparent;outline:none;color:var(--color-text, #333)}.tsm-crossword-input.correct{background:#22c55e1f;color:#16a34a}.tsm-crossword-input.wrong{background:#ef44441a;color:#ef4444}.tsm-crossword-input.revealed{background:#eab30826!important;color:#d97706!important}@keyframes tsmShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.tsm-crossword-input.shake{animation:tsmShake .4s ease-in-out}.tsm-crossword-preflight{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 4px 16px}.tsm-crossword-preflight-header{text-align:center}.tsm-crossword-preflight-title{font-size:17px;font-weight:700;color:var(--color-text-main, #1f2937);margin-bottom:4px}.tsm-crossword-preflight-subtitle{font-size:12px;color:var(--color-text-secondary, #6b7280)}.tsm-crossword-word-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.tsm-crossword-word-pair{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface-1, #f9fafb);border:1.5px solid var(--color-border, #e5e7eb);border-radius:10px;padding:8px 12px;min-width:80px;position:relative}.tsm-crossword-native{font-size:11px;color:var(--color-text-secondary, #6b7280);font-weight:400}.tsm-crossword-learning{font-size:15px;font-weight:700;color:var(--color-text-main, #1f2937);text-transform:uppercase}.tsm-crossword-tts-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;opacity:.6;transition:opacity .15s}.tsm-crossword-tts-btn:hover{opacity:1}.tsm-crossword-preflight-status{font-size:12px;color:var(--color-text-tertiary, #9ca3af);display:flex;align-items:center;gap:6px;height:20px}.tsm-crossword-preflight-status.tsm-crossword-ready{color:var(--accent-primary, #16a34a)}.tsm-crossword-spinner{display:inline-block;animation:tsmSpin 1s linear infinite}@keyframes tsmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tsm-crossword-start{min-width:180px;font-size:15px;transition:opacity .3s}.tsm-crossword-empty{width:36px;height:36px}.tsm-crossword-clues{display:flex;gap:20px;margin-bottom:14px;font-size:13px}.tsm-crossword-clue-section{flex:1}.tsm-crossword-clue-dir{font-weight:700;margin-bottom:4px;color:var(--color-text-muted, #666);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tsm-crossword-clue{padding:3px 0;line-height:1.4;color:var(--color-text-secondary, #555)}.tsm-crossword-clue-num{font-weight:700;color:var(--color-text, #333)}.tsm-crossword-check{display:block;margin:0 auto}.tsm-crossword-feedback{text-align:center;padding:10px;border-radius:8px;font-weight:600;margin-top:8px}.tsm-crossword-success{color:#16a34a;background:#22c55e14}.tsm-crossword-partial{color:#f59e0b;background:#f59e0b14}.tsm-speaking-activity{text-align:center;padding:4px 0}.tsm-speaking-progress{font-size:13px;color:var(--color-text-muted, #888);margin-bottom:16px}.tsm-speaking-sentence{margin-bottom:20px}.tsm-speaking-target{display:block;font-size:22px;font-weight:700;color:var(--color-primary, #4a90d9);margin-bottom:4px}.tsm-speaking-translation{display:block;font-size:14px;color:var(--color-text-muted, #888)}.tsm-speaking-controls{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.tsm-speaking-play-btn,.tsm-speaking-mic-btn{padding:12px 24px;border:1px solid var(--color-border, #e0e0e0);border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;background:var(--color-bg, #fff)}.tsm-speaking-play-btn:hover,.tsm-speaking-mic-btn:hover:not(:disabled){background:#4a90d90f;border-color:var(--color-primary, #4a90d9)}.tsm-speaking-mic-btn.listening{background:#ef444414;border-color:#ef4444;color:#ef4444;animation:tsm-mic-pulse 1.2s infinite}@keyframes tsm-mic-pulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 0 8px #ef444400}}.tsm-speaking-transcript{font-size:14px;color:var(--color-text-secondary, #555);padding:8px;background:#00000008;border-radius:8px;margin-bottom:8px}.tsm-speaking-feedback{font-weight:600;padding:10px;border-radius:8px}.tsm-speaking-success{color:#16a34a;background:#22c55e14}.tsm-speaking-partial{color:#f59e0b;background:#f59e0b14}.tsm-speaking-done{text-align:center;padding:20px}.tsm-speaking-result-icon{font-size:48px;margin-bottom:8px}.tsm-speaking-result-text{font-size:18px;font-weight:600}.tsm-speaking-skip{margin-top:12px}@media(max-width:480px){.tsm-crossword-grid{gap:1px}.tsm-crossword-cell,.tsm-crossword-empty{width:30px;height:30px}.tsm-crossword-input{font-size:14px}.tsm-crossword-clues{flex-direction:column;gap:10px}.tsm-picdict-image{width:150px;height:150px}.tsm-speaking-target{font-size:18px}.tsm-speaking-controls{flex-direction:column;gap:8px}.tsm-speaking-play-btn,.tsm-speaking-mic-btn{width:100%}}body.dark .tsm-overlay{background:#000000bf}body.dark .tsm-content{background:var(--surface-1, #12121a);box-shadow:0 20px 60px #0009}body.dark .tsm-header{border-bottom-color:var(--color-border, rgba(255, 255, 255, .06));background:linear-gradient(135deg,rgba(99,102,241,.06),transparent)}body.dark .tsm-title{color:var(--color-text-main, #fafafa)}body.dark .tsm-topic-badge{background:#6366f126;color:var(--accent-primary, #818cf8)}body.dark .tsm-progress-bar{background:var(--surface-3, #242430)}body.dark .tsm-progress-label,body.dark .tsm-section-label{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-reading-title{color:var(--color-text-main, #fafafa)}body.dark .tsm-reading-text{color:var(--color-text-secondary, #a1a1aa)}body.dark .tsm-sentence:hover{background:#6366f11f}body.dark .tsm-sentence-translation{background:#6366f11a;border-left-color:var(--accent-primary, #6366f1);color:var(--color-text-secondary, #a1a1aa)}body.dark .tsm-translation-toggle{border-color:var(--color-border, rgba(255, 255, 255, .08));color:var(--color-text-tertiary, #71717a)}body.dark .tsm-translation-toggle:hover{background:var(--surface-3, #242430);color:var(--color-text-main, #fafafa)}body.dark .tsm-reading-translation{color:var(--color-text-tertiary, #71717a);border-top-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .tsm-btn-primary{background:var(--accent-primary, #6366f1);color:#fff}body.dark .tsm-btn-primary:hover{background:var(--accent-primary-hover, #818cf8)}body.dark .tsm-btn-secondary{background:var(--surface-3, #242430);color:var(--color-text-main, #fafafa);border-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .tsm-btn-secondary:hover{background:var(--surface-2, #1a1a24)}body.dark .tsm-btn-skip{background:transparent;color:var(--color-text-tertiary, #71717a);border-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .tsm-exercise-word{color:var(--color-text-main, #fafafa)}body.dark .tsm-exercise-input{background:var(--surface-2, #1a1a24);color:var(--color-text-main, #fafafa);border-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .tsm-stat-value{color:var(--color-text-main, #fafafa)}body.dark .tsm-stat-label{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-word-item{border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .tsm-word-text{color:var(--color-text-main, #fafafa)}body.dark .tsm-word-trans{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-loading{background:#0a0a0ed9}body.dark .tsm-loading-text{color:var(--color-text-secondary, #a1a1aa)}body.dark .tsm-activity-tile{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .tsm-activity-tile:hover:not(.unavailable){background:var(--surface-3, #242430);border-color:var(--accent-primary, #6366f1)}body.dark .tsm-activity-name{color:var(--color-text-main, #fafafa)}body.dark .tsm-activity-desc{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-listen-play-btn{background:var(--surface-3, #242430);color:var(--color-text-main, #fafafa)}body.dark .tsm-listen-speed-btn{background:var(--surface-2, #1a1a24);color:var(--color-text-tertiary, #71717a);border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .tsm-listen-speed-btn.active{background:var(--accent-primary, #6366f1);color:#fff;border-color:var(--accent-primary, #6366f1)}body.dark .tsm-listen-gap{background:var(--surface-2, #1a1a24);color:var(--color-text-main, #fafafa);border-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .tsm-listen-gap.correct{border-color:var(--color-success, #34d399);background:#34d3991a}body.dark .tsm-listen-gap.wrong{border-color:var(--color-error, #f87171);background:#f871711a}body.dark .tsm-culture-title{color:var(--color-text-main, #fafafa)}body.dark .tsm-culture-text{background:linear-gradient(135deg,#6366f114,#6366f11f);color:var(--color-text-secondary, #a1a1aa);border-color:#6366f11f}body.dark .tsm-culture-text b{color:var(--accent-primary, #818cf8);background:#818cf826}body.dark .tsm-culture-text b:hover{background:#818cf840}body.dark .culture-paragraph:hover{background:#818cf80f}body.dark .culture-paragraph:first-of-type:first-letter{color:var(--accent-primary, #818cf8)}body.dark .tsm-culture-read-aloud,body.dark .tsm-read-aloud-btn{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .08));color:var(--color-text-tertiary, #a1a1aa)}body.dark .tsm-read-aloud-btn:hover,body.dark .tsm-culture-read-aloud:hover{background:#818cf81a;color:var(--accent-primary, #818cf8);border-color:#818cf840}body.dark .tsm-culture-translation{color:var(--color-text-tertiary, #94a3b8);background:#818cf814;border-left-color:var(--accent-primary, #818cf8)}body.dark .tsm-culture-tap-hint{color:var(--color-text-tertiary, #52525b)}body.dark .tsm-culture-q-text{color:var(--color-text-main, #fafafa)}body.dark .tsm-culture-option{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .06));color:var(--color-text-main, #fafafa)}body.dark .tsm-culture-option:hover:not(:disabled){background:var(--surface-3, #242430)}body.dark .tsm-crossword-cell{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .1))}body.dark .tsm-crossword-num{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-crossword-input{color:var(--color-text-main, #fafafa)}body.dark .tsm-crossword-input.revealed{background:#eab30833!important;color:#fbbf24!important}body.dark .tsm-crossword-clue{color:var(--color-text-secondary, #a1a1aa)}body.dark .tsm-crossword-clue-num,body.dark .tsm-crossword-preflight-title{color:var(--color-text-main, #fafafa)}body.dark .tsm-crossword-preflight-subtitle{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-crossword-word-pair{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .1))}body.dark .tsm-crossword-learning{color:var(--color-text-main, #fafafa)}body.dark .tsm-crossword-native{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-crossword-start{background:var(--accent-primary, #6366f1);color:#fff}body.dark .tsm-speaking-target{color:var(--accent-primary, #818cf8)}body.dark .tsm-speaking-translation{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-speaking-play-btn,body.dark .tsm-speaking-mic-btn{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .08));color:var(--color-text-main, #fafafa)}body.dark .tsm-speaking-transcript{background:var(--surface-2, #1a1a24);color:var(--color-text-secondary, #a1a1aa)}body.dark .tsm-picdict-option{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .tsm-picdict-option-word{color:var(--color-text-main, #fafafa)}body.dark .tsm-picdict-option-trans{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-word-card{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .tsm-word-card:hover{background:var(--surface-3, #242430)}body.dark .tsm-word-card-hero{background:#6366f114;border-color:var(--accent-primary, #6366f1)}body.dark .tsm-word-card-learning{color:var(--color-text-main, #fafafa)}body.dark .tsm-word-card-native{color:var(--color-text-secondary, #a1a1aa)}body.dark .tsm-word-card-arrow{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-word-card-image{background:var(--surface-3, #242430)}body.dark .tsm-word-card-image-placeholder{background:var(--surface-3, #242430);color:var(--color-text-tertiary, #71717a)}body.dark .tsm-progress-fill{background:var(--accent-primary, #6366f1)}body.dark .tsm-reading-question-option{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .08));color:var(--color-text-main, #fafafa)}body.dark .tsm-reading-question-option:hover{border-color:var(--accent-primary, #6366f1);background:#6366f114}body.dark .tsm-reading-question-option.correct{border-color:var(--color-success, #34d399);background:#34d3991f;color:var(--color-success, #34d399)}body.dark .tsm-reading-question-option.wrong{border-color:var(--color-error, #f87171);background:#f8717114;color:var(--color-error, #f87171)}body.dark .tsm-reading-question-feedback.wrong{color:var(--color-warning, #fbbf24);background:#fbbf241a}body.dark .tsm-reading-question-feedback.correct{color:var(--color-success, #34d399);background:#34d3991a}body.dark .tsm-reading-question-label{color:var(--color-text-tertiary, #71717a)}body.dark .tsm-reading-question-text{color:var(--color-text-main, #fafafa)}body.dark .tsm-sentence-tts-btn{opacity:.5}body.dark .tsm-sentence-tts-btn:hover{opacity:1;color:var(--accent-primary, #818cf8)}body.dark .tsm-word-card-tts{opacity:.5}body.dark .tsm-word-card-tts:hover{opacity:1}body.dark .tsm-image-toggle{color:var(--color-text-tertiary, #71717a);border-color:var(--color-border, rgba(255, 255, 255, .08))}body.dark .tsm-image-toggle:hover{color:var(--color-text-main, #fafafa);background:var(--surface-3, #242430)}.tsm-reading-text p:last-child{margin-bottom:0}.tsm-reading-text .tsm-sentence{padding:2px 4px;border-radius:4px;transition:background .15s ease,box-shadow .15s ease}.tsm-reading-text .tsm-sentence:hover{box-shadow:0 0 0 1px #6366f133}body.course-path-active .floating-back-btn{right:16px;left:auto}body.course-path-active.rtl .floating-back-btn,body.course-path-active[dir=rtl] .floating-back-btn{right:auto;left:16px}body.course-path-active.rtl .floating-back-btn svg,body.course-path-active[dir=rtl] .floating-back-btn svg{transform:scaleX(-1)}@media(max-width:767px){body.course-path-active .floating-back-btn{right:14px}body.course-path-active.rtl .floating-back-btn,body.course-path-active[dir=rtl] .floating-back-btn{left:14px;right:auto}}@media(max-width:400px){body.course-path-active .floating-back-btn{right:10px}body.course-path-active.rtl .floating-back-btn,body.course-path-active[dir=rtl] .floating-back-btn{left:10px;right:auto}}.tsm-summary-actions .tsm-btn{transition:opacity .2s ease}body.tsm-loading .tsm-summary-actions .tsm-btn{opacity:0;pointer-events:none}.tsm-auto-advance-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;color:var(--color-text-secondary, #9ca3af);font-size:13px;animation:tsmFadeIn .3s ease}.tsm-auto-advance-indicator .tsm-pause-btn{background:none;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:2px 10px;font-size:12px;cursor:pointer;color:var(--color-text-secondary, #9ca3af);transition:background .15s}.tsm-auto-advance-indicator .tsm-pause-btn:hover{background:var(--color-bg-hover, #f3f4f6)}.tsm-countdown{font-weight:600;color:var(--color-text-primary, #374151)}@keyframes tsmXpFloatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-100%) scale(1.1)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}@keyframes tsmFadeIn{0%{opacity:0}to{opacity:1}}.tsm-word-preview-list{display:flex;flex-direction:column;gap:10px;max-height:min(55vh,calc(88vh - 180px));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 2px;scrollbar-width:thin;scrollbar-color:rgba(100,100,130,.35) rgba(0,0,0,.04)}.tsm-word-preview-list::-webkit-scrollbar{width:14px}.tsm-word-preview-list::-webkit-scrollbar-track{background:#0000000a;border-radius:8px}.tsm-word-preview-list::-webkit-scrollbar-thumb{background:#64648259;border:3px solid transparent;background-clip:content-box;border-radius:8px}.tsm-word-preview-list::-webkit-scrollbar-thumb:hover{background:#6464828c;background-clip:content-box}.tsm-section,.tsm-reading-content,.tsm-exercise-content,.tsm-word-list{scrollbar-width:thin;scrollbar-color:rgba(100,100,130,.35) rgba(0,0,0,.04);scrollbar-gutter:stable}.tsm-section::-webkit-scrollbar,.tsm-reading-content::-webkit-scrollbar,.tsm-exercise-content::-webkit-scrollbar,.tsm-word-list::-webkit-scrollbar{width:14px}.tsm-section::-webkit-scrollbar-track,.tsm-reading-content::-webkit-scrollbar-track,.tsm-exercise-content::-webkit-scrollbar-track,.tsm-word-list::-webkit-scrollbar-track{background:#0000000a;border-radius:8px}.tsm-section::-webkit-scrollbar-thumb,.tsm-reading-content::-webkit-scrollbar-thumb,.tsm-exercise-content::-webkit-scrollbar-thumb,.tsm-word-list::-webkit-scrollbar-thumb{background:#64648259;border:3px solid transparent;background-clip:content-box;border-radius:8px}.tsm-section::-webkit-scrollbar-thumb:hover,.tsm-reading-content::-webkit-scrollbar-thumb:hover,.tsm-exercise-content::-webkit-scrollbar-thumb:hover,.tsm-word-list::-webkit-scrollbar-thumb:hover{background:#6464828c;background-clip:content-box}body.dark .tsm-section::-webkit-scrollbar-thumb,body.dark .tsm-reading-content::-webkit-scrollbar-thumb,body.dark .tsm-exercise-content::-webkit-scrollbar-thumb,body.dark .tsm-word-list::-webkit-scrollbar-thumb,body.dark .tsm-word-preview-list::-webkit-scrollbar-thumb{background:#b4b4d24d;background-clip:content-box}body.dark .tsm-section::-webkit-scrollbar-thumb:hover,body.dark .tsm-reading-content::-webkit-scrollbar-thumb:hover,body.dark .tsm-exercise-content::-webkit-scrollbar-thumb:hover,body.dark .tsm-word-list::-webkit-scrollbar-thumb:hover,body.dark .tsm-word-preview-list::-webkit-scrollbar-thumb:hover{background:#b4b4d280;background-clip:content-box}body.dark .tsm-section::-webkit-scrollbar-track,body.dark .tsm-reading-content::-webkit-scrollbar-track,body.dark .tsm-exercise-content::-webkit-scrollbar-track,body.dark .tsm-word-list::-webkit-scrollbar-track,body.dark .tsm-word-preview-list::-webkit-scrollbar-track{background:#ffffff0a}body.dark .tsm-section,body.dark .tsm-reading-content,body.dark .tsm-exercise-content,body.dark .tsm-word-list,body.dark .tsm-word-preview-list{scrollbar-color:rgba(180,180,210,.3) rgba(255,255,255,.04)}@media(max-width:640px){.tsm-section::-webkit-scrollbar,.tsm-reading-content::-webkit-scrollbar,.tsm-exercise-content::-webkit-scrollbar,.tsm-word-list::-webkit-scrollbar,.tsm-word-preview-list::-webkit-scrollbar{width:6px}.tsm-section::-webkit-scrollbar-thumb,.tsm-reading-content::-webkit-scrollbar-thumb,.tsm-exercise-content::-webkit-scrollbar-thumb,.tsm-word-list::-webkit-scrollbar-thumb,.tsm-word-preview-list::-webkit-scrollbar-thumb{border-width:1px}}.tsm-word-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:var(--color-bg-secondary, #f7f7f8);border:1px solid var(--color-border, #e8e8e8);transition:background .15s ease;word-break:keep-all;overflow-wrap:anywhere}.tsm-word-card:hover{background:var(--color-bg-hover, #f0f0f2)}.tsm-word-card-image{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--color-bg-secondary, #eee)}.tsm-word-card-image-placeholder{width:48px;height:48px;border-radius:8px;flex-shrink:0;background:var(--color-bg-secondary, #eee);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-text-secondary, #999)}.tsm-word-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tsm-word-card-learning{font-size:1.1em;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:6px}.tsm-word-card-native{font-size:.9em;color:#1a1a2e}.tsm-word-card-arrow{color:var(--color-text-secondary, #999);margin:0 2px;font-size:.85em}.tsm-word-preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:4px}.tsm-image-toggle{font-size:.8em;padding:4px 10px;border-radius:6px;opacity:.7;transition:opacity .15s ease;flex-shrink:0}.tsm-image-toggle:hover{opacity:1}.tsm-word-card-hero{background:var(--color-bg-hover, #eef0f5);border-color:var(--color-primary, #4a6cf7);border-width:1.5px}.tsm-word-card-hero .tsm-word-card-image,.tsm-word-card-hero .tsm-word-card-image-placeholder{width:72px;height:72px}.tsm-word-card-hero .tsm-word-card-image-placeholder{font-size:28px}.tsm-word-card-hero .tsm-word-card-learning{font-size:1.25em}.tsm-word-preview-compact .tsm-word-card-image,.tsm-word-preview-compact .tsm-word-card-image-placeholder{display:none}.tsm-word-preview-compact .tsm-word-card{padding:8px 14px;gap:0}.tsm-word-preview-start{width:100%;font-size:1.1em;padding:14px}@media(max-width:640px){.tsm-word-card{padding:8px 10px;gap:8px}.tsm-word-card-image,.tsm-word-card-image-placeholder{width:40px;height:40px}.tsm-word-card-hero .tsm-word-card-image,.tsm-word-card-hero .tsm-word-card-image-placeholder{width:56px;height:56px}.tsm-word-card-hero .tsm-word-card-image-placeholder{font-size:22px}.tsm-word-card-learning{font-size:1em}.tsm-word-card-hero .tsm-word-card-learning{font-size:1.1em}.tsm-word-preview-list{max-height:min(50vh,calc(100dvh - 200px))}}.grammar-tour-card{padding:8px 0;text-align:start}.grammar-tour-progress{font-size:12px;color:var(--color-text-tertiary, #888);margin-bottom:10px}.grammar-tour-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.grammar-tour-name{font-size:18px;font-weight:700;color:var(--color-text-main, #111827)}.grammar-tour-cefr{font-size:11px;font-weight:600;padding:1px 8px;border-radius:6px;background:var(--color-success-light, rgba(16, 185, 129, .12));color:var(--color-success, #10b981)}.grammar-tour-why{font-size:14px;line-height:1.6;color:var(--color-text-secondary, #555);margin-bottom:12px;text-align:start}.grammar-tour-example{display:flex;gap:10px;padding:12px 14px;border-radius:10px;background:var(--bg-secondary, #f8f9fa);cursor:pointer;margin-bottom:16px;transition:background .15s}.grammar-tour-example:hover{background:var(--bg-hover, rgba(0,0,0,.06))}.grammar-tour-example:focus-visible{outline:2px solid var(--color-primary, #4361ee);outline-offset:2px}.grammar-tour-example-icon{font-size:18px;flex-shrink:0;padding-top:2px}.grammar-tour-example-texts{display:flex;flex-direction:column;gap:4px}.grammar-tour-example-it{font-size:15px;font-style:italic;font-weight:500;color:var(--color-text-main, #1a1a2e)}.grammar-tour-example-en{font-size:12px;color:var(--color-text-tertiary, #888)}.grammar-tour-actions{display:flex;align-items:center;gap:6px}.grammar-tour-actions-spacer{flex:1}.grammar-tour-explain-btn,.grammar-tour-save-btn{font-size:12px!important;padding:3px 8px!important;color:var(--color-text-secondary, #555)!important;background:transparent!important;border:1px solid transparent!important;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.grammar-tour-explain-btn:hover,.grammar-tour-save-btn:hover{background:var(--bg-hover, rgba(0,0,0,.06))!important;color:var(--color-text-main, #1a1a2e)!important;border-color:var(--color-border, #e5e7eb)!important}.grammar-tour-card .tsm-btn:focus-visible{outline:2px solid var(--color-primary, #4361ee);outline-offset:2px}.grammar-tour-card:lang(zh) .grammar-tour-example-it,.grammar-tour-card:lang(ja) .grammar-tour-example-it{font-size:17px;font-style:normal}html.dark .grammar-tour-cefr{background:#052e16;color:#86efac}html.dark .grammar-tour-why{color:#a0a0b8}html.dark .grammar-tour-example{background:#ffffff0a}html.dark .grammar-tour-example:hover{background:#ffffff14}html.dark .grammar-tour-example-it{color:#e2e8f0}html.dark .grammar-tour-example-en{color:#71717a}html.dark .grammar-tour-exercise-prompt{color:#a0a0b8}.grammar-tour-exercise-label{font-size:14px;font-weight:600;margin-bottom:4px}.grammar-tour-exercise-prompt{font-size:13px;color:var(--color-text-secondary, #555);margin-bottom:12px}.grammar-tour-rtl{direction:rtl;text-align:right}.grammar-tour-rtl .grammar-tour-example-icon{order:2}.grammar-tour-rtl .grammar-tour-example-texts{order:1}.grammar-tour-conj-table{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:12px 16px;border-radius:10px;background:var(--bg-secondary, #f8f9fa);margin-bottom:8px;font-size:15px}.grammar-tour-conj-row{display:contents}.grammar-tour-conj-pronoun{font-weight:600;color:var(--color-text-tertiary, #888);font-size:13px;padding:2px 0;white-space:nowrap}.grammar-tour-conj-form{font-weight:500;color:var(--color-text-main, #1a1a2e);font-style:italic;padding:2px 0}.grammar-tour-conj-sentence{font-size:14px;font-style:italic;font-weight:500;color:var(--color-text-main, #1a1a2e);padding:8px 16px 4px;border-left:3px solid var(--color-primary, #4361ee);margin-bottom:6px}.grammar-tour-tts-btn{background:none;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:4px 10px;font-size:16px;cursor:pointer;margin-bottom:14px;transition:background .15s,border-color .15s;line-height:1}.grammar-tour-tts-btn:hover{background:var(--bg-hover, rgba(0,0,0,.06));border-color:var(--color-primary, #4361ee)}html.dark .grammar-tour-conj-table{background:#ffffff0a}html.dark .grammar-tour-conj-pronoun{color:#71717a}html.dark .grammar-tour-conj-form{color:#e2e8f0}html.dark .grammar-tour-conj-sentence{color:#e2e8f0;border-left-color:var(--color-primary, #4361ee)}html.dark .grammar-tour-tts-btn{border-color:#3f3f46}html.dark .grammar-tour-tts-btn:hover{background:#ffffff14}html.dark .grammar-tour-explain-btn,html.dark .grammar-tour-save-btn{color:#a1a1aa!important}html.dark .grammar-tour-explain-btn:hover,html.dark .grammar-tour-save-btn:hover{background:#ffffff0f!important;color:#e2e8f0!important;border-color:#3f3f46!important}html.dark .tsm-header{background:linear-gradient(135deg,rgba(99,102,241,.08),transparent)}.ec-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:9500;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.ec-overlay.show{opacity:1;visibility:visible}.ec-content{background:var(--color-bg-primary, #fff);border-radius:16px;width:94%;max-width:800px;min-height:70vh;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000059;position:relative}.ec-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0;background:linear-gradient(135deg,rgba(74,144,217,.04),transparent)}.ec-header-left{display:flex;align-items:center;gap:12px;min-width:0}.ec-step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:8px;background:var(--color-primary, #4361ee);color:#fff;font-size:12px;font-weight:700}.ec-step-name{font-size:15px;font-weight:600;color:var(--color-text-primary, #1a1a2e)}.ec-title{font-size:16px;font-weight:600;color:var(--color-text-main, #555)}.ec-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--color-text-main, #888);cursor:pointer;transition:all .2s ease}.ec-close-btn:hover{background:var(--color-bg-tertiary, #f0f0f0);color:var(--color-text-primary, #1a1a2e)}.ec-body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:rgba(100,100,130,.35) rgba(0,0,0,.04)}.ec-body::-webkit-scrollbar{width:8px}.ec-body::-webkit-scrollbar-track{background:transparent;border-radius:4px}.ec-body::-webkit-scrollbar-thumb{background:#64648259;border-radius:4px}.ec-body::-webkit-scrollbar-thumb:hover{background:#6464828c}body.dark .ec-body{scrollbar-color:rgba(180,180,210,.3) rgba(255,255,255,.04)}body.dark .ec-body::-webkit-scrollbar-thumb{background:#b4b4d24d}body.dark .ec-body::-webkit-scrollbar-thumb:hover{background:#b4b4d280}.ec-step-description{font-size:14px;color:var(--color-text-main, #666);padding:10px 16px;background:var(--color-primary-soft, #f0f4ff);border-radius:8px;border-left:3px solid var(--color-primary, #4361ee)}.ec-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--color-text-secondary, #888)}.ec-spinner{width:32px;height:32px;border:3px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #4361ee);border-radius:50%;animation:ec-spin .8s linear infinite}@keyframes ec-spin{to{transform:rotate(360deg)}}.ec-reading-container{display:flex;flex-direction:column;gap:16px}.ec-reading-placeholder{padding:20px;background:var(--color-bg-secondary, #f8f9fa);border-radius:12px;text-align:center}.ec-reading-placeholder p{margin:0 0 16px;color:var(--color-text-main, #666)}.ec-exercise-container{display:flex;flex-direction:column;align-items:center;gap:16px}.ec-exercise-placeholder{padding:40px;text-align:center;color:var(--color-text-secondary, #888)}.ec-word-count{font-size:14px;color:var(--color-text-main, #666);margin:0}.ec-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center}.ec-empty-state p{margin:0;color:var(--color-text-main, #666)}.ec-hint{font-size:13px;color:var(--color-text-tertiary, #999)}.ec-choice-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px 0}.ec-choice-container h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary, #1a1a2e);text-align:center}.ec-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:400px;margin:0 auto}.ec-choice-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid var(--color-border, #e0e0e0);border-radius:12px;background:var(--color-bg-primary, #fff);cursor:pointer;transition:all .2s ease}.ec-choice-btn:hover{border-color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #f0f4ff)}.ec-choice-btn:active{transform:scale(.98)}.ec-choice-icon{font-size:28px}.ec-choice-label{font-size:14px;font-weight:600;color:var(--color-text-primary, #1a1a2e)}.ec-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--color-border, #e0e0e0);flex-shrink:0;background:var(--color-bg-secondary, #f8f9fa)}.ec-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.ec-btn-secondary{background:transparent;color:var(--color-text-main, #666)}.ec-btn-secondary:hover{background:var(--color-bg-tertiary, #f0f0f0);color:var(--color-text-primary, #1a1a2e)}.ec-btn-primary{background:var(--color-primary, #4361ee);color:#fff}.ec-btn-primary:hover{background:var(--color-primary-dark, #3651d4)}.ec-btn:disabled{opacity:.5;cursor:not-allowed}.ec-btn-sm{padding:8px 14px;font-size:13px}.ec-btn-ghost{background:transparent;color:var(--color-text-secondary, #555);border:1px solid transparent}.ec-btn-ghost:hover{background:var(--bg-hover, rgba(0,0,0,.06));color:var(--color-text-main, #1a1a2e);border-color:var(--color-border, #e0e0e0)}.ec-input{width:100%;padding:10px 14px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:15px;background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #1a1a2e);outline:none;transition:border-color .15s}.ec-input:focus{border-color:var(--color-primary, #4361ee)}body.dark .ec-input{background:#ffffff0f;border-color:#ffffff1a;color:#e5e5e5}.ec-feedback-correct{color:#16a34a;font-weight:600}.ec-feedback-wrong{color:#dc2626;font-weight:500}body.dark .ec-feedback-correct{color:#86efac}body.dark .ec-feedback-wrong{color:#fca5a5}.cockpit-grammar-tour{display:flex;flex-direction:column;gap:16px}.cockpit-grammar-tour .grammar-tour-actions{display:flex;gap:10px;margin-top:16px}.cockpit-grammar-tour .grammar-tour-exercise-input{margin:12px 0}.cockpit-grammar-tour .grammar-tour-exercise-feedback{min-height:24px;margin:8px 0}.cockpit-grammar-tour .grammar-tour-exercise-prompt{color:var(--rm-text-secondary, #666);margin-bottom:4px;line-height:1.6}.cockpit-grammar-tour .grammar-tour-exercise-prompt strong{color:var(--rm-text-primary, #1a1a1a)}.cockpit-grammar-tour .grammar-tour-exercise-prompt mark{background:#4a90d933;color:var(--color-primary, #4361ee);padding:1px 4px;border-radius:3px;font-weight:700}.ec-header-right{display:flex;align-items:center;gap:12px}.ec-topic-name{font-size:13px;color:var(--color-text-main, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.ec-step-icon{font-size:16px}.ec-error-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.ec-error-detail{font-size:13px;color:var(--color-text-tertiary, #999);margin:0}.ec-reading-fallback{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center;color:var(--color-text-main, #666)}.ec-exercise-area{display:flex;flex-direction:column;gap:16px}.ec-choice-desc{font-size:12px;color:var(--color-text-tertiary, #888)}.ec-choice-finish{margin-top:16px;width:100%}.ec-interstitial{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px 24px;text-align:center;animation:ec-fade-in .2s ease}.ec-interstitial-icon{font-size:48px;margin-bottom:4px}.ec-interstitial-title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary, #1a1a2e)}.ec-interstitial-stats{margin:0;font-size:14px;color:var(--color-text-secondary, #666)}.ec-interstitial-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:8px}.ec-interstitial-actions .ec-btn{width:100%}.ec-interstitial-auto{margin:4px 0 0;font-size:12px;color:var(--color-text-tertiary, #999)}.ec-interstitial-pick{margin-top:8px;padding:8px 16px;border:none;background:none;color:var(--color-text-secondary, #666);font-size:13px;cursor:pointer;transition:color .2s}.ec-interstitial-pick:hover{color:var(--color-primary, #4361ee)}.ec-complete-stats{display:flex;gap:24px;justify-content:center;margin:8px 0}.ec-stat-row{font-size:14px;color:var(--color-text-secondary, #666)}.ec-stat-value{font-weight:700;font-size:18px;color:var(--color-text-primary, #1a1a2e)}.ec-complete-breakdown{font-size:13px;color:var(--color-text-secondary, #666);line-height:1.8}.ec-complete-footer{font-size:14px;color:var(--color-text-main, #555)}.ec-confirm-dialog .ec-btn-primary{background:#e53e3e}.ec-confirm-dialog .ec-btn-primary:hover{background:#c53030}.ec-complete{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center}.ec-complete-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center}.ec-complete h3{margin:0;font-size:22px;font-weight:700;color:var(--color-text-primary, #1a1a2e)}.ec-complete p{margin:0;color:var(--color-text-main, #666)}.ec-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10001000;display:flex;align-items:center;justify-content:center;animation:ec-fade-in .15s ease;touch-action:manipulation}@keyframes ec-fade-in{0%{opacity:0}to{opacity:1}}.ec-confirm-dialog{background:var(--color-bg-primary, #fff);border-radius:16px;padding:28px 32px;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 60px #00000040}.ec-confirm-dialog h3{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--color-text-primary, #1a1a2e)}.ec-confirm-dialog p{margin:0 0 24px;color:var(--color-text-main, #666)}.ec-confirm-actions{display:flex;gap:12px;justify-content:center}@media(max-width:640px){body.cockpit-active{overflow:hidden;position:fixed;width:100%}.ec-content{width:100%;min-height:100vh;max-height:100vh;border-radius:0}.ec-body{padding:20px 16px}.ec-choice-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.cockpit-correct{background:#d1fae5!important;border-color:#10b981!important;color:#065f46!important}.cockpit-wrong{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.cockpit-feedback-correct,.cockpit-feedback-wrong{padding:10px 16px;border-radius:8px;margin-top:8px;font-weight:600;font-size:14px;text-align:center;animation:ec-fade-in .2s ease}.cockpit-feedback-correct{background:#d1fae5;color:#065f46;border:1px solid #10b981}.cockpit-feedback-wrong{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.cockpit-feedback-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}[class^=cockpit-][class$=-header]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}[class^=cockpit-][class$=-icon]{font-size:24px;flex-shrink:0}[class^=cockpit-][class$=-title]{margin:0;font-size:17px;font-weight:700;color:var(--color-text-primary, #1a1a2e)}[class^=cockpit-][class$=-loading]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;color:var(--color-text-secondary, #888)}[class^=cockpit-][class$=-loading] p{margin:0;font-size:14px}.cockpit-drill-empty,.cockpit-explore-unavailable{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center;color:var(--color-text-main, #666)}.cockpit-drill-empty p,.cockpit-explore-unavailable p{margin:0}.cockpit-reading{display:flex;flex-direction:column;gap:16px}.cockpit-reading .reading-modal-header{border-bottom:none;padding:4px 0 8px;background:transparent}.cockpit-reading .reading-passage-container{flex:none;max-height:none}.cockpit-reading-questions{border-top:1px solid var(--color-border, #e5e5e5);padding-top:16px;margin-top:8px}.cockpit-questions-title{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--color-text-primary, #1a1a2e)}.cockpit-question{margin-bottom:14px;padding:12px 16px;background:var(--color-bg-secondary, #f8f9fa);border-radius:10px}.cockpit-question:last-child{margin-bottom:0}.cockpit-question-text{margin:0 0 10px;font-weight:600;font-size:14px;color:var(--color-text-primary, #1a1a2e)}.cockpit-question-options{display:flex;flex-direction:column;gap:6px}.cockpit-question-option{display:block;width:100%;padding:8px 14px;background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #d1d5db);border-radius:6px;cursor:pointer;text-align:left;font-size:14px;color:var(--color-text-primary, #1a1a2e);transition:all .15s ease}.cockpit-question-option:hover:not(:disabled){background:var(--color-primary-soft, #f0f4ff);border-color:var(--color-primary, #4a90d9)}.cockpit-question-option:disabled{cursor:default;opacity:.85}.cockpit-question-input{margin-top:4px}.cockpit-question-answer{width:100%;padding:8px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:6px;font-size:14px;color:var(--color-text-primary, #1a1a2e);background:var(--color-bg-primary, #fff);outline:none;transition:border-color .2s}.cockpit-question-answer:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d91f}.cockpit-writing{display:flex;flex-direction:column;gap:16px}.cockpit-writing-prompt{padding:12px 16px;background:var(--color-primary-soft, #f0f4ff);border-radius:8px;border-left:3px solid var(--color-primary, #4a90d9)}.cockpit-writing-prompt p{margin:0;font-size:14px;font-weight:500;color:var(--color-primary, #4a90d9);line-height:1.5}.cockpit-writing-body{flex:1;min-height:0}.cockpit-writing-editor{display:flex;flex-direction:column;gap:12px}.cockpit-writing-textarea{width:100%;min-height:180px;border:2px solid var(--color-border, #e5e5e5);border-radius:10px;padding:14px;font-family:Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:var(--color-text-primary, #1a1a1a);background:var(--color-bg-primary, #fff);resize:none;outline:none;transition:border-color .2s ease}.cockpit-writing-textarea:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d91f}.cockpit-writing-textarea::placeholder{color:var(--color-text-tertiary, #aaa)}.cockpit-writing-hints{background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border, #e5e5e5);border-radius:10px;padding:12px 16px}.cockpit-hints-title{font-size:14px;font-weight:700;margin:0 0 8px;color:var(--color-text-primary, #1a1a2e)}.cockpit-hints-content{font-size:13px;color:var(--color-text-main, #555)}.cockpit-hint{padding:6px 0;border-bottom:1px solid var(--color-border, #eee);line-height:1.5}.cockpit-hint:last-child{border-bottom:none}.cockpit-writing-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cockpit-writing-actions{display:flex;justify-content:flex-end;padding-top:4px}.cockpit-writing-feedback{display:flex;flex-direction:column;gap:14px}.cockpit-feedback-score{font-size:1.8rem;font-weight:800;text-align:center;padding:8px 0}.cockpit-feedback-text{margin:0;font-size:14px;line-height:1.5;color:var(--color-text-main, #555)}.cockpit-feedback-section{padding:12px 16px;background:var(--color-bg-secondary, #f8f9fa);border-radius:8px}.cockpit-feedback-section h4{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--color-text-primary, #1a1a2e);text-transform:uppercase;letter-spacing:.5px}.cockpit-corrected{margin:0;padding:10px 14px;background:#d1fae5;border-radius:6px;font-size:14px;line-height:1.6;color:#065f46}.cockpit-errors-list,.cockpit-strengths-list{margin:0;padding:0 0 0 20px;list-style:disc}.cockpit-errors-list li,.cockpit-strengths-list li{padding:4px 0;font-size:13px;line-height:1.5}.cockpit-error-original{text-decoration:line-through;color:#ef4444;font-weight:500}.cockpit-error-corrected{color:#10b981;font-weight:600}.cockpit-error-explanation{display:block;font-size:12px;color:var(--color-text-tertiary, #888);margin-top:2px}.cockpit-drill{display:flex;flex-direction:column;gap:16px}.cockpit-drill-header{justify-content:space-between}.cockpit-drill-progress{font-size:13px;font-weight:700;padding:3px 10px;border-radius:12px;background:var(--color-primary-soft, #f0f4ff);color:var(--color-primary, #4a90d9);white-space:nowrap}.cockpit-drill-progress-bar{flex:1;max-width:120px;height:6px;background:var(--color-border, #e5e7eb);border-radius:3px;overflow:hidden;margin:0 8px}.cockpit-progress-fill{height:100%;background:var(--color-primary, #4a90d9);border-radius:3px;transition:width .4s ease}.cockpit-tts-toggle{background:none;border:1px solid var(--color-border, #e5e7eb);border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .2s,border-color .2s;flex-shrink:0}.cockpit-tts-toggle:hover{background:var(--color-primary-soft, #f0f4ff);border-color:var(--color-primary, #4a90d9)}.cockpit-summary-xp{text-align:center;font-size:18px;font-weight:700;color:#f59e0b;margin:8px 0}.cockpit-drill-question{text-align:center}.cockpit-question-prompt{margin:0;font-size:17px;font-weight:600;color:var(--color-text-primary, #1a1a2e);line-height:1.5}.cockpit-drill-input{display:flex;gap:10px;align-items:stretch}.cockpit-drill-text-input{flex:1;padding:10px 14px;border:2px solid var(--color-border, #d1d5db);border-radius:8px;font-size:15px;color:var(--color-text-primary, #1a1a1a);background:var(--color-bg-primary, #fff);outline:none;transition:border-color .2s}.cockpit-drill-text-input:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d91f}.cockpit-drill-options{display:flex;flex-direction:column;gap:8px}.cockpit-drill-option{display:block;width:100%;padding:12px 16px;border:2px solid var(--color-border, #d1d5db);border-radius:10px;background:var(--color-bg-primary, #fff);cursor:pointer;text-align:left;font-size:15px;color:var(--color-text-primary, #1a1a2e);transition:all .15s ease}.cockpit-drill-option:hover:not(:disabled){background:var(--color-primary-soft, #f0f4ff);border-color:var(--color-primary, #4a90d9)}.cockpit-drill-option:disabled{cursor:default;opacity:.85}.cockpit-drill-feedback{min-height:20px}.cockpit-drill-summary{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cockpit-summary-icon{font-size:48px;margin-bottom:4px}.cockpit-summary-title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary, #1a1a2e)}.cockpit-summary-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cockpit-stat{font-size:15px;font-weight:600;padding:4px 12px;border-radius:8px}.cockpit-stat.correct{color:#065f46;background:#d1fae5}.cockpit-stat.wrong{color:#991b1b;background:#fee2e2}.cockpit-stat.pct{font-size:20px;font-weight:800;color:var(--color-primary, #4a90d9);background:var(--color-primary-soft, #f0f4ff);padding:4px 16px}.cockpit-summary-actions{margin-top:8px}.cockpit-explore{display:flex;flex-direction:column;gap:16px}.cockpit-tier-badge{font-size:11px;padding:2px 8px;border-radius:8px;font-weight:600;white-space:nowrap}.cockpit-tier-sentence{background:#eef2ff;color:#4f46e5}.cockpit-tier-char{background:#fef3c7;color:#92400e}.cockpit-drill-tf-options{display:flex;gap:12px;justify-content:center}.cockpit-drill-tf-options .cockpit-drill-option{flex:1;max-width:200px;text-align:center;font-weight:600;font-size:16px}.cockpit-tf-yes{border-color:#34d399}.cockpit-tf-no{border-color:#f87171}.cockpit-explanation{margin-top:8px;padding:8px 12px;font-size:13px;color:var(--color-text-secondary, #6b7280);background:var(--color-bg-secondary, #f9fafb);border-radius:6px;line-height:1.4}.cockpit-summary-breakdown{display:flex;gap:16px;justify-content:center;font-size:13px;color:var(--color-text-secondary, #6b7280)}body.dark .cockpit-correct{background:#064e3b!important;border-color:#34d399!important;color:#d1fae5!important}body.dark .cockpit-wrong{background:#7f1d1d!important;border-color:#f87171!important;color:#fee2e2!important}body.dark .cockpit-feedback-correct{background:#064e3b;color:#d1fae5;border-color:#34d399}body.dark .cockpit-feedback-wrong{background:#7f1d1d;color:#fee2e2;border-color:#f87171}body.dark .cockpit-question{background:var(--color-bg-tertiary, #2a2a3e)}body.dark .cockpit-question-option{background:var(--color-bg-tertiary, #374151);border-color:#4b5563;color:#e5e7eb}body.dark .cockpit-question-option:hover:not(:disabled){background:#4b5563;border-color:#818cf8}body.dark .cockpit-question-answer,body.dark .cockpit-drill-text-input{background:#374151;border-color:#4b5563;color:#e5e7eb}body.dark .cockpit-question-answer:focus,body.dark .cockpit-drill-text-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark .cockpit-writing-textarea{background:#374151;border-color:#4b5563;color:#e5e7eb}body.dark .cockpit-writing-textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark .cockpit-writing-prompt{background:#818cf81a;border-left-color:#818cf8}body.dark .cockpit-writing-prompt p{color:#818cf8}body.dark .cockpit-writing-hints{background:#2a2a3e;border-color:#4b5563}body.dark .cockpit-feedback-section{background:#2a2a3e}body.dark .cockpit-corrected{background:#064e3b;color:#d1fae5}body.dark .cockpit-drill-option{background:#374151;border-color:#4b5563;color:#e5e7eb}body.dark .cockpit-drill-option:hover:not(:disabled){background:#4b5563;border-color:#818cf8}body.dark .cockpit-stat.correct{color:#d1fae5;background:#064e3b}body.dark .cockpit-stat.wrong{color:#fee2e2;background:#7f1d1d}body.dark .cockpit-stat.pct{color:#818cf8;background:#818cf81a}body.dark .cockpit-drill-progress{background:#818cf826;color:#818cf8}@media(max-width:640px){.cockpit-writing-footer{flex-direction:column}.cockpit-writing-footer .ec-btn{width:100%}.cockpit-drill-options{gap:6px}.cockpit-drill-option{padding:10px 12px;font-size:14px}.cockpit-summary-stats{gap:10px}}.ec-footer-reading-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ec-footer .reading-font-btn{--rm-border: var(--color-border, #e0e0e0);--rm-surface-2: var(--color-bg-tertiary, #f0f0f0);--rm-text-secondary: var(--color-text-main, #666);--rm-accent-light: rgba(67, 97, 238, .1);--rm-accent: var(--color-primary, #4361ee);padding:4px 8px;font-size:12px}.ec-footer .reading-font-label{--rm-text-muted: var(--color-text-main, #888);font-size:11px;min-width:28px}.ec-footer .reading-action-btn{--rm-radius-full: 8px;background:var(--color-bg-tertiary, #f0f0f0);color:var(--color-text-primary, #1a1a2e);padding:4px 10px;font-size:12px;white-space:nowrap}.ec-footer .reading-action-btn:hover{background:var(--color-primary, #4361ee);color:#fff}body.dark .ec-footer .reading-font-btn{--rm-border: rgba(255, 255, 255, .08);--rm-surface-2: rgba(255, 255, 255, .06);--rm-text-secondary: #a1a1aa;--rm-accent-light: rgba(129, 140, 248, .15);--rm-accent: #818cf8}body.dark .ec-footer .reading-font-label{--rm-text-muted: #71717a}body.dark .ec-footer .reading-action-btn{background:#ffffff0f;color:#e5e5e5}body.dark .ec-footer .reading-action-btn:hover{background:#818cf8;color:#fff}.char-fade-unknown{position:relative;display:inline-block;line-height:1}.char-fade-unknown rt.char-fade-rt{font-size:.55em;font-weight:400;color:var(--color-text-muted, #888);opacity:.7;font-style:italic;text-align:center;line-height:1}.cockpit-drill-question .char-full-romanization{color:var(--color-text-muted, #666);font-size:.85em;margin-left:2px}.keyboard-navigation *:focus{outline:2px solid var(--color-link)!important;outline-offset:2px!important}.status-pill:focus,.button:focus,.btn:focus,input:focus,select:focus,textarea:focus,.button-icon:focus,.settings-toggle:focus,.api-btn:focus,.about-btn-inner:focus{outline:2px solid var(--color-link)!important;outline-offset:2px!important;box-shadow:var(--shadow-focus)!important}.keyboard-focused{position:relative;z-index:100}.keyboard-focused:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--color-link);border-radius:inherit;pointer-events:none;z-index:-1}.modal-overlay:focus-within{z-index:3000}@media(prefers-contrast:high){:root{--color-link: #0066cc;--color-primary: #0052a3;--color-border: #000000;--color-border-dark: #333333;--color-text-secondary: #000000}.status-pill:focus,.button:focus,.btn:focus,input:focus,select:focus,textarea:focus{outline:3px solid #000000!important;outline-offset:3px!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;inset-inline-start:0;background:var(--color-link);color:#fff;padding:var(--space-2);text-decoration:none;border-radius:0 0 4px;z-index:1000}.skip-link:focus{top:0}.button,.btn,input[type=text],input[type=search],select,textarea,.difficulty-btn,.modal-close,.language-option{min-height:44px;min-width:44px}.status-pill,.language-section{margin-bottom:12px}.language-item:hover,.language-item:focus,.language-option:hover,.language-option:focus{background-color:var(--bg-hover);border-radius:var(--radius-md);padding:var(--space-3);margin:4px 0}.language-item:focus,.language-option:focus{outline:2px solid var(--color-link);outline-offset:2px;box-shadow:var(--shadow-focus)}.keyboard-selected{background-color:var(--color-primary-light)!important;border-radius:var(--radius-md);padding:var(--space-3);margin:4px 0;outline:2px solid var(--color-link);box-shadow:var(--shadow-focus)}.modal-overlay:not([style*="display: none"]){opacity:1}.modal-content{position:relative;transition:transform .3s ease,box-shadow .3s ease}.modal-overlay:focus-within .modal-content{box-shadow:0 20px 40px #0003}.difficulty-btn:focus{outline:2px solid var(--color-link);outline-offset:2px;box-shadow:var(--shadow-focus)}.difficulty-btn:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.status-pill{font-size:var(--text-12px);padding:var(--space-1) 8px;min-height:auto;border-radius:18px;transition:all .2s ease;cursor:pointer;border:1px solid var(--color-border);position:relative;line-height:1.2}.status-pill:hover{background-color:var(--bg-hover);border-color:var(--color-link);transform:translateY(-1px)}.status-pill:focus{outline:2px solid var(--color-link);outline-offset:2px;box-shadow:var(--shadow-focus)}.status-pill:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}@media(prefers-contrast:high){.status-pill{border:3px solid var(--color-border)}.status-pill:focus{border-color:#000;outline-color:#000}}@media(max-width:768px){.difficulty-btn,.language-search-input,.modal-close{min-height:48px;min-width:48px;padding:var(--space-4)}.status-pill{min-height:36px;min-width:36px;padding:6px 10px}}body.dark .keyboard-focused{outline-color:#64b5f6!important;box-shadow:0 0 0 3px #64b5f633!important}body.dark .status-pill:focus,body.dark .difficulty-btn:focus,body.dark .language-search-input:focus{outline-color:#64b5f6!important;box-shadow:0 0 0 3px #64b5f633!important}@keyframes announce-modal{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-go-modal:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.language-settings-footer{justify-content:center;padding:var(--space-5) 16px 24px}.btn-go-modal{width:100%;max-width:280px;padding:var(--space-4) 24px;font-size:17px;min-height:52px}}.btn-instruction,.btn-select,.btn-go{flex:1;padding:var(--space-3) 20px;border:none;border-radius:var(--radius-md);font-size:var(--text-14px);font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.btn-instruction{background:var(--color-text-secondary);color:#fff}.btn-select{background:var(--color-link);color:#fff}.btn-go{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-blue)}.btn-instruction:hover,.btn-select:hover,.btn-go:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-go:hover{box-shadow:0 4px 12px #2563eb66}.btn-instruction:active,.btn-select:active,.btn-go:active{transform:translateY(0)}@media(min-width:768px){.action-buttons-group{gap:0}#selectBtn{display:none!important}#goBtn{flex:1;width:100%;font-size:var(--text-16px);padding:14px 24px}}@media(max-width:767px){#selectBtn{display:block}#goBtn{flex:1}}.provider-search-wrapper{position:relative;display:flex;align-items:center}.provider-search-input{width:100%;padding:var(--space-3) 36px 12px 36px;font-size:var(--text-14px);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--color-text-main);transition:all .2s ease}.provider-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.provider-search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.clear-search-btn{position:absolute;inset-inline-end:8px;background:none;border:none;font-size:20px;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) 8px;border-radius:var(--radius-sm);opacity:.6;transition:all .2s ease;display:none}.clear-search-btn:hover{opacity:1;background:var(--bg-hover)}.clear-search-btn.visible{display:block}.provider-count{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;margin-inline-start:4px}.free-tier-info{margin-top:8px;padding:var(--space-2) 12px;background:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius-md);color:#166534;font-size:var(--text-12px);display:none}body.dark .free-tier-info{background:#22c55e26;border-color:#4ade804d;color:#4ade80}.free-tier-info.visible{display:block}.api-config-select option[data-tier=free]{color:#059669}body.dark .api-config-select option[data-tier=free]{color:#34d399}.api-config-select optgroup[label*=Free]{color:#059669;background:#f0fdf4}body.dark .api-config-select optgroup[label*=Free]{color:#34d399;background:#22c55e1a}.provider-option.hidden{display:none}.provider-option.highlight{background:var(--color-primary-light)}.provider-badge-free{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:2px 8px;background:#dcfce7;color:#166534;border-radius:var(--radius-lg);font-size:10px;font-weight:500}body.dark .provider-badge-free{background:#22c55e33;color:#4ade80}.provider-badge-paid{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:2px 8px;background:#fee2e2;color:#991b1b;border-radius:var(--radius-lg);font-size:10px;font-weight:500}body.dark .provider-badge-paid{background:#ef444433;color:#f87171}.filtered-provider-list{max-height:300px;overflow-y:auto;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-input)}.filtered-provider-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--color-border)}.filtered-provider-item:last-child{border-bottom:none}.filtered-provider-item:hover{background:var(--bg-hover)}.filtered-provider-item.selected{background:var(--color-primary-light)}.filtered-provider-logo{font-size:var(--text-lg);width:24px;text-align:center}.filtered-provider-info{flex:1}.filtered-provider-name{font-weight:500;color:var(--color-text-main);font-size:var(--text-14px)}.filtered-provider-meta{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.filtered-provider-type{font-size:10px;padding:2px 8px;border-radius:var(--radius-lg);background:var(--bg-grid-block);color:var(--color-text-secondary)}.newtab-selector-modal{max-width:720px;width:95%;max-height:90vh;overflow-y:auto}.newtab-selector-header{display:flex;flex-direction:column;padding:var(--space-5) 20px 15px;border-bottom:1px solid var(--color-border);position:relative}.newtab-selector-header h3{margin:0 0 5px;font-size:20px;font-weight:600;color:var(--color-text-main)}.newtab-selector-subtitle{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.newtab-search-wrapper{position:relative;padding:15px 20px;border-bottom:1px solid var(--color-border)}.newtab-search-input{width:100%;padding:var(--space-3) 36px 12px 36px;font-size:var(--text-14px);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--color-text-main)}.newtab-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.newtab-selector-body{padding:15px 20px;display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto}.newtab-section{display:flex;flex-direction:column;gap:10px}.newtab-section-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.newtab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.newtab-option{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--space-4) 12px;background:var(--bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.newtab-option:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.newtab-option.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.newtab-option.hidden{display:none}.newtab-icon{font-size:var(--text-xl);line-height:1}.newtab-name{font-size:var(--text-12px);font-weight:500;text-align:center;line-height:1.3}.newtab-option.selected .newtab-name{color:#fff}.newtab-section-custom{border-top:2px dashed var(--color-border);padding-top:20px;margin-top:10px}.add-custom-btn{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--space-3);background:var(--bg-grid-block);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-14px);cursor:pointer;transition:all .2s ease;margin-top:10px}.add-custom-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.newtab-selector-footer{display:flex;justify-content:flex-end;padding:15px 20px 20px;border-top:1px solid var(--color-border)}.custom-destination-item{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--space-3);background:var(--bg-grid-block);border:1.5px solid var(--color-border);border-radius:var(--radius-lg)}.custom-destination-item:hover{border-color:var(--color-primary)}.custom-delete-btn{position:absolute;top:4px;inset-inline-end:4px;background:var(--bg-grid-block);border:1px solid var(--color-border);font-size:var(--text-16px);line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);z-index:10;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.custom-delete-btn:hover,.custom-delete-btn:active{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.add-custom-modal .modal-content{max-width:400px}.custom-input-row{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.custom-input-row label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-main)}.custom-input-row input{padding:10px 12px;font-size:var(--text-14px);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text-main)}.newtab-option.highlight{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}@media(max-width:600px){.newtab-grid{grid-template-columns:repeat(2,1fr)}.newtab-option{padding:var(--space-3) 8px}.newtab-icon{font-size:20px}.newtab-name{font-size:var(--text-xs)}}#modelSelect option[value^=custom_],#modelSelect option[value=chatgpt],#modelSelect option[value=claude],#modelSelect option[value=gemini],#modelSelect option[value=perplexity],#modelSelect option[value=poe],#modelSelect option[value=deepseek]{font-weight:500}#modelSelect option[value=change_destination]{color:var(--color-primary);font-style:italic;background:var(--color-primary-light)}.model-select-newtab-indicator{display:inline-flex;align-items:center;gap:6px;margin-inline-start:8px;font-size:var(--text-xs);color:var(--color-text-secondary)}.model-select-newtab-indicator:before{content:"🆕"}#modelSelect.new-tab-mode{background:linear-gradient(to right,var(--bg-input) 95%,#dbeafe 95%);border-color:var(--color-primary)}body.dark #modelSelect.new-tab-mode{background:linear-gradient(to right,var(--bg-input) 95%,rgba(99,102,241,.3) 95%)}#modelSelect option{padding:var(--space-2)}.settings-summary-pill .destination-name{color:var(--color-primary);font-weight:500}.quick-destination-switch{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:2px 8px;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-xl);font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;margin-inline-start:8px;transition:all .2s ease}.quick-destination-switch:hover{background:var(--color-primary);color:#fff}.output-model-section{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--space-4);background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.output-model-label{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.output-model-label .setting-icon{font-size:var(--text-14px)}.output-mode-selector{display:flex;gap:var(--gap-sm);width:100%}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 16px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--surface-0);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.mode-btn:before{content:"";position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;height:3px;background:transparent;transition:background .2s ease}.mode-btn:hover{border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.mode-btn.active{border-color:var(--accent-primary);background:var(--accent-primary-subtle);color:var(--accent-primary)}.mode-btn.active:before{background:var(--accent-primary)}.mode-icon{font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.mode-text{font-size:var(--text-sm);font-weight:600}.model-display-btn{display:flex;align-items:center;gap:10px;width:100%;padding:var(--space-3) 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--surface-0);color:var(--color-text-main);cursor:pointer;transition:all .2s ease;text-align:start;font-size:var(--text-14px)}.model-display-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary-subtle)}.model-display-btn:active{transform:scale(.99)}.model-icon{font-size:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.model-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-arrow{font-size:10px;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.model-display-btn:hover .model-arrow{transform:translateY(2px);color:var(--accent-primary)}.compact-row label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-main)}#modelSelect{display:none}@media(max-width:767px){.output-model-section{padding:var(--space-3);gap:10px}.mode-btn{padding:var(--space-3)}.mode-icon{font-size:20px}.mode-text{font-size:var(--text-12px)}.model-display-btn{padding:10px 14px}.model-icon{font-size:var(--text-lg)}}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}button .icon-sm,button .icon-md,button .icon-lg{display:inline-block;vertical-align:middle;flex-shrink:0}[data-lucide]{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}button:has([data-lucide]){display:inline-flex;align-items:center;gap:6px}.setting-icon{display:inline-flex;align-items:center;justify-content:center}.setting-icon [data-lucide]{color:var(--color-primary)}.mode-icon [data-lucide]{color:var(--color-text-secondary)}.mode-btn.active .mode-icon [data-lucide]{color:#fff}.model-icon [data-lucide]{color:var(--color-primary)}.model-arrow [data-lucide]{color:var(--color-text-secondary)}.model-display-btn[aria-expanded=true] .model-arrow{transform:rotate(180deg)}.topic-chevron{display:inline-flex;align-items:center;justify-content:center}.topic-chevron [data-lucide]{color:var(--color-text-secondary)}.quick-action-btn [data-lucide]{color:var(--color-primary)}.response-actions button [data-lucide]{color:var(--color-text-secondary)}.response-actions button:hover [data-lucide]{color:var(--color-text-main)}body.dark .setting-icon [data-lucide],body.dark .model-icon [data-lucide],body.dark .quick-action-btn [data-lucide]{color:var(--accent-primary)}.exercise-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-hover);border:1px solid var(--color-border);border-bottom:none;border-radius:8px 8px 0 0;margin-top:16px}.exercise-panel-label{font-weight:600;font-size:.9rem}.exercise-panel-toggle{display:flex;align-items:center;gap:var(--gap-xs);font-size:.8rem;background:none;border:none;cursor:pointer;padding:4px 8px;color:var(--color-text-secondary)}.exercise-panel-toggle:hover{color:var(--color-primary)!important}.quick-select-container{position:relative;margin:12px 0 16px;padding:16px;background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--box-shadow-smooth)}.quick-select-label{font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--color-primary);margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px}.quick-select-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-select-btn{flex:1;min-width:calc(20% - 8px);padding:12px 8px 10px;background:var(--surface-2, #f1f5f9);border:1.5px solid var(--color-border, #e2e8f0);border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;overflow:hidden}.quick-select-btn:before{content:"";position:absolute;top:50%;inset-inline-start:50%;width:0;height:0;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0;pointer-events:none}.quick-select-btn:active:before{width:200%;height:200%;opacity:1;transition:width .3s ease,height .3s ease,opacity .3s ease}.quick-select-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0003}.quick-select-btn:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.quick-select-btn:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133,0 0 20px #6366f11a}.quick-select-btn:focus:not(:focus-visible){box-shadow:none}.quick-select-btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133,0 0 20px #6366f11a}.quick-select-btn.active,.quick-select-btn.selected{background:linear-gradient(135deg,#6366f126,#6366f10d);border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f14d,0 8px 24px #6366f133,inset 0 1px #ffffff1a}.quick-select-btn.active .quick-select-icon,.quick-select-btn.selected .quick-select-icon{transform:scale(1.1)}.quick-select-icon{font-size:1.3rem;line-height:1;transition:transform .3s cubic-bezier(.23,1,.32,1)}.quick-select-text{font-family:var(--font-display);font-size:.6rem;font-weight:600;color:var(--color-text-main);text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.quick-select-btn:hover .quick-select-text{color:var(--color-primary-dark)}.quick-select-btn.active .quick-select-text,.quick-select-btn.selected .quick-select-text{color:var(--color-primary);font-weight:700}.collapsible-settings-header #headerTopicSelect{padding:var(--space-2) 32px 8px 16px;min-height:38px;max-width:200px;min-width:120px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-10px)}.collapsible-settings-header #headerTopicSelect:after{content:none!important;display:none!important}#headerTopicSelect:hover{border-color:var(--color-primary-dark);box-shadow:0 4px 12px #2563eb40;transform:translateY(-1px)}#headerTopicSelect:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb4d,0 4px 12px #2563eb40;background:linear-gradient(135deg,var(--bg-hover) 0%,#e8f0ff 100%)}#headerTopicSelect option{padding:10px 14px;background-color:var(--bg-input);color:var(--color-text-main);border-bottom:1px solid var(--color-border)}#headerTopicSelect option:hover,#headerTopicSelect option:checked{background-color:var(--color-primary-light)}@media(max-width:768px){.language-settings-modal .modal-content{width:100%;max-width:100%;height:100vh;max-height:100vh;margin:0;border-radius:0;padding:var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.language-settings-modal .language-dropdown:hover{border-color:var(--color-link);background:var(--bg-body)}.language-settings-modal .language-dropdown .dropdown-arrow{font-size:var(--text-14px)}.language-settings-modal .difficulty-btn:hover{border-color:var(--color-link);background:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px)}.language-settings-modal .difficulty-btn:active{transform:translateY(0)}.language-settings-modal .difficulty-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-blue)}.language-settings-modal .modal-close{width:40px;height:40px;font-size:20px;border-radius:50%;background:#0000001a;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.language-settings-modal .modal-close:hover{background:#0003;transform:scale(1.05)}}@media(max-width:480px){.language-settings-modal .modal-content{padding:var(--space-3)}.language-settings-modal .modal-title{font-size:var(--text-16px)}.language-settings-modal .section-title{font-size:var(--text-sm);font-size:var(--text-14px);margin-bottom:8px}.language-settings-modal .difficulty-btn{padding:var(--space-3) 6px;font-size:var(--text-sm);min-height:44px}}@media(max-width:768px){.language-selector-modal .modal-content{height:100%;max-height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column}.language-selector-modal .modal-header{margin-bottom:12px;padding-bottom:10px;position:sticky;top:0;background:var(--bg-panel-left);z-index:10;border-bottom:1px solid var(--color-border)}.language-selector-modal .modal-title{font-size:var(--text-lg);line-height:1.3}.language-selector-modal .modal-body{flex:1;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.language-search-container{padding:var(--space-3);position:sticky;top:0;background:var(--bg-panel-left);z-index:5;border-bottom:1px solid var(--color-border)}.language-search-input:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 3px #3498db26}.language-sections-container{padding:0 12px}.language-section{margin-bottom:16px}.language-section .section-title{font-size:var(--text-14px);font-weight:600;color:var(--color-text-main);margin-bottom:8px;padding:0 4px}.language-list{display:flex;flex-direction:column;gap:2px}.language-item:hover,.language-option:hover{background:var(--bg-body);border-color:var(--color-link);transform:translate(2px)}.language-item:active,.language-option:active{transform:translate(0)}.language-selector-modal .modal-close{width:40px;height:40px;font-size:20px;border-radius:50%;background:#0000001a;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.language-selector-modal .modal-close:hover{background:#0003;transform:scale(1.05)}}@media(max-width:480px){.language-search-container{padding:10px}.language-search-input{padding:var(--space-3) 10px 12px 35px;font-size:var(--text-base)}.language-sections-container{padding:0 8px}.language-section{margin-bottom:12px}.language-section .section-title{font-size:var(--text-sm);margin-bottom:6px}.language-item,.language-option{padding:var(--space-3) 10px;gap:10px;min-height:44px}.language-item .item-flag,.language-option .lang-flag{font-size:var(--text-lg);width:22px}.language-item .item-name,.language-option .lang-name{font-size:var(--text-14px)}.language-list-scrollable{max-height:250px}}@media(max-width:480px){.language-settings-modal .language-section{margin-bottom:16px}.language-select-trigger{padding:10px 12px;font-size:var(--text-sm);min-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.language-select-trigger .selected-language-flag{font-size:var(--text-lg);flex-shrink:0}.language-select-trigger .selected-language-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.language-select-trigger .dropdown-arrow{font-size:10px;flex-shrink:0}.difficulty-segmented-control{gap:2px!important}.difficulty-segmented-control .difficulty-btn{padding:var(--space-2) 4px;font-size:var(--text-sm);min-width:36px}#langSettingsModal .modal-content,div[style*="z-index: 6000"] .modal-content{width:95%!important;max-width:400px!important;margin:12px auto!important;padding:var(--space-4)!important}.settings-tab{font-size:var(--text-12px)!important;padding:var(--space-2) 4px!important}}@media(max-width:768px){html,body{overflow-x:clip!important;position:relative}.modal-overlay{overscroll-behavior:contain}.language-settings-modal,.language-selector-modal,.language-settings-modal *,.language-selector-modal *{box-sizing:border-box}}@media(max-width:768px){.language-settings-modal .language-dropdown:focus,.language-settings-modal .difficulty-btn:focus,.language-search-input:focus,.language-item:focus,.language-option:focus{outline:2px solid var(--color-link);outline-offset:2px}}@media(max-width:768px){.language-settings-modal .difficulty-btn,.language-item,.language-option{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm);min-height:1.2em;display:inline-block}.skeleton-text{background:#eee;border-radius:var(--radius-sm);min-height:1.2em;display:inline-block;width:180px}.skeleton-select{background:#eee;border-radius:var(--radius-sm);min-height:2.5em;display:inline-block;width:200px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-exercise-card{border-radius:12px;padding:20px;border:1px solid var(--color-border, #e5e7eb);background:var(--bg-input, #fff);margin-bottom:12px;animation:skeletonFadeIn .3s ease}.skeleton-exercise-title{width:60%;height:20px;margin-bottom:16px}.skeleton-exercise-line{width:100%;height:16px;margin-bottom:8px}.skeleton-exercise-line:last-child{width:75%}.skeleton-exercise-gap{width:80px;height:28px;border-radius:4px;display:inline-block;margin:4px}.skeleton-exercise-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:12px}.skeleton-exercise-cell{height:32px;border-radius:3px}@keyframes skeletonFadeIn{0%{opacity:0}to{opacity:1}}body.dark .skeleton{background:linear-gradient(90deg,var(--surface-2, #232329) 25%,var(--surface-3, #2a2a32) 50%,var(--surface-2, #232329) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}body.dark .skeleton-text,body.dark .skeleton-select{background:var(--surface-2, #232329)}body.dark .skeleton-exercise-card{background:var(--surface-1, #18181b);border-color:var(--surface-3, #2a2a32)}#languageModal.show{display:block!important}.exercise-detail-modal,.exercise-detail-side-panel{--color-warning: #f59e0b;--color-success: #10b981;--color-error: #ef4444}.exercise-detail-modal{display:none;position:fixed;top:0;inset-inline-start:0;left:0;width:100%;height:100%;z-index:10002;animation:fadeIn .2s ease}.exercise-detail-modal.show{display:flex;flex-direction:column}.exercise-detail-modal .modal-overlay{position:absolute;top:0;inset-inline-start:0;left:0;width:100%;height:100%;background:#000000bf;z-index:1}body.dark .exercise-detail-modal .modal-overlay{background:#000000d9}.exercise-detail-modal .modal-content{position:relative;z-index:2;width:100%;max-width:600px;margin:15px auto;max-height:90vh;background:var(--bg-panel-left);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@media(max-width:768px){.exercise-detail-modal .modal-content{z-index:10005;margin:0;max-height:100vh;height:100vh;border-radius:0}}.modal-close{position:absolute;top:16px;inset-inline-end:16px;width:36px;height:36px;border:none;background:#0000001a;border-radius:50%;font-size:20px;color:var(--color-text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close:hover{background:#0003;transform:rotate(90deg)}.modal-swipe-indicator{width:40px;height:4px;background:#0003;border-radius:2px;margin:8px auto}.exercise-detail-side-panel{display:none;position:fixed;top:0;inset-inline-end:-450px;width:450px;height:100%;background:var(--bg-panel-left);border-inline-start:1px solid var(--color-border);box-shadow:-4px 0 24px #00000026;z-index:9999;flex-direction:column;transition:transform .3s ease;overflow:hidden}.exercise-detail-side-panel.show{display:flex;transform:translate(-450px)}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 24px;border-bottom:1px solid var(--color-border);background:var(--bg-hover)}.panel-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text-main)}.panel-close{width:32px;height:32px;border:none;background:#00000014;border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel-close:hover{background:#dc26261a;color:#dc2626;transform:rotate(90deg)}.modal-navigation,.side-panel-navigation{padding:10px 16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-sm);background:var(--bg-input);border-bottom:1px solid var(--color-border)}.modal-navigation{position:sticky;top:0;z-index:5;flex-shrink:0}.modal-nav-top{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);width:100%}.modal-nav-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;z-index:10}.modal-nav-buttons{display:flex;align-items:center;gap:var(--gap-sm)}.side-panel-navigation{padding:var(--space-4) 24px;flex-direction:row;justify-content:space-between}.nav-indicator{font-size:12px;font-weight:600;color:var(--color-text-secondary);background:#0000000d;padding:var(--space-1) 10px;border-radius:var(--radius-xl)}.nav-indicator .current{color:var(--color-primary)}.panel-nav-btn{display:flex;align-items:center;gap:6px;padding:var(--space-2) 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text-main);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s}.panel-nav-btn:hover:not(.disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.panel-nav-btn.disabled{opacity:.4;cursor:not-allowed}.panel-nav-btn .nav-icon{font-size:16px;font-weight:700}.modal-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text-main);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s}.modal-save-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#d97706}.modal-save-btn.saved{background:#d1fae5;border-color:#10b981;color:#059669}.exercise-detail-content{flex:1;overflow-y:auto;padding:var(--space-5) 24px;display:none}.exercise-detail-content.show{display:block}.exercise-header{margin-bottom:16px}.exercise-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.exercise-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.meta-item{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--space-1) 8px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.meta-phase{color:var(--color-primary);font-weight:600}.meta-difficulty{background:#2563eb1a;border-color:#2563eb4d}.meta-modality{opacity:.7}.meta-time{opacity:.8;color:var(--color-text-secondary)}.exercise-title{font-size:22px;font-weight:700;color:var(--color-text-main);margin:0 0 16px;line-height:1.2}.exercise-description{margin-bottom:24px}.exercise-description p{margin:0 0 12px;color:var(--color-text-secondary);line-height:1.6;font-size:var(--text-base)}.exercise-description p:last-child{margin-bottom:0}.exercise-verb-info{margin-bottom:20px;padding:var(--space-3) 16px;background:var(--surface-1, var(--bg-input));border:1px solid var(--color-border);border-radius:var(--radius-lg)}.exercise-verb-info h4{margin:0 0 10px;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.verb-info-row{display:flex;align-items:flex-start;gap:var(--gap-sm);margin-bottom:6px;font-size:14px}.verb-info-row:last-child{margin-bottom:0}.verb-info-label{font-weight:600;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.verb-info-values{color:var(--color-text-main);line-height:1.4}body.dark .exercise-verb-info{background:var(--surface-2, rgba(255, 255, 255, .05));border-color:var(--color-border-dark, rgba(255, 255, 255, .1))}.modal-tap-zone{position:absolute;top:0;bottom:0;width:20%;z-index:5;cursor:pointer;display:none}.modal-tap-zone-left{inset-inline-start:0;left:0}.modal-tap-zone-right{inset-inline-end:0}.modal-swipe-hint{display:none;justify-content:center;align-items:center;gap:var(--gap-md);padding:var(--space-2) 12px;margin-bottom:16px;background:#0000000d;border-radius:var(--radius-lg);font-size:12px;color:var(--color-text-secondary)}.swipe-arrow-left,.swipe-arrow-right{font-size:var(--text-lg);opacity:.6}.swipe-text{font-weight:500;opacity:.8}.nav-progress-dots{display:flex;gap:var(--gap-xs);justify-content:center;margin-bottom:6px}.nav-progress-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);opacity:.4;transition:all .3s ease}.nav-progress-dot--active{background:var(--color-primary);opacity:1;transform:scale(1.2);box-shadow:0 1px 4px #2563eb66}.exercise-example{padding:20px 24px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:20px}.exercise-example h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.example-content{font-size:var(--text-base);color:var(--color-text-main);line-height:1.6;font-style:italic}.exercise-example-output{padding:20px 24px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px}.exercise-example-output h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.example-output__section{padding:20px 24px;margin-bottom:20px}.example-output__section .example-output__prompt-text{font-size:18px;line-height:1.7;color:var(--color-text-secondary);margin:0}.example-output__prompt{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.example-output__prompt strong{color:var(--color-text-main);font-weight:600}.example-output__text{font-family:Courier New,monospace;font-size:14px;line-height:1.6;color:var(--color-primary, #2563eb);font-style:italic;margin-bottom:8px;white-space:pre-wrap;word-break:break-word}.example-output__translation{font-style:normal;color:var(--color-text-main, #000000);font-size:14px;padding-top:8px;border-top:1px solid var(--color-border);margin-top:8px;margin-bottom:8px}.example-output__explanation{color:var(--color-text-main, #1e293b);font-size:var(--text-base);margin-top:8px;margin-bottom:12px;padding:var(--space-3) 16px;padding-bottom:12px;line-height:1.5;font-style:italic;border-bottom:1px dashed var(--color-border);background:#00000005;border-radius:var(--radius-lg)}.example-output__empty{color:var(--color-text-secondary);font-style:italic;font-size:14px}.learning-language{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:italic;color:var(--color-primary, #2563eb)}.native-language{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;font-style:normal;color:var(--color-text-main, #000000)}.example-output__section.learning-only{margin-top:16px}.example-output__items.learning-items-list{display:flex;flex-direction:column;gap:var(--gap-sm);margin-top:12px}.example-output__item.learning-language-item{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:italic;color:var(--color-primary, #2563eb);font-size:var(--text-base);padding:var(--space-2) 12px;background:var(--bg-hover);border-inline-start:3px solid var(--color-primary, #3b82f6);border-radius:var(--radius-sm);line-height:1.5;transition:background .2s,border-left-color .2s}.example-output__item.learning-language-item:hover{background:#3b82f61a;border-left-color:var(--color-primary-dark, #1d4ed8)}.example-output__items{display:flex;flex-direction:column;gap:var(--gap-md);margin-top:12px}.example-output__row{padding:var(--space-3) 16px;border-radius:var(--radius-lg);background:var(--bg-hover);border-inline-start:3px solid var(--color-border);transition:all .2s}.example-output__row.native-language{border-left-color:var(--color-text-secondary);background:#00000008}.example-output__row.learning-language{border-left-color:var(--color-primary, #3b82f6);background:#3b82f60d}.example-output__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:8px}.example-output__qa-pair{display:flex;align-items:center;gap:var(--gap-md);font-size:var(--text-base);line-height:1.5}.example-output__question{color:var(--color-text-main, #000000);flex:1;font-weight:500;color:var(--color-text-main)}.example-output__row.learning-language .example-output__question{color:var(--color-primary, #2563eb);font-style:italic}.example-output__separator{color:var(--color-text-secondary);font-size:16px;opacity:.6;color:var(--color-primary, #3b82f6);font-weight:600;font-size:var(--text-lg);flex-shrink:0;margin-top:2px}.example-output__answer{color:var(--color-text-main, #000000);flex:1;font-weight:600;color:var(--color-primary, #3b82f6)}.example-output__row.learning-language .example-output__answer{color:var(--color-primary, #2563eb);font-style:italic}.example-output__example,.example-output__note{font-size:var(--text-base);line-height:1.5;padding:var(--space-2) 0}.example-output__example{color:var(--color-primary, #2563eb);font-style:italic}.example-output__note{color:var(--color-text-secondary);font-style:italic;border-top:1px solid var(--color-border);padding-top:12px;margin-top:8px}.example-output__instruction{margin-top:12px;padding:10px 14px;background:#00000005;border-radius:var(--radius-md);font-size:14px;color:var(--color-text-secondary);line-height:1.5}body.dark .example-output__row.native-language{background:#ffffff08}body.dark .example-output__row.learning-language{background:#3b82f614}body.dark .example-output__label{color:#fff9}body.dark .example-output__question,body.dark .example-output__answer{color:#fffffff2}body.dark .example-output__example{color:#3b82f6e6}body.dark .example-output__note{color:#ffffffb3;border-color:#ffffff1a}body.dark .example-output__separator{color:#fff6}body.dark .example-output__instruction{background:#ffffff08;color:#ffffffb3}.example-output__item-card{background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:12px;transition:all .2s ease}.example-output__item-card:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px #3b82f61a}.example-output__item-content{display:flex;flex-direction:column;gap:var(--gap-sm)}.example-output__qa-container{display:flex;align-items:flex-start;gap:var(--gap-md);font-size:var(--text-base);line-height:1.5}.example-output__lang-label{align-self:flex-start;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-1) 8px;background:var(--color-primary, #3b82f6);color:#fff;border-radius:var(--radius-sm)}.example-output__example-text{font-size:var(--text-base);line-height:1.6;color:var(--color-text-main);font-style:italic}.example-output__item-note{display:flex;align-items:flex-start;gap:var(--gap-sm);padding:10px;background:#3b82f60d;border-inline-start:3px solid var(--color-warning, #f59e0b);border-radius:var(--radius-sm);margin-top:8px}.example-output__note-icon{font-size:14px;flex-shrink:0;margin-top:1px}.example-output__note-text{font-size:14px;line-height:1.5;color:var(--color-text-main)}body.dark .example-output__item-card{background:#ffffff0d;border-color:#ffffff1a}body.dark .example-output__item-card:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px #3b82f633}body.dark .example-output__question{color:#ffffffe6}body.dark .example-output__item-note{background:#f59e0b1a;border-left-color:var(--color-warning, #f59e0b)}body.dark .example-output__note-text{color:#ffffffd9}.exercise-details{display:grid;gap:var(--gap-md);margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 16px;background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.detail-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.detail-value{font-size:14px;font-weight:600;color:var(--color-text-main)}.exercise-start-btn{width:100%;padding:14px 24px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.modal-navigation .exercise-start-btn,.modal-start-btn{width:auto;padding:10px 24px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;box-shadow:0 2px 8px #2563eb40;white-space:nowrap}.modal-options-btn{color:var(--color-text-main);width:auto;padding:8px 12px;border-radius:var(--radius-lg);font-size:16px;background:var(--bg-input);border:1px solid var(--color-border);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-options-btn:hover{background:var(--color-hover);border-color:var(--color-primary);transform:translateY(-1px)}.modal-options-btn:active{transform:translateY(0)}.modal-navigation .exercise-start-btn:hover,.modal-start-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #2563eb59}.modal-start-btn--compact{padding:var(--space-2) 12px}.modal-start-btn--compact .start-text{display:none}.exercise-start-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.exercise-start-btn:active{transform:translateY(0)}.exercise-start-btn .start-icon{font-size:var(--text-lg);transition:transform .2s}.exercise-start-btn:hover .start-icon{transform:translate(4px)}.exercise-list-view{display:none;flex:1;flex-direction:column;overflow:hidden}.exercise-list-view.show{display:flex}.list-view-header{display:flex;flex-direction:column;flex-shrink:0;background:var(--bg-input);border-bottom:1px solid var(--color-border)}.list-search-input{width:100%;padding:10px 14px;font-size:14px;border:none;background:transparent;color:var(--color-text-main);outline:none}.list-search-input::placeholder{color:var(--color-text-secondary)}.list-filter-chips{display:flex;flex-wrap:nowrap;gap:6px;padding:6px 10px;overflow-x:auto;scrollbar-width:none}.list-filter-chips::-webkit-scrollbar{display:none}.filter-chip{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;min-height:28px!important;padding:6px 12px!important;font-size:12px!important;font-family:inherit!important;font-weight:500!important;border-radius:16px!important;background:var(--bg-hover, #2a2a35)!important;border:1px solid var(--color-border, #444)!important;color:var(--color-text-secondary, #aaa)!important;cursor:pointer!important;transition:all .15s!important;white-space:nowrap!important;outline:none!important;box-sizing:border-box!important}.filter-chip:hover{border-color:var(--color-primary)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.exercise-list-view.show~.modal-navigation .modal-nav-top,.exercise-list-view.show~.modal-navigation .modal-nav-buttons{display:none}.exercise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;flex:1;overflow-y:auto;background:var(--bg-main)}@media(min-width:500px){.exercise-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.exercise-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.exercise-grid{grid-template-columns:repeat(5,1fr)}}.exercise-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 10px;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.exercise-card:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-2px)}.exercise-card.active{background:#2563eb1a;border-color:var(--color-primary)}.card-name{font-size:13px;font-weight:500;color:var(--color-text-main)}.card-tag{font-size:9px;font-weight:600;padding:2px 6px;border-radius:8px;color:#fff;text-transform:uppercase;letter-spacing:.3px}.no-results{padding:30px;text-align:center;color:var(--color-text-secondary);font-size:13px}.exercise-list-view.show~.modal-content .modal-tap-zone,.exercise-list-view.show~.modal-content .modal-swipe-hint{display:none!important}.exercise-card-icon{font-size:24px;margin-bottom:8px}.exercise-card-name{font-size:13px;font-weight:600;color:var(--color-text-main);text-align:center;line-height:1.3}.exercise-card-category{font-size:11px;color:var(--color-text-secondary);margin-top:4px}.rewarded-ad-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:var(--space-5)}.rewarded-ad-modal.active{opacity:1;visibility:visible}.rewarded-ad-content{background:var(--bg-body, #ffffff);border-radius:var(--mobile-radius);max-width:360px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.rewarded-ad-modal.active .rewarded-ad-content{transform:scale(1)}.rewarded-ad-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) 20px 15px;border-bottom:1px solid var(--color-border, #e0e0e0)}.rewarded-ad-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-main, #333);display:flex;align-items:center;gap:var(--gap-sm)}.close-btn{background:none;border:none;font-size:var(--font-size-h1);color:var(--color-text-secondary, #666);cursor:pointer;padding:0;width:36px;height:var(--mobile-control-sm);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.close-btn:hover{background:var(--bg-hover, #f5f5f5);color:var(--color-text-main, #333)}.rewarded-ad-body{padding:var(--space-5)}.rewarded-ad-body p{margin:0 0 20px;font-size:var(--font-size-base);color:var(--color-text-secondary, #666);text-align:center;line-height:1.5}.support-benefits{display:flex;flex-direction:column;gap:var(--gap-md)}.benefit-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--space-3);background:var(--bg-hover, #f8f8f8);border-radius:var(--mobile-radius);font-size:var(--font-size-base);color:var(--color-text-main, #333)}.benefit-icon{width:24px;height:var(--mobile-control-xs);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:700;flex-shrink:0}.rewarded-ad-footer{padding:15px 20px 20px;display:flex;flex-direction:column;gap:10px}.btn-support{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:var(--mobile-radius);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d;font-family:var(--font-display)}.btn-support:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-support:active{transform:translateY(0)}.btn-icon{font-size:var(--font-size-base)}.btn-later{padding:var(--space-3) 24px;background:transparent;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--mobile-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-display)}.btn-later:hover{background:var(--bg-hover, #f5f5f5);color:var(--color-text-main, #333);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.rewarded-ad-content.thank-you{text-align:center;padding:40px 30px}.thank-you-icon{font-size:var(--font-size-h1);margin-bottom:15px}.thank-you h3{margin:0 0 12px;font-size:var(--font-size-2xl);color:var(--color-text-main, #333)}.thank-you p{margin:0 0 25px;font-size:var(--font-size-base);color:var(--color-text-secondary, #666);line-height:1.5}.btn-continue{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--mobile-radius);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b9814d;font-family:var(--font-display)}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.support-message{margin-top:20px;padding:15px;border-radius:var(--mobile-radius);animation:slideIn .4s ease}.support-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--space-3) 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--mobile-radius-sm);font-size:var(--font-size-base);color:#92400e;text-align:center}.supported-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--space-3) 16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-radius:var(--mobile-radius-sm);font-size:var(--font-size-base);color:#065f46;text-align:center}.heart-icon,.info-icon{font-size:var(--font-size-lg)}.welcome-banner .support-banner{margin-top:15px;padding:10px 15px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--mobile-radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);font-size:var(--font-size-sm);color:#92400e}.welcome-banner .support-icon{font-size:var(--font-size-md)}.welcome-banner .support-text{font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.rewarded-ad-modal{display:none!important}}body.dark .rewarded-ad-content{background:var(--surface-1, #1f2937)}body.dark .rewarded-ad-header{border-color:var(--color-border, #374151)}body.dark .rewarded-ad-header h3{color:var(--color-text-main, #f3f4f6)}body.dark .close-btn{color:var(--color-text-secondary, #9ca3af)}body.dark .close-btn:hover{background:var(--surface-2, #374151);color:var(--color-text-main, #f3f4f6)}body.dark .rewarded-ad-body p{color:var(--color-text-secondary, #9ca3af)}body.dark .benefit-item{background:var(--surface-2, #374151);color:var(--color-text-main, #f3f4f6)}body.dark .btn-later{color:var(--color-text-secondary, #9ca3af);border-color:var(--color-border, #4b5563)}body.dark .btn-later:hover{background:var(--surface-2, #374151);color:var(--color-text-main, #f3f4f6);transform:translateY(-2px);box-shadow:var(--shadow-glow)}body.dark .thank-you h3{color:var(--color-text-main, #f3f4f6)}body.dark .thank-you p{color:var(--color-text-secondary, #9ca3af)}.support-section{margin-top:20px;padding:15px;text-align:center}.support-divider{height:1px;background:linear-gradient(to right,transparent,var(--color-border, #e0e0e0),transparent);margin-bottom:15px}.support-content{display:flex;flex-direction:column;align-items:center;gap:10px}.support-section .support-icon{font-size:var(--font-size-2xl)}.support-section .support-text{font-size:var(--font-size-base);color:var(--color-text-secondary, #666)}.btn-support-coffee{display:inline-flex;align-items:center;gap:6px;padding:var(--space-3) 24px;background:linear-gradient(135deg,#ff5e5b,#ff8f8d);color:#fff;text-decoration:none;border-radius:var(--mobile-radius);font-size:var(--font-size-base);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff5e5b4d;font-family:var(--font-display)}.btn-support-coffee:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff5e5b66}.btn-support-coffee:active{transform:translateY(0)}body.dark .support-divider{background:linear-gradient(to right,transparent,var(--color-border, #374151),transparent)}body.dark .support-section .support-text{color:var(--color-text-secondary, #9ca3af)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:20px;padding:15px;font-size:var(--font-size-sm)}.footer-links a{color:var(--color-text-secondary, #666);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary, #2563eb);text-decoration:underline}body.dark .footer-links a{color:var(--color-text-secondary, #9ca3af)}body.dark .footer-links a:hover{color:var(--color-primary, #818cf8)}.cookie-notice{position:fixed;bottom:52px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-hover, #f3f4f6);border:1px solid var(--color-border, #e0e0e0);padding:0 12px;border-radius:8px;box-shadow:0 2px 8px #0000000f;z-index:8999;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #666);opacity:0;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;max-width:calc(100vw - 32px);max-height:40px;line-height:40px}.cookie-notice.visible{opacity:1;transform:translate(-50%) translateY(0)}.cookie-notice a{color:var(--color-primary, #2563eb);text-decoration:underline;white-space:nowrap}.cookie-notice-close{background:none;border:none;color:var(--color-text-secondary, #999);cursor:pointer;padding:2px 6px;font-size:14px;line-height:1;border-radius:4px;flex-shrink:0}.cookie-notice-close:hover{background:var(--bg-hover, #f5f5f5);color:var(--color-text-main, #333)}body.dark .cookie-notice{background:var(--surface-1, #1f2937);border-color:var(--color-border, #374151);color:var(--color-text-secondary, #9ca3af)}body.dark .cookie-decline{border-color:var(--color-border, #4b5563);color:var(--color-text-secondary, #9ca3af)}body.dark .cookie-decline:hover{background:var(--surface-2, #374151)}@media(max-width:600px){.cookie-content{flex-direction:column;text-align:center}.cookie-text{justify-content:center}.cookie-buttons{width:100%;justify-content:center}}#engagement-progress-container{position:relative;display:flex;align-items:center;gap:var(--gap-md);padding:0 20px;height:10px;background:transparent}#engagement-progress-bar{flex:1;height:6px;background:var(--surface-2, #e5e7eb);border-radius:3px;overflow:hidden;position:relative}#engagement-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),var(--color-success, #10b981));border-radius:3px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}#engagement-progress-glow{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressGlow 2s infinite;pointer-events:none}@keyframes progressGlow{0%{transform:translate(-100%)}to{transform:translate(400%)}}#engagement-progress-fill.near-complete{animation:progressPulse .8s ease-in-out infinite}@keyframes progressPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}#engagement-progress-container.strip-complete #engagement-progress-bar{animation:stripComplete .6s ease-out}@keyframes stripComplete{0%{transform:scale(1)}30%{transform:scale(1.02)}to{transform:scale(1)}}#engagement-progress-container.strip-complete #engagement-progress-fill{animation:stripFillBurst .6s ease-out}@keyframes stripFillBurst{0%{filter:brightness(1)}30%{filter:brightness(1.5)}to{filter:brightness(1)}}#engagement-progress-strips{display:flex;align-items:center;gap:var(--gap-xs);min-width:60px;font-size:12px;font-weight:600;color:var(--color-text-secondary)}#engagement-strips-count{color:var(--color-primary);font-size:14px;font-weight:700}.strips-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;opacity:.8}body.dark #engagement-progress-bar{background:var(--surface-2)}body.dark #engagement-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--color-success, #34d399))}body.dark #engagement-strips-count{color:var(--accent-primary)}@media(max-width:767px){#engagement-progress-container{padding:0 12px;height:8px}#engagement-progress-bar{height:4px}#engagement-progress-strips{min-width:50px;font-size:10px}#engagement-strips-count{font-size:12px}}@media(prefers-reduced-motion:reduce){#engagement-progress-fill,#engagement-progress-glow,#engagement-progress-bar{animation:none!important;transition:width .01ms!important}}body.reduce-motion #engagement-progress-fill,body.reduce-motion #engagement-progress-glow,body.reduce-motion #engagement-progress-bar{animation:none!important;transition:width .01ms!important}.words-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:none;backdrop-filter:none;display:none;z-index:99999;box-sizing:border-box}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.words-modal{background:#000000a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}}body.dark .words-modal{background:#0a0a0fd9;background:#000c}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.words-modal{background:#000000f2}body.dark .words-modal{background:#0a0a0ff2}}.words-modal.active{display:flex;background:#000000a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.words-modal-content{background:var(--bg-panel-left, #ffffff);width:100%;height:100%;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:wordsModalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes wordsModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.words-modal-header{display:flex;flex-direction:column;background:var(--bg-input, #f5f5f5);border-bottom:1px solid var(--color-border, #e5e5e5);flex-shrink:0;position:relative}.words-header-main{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;min-height:40px}.words-modal-header h2{margin:0;font-size:.95rem;font-weight:700;color:var(--color-text-main, #333);display:flex;align-items:center;gap:6px}.words-settings-panel{display:none;padding:var(--space-5);background:var(--bg-grid-block, #f0f0f0);border-bottom:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.words-settings-panel.open{display:block;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:150px}}.words-settings-row{display:flex;flex-direction:column;gap:var(--gap-md)}.words-settings-label{font-size:1rem;font-weight:600;color:var(--color-text-main, #333)}.words-settings-slider-wrap{display:flex;align-items:center;gap:var(--gap-lg)}.words-settings-slider{flex:1;height:8px;border-radius:var(--mobile-radius-sm);background:var(--color-border, #ddd);outline:none;-webkit-appearance:none;cursor:pointer}.words-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:var(--mobile-control-sm);border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);cursor:pointer;box-shadow:0 2px 8px #8b5cf680;-webkit-transition:transform .15s ease;transition:transform .15s ease}.words-settings-slider::-webkit-slider-thumb:active{transform:scale(1.15)}.words-settings-slider::-moz-range-thumb{width:28px;height:var(--mobile-control-sm);border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);cursor:pointer;border:none;box-shadow:0 2px 8px #8b5cf680}.words-settings-value{min-width:56px;text-align:center;font-weight:800;font-size:1.25rem;color:var(--color-primary, #8b5cf6);background:var(--bg-panel-left, #fff);padding:var(--space-2) 12px;border-radius:var(--mobile-radius);border:2px solid var(--color-primary, #8b5cf6)}.words-settings-hint{margin:12px 0 0;font-size:.85rem;color:var(--color-text-secondary, #666);text-align:center}.words-modal-body{padding:var(--space-5);flex:1;overflow-y:auto;padding:var(--space-4);background:var(--bg-panel-left, #ffffff);-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;min-height:0}.words-modal-hint{text-align:center;font-size:1rem;color:var(--color-text-secondary, #666);margin:0 0 20px;line-height:1.5}.words-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-lg);padding-bottom:20px}.words-category-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:var(--gap-lg)!important;padding:20px 14px!important;background:var(--bg-grid-block, #f8f8f8);border:3px solid var(--color-border, #e5e5e5);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center;min-height:120px!important;height:120px!important;box-sizing:border-box}.words-category-btn:hover{border-color:var(--color-primary, #3b82f6);background:#3b82f61a;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f633}.words-category-btn:active{transform:translateY(-2px) scale(.98)}.words-category-icon{font-size:2.5rem!important;line-height:1!important}.words-category-label{font-size:.95rem!important;font-weight:700!important;color:var(--color-text-main, #333);line-height:1.3}.words-modal-footer{display:flex;justify-content:center;padding:8px 16px 16px;background:var(--bg-input, #f5f5f5);border-top:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.words-btn-cancel{padding:10px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--bg-input, #eee);border:1px solid var(--color-border, #ddd);color:var(--color-text-secondary, #666)}.words-btn-cancel:active{background:var(--bg-hover, #ddd);color:var(--color-text-main, #333)}.quick-words-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:transparent!important}.quick-words-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.quick-words-btn .quick-select-text{font-weight:600;letter-spacing:.5px}@media(min-width:640px){.words-modal{align-items:center;justify-content:center;padding:var(--space-5)}.words-modal-content{width:90%;max-width:600px;height:90vh;max-height:92vh;overflow:hidden}@keyframes wordsModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.words-modal-header{border-radius:24px 24px 0 0}.words-header-main{padding:var(--space-6)}.words-header-sub{padding:4px var(--space-6) 6px}.words-modal-header h2{font-size:1.3rem}.words-settings-panel{padding:var(--space-5) 24px}.words-settings-row{flex-direction:row;align-items:center;justify-content:space-between}.words-settings-slider-wrap{max-width:280px}.words-modal-body{padding:var(--space-6)}.words-categories-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.words-category-btn{padding:32px 20px!important;min-height:160px!important;height:160px!important}.words-category-icon{font-size:3rem!important}.words-category-label{font-size:1.05rem!important}.words-modal-footer{padding:var(--space-5) 24px;border-radius:0 0 24px 24px;padding-bottom:20px}.words-btn-cancel{padding:14px 32px;font-size:1rem}}@media(min-width:1024px){.words-modal-content{max-width:800px}.words-categories-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.words-category-btn{min-height:150px!important;height:150px!important}}body.dark .words-modal-content{background:var(--surface-1, #1a1a2e)}body.dark .words-modal-header{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .words-modal-header h2{color:var(--color-text-main, #f0f0f0)}body.dark .words-modal-drawer-toggle{background:var(--accent-primary, #818cf8);color:#fff}body.dark .words-modal-drawer-toggle:hover{background:var(--accent-primary-dark, #6366f1)}body.dark .words-header-back-btn{border-color:var(--color-border, #2d2d4a);color:var(--accent-primary, #818cf8)}body.dark .words-header-back-btn:hover{background:var(--surface-2, #232329);border-color:var(--accent-primary, #818cf8)}body.dark .words-modal-header-btn{color:var(--text-secondary, #9ca3af)}body.dark .words-modal-header-btn:hover{background:var(--accent-primary, #818cf8);color:#fff}body.dark .words-settings-panel{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .words-settings-label{color:var(--color-text-main, #f0f0f0)}body.dark .words-settings-slider{background:var(--color-border, #2d2d4a)}body.dark .words-settings-value{background:var(--surface-1, #1a1a2e);border-color:var(--accent-primary, #818cf8);color:var(--accent-primary, #818cf8)}body.dark .words-settings-hint{color:var(--color-text-secondary, #888)}body.dark .words-modal-body{background:var(--surface-1, #1a1a2e)}body.dark .words-modal-hint{color:var(--color-text-secondary, #aaa)}body.dark .words-category-btn{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .words-category-btn:hover{border-color:var(--accent-primary, #818cf8);background:#6366f126;box-shadow:0 8px 24px #6366f133}body.dark .words-category-label{color:var(--color-text-main, #f0f0f0)}body.dark .words-modal-footer{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .words-btn-cancel{background:var(--surface-3, #2a2a32);border-color:var(--color-border, #3d3d5c);color:var(--color-text-secondary, #aaa)}body.dark .words-btn-cancel:active{background:var(--surface-2, #3a3a42);color:var(--color-text-main, #f0f0f0)}body.dark .words-action-row{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .words-action-btn{background:var(--surface-1, #1a1a2e);color:var(--color-text-main, #f0f0f0);border-color:var(--color-border, #2d2d4a)}body.dark .words-action-btn:hover{background:var(--surface-2, #232329);border-color:var(--accent-primary, #818cf8)}body.dark .words-action-btn:active{background:var(--surface-3, #2a2a32)}body.dark .quick-words-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}body.dark .quick-words-btn:hover{box-shadow:0 4px 12px #8b5cf666}body.dark .words-drawer{background:var(--surface-1, #1a1a2e);border-color:var(--color-border, #2d2d4a)}body.dark .words-drawer-header{border-color:var(--color-border, #2d2d4a)}body.dark .words-drawer-header h3{color:var(--color-text-main, #f0f0f0)}body.dark .words-drawer-close{color:var(--color-text-secondary, #888)}body.dark .words-drawer-close:hover{color:var(--color-text-main, #f0f0f0)}body.dark .words-drawer-section-title{color:var(--color-text-secondary, #888)}body.dark .words-drawer-divider{background:#ffffff1a}body.dark .words-drawer-option{color:var(--color-text-main, #e0e0e0)}body.dark .words-drawer-option:hover{background:#ffffff1a}.words-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md);padding:var(--space-4)}.words-result-item{background:var(--bg-panel-left, #fff);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-xl);padding:var(--space-3);cursor:pointer;transition:all .2s ease}.words-result-item:hover{border-color:var(--color-primary, #3b82f6);background:#3b82f60d}.words-result-item.selected{border-color:var(--color-success, #10b981);background:#10b9811a}.words-gender-badge{font-size:.7rem;margin-left:4px;opacity:.8;vertical-align:middle}@media(max-width:480px){.words-results-grid{grid-template-columns:1fr}}.words-modal-tabs{display:flex;gap:var(--space-2);flex:1;justify-content:center}.words-modal-tab{padding:8px 16px;background:transparent;border:1px solid var(--color-border, #e5e5e5);border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary, #666)}.words-modal-tab:hover{background:var(--bg-hover, #f5f5f5)}.words-modal-tab.active{background:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}.words-trained-view{display:flex;flex-direction:column;flex:1;overflow:hidden}.words-trained-view.hidden{display:none}.words-trained-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-grid-block, #f0f0f0);font-size:.9rem;color:var(--color-text-secondary, #666);border-bottom:1px solid var(--color-border, #e5e5e5)}.words-stats-sep{opacity:.5}.words-trained-list{flex:1;overflow-y:auto;padding:var(--space-3)}.words-trained-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-panel-left, #fff);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-lg);margin-bottom:var(--space-2);cursor:pointer;transition:all .2s ease}.words-trained-item:hover{border-color:var(--color-primary, #3b82f6);transform:translate(4px)}.words-trained-item.mastered{background:#10b9811a;border-color:#10b9814d}.words-trained-item.learning{background:#f59e0b1a;border-color:#f59e0b4d}.words-trained-word{font-weight:600;color:var(--color-text-main, #333)}.words-trained-translation{font-size:.9rem;color:var(--color-text-secondary, #666)}.words-trained-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary, #666);font-style:italic}.words-trained-actions{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.words-btn-primary{flex:1;padding:var(--space-4);background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.words-btn-primary:hover{background:var(--color-primary-dark, #2563eb);transform:translateY(-2px)}.words-btn-secondary{padding:var(--space-3) var(--space-4);background:var(--bg-input, #f5f5f5);color:var(--color-text-main, #333);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-lg);font-size:.9rem;cursor:pointer;transition:all .2s ease}.words-btn-secondary:hover{background:var(--bg-hover, #e5e5e5)}.words-categories-view{flex:1;overflow-y:auto;padding:var(--space-4)}.words-categories-view.hidden{display:none}.words-modal-drawer-toggle{background:transparent;color:var(--color-text-secondary, #666);border:none;font-size:18px;cursor:pointer;padding:6px;margin-left:auto;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.words-modal-header-btn{background:transparent;color:var(--color-text-secondary, #666);border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.words-modal-header-btn:hover{background:var(--color-primary, #3b82f6);color:#fff}.words-modal-header-btn:active{transform:scale(.95)}.words-modal-drawer-toggle:hover{background:var(--color-primary, #3b82f6);color:#fff}.words-modal-drawer-toggle:active{transform:scale(.95)}.words-header-back-btn{background:transparent;border:1px solid var(--color-border, #e5e5e5);border-radius:8px;padding:4px 10px;font-size:.82rem;font-weight:600;color:var(--color-primary, #3b82f6);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:32px;display:flex;align-items:center;gap:4px}.words-header-back-btn:hover{background:var(--bg-hover, #f0f0f0);border-color:var(--color-primary, #3b82f6)}.words-drawer{position:fixed;top:0;right:0;bottom:0;width:300px;background:var(--bg-panel-left, #ffffff);border-left:1px solid var(--color-border, #e5e5e5);transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:10001;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a}.words-drawer.open{transform:translate(0)}.words-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border, #e5e5e5)}.words-drawer-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-main, #333)}.words-drawer-close{background:none;border:none;color:var(--color-text-secondary, #666);font-size:24px;cursor:pointer;padding:4px;border-radius:4px}.words-drawer-close:hover{background:var(--bg-hover, #f0f0f0);color:var(--color-text-main, #333)}.words-drawer-content{flex:1;overflow-y:auto;padding:8px 0}.words-drawer-section{margin-bottom:12px}.words-drawer-section-title{padding:8px 16px;margin:0;font-size:11px;font-weight:700;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.words-drawer-divider{height:1px;background:var(--color-border, #e5e5e5);margin:8px 16px}.words-drawer-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text-main, #333);cursor:pointer;text-align:left;transition:background .2s}.words-drawer-option:hover{background:var(--bg-hover, #f5f5f5)}.words-drawer-option:active{background:var(--bg-input, #eee)}.words-drawer-option .option-icon{font-size:20px;margin-right:12px;width:28px;text-align:center}.words-drawer-option .option-text{flex:1}.words-drawer-option .option-label{font-weight:500}.words-drawer-option .option-desc{font-size:12px;color:var(--color-text-secondary, #888);margin-top:2px}.words-rolled-section{background:var(--bg-panel-left, #fff);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;width:100%;box-sizing:border-box;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.words-header-category{font-weight:700;font-size:1rem;color:var(--color-text-main, #333);cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.words-header-category:hover{background:var(--bg-hover, #f0f0f0);color:var(--color-primary, #6366f1)}.words-ready-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#16a34a;background:#dcfce7;padding:3px 10px;border-radius:12px;margin-left:8px;animation:words-ready-pop .3s ease-out;transition:opacity .8s ease}.words-ready-badge-fade{opacity:0}@keyframes words-ready-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}body.dark .words-ready-badge{color:#4ade80;background:#22c55e26}.quickdrill-sentence-row{display:flex;align-items:center;gap:8px}.quickdrill-speak-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .2s ease;flex-shrink:0;line-height:1}.quickdrill-speak-btn:hover{background:var(--bg-hover, #f0f0f0)}.words-rolled-list{padding:var(--space-4);display:flex;flex-direction:column;gap:10px;flex:1 1 auto;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0}.words-rolled-item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#6366f10f,#818cf805);border:1.5px solid var(--color-border, #e5e5e5);border-left:3px solid var(--accent-primary, #818cf8);border-radius:14px;cursor:default;transition:all .2s ease;box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden;min-height:44px;-webkit-tap-highlight-color:transparent}.words-rolled-item:hover{border-color:var(--accent-primary, #818cf8);box-shadow:0 4px 14px #6366f124;transform:translateY(-1px)}.words-rolled-item:active{transform:scale(.98);box-shadow:0 1px 4px #6366f114}.words-rolled-item-selected{border-left-color:var(--accent-primary, #818cf8);background:linear-gradient(135deg,#6366f11a,#818cf80d)}.words-rolled-item:not(.words-rolled-item-selected){opacity:.55;border-left-color:var(--color-border, #d1d5db)}.words-rolled-item:not(.words-rolled-item-selected):hover{opacity:.85}.words-rolled-content{cursor:pointer;display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}.words-rolled-item:last-child{border-bottom:none}.words-rolled-item>div{display:flex;align-items:center;gap:8px;min-width:0}.words-rolled-word{font-weight:700;font-size:1.1rem;color:var(--color-text-main, #1f2937);flex-shrink:1;min-width:0;word-break:break-word;line-height:1.3}.words-rolled-arrow{color:var(--accent-primary, #818cf8);font-size:.85rem;flex-shrink:0;opacity:.6}.words-rolled-native{color:var(--color-text-secondary, #6b7280);font-size:.9rem;flex-shrink:1;min-width:0;word-break:break-word;line-height:1.3}.words-rolled-native:before{display:none}.words-rolled-translation{color:var(--color-text-secondary, #6b7280);font-size:.9rem;display:flex;align-items:center;gap:8px;flex-shrink:0}.words-rolled-translation:before{content:"→";opacity:.4;font-size:.85em}.words-rolled-example{display:block;color:var(--color-text-secondary, #9ca3af);font-size:.82rem;font-style:italic;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.06);line-height:1.4}.words-loading{text-align:center;padding:40px;color:var(--color-text-secondary, #888)}.words-action-row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:10px 12px;border-top:1px solid var(--color-border, #e5e5e5);flex-shrink:0;background:var(--bg-input, #f5f5f5)}.words-action-btn{flex:1 1 auto;min-width:0;padding:9px 8px;background:var(--bg-panel-left, #ffffff);color:var(--color-text-main, #333);border:1px solid var(--color-border, #e5e5e5);border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;min-height:44px}.words-action-btn:hover{background:var(--bg-hover, #f0f0f0);border-color:var(--color-primary, #3b82f6)}.words-action-btn:active{transform:scale(.98);background:var(--bg-input, #eee)}.words-action-btn.active{background:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}body.dark .words-action-btn.active{background:var(--accent-primary, #818cf8);border-color:var(--accent-primary, #818cf8);color:#fff}#wordsWordFormsBtn{font-size:0}#wordsWordFormsBtn:after{content:"📊";font-size:1rem}.words-mode-back-btn{background:none;border:1px solid var(--color-border, #e5e5e5);border-radius:8px;padding:4px 12px;font-size:.85rem;font-weight:600;color:var(--color-primary, #3b82f6);cursor:pointer;transition:all .2s ease;margin-right:8px}.words-mode-back-btn:hover{background:var(--bg-hover, #f0f0f0);border-color:var(--color-primary, #3b82f6)}.words-mode-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--color-text-secondary, #888)}.words-mode-spinner{width:32px;height:32px;border:3px solid var(--color-border, #e5e5e5);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:words-spin .8s linear infinite}@keyframes words-spin{to{transform:rotate(360deg)}}.words-mode-word-header{font-size:1.15rem;font-weight:700;color:var(--color-text-main, #333);padding:8px 0 4px;border-bottom:2px solid var(--color-primary, #3b82f6);margin-bottom:8px}.words-mode-word-header:not(:first-child){margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border, #e5e5e5)}.words-mode-pos{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-primary, #3b82f6);background:#3b82f61a;padding:2px 8px;border-radius:6px;margin-bottom:8px}.words-mode-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #888);padding:8px 0 4px;margin-top:4px}.words-mode-example-item{padding:6px 0;border-bottom:1px solid var(--color-border, #e5e5e5)}.words-mode-example-item:last-child{border-bottom:none}.words-mode-sentence{font-weight:600;color:var(--color-text-main, #333);line-height:1.4;display:flex;align-items:center;gap:8px}.words-mode-translation{font-size:.85rem;color:var(--color-text-secondary, #666);margin-top:2px;line-height:1.4}.words-mode-sentence-native{font-size:.85rem;color:var(--color-text-secondary, #666);margin-top:2px;line-height:1.4;font-style:italic}.words-mode-context{font-size:.75rem;font-style:italic;color:var(--color-text-secondary, #999);margin-top:2px}.words-mode-rule-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--color-border, #e8e8e8);border-radius:10px;background:var(--color-bg-secondary, #f7f7f8);margin-bottom:6px;transition:background .15s ease,border-color .15s ease;cursor:pointer}.words-mode-rule-item:last-child{margin-bottom:0}.words-mode-rule-item[data-correct]{cursor:pointer}.words-mode-rule-item[data-correct]:hover{background:var(--color-bg-hover, #f0f0f2);border-color:var(--accent-primary, #6366f1)}.words-mode-rule-item.correct{background:#48bb7826!important;border-color:#48bb78!important}.words-mode-rule-item.incorrect{background:#ef44441a!important;border-color:#ef4444!important}.words-mode-rule-item.disabled{pointer-events:none;opacity:.6}.words-mode-rule-item.show-correct{background:#48bb781a;border-color:#48bb78}.words-mode-rule{font-weight:500;color:var(--color-text-main, #333);line-height:1.4}.words-mode-rule-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}.words-mode-rule-content{flex:1;min-width:0}.words-mode-rule-form{border-left:3px solid #3b82f6}.words-mode-rule-agreement{border-left:3px solid #8b5cf6}.words-mode-rule-usage{border-left:3px solid #10b981}.words-mode-rule-general{border-left:3px solid #6b7280}.words-mode-rule-mistake{border-left:3px solid #ef4444;background:#ef44440a}.words-mode-example-lang{font-size:.9rem;color:var(--color-primary, #3b82f6);margin-top:2px;font-style:italic}.words-mode-mistake-item{padding:6px 0;border-bottom:1px solid var(--color-border, #e5e5e5)}.words-mode-mistake-item:last-child{border-bottom:none}.words-mode-mistake{font-size:.85rem;line-height:1.4}.words-mode-related{font-size:.9rem;color:var(--color-text-secondary, #666);padding:4px 0}.words-mode-note{font-size:.8rem;color:var(--color-text-secondary, #888);font-style:italic;padding:8px 0;border-top:1px solid var(--color-border, #e5e5e5);margin-top:8px}.words-mode-form-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed var(--color-border, #e5e5e5)}.words-mode-form-row:last-child{border-bottom:none}.words-mode-form-label{font-size:.85rem;color:var(--color-text-secondary, #666);font-weight:500;min-width:60px}.words-mode-form-value{font-size:.9rem;font-weight:600;color:var(--color-text-main, #333)}.words-mode-form-value.translation-hidden{visibility:hidden;position:relative}.words-mode-form-value.translation-hidden:after{content:"???";visibility:visible;position:absolute;left:0;top:0;background:var(--color-primary, #3b82f6);color:#fff;padding:2px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;font-weight:600;letter-spacing:1px}.words-mode-form-value.translation-hidden:hover:after{background:var(--color-primary-hover, #2563eb)}.words-mode-form-value.revealed{visibility:visible;color:var(--color-success, #16a34a);font-weight:700}.match-pair-container{display:flex;gap:16px;margin:8px 0}.match-pair-column{flex:1;display:flex;flex-direction:column;gap:6px}.match-pair-column-header{text-align:center;font-size:.8rem;font-weight:600;color:var(--color-text-secondary, #888);padding:4px 8px;text-transform:uppercase;letter-spacing:.5px}.match-pair-item{padding:10px 14px;border:2px solid var(--color-border, #e5e5e5);border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;background:var(--bg-grid-block, #f5f5f5)}.match-pair-item:hover{border-color:var(--color-primary, #3b82f6);background:#3b82f614;transform:translateY(-1px)}.match-pair-item.match-pair-selected{border-color:var(--color-primary, #3b82f6);background:#3b82f626;box-shadow:0 0 0 3px #3b82f640;transform:translateY(-1px)}.match-pair-item.match-pair-matched{border-color:var(--color-success, #16a34a);background:#16a34a1a;opacity:.7;cursor:default;pointer-events:none}.match-pair-item.match-pair-matched:after{content:" ✅";font-size:.75rem}.match-pair-item.match-pair-wrong{border-color:#ef4444;background:#ef444426;animation:matchShake .4s ease}@keyframes matchShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}body.dark .match-pair-item{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .match-pair-item:hover{border-color:var(--accent-primary, #818cf8);background:#818cf81a}body.dark .match-pair-item.match-pair-selected{border-color:var(--accent-primary, #818cf8);background:#818cf826;box-shadow:0 0 0 3px #818cf840}body.dark .match-pair-item.match-pair-matched{border-color:#22c55e;background:#22c55e1a}@media(max-width:640px){.match-pair-container{gap:10px}.match-pair-item{padding:8px 10px;font-size:.85rem}}.words-mode-error{text-align:center;padding:30px 20px;color:var(--color-text-secondary, #888);line-height:1.6}.words-mode-error small{color:var(--color-text-secondary, #aaa);font-size:.8rem}.words-mode-retry-btn{margin-top:12px;padding:8px 20px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer}.words-mode-retry-btn:hover{opacity:.9}.words-caught-up-state{text-align:center;padding:32px 20px 24px}.words-caught-up-icon{font-size:3rem;margin-bottom:12px}.words-caught-up-title{font-size:1.3rem;font-weight:700;color:var(--color-text-primary, #1a1a2e);margin-bottom:12px}.words-caught-up-stats{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.words-caught-up-stat{font-size:.8rem;color:var(--color-text-secondary, #888);padding:4px 10px;background:var(--color-bg-secondary, #f0f0f0);border-radius:12px}.words-caught-up-actions{display:flex;flex-direction:column;gap:10px;max-width:280px;margin:0 auto}.words-caught-up-primary-btn{padding:12px 20px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:opacity .2s}.words-caught-up-primary-btn:hover{opacity:.9}.words-caught-up-primary-btn:disabled{opacity:.6;cursor:not-allowed}.words-caught-up-review-btn{padding:10px 20px;background:var(--color-bg-secondary, #f0f0f0);color:var(--color-text-primary, #1a1a2e);border:1px solid var(--color-border, #e0e0e0);border-radius:10px;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .2s}.words-caught-up-review-btn:hover{background:var(--color-bg-hover, #e5e5e5)}.words-caught-up-explore-btn{padding:10px 20px;background:transparent;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #e0e0e0);border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .2s}.words-caught-up-explore-btn:hover{background:var(--color-bg-secondary, #f0f0f0)}.words-start-drill-btn{background:#4caf50!important;color:#fff!important;font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;min-height:44px;transition:opacity .2s,transform .1s;flex:1.5}.words-start-drill-btn:hover{background:#43a047!important;opacity:.95;transform:translateY(-1px)}.words-start-drill-btn:active{transform:translateY(0);background:#388e3c!important}.words-start-drill-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.words-back-to-overview-btn{padding:10px 16px;background:transparent;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #e0e0e0);border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .2s}.words-back-to-overview-btn:hover{background:var(--color-bg-secondary, #f0f0f0)}.words-start-practice-bar{display:flex;gap:10px;padding:10px 0;margin-bottom:6px;border-bottom:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.words-mode-empty{font-size:.85rem;color:var(--color-text-secondary, #999);padding:4px 0;font-style:italic}.qd-container{display:flex;flex-direction:column;gap:4px}.qd-exercise{background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border, #e5e5e5);border-radius:12px;padding:12px 14px;position:relative;transition:opacity .2s}.qd-exercise-header{font-size:.85rem;font-weight:700;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.qd-question{font-size:1.1rem;font-weight:600;color:var(--color-text-main, #333);line-height:1.4;margin-bottom:4px}.qd-question-native{font-size:.85rem;color:var(--color-text-secondary, #666);line-height:1.4;margin-bottom:10px}.qd-options{display:flex;flex-direction:column;gap:6px}.qd-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px solid var(--color-border, #ddd);border-radius:10px;background:var(--color-bg-main, #fff);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qd-option:hover{border-color:var(--accent-primary, #6366f1);background:#6366f10a}.qd-option:active{transform:scale(.98)}.qd-option-letter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--color-bg-secondary, #f0f0f0);font-weight:700;font-size:.8rem;color:var(--color-text-secondary, #666);flex-shrink:0}.qd-option-text{font-weight:500;color:var(--color-text-main, #333)}.qd-option-native{font-size:.8rem;color:var(--color-text-secondary, #999);margin-left:auto}.qd-selected-correct{border-color:#48bb78!important;background:#48bb781a!important}.qd-selected-correct .qd-option-letter{background:#48bb78;color:#fff}.qd-selected-correct .qd-option-text{color:#276749}.qd-reveal-correct{border-color:#48bb78!important;background:#48bb780f!important}.qd-reveal-correct .qd-option-letter{background:#48bb78;color:#fff}.qd-reveal-correct .qd-option-text{color:#276749;font-weight:600}.qd-selected-wrong{border-color:#fc8181!important;background:#fc81811a!important}.qd-selected-wrong .qd-option-letter{background:#fc8181;color:#fff}.qd-selected-wrong .qd-option-text{color:#9b2c2c;text-decoration:line-through}.qd-result{margin-top:8px;min-height:24px}.qd-result-text{font-weight:600;font-size:.9rem}.qd-result-ok{color:#48bb78}.qd-result-no{color:#fc8181}.qd-matching{margin-top:8px}.qd-match-title{font-size:.8rem;font-weight:600;color:var(--color-text-secondary, #888);margin-bottom:6px}.qd-match-pair{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-border, #eee)}.qd-match-pair:last-child{border-bottom:none}.qd-match-left,.qd-match-right{font-weight:500;flex:1}.qd-match-left{text-align:right;color:var(--color-text-main, #333)}.qd-match-right{text-align:left;color:var(--accent-primary, #6366f1)}.qd-match-arrow{color:var(--color-text-secondary, #aaa)}.qd-ex-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 4px;margin-top:8px;border-top:1px solid var(--color-border, #e0e0e0)}.qd-ex-nav-btn{background:var(--color-bg-secondary, #f0f0f0);border:1px solid var(--color-border, #ddd);border-radius:8px;padding:6px 14px;cursor:pointer;font-size:1rem;color:var(--color-text-main, #333);transition:background .15s,opacity .15s}.qd-ex-nav-btn:hover:not(:disabled){background:var(--accent-primary, #6366f1);color:#fff}.qd-ex-nav-btn:disabled{opacity:.3;cursor:default}.qd-ex-nav-indicator{font-size:.85rem;color:var(--color-text-secondary, #888);min-width:50px;text-align:center}.qd-xp-popup{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.85rem;box-shadow:0 3px 10px #f59e0b4d;animation:qdFloatUp 1.5s ease-out forwards;pointer-events:none;z-index:10}@keyframes qdFloatUp{0%{opacity:1;transform:translateY(0) scale(.8)}30%{opacity:1;transform:translateY(-8px) scale(1.05)}to{opacity:0;transform:translateY(-30px) scale(1)}}body.dark .qd-exercise{background:var(--color-bg-secondary, #1a1a2e);border-color:var(--color-border, #2d2d4a)}body.dark .qd-question{color:var(--color-text-main, #f0f0f0)}body.dark .qd-question-native{color:var(--color-text-secondary, #aaa)}body.dark .qd-option{background:var(--color-bg-main, #16162a);border-color:var(--color-border, #2d2d4a)}body.dark .qd-option:hover{border-color:var(--accent-primary, #818cf8);background:#818cf80f}body.dark .qd-option-letter{background:var(--color-bg-secondary, #252545);color:var(--color-text-secondary, #aaa)}body.dark .qd-option-text{color:var(--color-text-main, #e0e0e0)}body.dark .qd-selected-correct{background:#48bb781f!important}body.dark .qd-selected-correct .qd-option-text{color:#9ae6b4}body.dark .qd-reveal-correct{background:#48bb7814!important}body.dark .qd-reveal-correct .qd-option-text{color:#9ae6b4}body.dark .qd-selected-wrong{background:#fc81811f!important}body.dark .qd-selected-wrong .qd-option-text{color:#feb2b2}body.dark .qd-ex-nav-btn{background:var(--color-bg-secondary, #1e1e2e);border-color:var(--color-border, #2d2d4a);color:var(--color-text-main, #f0f0f0)}body.dark .qd-ex-nav-btn:hover:not(:disabled){background:var(--accent-primary, #818cf8)}.words-example-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0 6px;border-bottom:1px solid var(--color-border, #e0e0e0);margin-bottom:6px}.words-example-nav-btn{background:var(--color-bg-secondary, #f0f0f0);border:1px solid var(--color-border, #ddd);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:.85rem;color:var(--color-text-main, #333);transition:background .15s,opacity .15s}.words-example-nav-btn:hover:not(:disabled){background:var(--accent-primary, #6366f1);color:#fff}.words-example-nav-btn:disabled{opacity:.3;cursor:default}.words-example-nav-indicator{font-size:.85rem;color:var(--color-text-secondary, #888);min-width:50px;text-align:center}.words-example-load-next{text-align:center;padding:12px;margin-top:12px;color:var(--accent-primary, #6366f1);font-size:.85rem;cursor:pointer;border-top:1px solid var(--color-border, #e0e0e0);transition:background .15s}.words-example-load-next:hover{background:#6366f114}body.dark .words-example-nav-btn{background:var(--color-bg-secondary, #1e1e2e);border-color:var(--color-border, #2d2d4a);color:var(--color-text-main, #f0f0f0)}body.dark .words-example-nav-btn:hover:not(:disabled){background:var(--accent-primary, #818cf8)}body.dark .words-example-load-next{color:var(--accent-primary, #818cf8)}body.dark .words-mode-back-btn{border-color:var(--color-border, #2d2d4a);color:var(--accent-primary, #818cf8)}body.dark .words-mode-rule-item{background:var(--color-bg-secondary, #2d3748);border-color:var(--color-border, #3d4a5c)}body.dark .words-mode-rule-mistake{background:#ef444414;border-color:var(--color-border, #3d4a5c)}body.dark .words-mode-rule-item[data-correct]:hover{background:var(--color-bg-hover, #364357);border-color:var(--accent-primary, #818cf8)}body.dark .words-mode-back-btn:hover{background:#818cf826}body.dark .words-mode-spinner{border-color:var(--color-border, #2d2d4a);border-top-color:var(--accent-primary, #818cf8)}body.dark .words-mode-word-header{color:var(--color-text-main, #f0f0f0);border-color:var(--accent-primary, #818cf8)}body.dark .words-mode-pos{background:#818cf826;color:var(--accent-primary, #818cf8)}body.dark .words-mode-sentence{color:var(--color-text-main, #f0f0f0)}body.dark .words-mode-sentence-native{color:var(--color-text-secondary, #94a3b8)}body.dark .words-mode-form-value,body.dark .words-mode-rule{color:var(--color-text-main, #f0f0f0)}body.dark .words-mode-example-lang{color:var(--accent-primary, #818cf8)}@media(max-width:767px){.words-modal-body{padding:6px}.words-drawer{top:auto;bottom:0;right:0;left:0;width:100%;height:60%;border-left:none;border-top:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;transform:translateY(100%)}.words-drawer.open{transform:translateY(0)}.words-rolled-list{padding:6px;gap:4px}.words-action-row{gap:4px;padding:6px 8px;gap:5px}.words-action-btn .btn-label{display:none}.words-rolled-item{flex-direction:row;align-items:center;padding:7px 10px;gap:6px}.words-rolled-item>div,.words-rolled-content{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px}.words-rolled-word{font-size:1rem;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.words-rolled-native{font-size:.85rem;color:var(--color-text-secondary, #6b7280)}.words-rolled-native:before{display:none}.words-rolled-arrow{font-size:.75rem}.words-rolled-translation{font-size:.85rem;color:var(--color-text-secondary, #6b7280)}.words-rolled-translation:before{display:none}.words-rolled-section{margin:0;border-radius:12px}.words-header-sub{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:8px}.words-header-category{font-size:.85rem;padding:4px 8px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.words-action-btn{flex:0 1 20%;min-width:44px;font-size:.75rem;padding:7px 4px}.words-start-practice-bar{padding:10px var(--space-4);margin:0 calc(-1 * var(--space-4)) 6px}.words-practice-footer{padding:4px 8px 6px;gap:6px}.words-start-practice-btn{padding:8px 10px!important;font-size:12px!important}.words-start-drill-btn{padding:8px 14px!important;font-size:12px!important}.words-rolled-selection-badge{font-size:11px;padding:4px 10px}}.words-rolled-remove{background:none;border:none;color:var(--color-text-secondary, #9ca3af);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease;flex-shrink:0;line-height:1}.words-rolled-remove:hover{color:#ef4444;background:#ef44441a}.words-rolled-mark-known{background:none;border:1.5px solid var(--color-border, #e0e0e0);color:var(--color-text-secondary, #9ca3af);font-size:14px;cursor:pointer;padding:4px 7px;border-radius:6px;transition:all .15s ease;flex-shrink:0;line-height:1;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center}.words-rolled-mark-known:hover{color:#16a34a;border-color:#16a34a;background:#16a34a14}.words-rolled-mark-known:active{transform:scale(.92)}.words-rolled-mark-known.marked{color:#16a34a;border-color:#16a34a;background:#16a34a26;font-weight:700}.words-snackbar{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--color-text-main, #1f2937);color:#fff;padding:10px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:500;box-shadow:0 4px 16px #0003;opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:100000;white-space:nowrap;max-width:90vw}.words-snackbar.visible{opacity:1;transform:translate(-50%) translateY(0)}.words-snackbar-text{overflow:hidden;text-overflow:ellipsis}.words-snackbar-undo{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:600;white-space:nowrap;flex-shrink:0}.words-snackbar-undo:hover{background:#ffffff4d}body.dark .words-snackbar{background:#e5e7eb;color:#1f2937}body.dark .words-snackbar-undo{background:#00000026;border-color:#0003;color:#1f2937}body.dark .words-snackbar-undo:hover{background:#00000040}.words-rolled-item-incomplete{opacity:.7}.words-rolled-item-incomplete .words-rolled-translation{color:var(--text-muted, #888);font-style:italic}body.dark .words-rolled-item:hover{background:linear-gradient(135deg,#818cf824,#818cf80f)}body.dark .words-rolled-word{color:var(--color-text-main, #f3f4f6)}body.dark .words-rolled-translation{color:var(--color-text-secondary, #9ca3af)}body.dark .words-rolled-translation:before{color:#6b7280}body.dark .words-rolled-remove{color:var(--color-text-secondary, #6b7280)}body.dark .words-rolled-remove:hover{color:#f87171;background:#f8717126}body.dark .words-header-category{color:#fff}body.dark .words-header-sub{background:linear-gradient(135deg,#6366f126,#818cf814);border-color:var(--color-border, #374151)}body.dark .words-rolled-section{background:var(--surface-1, #1a1a2e);box-shadow:0 2px 8px #0000004d}body.dark .words-rolled-example{color:var(--color-text-secondary, #9ca3af);border-top-color:#ffffff0f}body.dark .words-rolled-item{background:linear-gradient(135deg,#6366f114,#818cf808);border-color:var(--color-border, #374151);border-left-color:var(--accent-primary, #818cf8)}.wf-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-bottom:14px}.wf-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.wf-word{font-size:1.15em;font-weight:700;color:var(--text-primary, #fff)}.wf-translation{font-size:.9em;color:var(--text-secondary, #999);margin-left:4px}.wf-pos-badge{font-size:.72em;text-transform:uppercase;letter-spacing:.5px;background:#6366f126;color:#a5b4fce6;padding:2px 8px;border-radius:4px;font-weight:600}.wf-section-title{font-size:.78em;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary, #888);margin:12px 0 6px 2px;font-weight:600}.wf-conj-table{display:flex;flex-direction:column;gap:3px}.wf-conj-row{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-radius:6px;background:#ffffff08;transition:background .15s}.wf-conj-row:hover{background:#ffffff12}.wf-conj-label{color:var(--text-secondary, #999);font-size:.88em;min-width:100px}.wf-conj-form{color:var(--text-primary, #fff);font-weight:600;font-size:.95em;cursor:pointer;transition:color .15s}.wf-conj-form:hover{color:#a5b4fc;text-decoration:underline}.wf-tense-list{display:flex;flex-direction:column;gap:2px}.wf-tense-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;cursor:pointer;background:#ffffff08;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.wf-tense-row:hover{background:#6366f11f;transform:translate(2px)}.wf-tense-row.expanded{background:#6366f114;border-radius:6px 6px 0 0}.wf-tense-label{font-size:.9em;font-weight:500;color:var(--text-primary, #ddd)}.wf-tense-arrow{font-size:.7em;color:var(--text-secondary, #888);transition:transform .2s}.wf-tense-row.expanded .wf-tense-arrow{transform:rotate(90deg)}.wf-tense-forms{padding:8px 10px;background:#ffffff05;border-radius:0 0 6px 6px;margin-bottom:2px}.wf-tense-loading{color:var(--text-secondary, #888);font-size:.85em;padding:4px 0}.wf-empty{color:var(--text-secondary, #888);font-style:italic;padding:8px 0}.wf-examples-popover{position:fixed;z-index:10000;background:var(--bg-secondary, #1e1e2e);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;max-width:320px;box-shadow:0 8px 32px #0006;animation:wf-popover-in .15s ease-out}@keyframes wf-popover-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wf-examples-popover-title{font-weight:700;font-size:.95em;margin-bottom:8px;color:#a5b4fce6}.wf-examples-popover-sentence{font-size:.88em;color:var(--text-primary, #ddd);margin-bottom:4px;line-height:1.4}.wf-examples-popover-translation{font-size:.82em;color:var(--text-secondary, #888);margin-bottom:8px;font-style:italic}.wf-view-toggle{display:flex;gap:4px;margin-left:auto}.wf-view-toggle-btn{padding:4px 10px;border:1px solid var(--color-border, #444);background:transparent;border-radius:6px;cursor:pointer;font-size:.8rem;color:var(--text-secondary, #999);transition:all .15s ease}.wf-view-toggle-btn:hover{background:#6366f11a;border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.wf-view-toggle-btn.active{background:var(--accent-primary, #6366f1);color:#fff;border-color:var(--accent-primary, #6366f1)}.wf-table-view{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}.wf-table-view table{min-width:500px;width:100%;border-collapse:collapse}.wf-table-view th,.wf-table-view td{padding:6px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.wf-table-view th{font-size:.8rem;font-weight:600;color:var(--text-secondary, #888);background:#ffffff05;position:sticky;top:0;z-index:2}.wf-table-view th.empty{min-width:120px}.wf-table-view td{font-size:.9rem;color:var(--text-primary, #fff)}.wf-table-view td.conjugation-number{font-weight:500;color:var(--text-secondary, #999);min-width:120px;position:sticky;left:0;background:inherit;z-index:1}.wf-table-view th:first-child,.wf-table-view td:first-child{position:sticky;left:0;z-index:1}.wf-table-view th:first-child{z-index:3}.wf-table-view tbody tr:hover{background:#ffffff08}.wf-table-view .conjugation-cell{cursor:pointer;border-radius:4px;transition:background .15s}.wf-table-view .conjugation-cell:hover{background:#6366f126}.wf-table-view .conjugation-cell.empty{color:#fff3}.wf-tense-hidden{display:none}.wf-tense-hidden.expanded{display:table-row}.wf-tense-show-more-row{cursor:pointer}.wf-tense-show-more{cursor:pointer;color:var(--accent-primary, #6366f1);padding:10px 16px;text-align:center;font-size:.85rem;font-weight:500;transition:background .15s}.wf-tense-show-more:hover{background:#6366f11a;text-decoration:underline}.wf-swipe-hint{font-size:.75rem;color:var(--text-secondary, #888);text-align:center;padding:6px 4px;margin-top:4px}.wf-card-word{font-size:1.15em;font-weight:700;color:var(--text-primary, #fff)}.wf-card-translation{font-size:.9em;color:var(--text-secondary, #999)}.wf-card-close{margin-left:auto;background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px}.wf-card-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.words-modal-back-btn{background:none;border:none;color:var(--text-primary, #fff);font-size:1em;cursor:pointer;padding:8px 12px;margin-right:8px;border-radius:6px;transition:background .15s}.words-modal-back-btn:hover{background:#ffffff1a}.words-modal-back-btn:active{background:#ffffff26}.words-modal-back-btn.words-back-close{font-size:1.2em;padding:8px 10px;opacity:.6}.words-modal-back-btn.words-back-close:hover{opacity:1}.words-rolled-section.mode-examples .words-rolled-selection-badge,.words-rolled-section.mode-grammar .words-rolled-selection-badge,.words-rolled-section.mode-quickdrill .words-rolled-selection-badge,.words-rolled-section.mode-wordforms .words-rolled-selection-badge{display:none!important}.words-modal-body.mode-quickdrill{display:flex;flex-direction:column;min-height:0}.words-modal-body.mode-quickdrill>.words-tab-panel:not(.words-tab-panel-hidden){flex:1 1 0%;display:flex;flex-direction:column;min-height:0}.words-rolled-section.mode-quickdrill{flex:1 1 0%;min-height:0;display:flex;flex-direction:column}.words-rolled-section.mode-quickdrill .words-rolled-list{flex:1 1 0%;min-height:0;overflow-y:auto}@media(min-width:768px){.words-rolled-section.mode-quickdrill .words-mode-section-title{font-size:14px!important}.words-rolled-section.mode-quickdrill .match-pair-item{font-size:17px!important;padding:12px 16px!important}.words-rolled-section.mode-quickdrill .match-pair-skip-btn{font-size:18px!important;padding:14px 24px!important}.words-rolled-section.mode-quickdrill .char-helper-btn{font-size:18px!important;min-width:40px!important;min-height:40px!important}}.words-rolled-section.mode-quickdrill .quickdrill-card{padding:16px;display:flex;flex-direction:column;gap:8px}.words-rolled-section.mode-quickdrill .drill-type-header{margin-bottom:12px!important}.words-rolled-section.mode-quickdrill .quickdrill-sentence-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.words-rolled-section.mode-quickdrill .words-mode-sentence{font-size:18px!important;line-height:1.5!important;margin-bottom:2px}.words-rolled-section.mode-quickdrill .words-mode-sentence-native{font-size:14px!important;line-height:1.4!important;margin-bottom:12px!important}.words-rolled-section.mode-quickdrill .words-mode-rule-item{font-size:16px!important;padding:12px 16px!important;margin-bottom:6px!important;border-radius:10px!important}.words-rolled-section.mode-quickdrill .fill-blank-input-area{margin-top:12px!important}.words-rolled-section.mode-quickdrill .fill-blank-input{font-size:18px!important;padding:12px 16px!important}.words-rolled-section.mode-quickdrill .fill-blank-submit-btn{font-size:16px!important;padding:12px 24px!important}.words-rolled-section.mode-quickdrill .fill-blank-hint{margin-top:6px!important}.words-rolled-section.mode-quickdrill .drill-countdown-bar{margin-top:12px}@media(min-width:768px){.words-rolled-section.mode-quickdrill .quickdrill-card{padding:24px 28px;gap:12px}.words-rolled-section.mode-quickdrill .words-mode-sentence{font-size:22px!important;line-height:1.5!important}.words-rolled-section.mode-quickdrill .words-mode-sentence-native{font-size:15px!important}.words-rolled-section.mode-quickdrill .words-mode-rule-item{font-size:17px!important;padding:14px 18px!important;margin-bottom:8px!important}.words-rolled-section.mode-quickdrill .fill-blank-input{font-size:20px!important;padding:14px 18px!important}.words-rolled-section.mode-quickdrill .fill-blank-submit-btn{font-size:18px!important;padding:14px 28px!important}}.drill-countdown-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:var(--bg-input, #f5f5f5);border-radius:10px;margin:8px var(--space-4) var(--space-4);font-size:.85rem;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #e5e5e5);animation:drill-countdown-in .3s ease-out}.drill-countdown-bar .countdown-text{font-weight:600;min-width:90px}.drill-countdown-bar .countdown-progress{width:60px;height:4px;background:var(--color-border, #e5e5e5);border-radius:2px;overflow:hidden;flex-shrink:0}.drill-countdown-bar .countdown-progress-fill{height:100%;background:var(--color-primary, #3b82f6);border-radius:2px;transition:width .1s linear}.drill-stop-btn{padding:6px 16px;border-radius:8px;border:1px solid var(--color-border, #e5e5e5);background:var(--bg-panel-left, #fff);color:var(--color-primary, #3b82f6);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.drill-stop-btn:hover{background:#3b82f61a;border-color:var(--color-primary, #3b82f6)}.drill-stop-btn.stopped{background:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}.drill-stop-btn.stopped:hover{background:#2563eb}@keyframes drill-countdown-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.dark .drill-countdown-bar{background:var(--surface-2, #232329);border-color:var(--color-border, #374151);color:var(--color-text-secondary, #9ca3af)}body.dark .drill-stop-btn{background:var(--surface-1, #1a1a2e);color:var(--accent-primary, #818cf8);border-color:var(--color-border, #374151)}body.dark .drill-stop-btn:hover{background:#6366f126}body.dark .drill-stop-btn.stopped{background:var(--accent-primary, #818cf8);color:#fff;border-color:var(--accent-primary, #818cf8)}.exercise-categorization{padding:16px}.categorization-categories{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;justify-content:center}.category-bucket{flex:1;min-width:140px;max-width:200px;background:var(--bg-secondary, #252536);border:2px dashed var(--border-color, rgba(255,255,255,.15));border-radius:12px;padding:12px;min-height:120px;transition:all .3s ease;border-style:solid}.category-bucket.drag-over{border-color:var(--accent-color, #7c3aed);background:#7c3aed26;transform:scale(1.02);box-shadow:0 0 20px #7c3aed4d}.category-bucket.correct{border-color:var(--success-color, #22c55e);background:#22c55e1a;animation:bucket-success .5s ease}.category-bucket.incorrect{border-color:var(--error-color, #ef4444);animation:bucket-shake .4s ease}@keyframes bucket-success{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bucket-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.category-header{font-weight:600;color:var(--text-primary, #fff);text-align:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));font-size:.95em}.category-items{display:flex;flex-direction:column;gap:8px;min-height:60px}.categorization-source{background:var(--bg-tertiary, #1e1e2e);border-radius:12px;padding:16px;margin-top:16px}.source-label{font-size:.85em;color:var(--text-secondary, #888);margin-bottom:12px;text-align:center}.source-items{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.categorization-item{background:var(--accent-color, #7c3aed);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:.9em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.categorization-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.categorization-item:active{transform:translateY(0)}.categorization-item.placed{opacity:.4;pointer-events:none}.category-items .categorization-item{background:var(--bg-tertiary, #2a2a3e);border:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-primary, #fff);justify-content:center;display:flex;align-items:center}.category-items .categorization-item.correct{background:#22c55e33;border-color:var(--success-color, #22c55e)}.category-items .categorization-item.incorrect{background:#ef444433;border-color:var(--error-color, #ef4444)}.categorization-progress{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.categorization-progress-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-tertiary, #2a2a3e);transition:all .3s ease}.categorization-progress-dot.filled{background:var(--accent-color, #7c3aed)}.categorization-progress-dot.correct{background:var(--success-color, #22c55e)}.words-mode-sentence-text{flex:1}.words-mode-speak-btn{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:.9rem;padding:4px 8px;opacity:.6;transition:opacity .15s,transform .15s;border-radius:4px}.words-mode-speak-btn:hover{opacity:1;transform:scale(1.1);background:#8b5cf61a}.words-mode-speak-btn:active{transform:scale(.95)}.words-mode-speak-btn.speaking{opacity:1;animation:tts-pulse .5s ease-in-out}@keyframes tts-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.words-tab-disabled{opacity:.4!important;pointer-events:none!important;cursor:not-allowed!important}.words-enrichment-banner{background:var(--bg-accent-subtle, rgba(59, 130, 246, .1));color:var(--text-secondary, #888);font-size:.8rem;padding:6px 12px;border-radius:6px;margin:4px 12px;text-align:center;animation:enrichmentPulse 2s ease-in-out infinite}@keyframes enrichmentPulse{0%,to{opacity:1}50%{opacity:.6}}@media(min-width:640px){.words-chip-bar{margin-top:12px}}.words-chip-bar{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:8px;border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--bg-panel-left, #fff);position:sticky;top:-1px;z-index:5}.words-chip-bar::-webkit-scrollbar{display:none}.words-chip{flex-shrink:0;padding:5px 12px;border-radius:16px;font-size:.8rem;font-weight:500;background:var(--bg-button, rgba(255,255,255,.08));color:var(--text-secondary, #aaa);cursor:pointer;transition:all .2s ease;scroll-snap-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid transparent}.words-chip:hover{background:var(--bg-button-hover, rgba(255,255,255,.15));color:var(--text-primary, #fff)}.words-chip-active{background:var(--accent-primary, #3b82f6);color:#fff;border-color:var(--accent-primary, #3b82f6);font-weight:600}.words-chip-active:hover{background:var(--accent-primary, #3b82f6);color:#fff}.words-content-area{position:relative;overflow:hidden;min-height:120px}.words-content-slide{transition:transform .28s ease,opacity .28s ease;will-change:transform}.words-content-slide.slide-left{animation:wordSlideLeft .28s ease forwards}.words-content-slide.slide-right{animation:wordSlideRight .28s ease forwards}@keyframes wordSlideLeft{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes wordSlideRight{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}.words-content-slide.dragging{transition:none}.words-show-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;margin:12px 16px;border-radius:8px;background:var(--bg-button, rgba(255,255,255,.06));color:var(--text-secondary, #888);font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.words-show-more-btn:hover{background:var(--bg-button-hover, rgba(255,255,255,.12));color:var(--text-primary, #fff)}.quickdrill-filled-answer{color:var(--color-primary, #4f46e5);font-weight:700;background:#4f46e51a;border-radius:3px;padding:0 3px}.session-stats-panel{padding:20px;max-width:800px;margin:0 auto}.stats-header{text-align:center;margin-bottom:24px}.stats-emoji{font-size:48px;margin-bottom:8px}.stats-title{font-size:24px;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:4px}.stats-subtitle{font-size:14px;color:var(--text-secondary, #6b7280)}.stats-table-header{display:grid;grid-template-columns:2fr 1fr .6fr .6fr .5fr .8fr 2fr;gap:8px;padding:8px 12px;background:var(--bg-input, #f3f4f6);border-radius:8px 8px 0 0;font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.stats-rows{border:1px solid var(--color-border, #e5e5e5);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.stats-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;align-items:center;border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--bg-panel, #fff)}.stats-row:last-child{border-bottom:none}.stats-word{display:flex;flex-direction:column;gap:2px}.stats-word-text{font-weight:600;color:var(--text-primary, #1f2937);font-size:15px}.stats-word-trans{font-size:12px;color:var(--text-secondary, #6b7280)}.stats-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.status-new{background:#e5e7eb;color:#374151}.status-learning{background:#fed7aa;color:#9a3412}.status-review{background:#bfdbfe;color:#1e40af}.status-mastered{background:#fef3c7;color:#92400e}.stats-interval,.stats-ef,.stats-rep{font-size:13px;color:var(--text-primary, #1f2937)}.stats-due{font-size:12px;font-weight:600}.due-now{color:#dc2626}.due-soon{color:#f59e0b}.due-stable{color:#10b981}.stats-actions{display:flex;gap:6px}.stats-btn{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.stats-btn:hover:not(:disabled){transform:scale(1.05)}.stats-btn:disabled{opacity:.5;cursor:not-allowed}.known-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.known-btn-done{background:#fef3c7}.train-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.train-btn-done{background:#dbeafe}.stats-footer{margin-top:20px;display:flex;gap:12px;justify-content:center}.stats-cta-btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;flex:1;max-width:200px}.stats-cta-primary{background:var(--color-primary, #4f46e5);color:#fff}.stats-cta-primary:hover{background:var(--color-primary-hover, #4338ca);transform:translateY(-1px)}.stats-cta-secondary{background:#ffffff1a;color:var(--text-primary, #f3f4f6);border:1px solid rgba(255,255,255,.15)}.stats-cta-secondary:hover{background:#ffffff2e;transform:translateY(-1px)}.stats-cta-continue{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:2;max-width:240px}.stats-cta-continue:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}body.dark .stats-cta-continue{background:linear-gradient(135deg,#10b981,#059669);color:#fff}body.dark .stats-cta-continue:hover{box-shadow:0 4px 16px #10b98159}.stats-cta-challenge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;flex:1.5;max-width:220px}.stats-cta-challenge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}body.dark .stats-cta-challenge{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff}body.dark .stats-cta-challenge:hover{box-shadow:0 4px 16px #6366f159}.stats-empty{padding:32px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}@media(max-width:640px){.stats-table-header{display:none}.stats-row{grid-template-columns:1fr auto;gap:4px 12px}.stats-word{grid-column:1}.stats-badge{grid-column:2;justify-self:start}.stats-interval,.stats-ef,.stats-rep{display:none}.stats-due{grid-column:1}.stats-actions{grid-column:1 / -1;justify-content:flex-start}}body.dark .session-stats-panel{background:var(--bg-panel, #1e1e2e);border-radius:12px;margin:8px}body.dark .stats-title{color:var(--text-primary, #f3f4f6)}body.dark .stats-subtitle{color:var(--text-secondary, #9ca3af)}body.dark .stats-row{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a)}body.dark .stats-rows{border-color:var(--color-border, #3a3a4a)}body.dark .stats-word-text{color:var(--text-primary, #f3f4f6)}body.dark .stats-word-trans{color:var(--text-secondary, #9ca3af)}body.dark .status-new{background:#374151;color:#d1d5db}body.dark .status-learning{background:#7c2d12;color:#fed7aa}body.dark .status-review{background:#1e3a5f;color:#93c5fd}body.dark .status-mastered{background:#78350f;color:#fde68a}body.dark .stats-cta-secondary{background:#ffffff14;color:var(--text-primary, #f3f4f6);border:1px solid rgba(255,255,255,.12)}body.dark .stats-cta-secondary:hover{background:#ffffff24}.words-tab-btn{font-size:13px;background:none;border:1px solid var(--color-border, #e0e0e0);padding:6px 14px;border-radius:10px;color:var(--text-secondary, #6b7280);cursor:pointer;font-size:12px;font-weight:600;min-height:44px;transition:all .2s ease;flex:0 0 auto;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1}.words-tab-btn:hover{color:var(--text-primary, #111827);background:var(--bg-hover, #f0f0f0)}.words-tab-btn-active{color:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5);background:#4f46e50f}.words-tab-panel{display:block}.words-tab-panel-hidden,.words-action-row-hidden,.words-practice-footer.words-action-row-hidden{display:none}.words-header-btn-hidden{display:none!important}.words-due-badge{font-size:12px;margin-left:4px;vertical-align:middle}.words-due-overdue{color:var(--color-error, #dc2626)}.words-due-new{color:var(--color-success, #16a34a)}.words-word-weak{border-left:3px solid var(--color-warning, #f59e0b)}.words-practice-footer{display:flex;align-items:stretch;gap:6px;padding:6px 12px 8px;border-top:1px solid var(--color-border, #e0e0e0);background:var(--bg-panel-left, #fff);flex-shrink:0;z-index:5}.words-tab-bar{display:flex;gap:4px;flex:0 0 auto}.words-tab-icon{font-size:16px;line-height:1}.words-tab-label{font-size:11px;line-height:1}.words-start-practice-btn{background:none;border:1px solid var(--color-border, #e0e0e0);padding:10px 16px;border-radius:10px;color:var(--color-text-main, #333);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;transition:background .2s,transform .1s;flex:1;white-space:nowrap}.words-start-practice-btn:hover{background:var(--bg-hover, #f0f0f0)}.words-start-practice-btn:active{transform:translateY(0)}.words-start-discover-btn{background:none;border:1px solid var(--color-border, #e0e0e0);padding:10px 16px;border-radius:10px;color:var(--color-text-main, #333);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;transition:background .2s,transform .1s;flex:1;white-space:nowrap}.words-start-discover-btn:hover{background:var(--bg-hover, #f0f0f0)}.words-start-discover-btn:active{transform:translateY(0)}.words-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.words-empty-icon{font-size:48px;margin-bottom:16px}.words-empty-title{font-size:18px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 8px}.words-empty-desc{font-size:14px;color:var(--text-secondary, #6b7280);margin:0 0 24px;max-width:280px}.words-empty-cta{padding:12px 24px;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;min-height:48px;margin-bottom:12px;width:100%;max-width:260px;transition:background .2s}.words-empty-cta:hover{background:var(--color-primary-hover, #4338ca)}.words-empty-cta-secondary{padding:10px 20px;background:none;border:2px solid var(--color-border, #e0e0e0);border-radius:12px;font-size:14px;color:var(--text-secondary, #6b7280);cursor:pointer;min-height:44px;width:100%;max-width:260px;margin-bottom:16px;transition:background .2s}.words-empty-cta-secondary:hover{background:var(--bg-hover, #f5f5f5)}.words-empty-tip{font-size:12px;color:var(--text-tertiary, #9ca3af);margin:8px 0 0}.words-weak-section{margin:0 0 4px;border-bottom:1px solid var(--color-border, #e0e0e0)}.words-weak-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:var(--color-warning-bg, #fef3c7);border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-warning-text, #92400e);min-height:44px}.words-weak-toggle:hover{background:var(--color-warning-bg-hover, #fde68a)}.words-weak-toggle-icon{font-size:16px}.words-weak-toggle-text{flex:1;text-align:left}.words-weak-toggle-arrow{font-size:12px;transition:transform .2s}.words-weak-list{padding:8px 16px;background:var(--bg-modal, #fff);border-top:1px solid var(--color-border-light, #f0f0f0)}.words-weak-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.words-weak-item:last-of-type{border-bottom:none}.words-weak-word{font-weight:600;font-size:14px}.words-weak-translation{flex:1;font-size:13px;color:var(--text-secondary, #6b7280)}.words-weak-accuracy{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626)}.words-weak-drill-btn{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--color-primary, #4f46e5);border-radius:8px;background:var(--bg-modal, #fff);color:var(--color-primary, #4f46e5);font-size:13px;font-weight:600;cursor:pointer;min-height:44px;transition:background .15s}.words-weak-drill-btn:hover{background:var(--color-primary-bg, #eef2ff)}body.dark .words-weak-toggle{background:#eab3081a;color:#fbbf24}body.dark .words-weak-toggle:hover{background:#eab30826}body.dark .words-weak-list{background:var(--bg-panel, #1e1e2e)}body.dark .words-weak-accuracy{background:#dc26261a;color:#f87171}body.dark .words-weak-drill-btn{border-color:var(--color-primary, #818cf8);color:var(--color-primary, #818cf8);background:var(--bg-panel, #1e1e2e)}body.dark .words-weak-drill-btn:hover{background:#818cf81a}.words-discover-header{padding:12px 16px 4px;text-align:center}.words-discover-header h3{margin:0;font-size:16px}.words-discover-hero{padding:16px;text-align:center}.words-discover-topic-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.words-discover-topic-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--color-primary-bg, #eef2ff);color:var(--color-primary, #4f46e5);border-radius:100px;font-size:14px;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.words-discover-change-btn{background:none;border:1px solid var(--color-border, #e0e0e0);border-radius:100px;padding:5px 14px;font-size:13px;font-weight:500;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s}.words-discover-change-btn:hover{border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5);background:var(--bg-hover, #f5f5f5)}.words-discover-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;min-height:50px}.words-discover-cta:hover{background:var(--color-primary-hover, #4338ca);transform:translateY(-1px)}.words-discover-cta:active{transform:translateY(0)}.words-discover-cta-icon{font-size:20px}body.dark .words-discover-topic-pill{background:#818cf826;color:var(--color-primary, #818cf8)}body.dark .words-discover-change-btn{border-color:var(--color-border, #3a3a4a);color:var(--text-secondary, #9ca3af)}body.dark .words-discover-change-btn:hover{border-color:var(--color-primary, #818cf8);color:var(--color-primary, #818cf8);background:var(--bg-hover, #2a2a3e)}body.dark .words-discover-cta{background:var(--color-primary, #818cf8)}body.dark .words-discover-cta:hover{background:var(--color-primary-hover, #6366f1)}.words-discover-sub-tabs{display:flex;margin:8px 16px 0;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;overflow:hidden}.words-discover-sub-tab{flex:1;padding:8px 12px;border:none;background:var(--bg-modal, #fff);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;min-height:38px}.words-discover-sub-tab:not(:last-child){border-right:1px solid var(--color-border, #e0e0e0)}.words-discover-sub-tab.active{background:var(--color-primary, #4f46e5);color:#fff;font-weight:600}.words-discover-sub-tab:not(.active):hover{background:var(--bg-hover, #f5f5f5)}body.dark .words-discover-sub-tabs{border-color:var(--color-border, #3a3a4a)}body.dark .words-discover-sub-tab{background:var(--bg-panel, #1e1e2e);color:var(--text-primary, #e5e7eb)}body.dark .words-discover-sub-tab:not(:last-child){border-right-color:var(--color-border, #3a3a4a)}body.dark .words-discover-sub-tab.active{background:var(--color-primary, #818cf8);color:#fff}body.dark .words-discover-sub-tab:not(.active):hover{background:var(--bg-hover, #2a2a3e)}.words-discover-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 16px 16px}.words-discover-topic-btn{padding:12px 8px;border:1px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--bg-modal, #fff);font-size:13px;cursor:pointer;min-height:44px;transition:background .15s,border-color .15s}.words-discover-topic-btn:hover{background:var(--bg-hover, #f5f5f5);border-color:var(--color-primary, #4f46e5)}.words-discover-topic-btn.active{background:var(--color-primary-bg, #eef2ff);border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5);font-weight:600}.words-discover-actions{display:flex;gap:8px;padding:0 16px 16px;justify-content:center}.words-discover-action-btn{padding:10px 16px;border:1px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--bg-modal, #fff);font-size:14px;cursor:pointer;min-height:44px;min-width:52px;transition:background .15s}.words-discover-action-btn:hover{background:var(--bg-hover, #f5f5f5)}.words-discover-topic-header{padding:8px 16px;font-weight:600;font-size:15px;border-bottom:1px solid var(--color-border, #e0e0e0);display:flex;align-items:center;justify-content:space-between}.words-discover-topic-header .dc-topic-label{display:flex;align-items:center;gap:6px}.words-discover-topic-header .dc-word-count{font-size:12px;font-weight:400;color:var(--text-tertiary, #9ca3af)}.words-discover-item{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--color-border-light, #f0f0f0);gap:12px}.words-discover-word{font-weight:600;font-size:15px;flex-shrink:0}.words-discover-translation{font-size:13px;color:var(--text-secondary, #6b7280);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.words-discover-actions-inline{display:flex;gap:6px;flex-shrink:0}.words-discover-save,.words-discover-speak{padding:4px 10px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;background:var(--bg-modal, #fff);font-size:12px;cursor:pointer;min-height:32px;transition:background .15s}.words-discover-save:hover{background:var(--color-success-bg, #dcfce7)}.words-discover-speak:hover{background:var(--bg-hover, #f5f5f5)}.words-discover-footer{display:flex;gap:8px;padding:12px 16px;justify-content:center}.words-discover-more{padding:10px 20px;border-radius:10px;border:1px solid var(--color-border, #e0e0e0);background:var(--bg-modal, #fff);font-size:14px;cursor:pointer;min-height:44px}.words-discover-save-all{padding:10px 20px;border-radius:10px;background:var(--color-primary, #4f46e5);color:#fff;border:none;font-size:14px;cursor:pointer;min-height:44px;transition:background .2s}.words-discover-save-all:hover{background:var(--color-primary-hover, #4338ca)}.words-discover-empty{padding:32px 16px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.words-discover-error{padding:24px 16px;text-align:center;color:var(--color-error, #dc2626);font-size:14px}.dc-cards-wrapper{position:relative;overflow:hidden;min-height:260px}.dc-cards-track{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.dc-cards-track.dragging{transition:none}.dc-card{flex:0 0 100%;padding:0 16px;box-sizing:border-box}.dc-card-inner{background:var(--bg-modal, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;min-height:220px;position:relative}.dc-card-pos{position:absolute;top:10px;right:12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #9ca3af);background:var(--bg-hover, #f5f5f5);padding:2px 8px;border-radius:4px}.dc-card-badges{position:absolute;top:10px;right:12px;display:flex;gap:4px;align-items:center;flex-wrap:wrap}.dc-card-badges .dc-card-pos{position:static}.dc-card-source-tag{font-size:10px;color:var(--text-secondary, #6b7280);background:var(--bg-hover, #f0f0f0);padding:2px 6px;border-radius:4px;white-space:nowrap}.dc-card-easy-badge{font-size:10px;font-weight:600;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:4px}.dc-card-easy .dc-card-word{color:#059669}.dc-card-speak-btn{width:44px;height:44px;border:1px solid var(--color-border, #e0e0e0);border-radius:50%;background:var(--bg-modal, #fff);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:background .15s}.dc-card-speak-btn:hover{background:var(--bg-hover, #f5f5f5)}.dc-card-word{font-size:26px;font-weight:700;margin-bottom:4px;text-align:center;word-break:break-word}.dc-card-translation{font-size:15px;color:var(--text-secondary, #6b7280);margin-bottom:14px;text-align:center}.dc-card-strategy-btns{display:flex;gap:8px;width:100%;justify-content:center;margin-top:auto}.dc-strat-btn{padding:8px 14px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--bg-modal, #fff);font-size:13px;cursor:pointer;min-height:40px;transition:background .15s,border-color .15s;white-space:nowrap}.dc-strat-btn:hover{background:var(--bg-hover, #f5f5f5);border-color:var(--color-primary, #4f46e5)}.dc-strat-btn.dc-saved{background:var(--color-success-bg, #dcfce7);border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a);cursor:default}.dc-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px 4px}.dc-nav-btn{width:44px;height:44px;border:1px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--bg-modal, #fff);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.dc-nav-btn:hover{background:var(--bg-hover, #f5f5f5)}.dc-nav-btn:disabled{opacity:.3;cursor:default}.dc-nav-counter{font-size:13px;color:var(--text-secondary, #6b7280);min-width:40px;text-align:center}.dc-dots{display:flex;justify-content:center;gap:6px;padding:4px 16px 16px}.dc-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border, #e0e0e0);transition:background .2s,transform .2s;cursor:pointer}.dc-dot.active{background:var(--color-primary, #4f46e5);transform:scale(1.3)}.dc-dot.saved{background:var(--color-success, #16a34a)}.dc-forms-panel{width:100%;margin-top:10px;border-top:1px solid var(--color-border-light, #f0f0f0);padding-top:10px}.dc-forms-title{font-size:12px;font-weight:600;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dc-forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.dc-form-chip{font-size:12px;padding:4px 8px;background:var(--bg-hover, #f5f5f5);border-radius:6px;text-align:center;cursor:pointer;transition:background .15s}.dc-form-chip:hover{background:var(--color-primary-bg, #eef2ff)}.dc-expand-panel{width:100%;margin-top:10px;border-top:1px solid var(--color-border-light, #f0f0f0);padding-top:10px}.dc-expand-title{font-size:12px;font-weight:600;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dc-expand-words{display:flex;flex-wrap:wrap;gap:6px}.dc-expand-word{font-size:13px;padding:4px 10px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;cursor:pointer;transition:background .15s}.dc-expand-word:hover{background:var(--bg-hover, #f5f5f5)}.dc-expand-saved{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.dc-expand-saved:after{content:" ✓";font-size:11px}.dc-loading-inline{font-size:12px;color:var(--text-tertiary, #9ca3af);padding:4px 0}.dc-top-actions{display:flex;justify-content:center;padding:0 16px 8px}.dc-top-actions .dc-footer-btn{width:100%;max-width:320px}.dc-footer{display:flex;gap:8px;padding:8px 16px 16px;justify-content:center}.dc-footer-btn{padding:10px 18px;border-radius:10px;font-size:13px;cursor:pointer;min-height:44px;transition:background .15s}.dc-footer-btn-primary{background:var(--color-primary, #4f46e5);color:#fff;border:none}.dc-footer-btn-primary:hover{background:var(--color-primary-hover, #4338ca)}.dc-footer-btn-secondary{background:var(--bg-modal, #fff);border:1px solid var(--color-border, #e0e0e0)}.dc-footer-btn-secondary:hover{background:var(--bg-hover, #f5f5f5)}body.dark .words-tab-btn{border-color:var(--color-border, #3a3a4a);color:var(--text-secondary, #9ca3af)}body.dark .words-tab-btn:hover{background:var(--bg-hover, #2a2a3a)}body.dark .words-tab-btn-active{color:var(--color-primary, #818cf8);border-color:var(--color-primary, #818cf8);background:#818cf814}body.dark .words-discover-topic-btn{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .words-discover-topic-btn:hover{background:var(--bg-hover, #2a2a3e)}body.dark .words-discover-topic-btn.active{background:#818cf81a;border-color:var(--color-primary, #818cf8);color:var(--color-primary, #818cf8)}body.dark .words-discover-action-btn{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .words-discover-action-btn:hover{background:var(--bg-hover, #2a2a3e)}body.dark .words-discover-item{border-bottom-color:var(--color-border, #3a3a4a)}body.dark .words-discover-save,body.dark .words-discover-speak{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .words-discover-save:hover{background:#1a3a2e}body.dark .words-discover-more{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .words-empty-cta-secondary{border-color:var(--color-border, #3a3a4a);color:var(--text-secondary, #9ca3af)}body.dark .words-start-practice-btn{border-color:var(--color-border, #3a3a4a);color:var(--color-text-main, #f3f4f6)}body.dark .words-start-practice-btn:hover{background:var(--bg-hover, rgba(255,255,255,.06))}body.dark .dc-card-inner{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a)}body.dark .dc-card-pos{background:var(--bg-hover, #2a2a3e);color:var(--text-tertiary, #9ca3af)}body.dark .dc-card-speak-btn{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a)}body.dark .dc-card-speak-btn:hover{background:var(--bg-hover, #2a2a3e)}body.dark .dc-strat-btn{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .dc-strat-btn:hover{background:var(--bg-hover, #2a2a3e);border-color:var(--color-primary, #818cf8)}body.dark .dc-strat-btn.dc-saved{background:#16a34a1a;border-color:var(--color-success, #22c55e);color:var(--color-success, #22c55e)}body.dark .dc-nav-btn{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .dc-nav-btn:hover{background:var(--bg-hover, #2a2a3e)}body.dark .dc-dot{background:var(--color-border, #3a3a4a)}body.dark .dc-dot.active{background:var(--color-primary, #818cf8)}body.dark .dc-dot.saved{background:var(--color-success, #22c55e)}body.dark .dc-form-chip{background:var(--bg-hover, #2a2a3e)}body.dark .dc-form-chip:hover{background:#818cf81a}body.dark .dc-expand-word{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .dc-expand-word:hover{background:var(--bg-hover, #2a2a3e)}body.dark .dc-footer-btn-secondary{background:var(--bg-panel, #1e1e2e);border-color:var(--color-border, #3a3a4a);color:var(--text-primary, #e5e7eb)}body.dark .dc-card-source-tag{background:var(--bg-hover, #2a2a3e);color:var(--text-secondary, #9ca3af)}body.dark .dc-card-easy-badge{color:#34d399;background:#05966926}body.dark .dc-card-easy .dc-card-word{color:#34d399}.drill-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drill-countdown-content{text-align:center;color:#fff}.drill-countdown-number{font-size:48px;font-weight:700;line-height:1;animation:countdown-pulse 1s ease-in-out infinite}.drill-countdown-label{font-size:14px;margin-top:8px;opacity:.8}.drill-countdown-cancel{margin-top:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 20px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s}.drill-countdown-cancel:hover{background:#ffffff40}@keyframes countdown-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media(max-width:768px){.words-discover-topic-grid{gap:6px}.words-discover-topic-btn{font-size:12px;padding:10px 6px}.words-tab-btn{font-size:12px;padding:8px 10px}.dc-card-word{font-size:22px}.dc-card-inner{padding:16px 12px;min-height:200px}.dc-strat-btn{font-size:12px;padding:7px 10px}.dc-nav-btn{width:40px;height:40px}}.grammar-gap-loading{text-align:center;padding:24px;color:var(--color-text-secondary, #666);font-size:14px}.grammar-gap-empty{text-align:center;padding:24px 16px}.grammar-gap-empty-icon{font-size:32px;margin-bottom:8px}.grammar-gap-empty p{margin:4px 0;color:var(--color-text, #333);font-size:14px}.grammar-gap-empty-hint{font-size:12px!important;color:var(--color-text-secondary, #888)!important}.grammar-gap-section{padding:8px 16px;border-bottom:1px solid var(--color-border, #eee)}.grammar-gap-section:last-child{border-bottom:none}.grammar-gap-header{display:flex;align-items:center;gap:8px;padding:4px 0}.grammar-gap-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 8px;border-radius:12px;background:var(--color-primary, #4f46e5);color:#fff;font-size:12px;font-weight:600}.grammar-gap-title{font-size:14px;font-weight:600}.grammar-gap-next{font-size:12px;color:var(--color-text-secondary, #888);margin-left:auto}.grammar-gap-section-title{font-size:13px;font-weight:600;color:var(--color-text-secondary, #555);margin:8px 0}.grammar-gap-card{background:var(--color-surface, #f8f8fa);border:1px solid var(--color-border, #eee);border-radius:10px;padding:10px 12px;margin-bottom:8px}.grammar-gap-card-header{display:flex;align-items:center;justify-content:space-between}.grammar-gap-card-name{font-size:14px;font-weight:600}.grammar-gap-card-badge{font-size:11px;padding:1px 6px;border-radius:8px;background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e);font-weight:500}.grammar-gap-card-info{margin-top:4px}.grammar-gap-card-en{font-size:12px;color:var(--color-text-secondary, #888);font-style:italic}.grammar-gap-card-actions{margin-top:8px;display:flex;gap:8px}.grammar-gap-practice-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-primary, #4f46e5);border-radius:8px;background:transparent;color:var(--color-primary, #4f46e5);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.grammar-gap-practice-btn:hover{background:var(--color-primary, #4f46e5);color:#fff}.grammar-gap-card-weak .grammar-gap-card-badge{background:var(--color-error-bg, #fee2e2);color:var(--color-error-text, #991b1b)}.grammar-gap-progress{margin-top:8px;display:flex;align-items:center;gap:8px}.grammar-gap-progress-bar{flex:1;height:6px;border-radius:3px;background:var(--color-border, #e0e0e0);min-width:0}.grammar-gap-progress-label{font-size:11px;font-weight:600;color:var(--color-text-secondary, #666);min-width:28px;text-align:right}.grammar-gap-complete{text-align:center;padding:16px;font-size:14px;color:var(--color-success, #16a34a)}.grammar-gap-stats{display:flex;gap:16px;padding:8px 0}.grammar-gap-stat{display:flex;flex-direction:column;align-items:center}.grammar-gap-stat-value{font-size:20px;font-weight:700;color:var(--color-text, #333)}.grammar-gap-stat-label{font-size:11px;color:var(--color-text-secondary, #888)}.grammar-gap-allowed{font-size:12px;color:var(--color-text-secondary, #888);padding-top:12px;padding-bottom:12px}.grammar-gap-allowed-label{font-weight:600;color:var(--color-text-secondary, #666)}body.dark .grammar-gap-card{background:var(--color-surface, #1e1e2e);border-color:var(--color-border, #2a2a3a)}body.dark .grammar-gap-card-badge{background:var(--color-warning-bg-dark, #422006);color:var(--color-warning-text-dark, #fbbf24)}body.dark .grammar-gap-practice-btn{border-color:var(--color-primary-light, #818cf8);color:var(--color-primary-light, #818cf8)}body.dark .grammar-gap-practice-btn:hover{background:var(--color-primary-light, #818cf8);color:#1e1e2e}body.dark .grammar-gap-progress-bar{background:var(--color-border, #3a3a4a)}body.dark .grammar-gap-stat-value{color:#e0e0e0}body.dark .grammar-gap-card-weak .grammar-gap-card-badge{background:var(--color-error-bg-dark, #450a0a);color:var(--color-error-text-dark, #fca5a5)}:root{--cw-cell: clamp(36px, 5vw, 52px);--cw-cell-md: 32px;--cw-cell-sm: 28px;--cw-accent: #6366f1;--cw-accent-h: #4f46e5;--cw-green: #22c55e;--cw-red: #ef4444;--cw-yellow: #f59e0b;--cw-bg: #1e1e1e;--cw-grid-bg: #374151;--cw-grid-border: #4b5563;--cw-cell-bg: #fff;--cw-cell-dark: #1f2937;--cw-text: #fff;--cw-muted: #9ca3af;--cw-dim: #6b7280;--cw-border: rgba(255,255,255,.1);--cw-hl-bg: #bfdbfe;--cw-kb-bg: #111827;--cw-kb-key: #374151;--cw-kb-key-h: #4b5563}.cw-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:99999}.cw-modal.active{display:flex}.cw-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cw-modal__content{position:relative;background:var(--cw-bg);border-radius:16px;max-width:1400px;width:95%;max-height:90vh;height:auto;overflow:hidden;display:flex;flex-direction:column;animation:cwIn .25s ease-out}@media(min-width:1600px){.cw-modal__content{max-width:1600px}}@keyframes cwIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.cw-modal__content{position:fixed;top:0;right:0;bottom:0;left:0;max-height:100vh;height:100%;border-radius:0;max-width:100%}}.cw-modal__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--cw-border);min-height:56px;gap:10px;flex-shrink:0}.cw-modal__header-left,.cw-modal__header-right{display:flex;align-items:center;gap:8px}.cw-modal__title{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:600;color:var(--cw-text);white-space:nowrap}.cw-modal__title-icon{font-size:1.3rem}.cw-progress{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#ffffff0d;border-radius:20px}.cw-progress__text{font-size:.8rem;font-weight:700;color:var(--cw-text);white-space:nowrap}.cw-progress__bar{width:72px;height:5px;background:#ffffff26;border-radius:3px;overflow:hidden}.cw-progress__fill{height:100%;background:var(--cw-accent);border-radius:3px;transition:width .3s}.cw-dir-toggle{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#ffffff14;border:none;border-radius:6px;color:var(--cw-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;min-height:34px}.cw-dir-toggle:hover{background:#ffffff26;color:var(--cw-text)}.cw-modal__close{background:none;border:none;padding:7px;cursor:pointer;border-radius:7px;color:var(--cw-muted);transition:background .15s,color .15s;min-width:38px;min-height:38px;display:flex;align-items:center;justify-content:center}.cw-modal__close:hover{background:#ffffff1a;color:var(--cw-text)}.cw-modal__back{background:none;border:none;padding:7px;cursor:pointer;border-radius:7px;color:var(--cw-muted);min-width:38px;min-height:38px;display:flex;align-items:center;justify-content:center}.cw-modal__back:hover{color:var(--cw-text)}.cw-active-clue{padding:9px 14px;background:#6366f11a;border-left:3px solid var(--cw-accent);font-size:.875rem;color:var(--cw-text);display:flex;align-items:flex-start;gap:10px;flex-shrink:0;transition:opacity .2s;min-height:42px}.cw-active-clue__num{font-weight:700;color:var(--cw-accent);flex-shrink:0}.cw-active-clue__dir{color:var(--cw-muted);font-size:1rem;flex-shrink:0}.cw-active-clue__text{flex:1}.cw-active-clue__content{flex:1;min-width:0}.cw-active-clue__row{display:flex;align-items:center;gap:6px}.cw-active-clue__translation{color:var(--cw-muted);font-size:.75rem;margin-top:2px}.cw-clue-nav{background:var(--cw-accent);color:#fff;border:none;border-radius:6px;width:28px;height:28px;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:background .15s,transform .1s}.cw-clue-nav:hover{background:var(--cw-accent-h)}.cw-clue-nav:active{transform:scale(.92)}@media(max-width:768px){.cw-clue-nav{width:32px;height:32px;font-size:1.2rem}}.cw-modal__body{display:flex;flex:1;overflow:hidden;min-height:0}@media(min-width:768px){.cw-modal__body{padding:16px;gap:20px}}@media(max-width:768px){.cw-modal__body{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:0;gap:0;min-height:0}}.cw-clues-panel{display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.cw-clues-panel{width:300px;flex-shrink:0;max-height:100%}}@media(min-width:1200px){.cw-clues-panel{width:340px}}@media(min-width:1600px){.cw-clues-panel{width:380px}}@media(max-width:768px){.cw-clues-panel{display:none}}.cw-clues-section{display:flex;flex:1;overflow:hidden}@media(min-width:768px){.cw-clues-section{flex-direction:column;gap:0;overflow-y:auto}}@media(max-width:768px){.cw-clues-section{flex-direction:column;gap:0}}.cw-clues-column{flex:1;overflow-y:auto;padding:6px 0;-webkit-overflow-scrolling:touch}@media(max-width:768px){.cw-clues-column{overflow-y:visible}}.cw-clues-column__header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cw-dim);padding:4px 10px 6px;position:sticky;top:0;background:var(--cw-bg);z-index:1}.cw-clue-item{padding:8px 10px;margin:2px 5px;background:#ffffff0a;border-radius:6px;cursor:pointer;transition:background .15s,opacity .3s;border-left:3px solid transparent}.cw-clue-item:hover{background:#ffffff14}.cw-clue-item--active{background:#6366f126;border-left-color:var(--cw-accent)}.cw-clue-item--completed{opacity:.45}.cw-clue-item--completed .cw-clue-item__text{text-decoration:line-through;text-decoration-color:var(--cw-muted)}.cw-clue-item__header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.cw-clue-item__num{background:var(--cw-accent);color:#fff;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:3px;min-width:20px;text-align:center;flex-shrink:0}.cw-clue-item__num--down{background:#8b5cf6}.cw-clue-item__dir{font-size:.7rem;color:var(--cw-dim)}.cw-clue-item__text{font-size:.82rem;color:var(--cw-text);line-height:1.35}@media(min-width:768px){.cw-clue-item__text{font-size:.88rem}}.cw-clue-item__length{font-size:.65rem;color:var(--cw-dim);font-weight:500;margin-left:4px}.cw-clue-item__translation{font-size:.72rem;color:var(--cw-muted);margin-top:3px;line-height:1.3}.cw-clue-item__word-translation{font-size:.72rem;color:var(--cw-green);margin-top:3px;line-height:1.3;font-style:italic;display:none}.cw-clue-item__word-translation.word-translation--visible{display:block}@media(min-width:768px){.cw-clue-item__translation{font-size:.78rem}}.cw-clue-item--loading .cw-clue-item__text:after{content:"...";animation:cwDots 1.2s infinite}.cw-clue-item--loading .cw-clue-item__translation{opacity:.5}.cw-clue-item--updated{animation:cwFadeIn .4s ease-out forwards}@keyframes cwDots{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:".."}to{content:"."}}@keyframes cwPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes cwFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.cw-clues-column+.cw-clues-column{border-top:1px solid var(--cw-border);margin-top:4px;padding-top:4px}}.cw-grid-wrapper{display:flex;flex-direction:column;align-items:center;overflow:auto;padding:12px;flex:1;min-width:0;-webkit-overflow-scrolling:touch}@media(max-width:768px){.cw-grid-wrapper{order:1;padding:8px;flex:1 1 auto;overflow:auto}}.cw-grid{display:grid;gap:1px;background:var(--cw-grid-border);padding:1px;border-radius:5px}.cw-cell{width:var(--cw-cell);height:var(--cw-cell);background:var(--cw-cell-bg);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color .15s ease;font-size:calc(var(--cw-cell) * .55);font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}.cw-cell--empty{background:var(--cw-cell-dark);cursor:default;pointer-events:none}.cw-cell--highlighted{background:var(--cw-hl-bg)}.cw-cell--current{outline:3px solid var(--cw-accent);outline-offset:-2px;z-index:2}.cw-cell--correct{background:var(--cw-green);color:#fff}.cw-cell--incorrect{background:var(--cw-red);color:#fff}.cw-cell--revealed{background:var(--cw-yellow);color:#fff}.cw-cell--pulse{animation:cwPulseGlow .6s ease-out}.cw-cell--shake{animation:cwShake .4s ease-in-out}.cw-cell--letter-ok{background:#48bb782e;transition:background-color .2s ease}.cw-cell--letter-wrong{background:#f5656526;transition:background-color .2s ease}.cw-cell__num{position:absolute;top:1px;left:2px;font-size:calc(var(--cw-cell) * .2);color:#666;font-weight:500;z-index:3;line-height:1;pointer-events:none}.cw-cell__input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:inherit;font-weight:inherit;text-transform:inherit;color:#1f2937;padding:0;margin:0;cursor:text;outline:none}.cw-cell__input::placeholder{color:#d1d5db}@media(max-width:768px){:root{--cw-cell: var(--cw-cell-md)}}@media(max-width:400px){:root{--cw-cell: var(--cw-cell-sm)}}.cw-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--cw-border);min-height:56px;gap:10px;flex-shrink:0}@media(max-width:768px){.cw-modal__footer{justify-content:center;gap:12px;padding:8px 12px;min-height:48px}}.cw-footer__actions{display:flex;gap:8px;align-items:center}@media(max-width:768px){.cw-footer__actions #cwBackBtn{display:none}}.cw-footer__score{flex:1;display:flex;justify-content:flex-end}.cw-btn{padding:7px 14px;border-radius:7px;font-size:.82rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,transform .1s;display:inline-flex;align-items:center;gap:5px;min-height:38px}.cw-btn:active{transform:scale(.97)}.cw-btn--primary{background:var(--cw-accent);color:#fff}.cw-btn--primary:hover{background:var(--cw-accent-h)}.cw-btn--secondary{background:#ffffff1a;color:var(--cw-text)}.cw-btn--secondary:hover{background:#ffffff2e}.cw-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cw-score{padding:7px 14px;background:#ffffff0d;border-radius:7px;color:var(--cw-muted);font-size:.82rem;display:none}.cw-score.visible{display:block}.cw-score__main{font-size:.95rem;font-weight:700;color:var(--cw-text);margin-bottom:3px}.cw-score__wrong{color:#f87171;margin-top:3px}.cw-score__hint{color:var(--cw-yellow);margin-top:2px;font-size:.78rem}.cw-fab{position:fixed;bottom:24px;z-index:99999;padding:11px 18px;border-radius:22px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 4px 12px #0000004d;transition:transform .1s,background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cw-fab:active{transform:scale(.95)}.cw-fab--check{right:20px;background:var(--cw-accent);color:#fff}.cw-fab--check:hover{background:var(--cw-accent-h)}.cw-fab--new{left:20px;background:#4b5563;color:#fff}.cw-fab--new:hover{background:#6b7280}@media(min-width:768px){.cw-fab{display:none}}@media(max-width:768px){.cw-fab{display:none}}.cw-keyboard{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--cw-kb-bg);padding:7px 4px;z-index:99998;box-shadow:0 -2px 12px #0000004d;-webkit-tap-highlight-color:transparent}.cw-keyboard.visible{display:block}@media(min-width:768px){.cw-keyboard{display:none!important}}@media(max-width:767px){.cw-keyboard{display:none!important}}.cw-keyboard__row{display:flex;justify-content:center;gap:4px;margin-bottom:4px}.cw-keyboard__row:last-child{margin-bottom:0}.cw-key{min-width:28px;height:44px;flex:1;max-width:38px;background:var(--cw-kb-key);border:none;border-radius:5px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .08s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cw-key:hover{background:var(--cw-kb-key-h)}.cw-key:active{background:var(--cw-accent);transform:scale(.92)}.cw-key--wide{min-width:50px;max-width:60px;font-size:.75rem;font-weight:700}.cw-key--enter{background:var(--cw-accent);color:#fff}.cw-key--enter:active{background:var(--cw-accent-h)}#cw-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:24px;font-weight:700;font-size:.95rem;color:#fff;box-shadow:0 4px 16px #0000004d;z-index:999999;animation:cwToastIn .3s ease-out;pointer-events:none}#cw-toast.fade-out{animation:cwToastOut .3s ease-in forwards}#cw-toast--green{background:var(--cw-green)}#cw-toast--yellow{background:var(--cw-yellow)}#cw-toast--indigo{background:var(--cw-accent)}@keyframes cwToastIn{0%{opacity:0;transform:translate(-50%) scale(.5)}70%{transform:translate(-50%) scale(1.08)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes cwToastOut{to{opacity:0;transform:translate(-50%) scale(.85)}}#cw-xp-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:14px 28px;border-radius:24px;font-weight:800;font-size:1.3rem;z-index:999999;animation:cwXpFloat 1.8s ease-out forwards;box-shadow:0 8px 24px #f59e0b80;pointer-events:none;text-align:center}@keyframes cwXpFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}50%{opacity:1;transform:translate(-50%,-80%) scale(1)}to{opacity:0;transform:translate(-50%,-130%) scale(.9)}}#cw-confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999998;overflow:hidden}.cw-confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:cwConfettiFall 1s ease-out forwards}@keyframes cwConfettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-120px) rotate(720deg);opacity:0}}@keyframes cwShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes cwPulseGlow{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.cw-hidden{display:none!important}.cw-rotate-180{transform:rotate(180deg);transition:transform .2s}.cw-example-tooltip{position:fixed;z-index:9999999;background:#1e293b;color:#e2e8f0;padding:8px 14px;border-radius:8px;font-size:.82rem;line-height:1.4;max-width:320px;box-shadow:0 8px 24px #0006;border:1px solid rgba(255,255,255,.1);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.cw-example-tooltip.visible{opacity:1;transform:translateY(0)}.cw-example-tooltip__sentence{margin:0;font-style:italic}.cw-example-tooltip__sentence+.cw-example-tooltip__sentence{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.cw-example-tooltip__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cw-muted);margin-bottom:4px;font-weight:600}.cw-example-tooltip__word{color:var(--cw-green);font-weight:700}.cw-active-clue--error{background:#ef44441a;border-left-color:var(--cw-red)}.cw-active-clue--error .cw-active-clue__text{color:var(--cw-red);font-style:italic}@media(max-width:768px){.cw-modal__header{padding:8px 12px}.cw-modal__title{font-size:.95rem}.cw-progress__bar{width:56px}.cw-progress__text{font-size:.75rem}.cw-active-clue{font-size:.82rem;padding:7px 10px}}@media(max-width:400px){.cw-progress{padding:4px 8px}.cw-progress__bar{width:44px}}.floating-back-btn{position:fixed;right:16px;top:calc(50% + 60px);transform:translateY(-50%) scale(.8);width:56px;height:56px;border-radius:50%;background:#dc2626;color:#fff;border:none;font-size:24px;cursor:pointer;z-index:10000000002;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #dc262673;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;touch-action:none}.floating-back-btn.visible{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.floating-back-btn:hover{background:#b91c1c;transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px #dc26268c}.floating-back-btn:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:3px}.floating-back-btn:active{transform:translateY(-50%) scale(.95);background:#991b1b}body.modal-open .modal-close,body.modal-open .cw-modal__close,body.modal-open #tmCloseBtn,body.modal-open .words-modal-close,body.modal-open .profile-modal-close,body.modal-open .svs-modal-close,body.modal-open .ambient-modal-close,body.modal-open #podCloseBtn,body.modal-open #readingCloseBtn,body.modal-open #closeAboutModal,body.modal-open #closeCourseSwitcherModal,body.modal-open .close-exercise-mode-btn,body.modal-open #cmCloseBtn,body.modal-open .char-modal-close{opacity:.35;transition:opacity .2s ease}body.modal-open .modal-close:hover,body.modal-open .cw-modal__close:hover,body.modal-open #tmCloseBtn:hover,body.modal-open .words-modal-close:hover,body.modal-open .profile-modal-close:hover,body.modal-open .svs-modal-close:hover,body.modal-open .ambient-modal-close:hover,body.modal-open #podCloseBtn:hover,body.modal-open #readingCloseBtn:hover,body.modal-open #closeAboutModal:hover,body.modal-open #closeCourseSwitcherModal:hover,body.modal-open .close-exercise-mode-btn:hover,body.modal-open #cmCloseBtn:hover,body.modal-open .char-modal-close:hover{opacity:1}body.dark .floating-back-btn{background:#ef4444;box-shadow:0 4px 14px #ef444480}body.dark .floating-back-btn:hover{background:#dc2626;box-shadow:0 6px 20px #ef444499}body.dark .floating-back-btn:active{background:#b91c1c}@media(max-width:767px){.floating-back-btn{width:44px;height:44px;right:14px;top:calc(50% + 60px);font-size:20px}}@media(max-width:400px){.floating-back-btn{width:40px;height:40px;right:10px;top:calc(50% + 50px);font-size:18px}}@media(prefers-reduced-motion:reduce){.floating-back-btn{transition:none}}:root{--pd-accent: #8b5cf6;--pd-accent-h: #7c3aed;--pd-accent-glow: rgba(139, 92, 246, .3);--pd-green: #22c55e;--pd-bg: #111827;--pd-bg2: #1f2937;--pd-bg3: #374151;--pd-text: #f9fafb;--pd-text2: #d1d5db;--pd-muted: #9ca3af;--pd-dim: #6b7280;--pd-border: rgba(255, 255, 255, .08);--pd-radius: 16px;--pd-radius-sm: 10px;--pd-radius-xs: 6px}.picdict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:99998;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.picdict-overlay.active{display:flex}.picdict-modal{position:relative;background:var(--pd-bg);border-radius:var(--pd-radius);max-width:520px;width:94%;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;animation:pdFadeIn .3s ease-out;box-shadow:0 25px 50px #00000080;border:1px solid var(--pd-border)}@keyframes pdFadeIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.picdict-modal{position:fixed;top:0;right:0;bottom:0;left:0;max-width:100%;width:100%;max-height:100vh;border-radius:0}}.picdict-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--pd-border);flex-shrink:0}.picdict-header-left{display:flex;align-items:center;gap:8px}.picdict-icon{font-size:22px}.picdict-title{font-size:17px;font-weight:700;color:var(--pd-text);letter-spacing:-.02em}.picdict-header-right{display:flex;align-items:center;gap:6px}.picdict-close-btn,.picdict-tts-btn{width:36px;height:36px;border:none;background:var(--pd-bg2);color:var(--pd-muted);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.picdict-close-btn:hover,.picdict-tts-btn:hover{background:var(--pd-bg3);color:var(--pd-text)}.picdict-topic-intro{text-align:center;padding:20px 16px 6px}.picdict-topic-intro h2{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--pd-text)}.picdict-topic-intro p{margin:0;font-size:14px;color:var(--pd-muted)}.picdict-topic-search{padding:10px 16px 4px}.picdict-topic-search input{width:100%;padding:10px 14px;border:1px solid var(--pd-border);border-radius:var(--pd-radius-sm);background:var(--pd-bg2);color:var(--pd-text);font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.picdict-topic-search input::placeholder{color:var(--pd-dim)}.picdict-topic-search input:focus{border-color:var(--pd-accent);box-shadow:0 0 0 3px #8b5cf626}.picdict-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 16px 20px;max-height:45vh}@media(max-width:400px){.picdict-topic-grid{grid-template-columns:1fr}}.picdict-topic-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;border-radius:var(--pd-radius-sm);border:1px solid var(--pd-border);background:var(--pd-bg2);cursor:pointer;transition:all .2s;text-align:left;gap:4px}.picdict-topic-card:hover{background:var(--pd-bg3);border-color:var(--pd-accent);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.picdict-topic-name{font-size:13px;font-weight:600;color:var(--pd-text);line-height:1.3;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.picdict-topic-count{font-size:11px;color:var(--pd-accent);font-weight:500}.picdict-cefr-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.picdict-cefr-a0{background:#22c55e20;color:#4ade80;border:1px solid #22c55e40}.picdict-cefr-a1{background:#3b82f620;color:#60a5fa;border:1px solid #3b82f640}.picdict-cefr-a2{background:#f59e0b20;color:#fbbf24;border:1px solid #f59e0b40}.picdict-topic-empty,.picdict-topic-error{grid-column:1 / -1;text-align:center;padding:24px;color:var(--pd-muted);font-size:14px}.picdict-topic-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--pd-radius-sm);color:#fca5a5}.picdict-loading-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.picdict-spinner{width:40px;height:40px;border:3px solid var(--pd-bg3);border-top-color:var(--pd-accent);border-radius:50%;animation:pdSpin .8s linear infinite}@keyframes pdSpin{to{transform:rotate(360deg)}}.picdict-loading-text{color:var(--pd-muted);font-size:14px;margin:0}.picdict-session-phase{display:flex;flex-direction:column;padding:12px 16px 16px;gap:16px}.picdict-progress{display:flex;align-items:center;gap:10px;grid-column:1 / -1}.picdict-progress-text{font-size:13px;font-weight:600;color:var(--pd-muted);white-space:nowrap;min-width:44px}.picdict-progress-bar{flex:1;height:5px;background:var(--pd-bg3);border-radius:3px;overflow:hidden}.picdict-progress-fill{height:100%;background:linear-gradient(90deg,var(--pd-accent),#a78bfa);border-radius:3px;transition:width .4s ease}.picdict-card{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.picdict-card--enter{animation:pdCardEnter .35s ease-out}@keyframes pdCardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.picdict-image-container{position:relative;width:100%;max-width:340px;aspect-ratio:1;border-radius:var(--pd-radius);overflow:hidden;background:var(--pd-bg2);border:1px solid var(--pd-border);box-shadow:0 4px 16px #00000040}.picdict-image{width:100%;height:100%;object-fit:cover;display:block}.picdict-image-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,var(--pd-bg2) 8%,var(--pd-bg3) 18%,var(--pd-bg2) 33%);background-size:200% 100%;animation:pdShimmer 1.5s linear infinite}@keyframes pdShimmer{to{background-position:-200% 0}}.picdict-word-area{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:60px;padding:16px;background:var(--pd-bg2);border-radius:var(--pd-radius-sm);border:1px solid var(--pd-border)}@media(max-width:480px){.picdict-word-area{padding:12px 14px;gap:12px}}.picdict-word-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.picdict-word{font-size:28px;font-weight:800;color:var(--pd-text);letter-spacing:-.01em;transition:filter .6s ease,opacity .6s ease,transform .6s ease;text-align:center}@media(max-width:400px){.picdict-word{font-size:24px}}.picdict-word--hidden{filter:blur(12px);opacity:.15;transform:scale(.95);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.picdict-word--revealed{filter:blur(0);opacity:1;transform:scale(1);animation:pdWordReveal .6s ease-out}@keyframes pdWordReveal{0%{filter:blur(12px);opacity:.15;transform:scale(.9)}60%{filter:blur(2px);opacity:.8;transform:scale(1.04)}to{filter:blur(0);opacity:1;transform:scale(1)}}.picdict-word-blur{font-size:28px;font-weight:800;color:var(--pd-dim);letter-spacing:4px;-webkit-user-select:none;user-select:none}@media(max-width:400px){.picdict-word-blur{font-size:24px}}.picdict-mnemonics-area{display:none;align-items:flex-start;gap:6px;margin-top:6px;padding:5px 8px;background:#8b5cf60f;border-radius:var(--pd-radius-xs);border-left:2px solid var(--pd-accent);width:100%}.picdict-mnemonics-area:not([style*="display: none"]){display:flex}.picdict-mnemonics-toggle{display:flex;align-items:center;gap:2px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.picdict-mnemonics-toggle input[type=checkbox]{margin:0;width:14px;height:14px;cursor:pointer;accent-color:var(--pd-accent)}.picdict-mnemonics-icon{font-size:12px;line-height:1}.picdict-mnemonics-list{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.picdict-mnemonics-item{font-size:11px;font-style:italic;color:var(--pd-text2);line-height:1.35;word-break:break-word}.picdict-mnemonics-item:not(:first-child){margin-top:1px}@media(max-width:400px){.picdict-mnemonics-area{padding:4px 6px}.picdict-mnemonics-item{font-size:10px}}.picdict-audio-btn{width:44px;height:44px;background:var(--pd-bg);border:1px solid var(--pd-border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.picdict-audio-btn:hover{background:var(--pd-bg3);transform:scale(1.05)}.picdict-audio-icon{font-size:18px}.picdict-session-footer{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:12px 0 0;border-top:1px solid var(--pd-border)}.picdict-session-settings{grid-column:1;display:flex;align-items:center;gap:8px}.picdict-controls{grid-column:2;display:flex;gap:8px;justify-content:flex-end;align-items:center}@media(max-width:400px){.picdict-session-footer{grid-template-columns:1fr;gap:12px}.picdict-session-settings,.picdict-controls{grid-column:1}.picdict-controls{justify-content:center}.picdict-pace-control input[type=range]{width:100%;min-width:0}}.picdict-pace-control{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.picdict-pace-label{font-size:12px;color:var(--pd-muted);white-space:nowrap;font-weight:500}.picdict-pace-value{font-size:12px;font-weight:600;color:var(--pd-accent);min-width:22px;text-align:right}input[type=range]#picdictPaceSlider{flex:1;height:4px;max-width:100px;min-width:40px;accent-color:var(--pd-accent);cursor:pointer}.picdict-playpause-btn{width:40px;height:40px;border:1px solid var(--pd-border);background:var(--pd-bg2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.picdict-playpause-btn:hover{background:var(--pd-bg3);transform:scale(1.05)}.picdict-playpause-btn:active{transform:scale(.93)}.picdict-playpause-icon{font-size:14px}.picdict-reveal-btn,.picdict-next-btn{min-height:44px;font-size:14px;font-weight:600;cursor:pointer;border-radius:var(--pd-radius-sm);transition:all .15s}.picdict-reveal-btn{padding:10px 18px;border:1px solid var(--pd-border);background:var(--pd-bg2);color:var(--pd-text2)}.picdict-reveal-btn:hover{background:var(--pd-bg3);border-color:var(--pd-accent)}.picdict-next-btn{padding:10px 24px;border:none;background:linear-gradient(135deg,var(--pd-accent),#7c3aed);color:#fff;font-weight:700;box-shadow:0 2px 8px var(--pd-accent-glow)}.picdict-next-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--pd-accent-glow)}.picdict-next-btn:active{transform:scale(.97)}@media(max-width:480px){.picdict-reveal-btn{padding:12px 20px}.picdict-next-btn{padding:12px 28px}}.picdict-reveal-btn:focus-visible,.picdict-next-btn:focus-visible,.picdict-playpause-btn:focus-visible,.picdict-audio-btn:focus-visible{outline:2px solid var(--pd-accent);outline-offset:2px}.picdict-hints{text-align:center;font-size:11px;color:var(--pd-dim);padding-top:8px}.picdict-hints kbd{display:inline-block;padding:1px 5px;border-radius:4px;background:var(--pd-bg2);border:1px solid var(--pd-border);font-family:inherit;font-size:10px;color:var(--pd-muted)}.picdict-header-slider{display:flex;align-items:center;gap:8px;padding:8px 16px 4px}.picdict-wordcount-label{font-size:12px;color:var(--pd-muted);white-space:nowrap;font-weight:500}.picdict-wordcount-value{font-size:12px;font-weight:600;color:var(--pd-accent);min-width:24px;text-align:right}input[type=range]#picdictWordCountSlider{flex:1;height:4px;accent-color:var(--pd-accent);cursor:pointer}@media(max-width:360px){.picdict-wordcount-label{font-size:11px}}.picdict-word-romanization{font-size:13px;font-weight:500;color:var(--pd-accent);text-align:center;line-height:1.3;letter-spacing:.02em;min-height:0;opacity:0;transition:opacity .4s ease .1s;display:none}.picdict-word-romanization[data-visible=true]{opacity:1;display:block}.picdict-word-romanization:empty{display:none}.picdict-native-word{font-size:14px;font-weight:500;color:var(--pd-muted);margin-top:4px;text-align:center;min-height:20px;opacity:0;transition:opacity .3s ease}.picdict-native-word[data-visible=true]{opacity:1}.picdict-summary-phase{display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:16px;text-align:center}.picdict-summary-icon{font-size:48px}.picdict-summary-title{margin:0;font-size:22px;font-weight:800;color:var(--pd-text)}.picdict-summary-text{margin:0;font-size:15px;color:var(--pd-text2)}.picdict-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-height:240px;overflow-y:auto;padding:8px 0}@media(max-width:400px){.picdict-summary-grid{grid-template-columns:repeat(4,1fr)}}.picdict-summary-word{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;border-radius:var(--pd-radius-xs);padding:6px;transition:background .2s}.picdict-summary-word:hover{background:var(--pd-bg2)}.picdict-summary-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--pd-radius-xs);border:1px solid var(--pd-border)}.picdict-summary-label{font-size:10px;color:var(--pd-muted);text-align:center;line-height:1.2;word-break:break-word;max-width:56px}.picdict-summary-actions{display:flex;gap:12px;padding-top:8px}.picdict-again-btn{padding:12px 24px;border:1px solid var(--pd-border);border-radius:var(--pd-radius-sm);background:var(--pd-bg2);color:var(--pd-text2);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.picdict-again-btn:hover{background:var(--pd-bg3);border-color:var(--pd-accent)}.picdict-done-btn{padding:12px 28px;border:none;border-radius:var(--pd-radius-sm);background:linear-gradient(135deg,var(--pd-green),#16a34a);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.picdict-done-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}@media(prefers-reduced-motion:reduce){.picdict-modal,.picdict-card--enter,.picdict-word--revealed,.picdict-image-shimmer,.picdict-spinner{animation:none!important}.picdict-word{transition:none!important}}body:not(.dark-mode) .picdict-overlay{background:#00000073}.picdict-toast{position:sticky;top:0;z-index:10;padding:10px 16px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:var(--pd-radius-sm);color:#fbbf24;font-size:13px;text-align:center;transition:opacity .5s ease}.picdict-toast--fade{opacity:0}.picdict-untranslated-badge{display:inline-block;font-size:10px;padding:2px 6px;border-radius:4px;background:#f59e0b33;color:#fbbf24;margin-left:8px;vertical-align:middle;letter-spacing:.3px}.picdict-replace-btn{position:absolute;bottom:8px;right:8px;background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--pd-radius-xs);padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;z-index:2;transition:all .2s;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.picdict-replace-btn:hover{background:#000000d9;border-color:var(--pd-accent);color:var(--pd-accent);transform:scale(1.05)}.picdict-replace-btn:active{transform:scale(.95)}.picdict-replace-btn.dragging{opacity:.9;transform:scale(1.1);box-shadow:0 4px 16px #8b5cf666;z-index:10;cursor:grabbing;touch-action:none}.picdict-replace-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.picdict-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--pd-bg2);color:var(--pd-dim);font-size:13px;text-align:center;padding:16px}.picdict-image-placeholder-icon{font-size:40px;opacity:.5}.picdict-image-placeholder-text{font-size:12px;color:var(--pd-dim);line-height:1.4}.picdict-alphabet-phase{padding:16px;overflow-y:auto;max-height:calc(88vh - 60px)}.picdict-alphabet-group{margin-bottom:20px}.picdict-alphabet-group-label{font-size:.8rem;font-weight:600;color:var(--pd-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.picdict-alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.picdict-alphabet-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;background:var(--pd-bg2);border:1px solid var(--pd-border);border-radius:var(--pd-radius-sm);cursor:pointer;transition:all .15s ease;text-align:center}.picdict-alphabet-card:hover{border-color:var(--pd-accent);transform:scale(1.05);background:var(--pd-bg3)}.picdict-alphabet-char{font-size:2rem;line-height:1.2;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif;color:var(--pd-text)}.picdict-alphabet-reading{font-size:.7rem;color:var(--pd-accent);font-weight:500}.picdict-alphabet-meaning{font-size:.65rem;color:var(--pd-muted)}.picdict-alphabet-ref{font-size:.6rem;color:var(--pd-dim);font-style:italic}.picdict-topic-card-alphabet{border-color:#f59e0b66!important;background:#f59e0b1a!important}.picdict-topic-card-alphabet:hover{border-color:#f59e0b!important;background:#f59e0b33!important}.picdict-alphabet-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000003;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:12px;animation:picdict-alphabet-detail-in .2s ease}@keyframes picdict-alphabet-detail-in{0%{opacity:0}to{opacity:1}}.picdict-alphabet-detail-char{font-size:160px;line-height:1.1;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.picdict-alphabet-detail-reading{font-size:1.5rem;color:var(--pd-accent);font-weight:600}.picdict-alphabet-detail-meaning{font-size:1.1rem;color:var(--pd-text2)}.picdict-alphabet-detail-actions{display:flex;gap:12px;margin-top:20px}.picdict-alphabet-detail-speak,.picdict-alphabet-detail-close{padding:10px 24px;border-radius:var(--pd-radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.picdict-alphabet-detail-speak{background:var(--pd-accent);color:#fff}.picdict-alphabet-detail-speak:hover{background:var(--pd-accent-h)}.picdict-alphabet-detail-close{background:var(--pd-bg3);color:var(--pd-text)}.picdict-alphabet-detail-close:hover{background:var(--pd-bg2)}@media(max-width:480px){.picdict-alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.picdict-alphabet-char{font-size:1.6rem}.picdict-alphabet-detail-char{font-size:120px}}#courseModal{background:#000000d9}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){#courseModal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}}.course-modal-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:480px;width:90%;background:var(--bg-secondary, #1a1a2e);border-radius:16px;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color, #2a2a4e)}.course-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #2a2a4e)}.course-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary, #ffffff);display:flex;align-items:center;gap:8px}.course-modal-body{padding:24px}.course-section{margin-bottom:24px}.course-section-label{font-size:.875rem;color:var(--text-secondary, #a0a0b0);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.course-level-selector{display:flex;gap:8px;flex-wrap:wrap}.course-level-btn{padding:10px 16px;border:2px solid var(--border-color, #2a2a4e);background:transparent;color:var(--text-secondary, #a0a0b0);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.course-level-btn:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #ffffff)}.course-level-btn.active{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.course-level-btn[data-level=A0],.course-level-btn[data-level=A1]{border-color:#22c55e20}.course-level-btn[data-level=A0].active,.course-level-btn[data-level=A1].active{background:#22c55e;border-color:#22c55e}.course-level-btn[data-level=A2],.course-level-btn[data-level=B1]{border-color:#3b82f620}.course-level-btn[data-level=A2].active,.course-level-btn[data-level=B1].active{background:#3b82f6;border-color:#3b82f6}.course-level-btn[data-level=B2],.course-level-btn[data-level=C1]{border-color:#8b5cf620}.course-level-btn[data-level=B2].active,.course-level-btn[data-level=C1].active{background:#8b5cf6;border-color:#8b5cf6}.course-level-btn[data-level=C2]{border-color:#ec489920}.course-level-btn[data-level=C2].active{background:#ec4899;border-color:#ec4899}.course-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;background:var(--bg-tertiary, #12121f);border-radius:12px;border:1px solid var(--border-color, #2a2a4e)}.course-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.course-stat-icon{font-size:1.25rem;margin-bottom:4px}.course-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #ffffff)}.course-stat-label{font-size:.7rem;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.5px}.course-struggle-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;margin-bottom:16px}.course-struggle-warning .warning-icon{font-size:1.25rem}.course-struggle-warning .warning-text{color:var(--text-secondary, #a0a0b0);font-size:.875rem}.course-suggest-easier{background:none;border:none;color:#fbbf24;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.course-suggest-easier:hover{color:#fcd34d}.course-info{padding:16px;background:var(--bg-tertiary, #12121f);border-radius:8px;border:1px solid var(--border-color, #2a2a4e)}.course-info p{margin:0 0 8px;font-size:.875rem;color:var(--text-secondary, #a0a0b0);line-height:1.5}.course-info p:last-child{margin-bottom:0}.course-info-sub{font-size:.8rem!important;color:var(--text-muted, #666)!important}.course-modal-footer{padding:16px 24px 24px;display:flex;justify-content:center}.course-start-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--accent-color, #6366f1) 0%,#8b5cf6 100%);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #6366f14d}.course-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.course-start-btn:active{transform:translateY(0)}.course-start-btn .btn-icon{font-size:1.25rem}.quick-course-btn{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid rgba(99,102,241,.3)}.quick-course-btn:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-color:#6366f180}@media(max-width:480px){.course-modal-content{width:95%;margin:10px}.course-modal-body{padding:16px}.course-level-selector{gap:6px}.course-level-btn{padding:8px 12px;font-size:.8rem}.course-stats{grid-template-columns:repeat(2,1fr);gap:16px}.course-stat-value{font-size:1.5rem}}.course-drill-buttons{display:flex;gap:10px;margin-bottom:12px;justify-content:center;flex-wrap:wrap}.course-drill-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3);border-radius:10px;color:var(--text-primary, #333);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.course-drill-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);transform:translateY(-1px)}.course-drill-btn:active{transform:translateY(0)}.course-drill-btn .btn-icon{font-size:1rem}.course-action-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.course-show-trained-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid rgba(99,102,241,.4);border-radius:10px;color:var(--accent-color, #6366f1);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.course-show-trained-btn:hover{background:#6366f11a;border-color:var(--accent-color, #6366f1)}.course-show-trained-btn .btn-icon{font-size:1rem}@media(max-width:480px){.course-drill-buttons{gap:8px}.course-drill-btn{padding:8px 12px;font-size:.85rem}.course-action-buttons{flex-direction:column;gap:8px}.course-start-btn,.course-show-trained-btn{width:100%;justify-content:center}}.course-start-btn.loading{opacity:.7;pointer-events:none}.course-start-btn.loading .btn-text{display:none}.course-start-btn.loading:after{content:"Generating..."}.course-cards-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}.course-card{background:var(--color-bg-secondary, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,box-shadow .2s}.course-card:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 2px 8px #6366f11f}.course-card-title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.course-card-meta{font-size:11px;color:var(--color-text-secondary)}.course-card-progress-bar{height:6px;background:var(--color-bg-tertiary, #e2e8f0);border-radius:3px;overflow:hidden}.course-card-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.course-card-progress-text{font-size:11px;color:var(--color-text-secondary)}.course-card-btn{align-self:flex-start;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.course-card-btn:hover{opacity:.85}.course-entry-points{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.course-entry-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s;border-left:3px solid transparent}.course-entry-item:hover{background:var(--color-bg-secondary, #f1f5f9)}.course-entry-item.selected{background:#6366f11a;border-left-color:var(--color-primary, #6366f1)}.course-entry-item.completed{opacity:.6}.course-entry-item.current{font-weight:600;color:var(--color-primary, #6366f1)}.entry-status{font-size:14px;min-width:20px;text-align:center}.entry-name{flex:1}.entry-level{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--color-bg-tertiary, #e2e8f0);color:var(--color-text-secondary);font-weight:600}body.dark .course-card{background:#1e293b99;border-color:#47556966}body.dark .course-entry-item:hover{background:#33415580}/**
 * Course Switcher Modal Styles
 * Full modal with curated course option cards
 * Two-screen flow: cards → preview → apply
 *
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */.course-switcher-overlay{background:#000000d9!important;z-index:2147483647!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.course-switcher-overlay.show{display:flex;align-items:center;justify-content:center}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.course-switcher-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0009!important}}.course-switcher-content{max-width:520px;width:92%;background:var(--bg-secondary, #1a1a2e);border-radius:16px;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color, #2a2a4e);animation:cs-fade-in .2s ease-out;max-height:85vh;display:flex;flex-direction:column;overflow-y:auto}@keyframes cs-fade-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.course-switcher-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #2a2a4e);flex-shrink:0}.course-switcher-content .modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #ffffff);flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.course-switcher-content .modal-close{background:none;border:none;color:var(--text-secondary, #a0a0b0);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease;line-height:1}.course-switcher-content .modal-close:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.cs-back-btn{background:none;border:1px solid var(--color-border, #e2e8f0);color:var(--color-text-main, #111827);font-size:13px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease;white-space:nowrap}.cs-back-btn:hover{background:#6366f11a;border-color:var(--color-primary, #6366f1)}.cs-cards{padding:16px 20px 20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.cs-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-primary, #ffffff);border:1.5px solid var(--color-border, #e2e8f0);border-radius:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease;width:100%;box-sizing:border-box}.cs-card:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 3px 12px #6366f11f;transform:translateY(-1px)}.cs-card:active{transform:translateY(0)}.cs-card-icon{flex-shrink:0;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cs-card-emoji{font-size:24px;line-height:1}.cs-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cs-card-title-row{display:flex;align-items:center;gap:8px}.cs-card-title{font-size:15px;font-weight:600;color:var(--color-text-main, #111827);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cs-card-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.3px;text-transform:uppercase}.cs-card-desc{font-size:12px;color:var(--color-text-secondary, #64748b);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-card-action{flex-shrink:0;padding:8px 16px;border:1.5px solid var(--color-primary, #6366f1);border-radius:8px;background:transparent;color:var(--color-primary, #6366f1);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.cs-card-action:hover{background:var(--color-primary, #6366f1);color:#fff}.cs-preview{display:flex;flex-direction:column;flex:1;min-height:0}.cs-preview-loading,.cs-preview-empty{text-align:center;padding:40px 16px;color:var(--color-text-secondary, #64748b);font-size:14px}.cs-preview-hint{font-size:12px;margin-top:8px;opacity:.7}.cs-preview-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0;padding-bottom:16px}.cs-preview-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);transition:background .1s ease;min-height:44px;box-sizing:border-box}.cs-preview-row:hover{background:#6366f10a}.cs-preview-num{flex-shrink:0;font-size:11px;font-weight:700;color:var(--color-text-secondary, #64748b);width:22px;text-align:center}.cs-preview-icon{flex-shrink:0;font-size:18px;line-height:1;width:24px;text-align:center}.cs-preview-name{flex:1;font-size:13px;font-weight:500;color:var(--color-text-main, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cs-preview-grammar-badge{flex-shrink:0;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#8b5cf61f;color:#8b5cf6;border:1px solid rgba(139,92,246,.25);white-space:nowrap}.cs-preview-cefr{flex-shrink:0;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;white-space:nowrap}.cs-preview-footer{flex-shrink:0;padding:16px 0 0;margin-top:auto;border-top:1px solid var(--color-border, #e2e8f0);display:flex;flex-direction:column;gap:10px}.cs-preview-summary{text-align:center;font-size:12px;color:var(--color-text-secondary, #64748b)}.cs-apply-btn{width:100%;padding:12px 20px;border:none;border-radius:10px;background:var(--color-primary, #6366f1);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.cs-apply-btn:hover{background:var(--color-primary-dark, #4f46e5);transform:translateY(-1px)}.cs-apply-btn:active{transform:translateY(0)}body.dark .cs-card{background:#1e2028e6;border-color:var(--color-border, #334155)}body.dark .cs-card:hover{border-color:var(--color-primary, #818cf8);box-shadow:0 3px 12px #818cf826}body.dark .cs-card-title{color:#f1f5f9}body.dark .cs-card-desc{color:#94a3b8}body.dark .cs-card-action{border-color:var(--color-primary, #818cf8);color:var(--color-primary, #818cf8)}body.dark .cs-card-action:hover{background:var(--color-primary, #818cf8);color:#0f172a}body.dark .cs-back-btn{color:#e2e8f0;border-color:#475569}body.dark .cs-back-btn:hover{background:#818cf826;border-color:#818cf8}body.dark .cs-preview-row{background:#1e2028e6;border-color:var(--color-border, #334155)}body.dark .cs-preview-name{color:#e2e8f0}body.dark .cs-preview-footer{border-top-color:#334155}@media(max-width:520px){.course-switcher-content{max-width:100%;width:100%;border-radius:16px 16px 0 0;max-height:90vh;position:fixed;bottom:0;left:0;right:0}.course-switcher-content .modal-header{padding:16px}.course-switcher-content .modal-header h3{font-size:1rem}.cs-cards{padding:12px 16px 24px;gap:8px}.cs-card{padding:12px 14px;gap:12px}.cs-card-icon{width:40px;height:40px;border-radius:10px}.cs-card-emoji{font-size:20px}.cs-card-title{font-size:14px}.cs-card-desc{font-size:11px}.cs-card-action{padding:7px 12px;font-size:11px}.cs-preview{padding:0}.cs-preview-list{padding:0 16px 16px}.cs-preview-row{padding:8px 10px;gap:8px}.cs-preview-num{font-size:10px;width:18px}.cs-preview-icon{font-size:16px;width:20px}.cs-preview-name{font-size:12px}.cs-preview-grammar-badge,.cs-preview-cefr{font-size:9px;padding:1px 5px}.cs-apply-btn{font-size:14px;padding:11px 16px}}@media(max-width:375px){.cs-card-title-row{flex-wrap:wrap;gap:4px}.cs-card-title{font-size:13px}.cs-card-badge{font-size:9px;padding:1px 5px}.cs-card-action{padding:6px 10px;font-size:10px}.cs-back-btn{font-size:12px;padding:4px 10px}.cs-preview-name{font-size:11px}}.translate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:10000002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.translate-modal-overlay.show{opacity:1;visibility:visible}.translate-modal-content{background:var(--color-bg, #fff);border-radius:16px;width:96%;max-width:640px;max-height:96vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative}.translate-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.translate-modal-title{font-size:16px;font-weight:600;margin:0;color:var(--color-text, #1a1a2e);display:flex;align-items:center;gap:6px}.translate-modal-title-icon{font-size:18px}.translate-modal-header-actions{display:flex;align-items:center;gap:4px}.translate-modal-action-btn{background:none;border:none;font-size:20px;color:var(--color-text-muted, #888);cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s,color .15s;line-height:1}.translate-modal-action-btn:hover{background:var(--color-bg-hover, #f0f0f0);color:var(--color-text, #1a1a2e)}.translate-modal-action-btn.swap-btn{font-size:16px;transform:rotate(90deg)}.translate-modal-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px;min-height:0}.translate-direction-bar{gap:8px;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:background .15s;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;padding:6px 12px;background:var(--color-bg-hover, #f3f4f6);border-radius:10px;user-select:none}.translate-direction-bar:hover{background:var(--color-border, #e5e7eb)}.translate-direction-lang{font-weight:600;color:var(--color-text, #1a1a2e)}.translate-input-area{position:relative}.translate-input{width:100%;min-height:80px;max-height:160px;padding:12px 14px;font-size:15px;line-height:1.5;border:1.5px solid var(--color-border, #e5e7eb);border-radius:10px;background:var(--color-bg, #fff);color:var(--color-text, #1a1a2e);resize:vertical;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.translate-input:focus{outline:none;border-color:var(--color-primary, #4361ee);box-shadow:0 0 0 3px #4361ee1f}.translate-input::placeholder{color:var(--color-text-muted, #9ca3af)}.translate-style-section{display:flex;flex-direction:column;gap:8px}.translate-style-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280)}.translate-style-pills{display:flex;gap:6px;flex-wrap:wrap}.translate-style-pill{padding:6px 14px;font-size:13px;font-weight:500;border:1.5px solid var(--color-border, #e5e7eb);border-radius:20px;background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.translate-style-pill:hover{border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee)}.translate-style-pill.active{background:var(--color-primary, #4361ee);border-color:var(--color-primary, #4361ee);color:#fff}.translate-regional-dropdown{display:none;flex-wrap:wrap;gap:6px;padding-top:4px}.translate-regional-dropdown.visible{display:flex}.translate-regional-chip{padding:4px 10px;font-size:12px;font-weight:500;border:1px solid var(--color-border, #e5e7eb);border-radius:14px;background:var(--color-bg-hover, #f3f4f6);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s}.translate-regional-chip:hover{border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee)}.translate-regional-chip.active{background:var(--color-primary-soft, #e8f0fe);border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee);font-weight:600}.translate-regional-empty{font-size:12px;color:var(--color-text-muted, #9ca3af);font-style:italic;padding:4px 0}.translate-mode-toggle{display:flex;align-items:center;gap:8px}.translate-mode-label{font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.translate-mode-switch{display:flex;background:var(--color-bg-hover, #f3f4f6);border-radius:8px;padding:2px;gap:2px}.translate-mode-option{padding:4px 12px;font-size:12px;font-weight:500;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s}.translate-mode-option.active{background:var(--color-bg, #fff);color:var(--color-text, #1a1a2e);box-shadow:0 1px 3px #0000001a}.translate-submit-btn{width:100%;padding:10px 16px;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary, #4361ee);border:none;border-radius:10px;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:6px}.translate-submit-btn:hover{background:var(--color-primary-dark, #3651d4)}.translate-submit-btn:active{transform:scale(.98)}.translate-submit-btn:disabled{opacity:.6;cursor:not-allowed}.translate-submit-btn .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:translate-spin .6s linear infinite}@keyframes translate-spin{to{transform:rotate(360deg)}}.translate-results{display:none;flex-direction:column;gap:14px}.translate-results.visible{display:flex}.translate-actions-bar{display:flex;gap:6px;margin-bottom:10px}.translate-result-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s}.translate-result-btn:hover{border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee)}.translate-rows{display:flex;flex-direction:column;gap:6px}.translate-row{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:10px;background:var(--color-bg-hover, #f3f4f6);cursor:pointer;transition:background .12s;position:relative}.translate-row:hover{background:var(--color-border, #e5e7eb)}.translate-row-source{font-size:13px;color:var(--color-text-secondary, #6b7280);line-height:1.5;word-break:break-word}.translate-row-target{font-size:16px;font-weight:600;color:var(--color-text, #1a1a2e);line-height:1.5;word-break:break-word}.translate-row-low{background:#fef2f2;border-left:3px solid #ef4444}.translate-row-low .translate-row-target{color:#991b1b}.translate-row-mid{background:#fefce8;border-left:3px solid #eab308}.translate-row-mid .translate-row-target{color:#854d0e}.translate-row-conf{position:absolute;top:6px;right:8px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;line-height:1.3}.translate-row-conf.conf-high{background:#dcfce7;color:#16a34a}.translate-row-conf.conf-mid{background:#fef9c3;color:#ca8a04}.translate-row-conf.conf-low{background:#fee2e2;color:#dc2626}.translate-literal{font-size:13px;color:var(--color-text-secondary, #6b7280);padding:8px 12px;background:var(--color-bg-hover, #f3f4f6);border-radius:8px;border-left:3px solid var(--color-primary, #4361ee)}.translate-literal-label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary, #4361ee);margin-bottom:4px}.translate-alternatives{display:flex;flex-direction:column;gap:4px}.translate-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);margin-bottom:4px}.translate-alt-item{font-size:14px;color:var(--color-text, #1a1a2e);padding:6px 10px;border-radius:6px;transition:background .15s;display:flex;align-items:flex-start;gap:8px;word-break:break-word}.translate-alt-item:hover{background:var(--color-bg-hover, #f3f4f6)}.translate-alt-number{font-size:11px;font-weight:700;color:var(--color-text-muted, #9ca3af);flex-shrink:0;min-width:16px}.translate-meanings{display:flex;flex-direction:column;gap:4px}.translate-meaning-item{font-size:13px;padding:6px 10px;border-radius:6px;background:var(--color-bg-hover, #f3f4f6);display:flex;gap:6px;align-items:baseline}.translate-meaning-word{font-weight:600;color:var(--color-text, #1a1a2e)}.translate-meaning-arrow{color:var(--color-text-muted, #9ca3af);font-size:12px}.translate-meaning-def{color:var(--color-text-secondary, #6b7280)}.translate-error{display:none;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.translate-error.visible{display:block}.translate-camera-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 14px;border-radius:10px;border:1.5px solid var(--color-border, #e5e7eb);background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.translate-camera-btn:hover{border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe)}.translate-camera-btn:active{transform:scale(.98)}.translate-camera-btn:disabled{opacity:.6;cursor:not-allowed}.translate-camera-btn.ocr-loading{border-color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe);color:var(--color-primary, #4361ee)}.translate-camera-spinner{width:14px;height:14px;border:2px solid var(--color-border, #e5e7eb);border-top-color:var(--color-primary, #4361ee);border-radius:50%;animation:translate-spin .6s linear infinite;flex-shrink:0}.translate-image-preview{position:relative;display:flex;align-items:center;background:var(--color-bg-hover, #f3f4f6);border-radius:10px;overflow:hidden;max-height:80px}.translate-image-preview img{width:100%;max-height:80px;object-fit:cover;border-radius:10px}.translate-preview-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;line-height:1;padding:0}.translate-preview-remove:hover{background:#dc2626cc}.translate-source-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000500;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.translate-source-picker-overlay.show{opacity:1}.translate-source-picker-content{background:var(--color-bg, #fff);border-radius:20px;padding:28px 24px 20px;width:90%;max-width:340px;text-align:center;box-shadow:0 20px 60px #00000040;transform:scale(.95);transition:transform .2s ease}.translate-source-picker-overlay.show .translate-source-picker-content{transform:scale(1)}.translate-source-picker-title{font-size:18px;font-weight:700;margin:0 0 4px;color:var(--color-text, #1a1a2e)}.translate-source-picker-subtitle{font-size:13px;color:var(--color-text-secondary, #6b7280);margin:0 0 20px}.translate-source-picker-buttons{display:flex;gap:12px;margin-bottom:14px}.translate-source-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border-radius:14px;border:1.5px solid var(--color-border, #e5e7eb);background:var(--color-bg, #fff);cursor:pointer;transition:all .15s}.translate-source-btn:hover{border-color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe);transform:translateY(-1px)}.translate-source-btn:active{transform:scale(.97)}.translate-source-icon{font-size:28px;line-height:1}.translate-source-label{font-size:13px;font-weight:600;color:var(--color-text-secondary, #6b7280)}.translate-source-btn:hover .translate-source-label{color:var(--color-primary, #4361ee)}.translate-source-cancel{background:none;border:none;font-size:13px;color:var(--color-text-muted, #9ca3af);cursor:pointer;padding:6px 12px;border-radius:6px;transition:color .15s}.translate-source-cancel:hover{color:var(--color-text, #1a1a2e)}.translate-lang-tappable{font-weight:600;color:var(--color-text, #1a1a2e);background:var(--color-bg, #fff);border:1.5px solid var(--color-border, #e5e7eb);border-radius:8px;padding:4px 12px;font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit;line-height:1.4}.translate-lang-tappable:hover{border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #e8f0fe)}.translate-lang-tappable:active{transform:scale(.97)}.translate-direction-swap{background:none;border:none;font-size:16px;color:var(--color-primary, #4361ee);cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .15s;line-height:1}.translate-direction-swap:hover{background:var(--color-primary-soft, #e8f0fe);transform:rotate(180deg)}.translate-lang-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.translate-lang-picker-overlay.show{opacity:1}.translate-lang-picker-content{background:var(--color-bg, #fff);border-radius:16px;width:90%;max-width:380px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040;transform:scale(.95);transition:transform .2s ease}.translate-lang-picker-overlay.show .translate-lang-picker-content{transform:scale(1)}.translate-lang-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;flex-shrink:0}.translate-lang-picker-title{font-size:15px;font-weight:600;margin:0;color:var(--color-text, #1a1a2e)}.translate-lang-picker-close{background:none;border:none;font-size:20px;color:var(--color-text-muted, #888);cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.translate-lang-picker-close:hover{background:var(--color-bg-hover, #f3f4f6)}.translate-lang-picker-search-wrap{padding:0 16px 10px;flex-shrink:0}.translate-lang-picker-search{width:100%;padding:8px 12px;font-size:14px;border:1.5px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-bg, #fff);color:var(--color-text, #1a1a2e);font-family:inherit;box-sizing:border-box;transition:border-color .15s}.translate-lang-picker-search:focus{outline:none;border-color:var(--color-primary, #4361ee)}.translate-lang-picker-list{flex:1;overflow-y:auto;padding:0 8px 12px}.translate-lang-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s;font-size:14px}.translate-lang-option:hover{background:var(--color-bg-hover, #f3f4f6)}.translate-lang-option.selected{background:var(--color-primary-soft, #e8f0fe);color:var(--color-primary, #4361ee);font-weight:600}.translate-lang-option-name{flex:1;color:var(--color-text, #1a1a2e)}.translate-lang-option.selected .translate-lang-option-name{color:var(--color-primary, #4361ee)}.translate-lang-option-name mark{background:#4361ee33;color:var(--color-primary, #4361ee);border-radius:2px;padding:0 1px}.translate-lang-option-code{font-size:11px;color:var(--color-text-muted, #9ca3af);font-weight:500}.translate-lang-option-check{color:var(--color-primary, #4361ee);font-weight:700;font-size:14px}.translate-lang-picker-empty{text-align:center;padding:24px 16px;color:var(--color-text-muted, #9ca3af);font-size:13px}@media(max-width:767px){.translate-modal-overlay{align-items:flex-end}.translate-modal-content{width:100%;max-width:100%;max-height:100dvh;border-radius:0;border-bottom:none}.translate-modal-body{padding:14px 16px}.translate-input{min-height:60px;font-size:16px}.translate-primary-text{font-size:16px}.translate-source-picker-content{width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:24px 20px 28px}.translate-source-picker-overlay{align-items:flex-end}}@media(prefers-reduced-motion:reduce){.translate-modal-overlay{transition:none}.translate-submit-btn .spinner{animation:none}}body.dark .translate-modal-content{background:#1e1e2e}body.dark .translate-modal-header{border-bottom-color:#333}body.dark .translate-modal-title{color:#e0e0e0}body.dark .translate-modal-action-btn{color:#a0a0a0}body.dark .translate-modal-action-btn:hover{background:#2a2a3a;color:#e0e0e0}body.dark .translate-direction-bar{color:#a0a0a0;background:#2a2a3a}body.dark .translate-direction-bar:hover{background:#333}body.dark .translate-direction-lang{color:#e0e0e0}body.dark .translate-direction-arrow{color:#7ab3eb}body.dark .translate-input{background:#1e1e2e;border-color:#444;color:#e0e0e0}body.dark .translate-input:focus{border-color:#7ab3eb;box-shadow:0 0 0 3px #7ab3eb26}body.dark .translate-input::placeholder{color:#666}body.dark .translate-style-label,body.dark .translate-section-title{color:#a0a0a0}body.dark .translate-style-pill{background:#1e1e2e;border-color:#444;color:#a0a0a0}body.dark .translate-style-pill:hover{border-color:#7ab3eb;color:#7ab3eb}body.dark .translate-style-pill.active{background:#7ab3eb;border-color:#7ab3eb;color:#fff}body.dark .translate-regional-chip{background:#2a2a3a;border-color:#444;color:#a0a0a0}body.dark .translate-regional-chip:hover{border-color:#7ab3eb;color:#7ab3eb}body.dark .translate-regional-chip.active{background:#7ab3eb26;border-color:#7ab3eb;color:#7ab3eb}body.dark .translate-mode-label{color:#a0a0a0}body.dark .translate-mode-switch{background:#2a2a3a}body.dark .translate-mode-option{color:#a0a0a0}body.dark .translate-mode-option.active{background:#1e1e2e;color:#e0e0e0}body.dark .translate-results-divider{background:#333}body.dark .translate-actions-bar .translate-result-btn{background:#1e1e2e;border-color:#444;color:#a0a0a0}body.dark .translate-actions-bar .translate-result-btn:hover{border-color:#7ab3eb;color:#7ab3eb}body.dark .translate-row{background:#2a2a3a}body.dark .translate-row:hover{background:#333}body.dark .translate-row-source{color:#a0a0a0}body.dark .translate-row-target{color:#e0e0e0}body.dark .translate-row-low{background:#ef44441a;border-left-color:#ef4444}body.dark .translate-row-low .translate-row-target{color:#fca5a5}body.dark .translate-row-mid{background:#eab3081a;border-left-color:#eab308}body.dark .translate-row-mid .translate-row-target{color:#fde047}body.dark .translate-row-conf.conf-high{background:#22c55e26;color:#4ade80}body.dark .translate-row-conf.conf-mid{background:#eab30826;color:#facc15}body.dark .translate-row-conf.conf-low{background:#ef444426;color:#f87171}body.dark .translate-literal{color:#a0a0a0;background:#2a2a3a;border-left-color:#7ab3eb}body.dark .translate-alt-item{color:#e0e0e0}body.dark .translate-alt-item:hover,body.dark .translate-meaning-item{background:#2a2a3a}body.dark .translate-meaning-word{color:#e0e0e0}body.dark .translate-meaning-def{color:#a0a0a0}body.dark .translate-error{background:#451a1a;border-color:#7f1d1d;color:#fca5a5}body.dark .translate-camera-btn{background:#1e1e2e;border-color:#444;color:#a0a0a0}body.dark .translate-camera-btn:hover{border-color:#7ab3eb;color:#7ab3eb;background:#7ab3eb1a}body.dark .translate-camera-btn.ocr-loading{border-color:#7ab3eb;background:#7ab3eb1a}body.dark .translate-camera-spinner{border-color:#444;border-top-color:#7ab3eb}body.dark .translate-image-preview{background:#2a2a3a}body.dark .translate-preview-remove{background:#000000b3}body.dark .translate-preview-remove:hover{background:#dc2626cc}body.dark .translate-source-picker-content{background:#1e1e2e;box-shadow:0 20px 60px #00000080}body.dark .translate-source-picker-title{color:#e0e0e0}body.dark .translate-source-picker-subtitle{color:#a0a0a0}body.dark .translate-source-btn{background:#1e1e2e;border-color:#444}body.dark .translate-source-btn:hover{border-color:#7ab3eb;background:#7ab3eb14}body.dark .translate-source-label{color:#a0a0a0}body.dark .translate-source-btn:hover .translate-source-label{color:#7ab3eb}body.dark .translate-source-cancel:hover{color:#e0e0e0}body.dark .translate-lang-tappable{background:#1e1e2e;border-color:#444;color:#e0e0e0}body.dark .translate-lang-tappable:hover{border-color:#7ab3eb;color:#7ab3eb;background:#7ab3eb1a}body.dark .translate-direction-swap{color:#7ab3eb}body.dark .translate-direction-swap:hover{background:#7ab3eb1a}body.dark .translate-lang-picker-content{background:#1e1e2e;box-shadow:0 20px 60px #00000080}body.dark .translate-lang-picker-title{color:#e0e0e0}body.dark .translate-lang-picker-close{color:#a0a0a0}body.dark .translate-lang-picker-close:hover{background:#2a2a3a}body.dark .translate-lang-picker-search{background:#1e1e2e;border-color:#444;color:#e0e0e0}body.dark .translate-lang-picker-search:focus{border-color:#7ab3eb}body.dark .translate-lang-option:hover{background:#2a2a3a}body.dark .translate-lang-option.selected{background:#7ab3eb1a}body.dark .translate-lang-option-name{color:#e0e0e0}body.dark .translate-lang-option.selected .translate-lang-option-name{color:#7ab3eb}body.dark .translate-lang-option-name mark{background:#7ab3eb33;color:#7ab3eb}body.dark .translate-lang-option-check{color:#7ab3eb}.translate-save-word{display:flex;justify-content:center;padding-top:8px}.translate-save-btn{padding:6px 16px;border-radius:16px;border:1px solid var(--color-primary, #4a90d9);background:transparent;color:var(--color-primary, #4a90d9);font-size:.85rem;cursor:pointer;transition:all .2s}.translate-save-btn:hover{background:var(--color-primary, #4a90d9);color:#fff}.correctme-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:10000002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.correctme-modal-overlay.show{opacity:1;visibility:visible}.correctme-modal-content{background:var(--color-bg, #fff);border-radius:16px;width:96%;max-width:600px;max-height:96vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative}.correctme-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.correctme-modal-header h3{font-size:16px;font-weight:600;margin:0;color:var(--color-text, #1a1a2e);display:flex;align-items:center;gap:6px}.correctme-header-actions{display:flex;align-items:center;gap:4px}.correctme-header-btn{background:none;border:none;font-size:20px;color:var(--color-text-muted, #888);cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s,color .15s;line-height:1}.correctme-header-btn:hover{background:var(--color-bg-hover, #f0f0f0);color:var(--color-text, #1a1a2e)}.correctme-modal-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:0}.correctme-lang-bar{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary, #6b7280);padding:6px 12px;background:var(--color-bg-hover, #f3f4f6);border-radius:8px}.correctme-lang-pill{font-weight:600;color:var(--color-primary, #4361ee)}.correctme-lang-arrow{color:var(--color-text-muted, #888)}.correctme-input{width:100%;min-height:80px;max-height:160px;padding:12px 14px;font-size:15px;line-height:1.5;border:1.5px solid var(--color-border, #e5e7eb);border-radius:10px;background:var(--color-bg, #fff);color:var(--color-text, #1a1a2e);resize:vertical;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.correctme-input:focus{outline:none;border-color:var(--color-primary, #4361ee);box-shadow:0 0 0 3px #4361ee1f}.correctme-input::placeholder{color:var(--color-text-muted, #aaa)}.correctme-input-area{position:relative}.correctme-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:0 2px;gap:6px;flex-wrap:wrap}.correctme-word-count{font-size:12px;color:var(--color-text-muted, #999);min-height:16px}.correctme-word-count--over{color:#ef4444;font-weight:600}.correctme-paste-btn{background:none;border:1px solid var(--color-border, #e0e0e0);font-size:12px;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:3px 8px;border-radius:6px;transition:background .15s,border-color .15s;white-space:nowrap}.correctme-paste-btn:hover{background:var(--color-bg-hover, #f0f0f0);border-color:var(--color-primary, #4361ee);color:var(--color-text, #1a1a2e)}.correctme-camera-btn{background:none;border:1px solid var(--color-border, #e0e0e0);font-size:12px;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:3px 8px;border-radius:6px;transition:background .15s,border-color .15s;white-space:nowrap}.correctme-camera-btn:hover{background:var(--color-bg-hover, #f0f0f0);border-color:var(--color-primary, #4361ee);color:var(--color-text, #1a1a2e)}.correctme-style-bar{display:flex;gap:6px}.correctme-style-btn{font-size:12px;padding:4px 10px;border:1px solid var(--color-border, #e0e0e0);border-radius:20px;background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.correctme-style-btn:hover{border-color:var(--color-primary, #4361ee);color:var(--color-text, #1a1a2e)}.correctme-style-btn.active{background:var(--color-primary, #4361ee);color:#fff;border-color:var(--color-primary, #4361ee)}.correctme-result-note{font-size:12px;color:#16a34a;margin-top:6px;opacity:.8}.correctme-chips-section{animation:correctme-fade-in .25s ease}.correctme-chips-hint{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-bottom:8px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.correctme-chips-count{font-size:12px;color:var(--color-text-muted, #999);font-weight:500}.correctme-word-chips{display:flex;flex-wrap:wrap;gap:6px}.correctme-chip{display:inline-flex;align-items:center;padding:5px 10px;font-size:14px;line-height:1.3;border:1.5px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-bg, #fff);color:var(--color-text, #1a1a2e);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;font-family:inherit}.correctme-chip:hover{border-color:var(--color-primary, #4361ee);background:#4361ee0d}.correctme-chip:active{transform:scale(.95)}.correctme-chip:focus-visible{outline:2px solid var(--color-primary, #4361ee);outline-offset:2px}.correctme-chip:focus:not(:focus-visible){outline:none}.correctme-chip--marked{border-color:#ef4444;background:#ef444414;color:#dc2626;font-weight:500}.correctme-chip--marked:hover{border-color:#ef4444;background:#ef444426}.correctme-chip--punct{border:none;background:none;color:var(--color-text-muted, #999);cursor:default;padding:5px 3px;font-size:14px}.correctme-chip--punct:hover{border:none;background:none}.correctme-submit-btn{width:100%;padding:12px 16px;font-size:15px;font-weight:600;border:none;border-radius:10px;background:var(--color-primary, #4361ee);color:#fff;cursor:pointer;transition:background .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:6px}.correctme-submit-btn:hover:not(:disabled){background:var(--color-primary-hover, #3a56d4)}.correctme-submit-btn:disabled{opacity:.5;cursor:not-allowed}.correctme-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:correctme-spin .6s linear infinite}@keyframes correctme-spin{to{transform:rotate(360deg)}}.correctme-error{padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:13px;text-align:center}.correctme-results{animation:correctme-fade-in .3s ease}.correctme-result-correct{text-align:center;padding:20px 16px}.correctme-result-icon{font-size:40px;margin-bottom:8px}.correctme-result-text{font-size:16px;font-weight:600;color:var(--color-text, #1a1a2e)}.correctme-result-feedback{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-top:8px;line-height:1.5}.correctme-result-wrong{text-align:center;padding:12px 16px 8px}.correctme-corrected-sentence{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px;margin:8px 0 12px;flex-wrap:wrap}.correctme-corrected-label{font-size:12px;font-weight:600;color:#16a34a;text-transform:uppercase;letter-spacing:.5px}.correctme-corrected-text{flex:1;font-size:15px;color:var(--color-text, #1a1a2e);font-weight:500;word-break:break-word}.correctme-copy-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .15s}.correctme-copy-btn:hover{background:#22c55e26}.correctme-tts-btn{background:none;border:1.5px solid var(--color-border, #e0e0e0);font-size:13px;cursor:pointer;padding:4px 10px;border-radius:8px;transition:background .15s,border-color .15s;color:var(--color-text, #1a1a2e)}.correctme-tts-btn:hover{background:var(--color-bg-hover, #f0f0f0);border-color:var(--color-primary, #4361ee)}.correctme-tts-btn--result{margin-top:10px;display:inline-flex;align-items:center;gap:4px}.correctme-tts-mini{background:none;border:none;font-size:14px;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:.5;transition:opacity .15s}.correctme-tts-mini:hover{opacity:1}.correctme-corrections-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.correctme-correction{padding:12px 14px;background:var(--color-bg-hover, #f9fafb);border-radius:10px;border-left:3px solid #ef4444}.correctme-correction-words{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;flex-wrap:wrap}.correctme-word-wrong{color:#dc2626;font-weight:600;text-decoration:line-through;text-decoration-color:#dc262666}.correctme-correction-arrow{color:var(--color-text-muted, #999);font-size:14px}.correctme-word-fixed{color:#16a34a;font-weight:600}.correctme-correction-explain{font-size:13px;line-height:1.5;color:var(--color-text-secondary, #6b7280)}.correctme-error-type{display:inline-block;margin-top:6px;font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;background:#4361ee14;color:var(--color-primary, #4361ee)}.correctme-error-type--spelling{background:#f9731614;color:#ea580c}.correctme-error-type--verb_tense{background:#a855f714;color:#9333ea}.correctme-error-type--gender_agreement{background:#ec489914;color:#db2777}.correctme-error-type--word_choice{background:#f59e0b14;color:#d97706}.correctme-error-type--register{background:#06b6d414;color:#0891b2}.correctme-correction-actions{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.correctme-save-word-btn,.correctme-explain-btn{font-size:12px;padding:3px 8px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s}.correctme-save-word-btn:hover,.correctme-explain-btn:hover{background:var(--color-bg-hover, #f0f0f0);border-color:var(--color-primary, #4361ee);color:var(--color-text, #1a1a2e)}.correctme-save-word-btn--saved{color:#16a34a;border-color:#22c55e4d;cursor:default;opacity:.8}.correctme-explain-result{margin-top:8px;padding:10px 12px;background:#4361ee0d;border-radius:8px;border-left:3px solid var(--color-primary, #4361ee);font-size:13px;line-height:1.6;color:var(--color-text-secondary, #6b7280)}.correctme-explain-text{white-space:pre-line}.correctme-explain-error{color:#ef4444;font-size:12px}.correctme-spinner--small{width:12px;height:12px;border-width:1.5px;vertical-align:middle;margin-right:4px}.correctme-retry-btn{width:100%;padding:10px 16px;margin-top:12px;font-size:14px;font-weight:500;border:1.5px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--color-bg, #fff);color:var(--color-text, #1a1a2e);cursor:pointer;transition:background .15s,border-color .15s}.correctme-retry-btn:hover{background:var(--color-bg-hover, #f0f0f0);border-color:var(--color-primary, #4361ee)}.correctme-tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000003;display:flex;align-items:center;justify-content:center;animation:correctme-fade-in .3s ease}.correctme-tutorial-card{background:var(--color-bg, #fff);border-radius:14px;padding:24px 20px;margin:16px;max-width:360px;width:100%;box-shadow:0 12px 40px #0000004d}.correctme-tutorial-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.correctme-tutorial-step:last-of-type{margin-bottom:20px}.correctme-tutorial-num{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:var(--color-primary, #4361ee);color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.correctme-tutorial-icon{font-size:18px;flex-shrink:0;margin-top:2px}.correctme-tutorial-step p{margin:0;font-size:14px;line-height:1.5;color:var(--color-text, #1a1a2e)}.correctme-tutorial-got-it{width:100%;padding:12px 16px;font-size:15px;font-weight:600;border:none;border-radius:10px;background:var(--color-primary, #4361ee);color:#fff;cursor:pointer;transition:background .2s}.correctme-tutorial-got-it:hover{background:var(--color-primary-hover, #3a56d4)}@keyframes correctme-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.correctme-modal-overlay{align-items:stretch}.correctme-modal-content{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.correctme-modal-body{padding:14px 16px}.correctme-input{min-height:60px;font-size:16px}.correctme-chip{padding:6px 10px;font-size:15px}.correctme-tutorial-card{margin:12px;padding:20px 16px}}@media(prefers-reduced-motion:reduce){.correctme-modal-overlay{transition:none}.correctme-spinner,.correctme-chips-section,.correctme-results,.correctme-tutorial-overlay{animation:none}}body.dark .correctme-modal-content{background:#1e1e2e}body.dark .correctme-modal-header{border-bottom-color:#333}body.dark .correctme-modal-header h3{color:#e0e0e0}body.dark .correctme-header-btn{color:#a0a0a0}body.dark .correctme-header-btn:hover{background:#2a2a3a;color:#e0e0e0}body.dark .correctme-lang-bar{background:#2a2a3a}body.dark .correctme-lang-pill{color:#7ab3eb}body.dark .correctme-lang-arrow{color:#888}body.dark .correctme-input{background:#252535;border-color:#444;color:#e0e0e0}body.dark .correctme-input:focus{border-color:#7ab3eb;box-shadow:0 0 0 3px #7ab3eb26}body.dark .correctme-input::placeholder{color:#666}body.dark .correctme-chips-hint{color:#999}body.dark .correctme-chip{background:#252535;border-color:#444;color:#e0e0e0}body.dark .correctme-chip:hover{border-color:#7ab3eb;background:#7ab3eb14}body.dark .correctme-chip--marked{border-color:#ef4444;background:#ef44441f;color:#f87171}body.dark .correctme-chip--punct{color:#666}body.dark .correctme-result-text{color:#e0e0e0}body.dark .correctme-result-feedback{color:#999}body.dark .correctme-corrected-sentence{background:#22c55e1a;border-color:#22c55e40}body.dark .correctme-corrected-text{color:#e0e0e0}body.dark .correctme-correction{background:#252535;border-left-color:#ef4444}body.dark .correctme-correction-explain{color:#aaa}body.dark .correctme-error-type{background:#7ab3eb1a;color:#7ab3eb}body.dark .correctme-error-type--spelling{background:#f973161a;color:#fb923c}body.dark .correctme-error-type--verb_tense{background:#a855f71a;color:#c084fc}body.dark .correctme-error-type--gender_agreement{background:#ec48991a;color:#f472b6}body.dark .correctme-error-type--word_choice{background:#f59e0b1a;color:#fbbf24}body.dark .correctme-error-type--register{background:#06b6d41a;color:#22d3ee}body.dark .correctme-retry-btn{background:#252535;border-color:#444;color:#e0e0e0}body.dark .correctme-retry-btn:hover{background:#2a2a3a;border-color:#7ab3eb}body.dark .correctme-error{background:#ef44441a;border-color:#ef444440;color:#f87171}body.dark .correctme-tutorial-card{background:#1e1e2e;box-shadow:0 12px 40px #00000080}body.dark .correctme-tutorial-step p{color:#e0e0e0}body.dark .correctme-tutorial-num{background:#7ab3eb;color:#1e1e2e}body.dark .correctme-tts-btn{border-color:#444;color:#e0e0e0}body.dark .correctme-tts-btn:hover{background:#2a2a3a;border-color:#7ab3eb}body.dark .correctme-tts-mini{opacity:.6}body.dark .correctme-tts-mini:hover{opacity:1}body.dark .correctme-paste-btn{border-color:#444;color:#999}body.dark .correctme-paste-btn:hover{background:#2a2a3a;border-color:#7ab3eb;color:#e0e0e0}body.dark .correctme-word-count{color:#666}body.dark .correctme-word-count--over{color:#f87171}body.dark .correctme-chip:focus-visible{outline-color:#7ab3eb}body.dark .correctme-save-word-btn,body.dark .correctme-explain-btn{background:#252535;border-color:#444;color:#999}body.dark .correctme-save-word-btn:hover,body.dark .correctme-explain-btn:hover{background:#2a2a3a;border-color:#7ab3eb;color:#e0e0e0}body.dark .correctme-save-word-btn--saved{color:#4ade80;border-color:#4ade804d}body.dark .correctme-explain-result{background:#7ab3eb14;border-left-color:#7ab3eb;color:#ccc}body.dark .correctme-camera-btn{border-color:#444;color:#999}body.dark .correctme-camera-btn:hover{background:#2a2a3a;border-color:#7ab3eb;color:#e0e0e0}body.dark .correctme-style-btn{background:#252535;border-color:#444;color:#999}body.dark .correctme-style-btn:hover{border-color:#7ab3eb;color:#e0e0e0}body.dark .correctme-style-btn.active{background:#7ab3eb;color:#1e1e2e;border-color:#7ab3eb}body.dark .correctme-result-note{color:#4ade80}.gexplain-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:10000002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.gexplain-overlay.show{opacity:1;visibility:visible}.gexplain-content{background:var(--color-bg, #fff);border-radius:16px;width:96%;max-width:640px;max-height:96vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative}.gexplain-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.gexplain-header h3{font-size:17px;font-weight:700;margin:0;color:var(--color-text-primary, #1a1a2e)}.gexplain-header-actions{display:flex;gap:6px;align-items:center}.gexplain-header-btn{width:32px;height:32px;border:none;background:var(--bg-hover, rgba(0,0,0,.06));border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s;color:var(--color-text-secondary, #666)}.gexplain-header-btn:hover{background:var(--bg-hover, rgba(0,0,0,.1))}.gexplain-selection{padding:18px;overflow-y:auto;flex:1}.gexplain-field{margin-bottom:18px}.gexplain-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary, #666);margin-bottom:6px}.gexplain-hint{font-weight:400;opacity:.7;font-size:11px}.gexplain-input{width:100%;padding:10px 14px;border:1px solid var(--color-border, #e0e0e0);border-radius:10px;font-size:14px;background:var(--bg-input, #fff);color:var(--color-text-primary, #1a1a2e);outline:none;transition:border-color .15s;box-sizing:border-box}.gexplain-input:focus{border-color:var(--color-primary, #2563eb)}.gexplain-input::placeholder{color:var(--color-text-tertiary, #aaa)}.gexplain-topic-search-row{position:relative;display:flex;align-items:center}.gexplain-topic-search-row .gexplain-input{padding-right:32px}.gexplain-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:var(--bg-hover, rgba(0,0,0,.06));border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #666);line-height:1}.gexplain-clear-search:hover{background:var(--bg-hover, rgba(0,0,0,.12))}.gexplain-topic-list{max-height:220px;overflow-y:auto;border:1px solid var(--color-border, #e0e0e0);border-radius:10px;margin-top:8px;background:var(--bg-input, #fff)}.gexplain-topic-group{padding:6px 12px;font-size:11px;font-weight:700;color:var(--color-text-tertiary, #999);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-hover, rgba(0,0,0,.03));position:sticky;top:0}.gexplain-topic-item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:background .1s}.gexplain-topic-item:hover{background:var(--bg-hover, rgba(0,0,0,.06))}.gexplain-topic-name{font-size:13px;color:var(--color-text-primary, #1a1a2e)}.gexplain-topic-type{font-size:10px;color:var(--color-text-tertiary, #aaa);background:var(--bg-hover, rgba(0,0,0,.05));padding:2px 6px;border-radius:4px;flex-shrink:0}.gexplain-topic-empty{padding:16px;text-align:center;color:var(--color-text-tertiary, #aaa);font-size:13px}.gexplain-scope-row{display:flex;gap:8px;flex-wrap:wrap}.gexplain-scope-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;border:2px solid var(--color-border, #e0e0e0);border-radius:20px;background:var(--bg-input, #fff);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;color:var(--color-text-secondary, #666);font-family:inherit}.gexplain-scope-btn:hover{border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb)}.gexplain-scope-btn.active{background:var(--color-primary, #2563eb);border-color:var(--color-primary, #2563eb);color:#fff}.gexplain-scope-btn.active[data-scope=core]{background:#22c55e;border-color:#22c55e}.gexplain-scope-btn.active[data-scope=expanded]{background:#3b82f6;border-color:#3b82f6}.gexplain-scope-btn.active[data-scope=advanced]{background:#a855f7;border-color:#a855f7}.gexplain-scope-btn.active[data-scope=rare]{background:#f59e0b;border-color:#f59e0b}.gexplain-scope-label{white-space:nowrap}.gexplain-toggle-field{display:flex;align-items:center}.gexplain-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--color-text-primary, #1a1a2e)}.gexplain-toggle{display:none}.gexplain-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;background:var(--color-border, #e0e0e0);border-radius:11px;transition:background .2s;flex-shrink:0}.gexplain-toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.gexplain-toggle:checked+.gexplain-toggle-switch{background:var(--color-primary, #2563eb)}.gexplain-toggle:checked+.gexplain-toggle-switch:after{transform:translate(18px)}.gexplain-actions{padding-top:8px}.gexplain-generate-btn{width:100%;padding:12px 24px;background:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;font-family:inherit}.gexplain-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.gexplain-generate-btn:active:not(:disabled){transform:translateY(0)}.gexplain-generate-btn:disabled{opacity:.5;cursor:not-allowed}.gexplain-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.gexplain-spinner{width:36px;height:36px;border:3px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:gexplain-spin .8s linear infinite}@keyframes gexplain-spin{to{transform:rotate(360deg)}}.gexplain-loading-text{font-size:14px;color:var(--color-text-secondary, #666)}.gexplain-error{padding:18px;color:#ef4444;font-size:14px;text-align:center}.gexplain-result{padding:0 18px 18px;overflow-y:auto;flex:1}.gexplain-result-title{font-size:18px;font-weight:700;color:var(--color-text-primary, #1a1a2e);padding:14px 0 10px;border-bottom:1px solid var(--color-border, #e0e0e0);margin-bottom:12px}.gexplain-sections{display:flex;flex-direction:column;gap:8px}.gexplain-section{border:1px solid var(--color-border, #e0e0e0);border-radius:12px;overflow:hidden;background:var(--bg-input, #fff);transition:border-color .15s}.gexplain-section:hover{border-color:var(--color-primary, #2563eb)}.gexplain-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.gexplain-section-header:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.gexplain-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text-primary, #1a1a2e)}.gexplain-section-icon{font-size:16px}.gexplain-section-meta{display:flex;align-items:center;gap:8px}.gexplain-depth-dots{color:var(--color-primary, #2563eb);font-size:8px;letter-spacing:2px}.gexpand-chevron{font-size:12px;color:var(--color-text-tertiary, #aaa);transition:transform .2s}.gexplain-section-body{padding:0 14px 14px;animation:gexplain-fade-in .2s ease}.gexplain-section-body.collapsed{display:none}@keyframes gexplain-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gexplain-section-text{font-size:14px;line-height:1.6;color:var(--color-text-primary, #1a1a2e);margin-bottom:12px}.gexplain-term{font-weight:700;text-decoration:underline;text-decoration-color:#2563eb66;text-underline-offset:2px;color:inherit;cursor:pointer;transition:text-decoration-color .15s}.gexplain-term:hover{text-decoration-color:var(--color-primary, #2563eb)}.gexplain-examples{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.gexplain-example{background:var(--bg-hover, rgba(0,0,0,.03));border-radius:8px;padding:10px 12px;border-left:3px solid var(--color-primary, #2563eb)}.gexplain-example-learning{font-size:14px;font-weight:600;color:var(--color-text-primary, #1a1a2e);margin-bottom:3px;cursor:pointer;transition:color .15s}.gexplain-example-learning:hover{color:var(--color-primary, #2563eb)}.gexplain-example-native{font-size:13px;color:var(--color-text-secondary, #666);margin-bottom:2px}.gexplain-example-context{font-size:11px;color:var(--color-text-tertiary, #aaa);font-style:italic}.gexplain-more-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:none;border:1px solid var(--color-border, #e0e0e0);border-radius:20px;color:var(--color-primary, #2563eb);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;margin-top:8px;letter-spacing:.3px}.gexplain-more-btn:hover{background:#2563eb0f;border-color:var(--color-primary, #2563eb);transform:translateY(-1px)}.gexplain-more-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.gexplain-overlay{align-items:stretch;justify-content:stretch}.gexplain-content{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.gexplain-scope-row{gap:6px}.gexplain-scope-btn{padding:6px 10px;font-size:12px}}body.dark .gexplain-content{background:#1e1e2e}body.dark .gexplain-header{border-bottom-color:#333}body.dark .gexplain-header h3{color:#e0e0e0}body.dark .gexplain-header-btn{color:#a0a0a0}body.dark .gexplain-header-btn:hover{background:#2a2a3a;color:#e0e0e0}body.dark .gexplain-label{color:#aaa}body.dark .gexplain-input{background:#2a2a3a;border-color:#444;color:#e0e0e0}body.dark .gexplain-input::placeholder{color:#666}body.dark .gexplain-input:focus{border-color:#60a5fa}body.dark .gexplain-clear-search{background:#333;color:#aaa}body.dark .gexplain-clear-search:hover{background:#444}body.dark .gexplain-topic-list{background:#2a2a3a;border-color:#444}body.dark .gexplain-topic-group{background:#ffffff0d;color:#888}body.dark .gexplain-topic-item:hover{background:#333}body.dark .gexplain-topic-name{color:#e0e0e0}body.dark .gexplain-topic-type{color:#888;background:#ffffff0f}body.dark .gexplain-scope-btn{border-color:#444;background:#2a2a3a;color:#aaa}body.dark .gexplain-scope-btn:hover{border-color:#60a5fa;color:#60a5fa}body.dark .gexplain-toggle-label span:last-child{color:#ccc}body.dark .gexplain-toggle-switch{background:#444}body.dark .gexplain-generate-btn{background:#3b82f6}body.dark .gexplain-generate-btn:disabled{background:#333;color:#666}body.dark .gexplain-loading-text{color:#aaa}body.dark .gexplain-error{color:#f87171}body.dark .gexplain-result-title{color:#e0e0e0;border-bottom-color:#333}body.dark .gexplain-section{background:#2a2a3a;border-color:#444}body.dark .gexplain-section:hover{border-color:#60a5fa}body.dark .gexplain-section-header:hover{background:#ffffff0a}body.dark .gexplain-section-title{color:#e0e0e0}body.dark .gexplain-section-text{color:#ccc}body.dark .gexplain-term{text-decoration-color:#60a5fa80;color:inherit}body.dark .gexplain-term:hover{text-decoration-color:#60a5fa}body.dark .gexplain-example{background:#ffffff0a;border-left-color:#60a5fa}body.dark .gexplain-example-learning{color:#e0e0e0}body.dark .gexplain-example-learning:hover{color:#60a5fa}body.dark .gexplain-example-native{color:#aaa}body.dark .gexplain-example-context{color:#777}body.dark .gexplain-more-btn{border-color:#444;color:#60a5fa}body.dark .gexplain-more-btn:hover{background:#60a5fa1a;border-color:#60a5fa}body.dark .gexplain-depth-dots{color:#60a5fa}body.dark .gexpand-chevron{color:#666}.struct-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:10000002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.struct-overlay.show{opacity:1;visibility:visible}.struct-content{background:var(--color-bg, #fff);border-radius:16px;width:96%;max-width:640px;max-height:96vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative}.struct-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.struct-header h3{font-size:17px;font-weight:700;margin:0;color:var(--color-text-primary, #1a1a2e)}.struct-header-actions{display:flex;gap:6px;align-items:center}.struct-close-btn{width:32px;height:32px;border:none;background:var(--bg-hover, rgba(0,0,0,.06));border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s;color:var(--color-text-secondary, #666)}.struct-close-btn:hover{background:var(--bg-hover-strong, rgba(0,0,0,.12))}.struct-toolbar{padding:10px 18px 6px;flex-shrink:0}.struct-subtitle{font-size:13px;color:var(--color-text-secondary, #666);margin-bottom:8px}.struct-cefr-row{display:flex;gap:6px;flex-wrap:wrap}.struct-cefr-btn{padding:4px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:16px;background:var(--bg-input, #fff);color:var(--color-text-secondary, #666);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.struct-cefr-btn:hover{background:var(--bg-hover, rgba(0,0,0,.06))}.struct-cefr-btn.active{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.struct-lang-note{padding:8px 18px;font-size:12px;color:var(--color-text-tertiary, #888);border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0;line-height:1.5}.struct-categories{flex:1;overflow-y:auto;padding:8px 18px 18px;overscroll-behavior:contain}.struct-loading,.struct-empty{text-align:center;padding:40px 20px;color:var(--color-text-tertiary, #999);font-size:14px}.struct-category{margin-bottom:8px;border:1px solid var(--color-border, #e0e0e0);border-radius:12px;overflow:hidden;transition:border-color .15s}.struct-category:hover{border-color:var(--color-primary-light, rgba(37, 99, 235, .3))}.struct-category-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card, #fafafa);transition:background .15s}.struct-category-header:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.struct-category-left{display:flex;align-items:center;gap:8px}.struct-category-icon{font-size:20px;line-height:1}.struct-category-label{font-size:15px;font-weight:600;color:var(--color-text-primary, #1a1a2e)}.struct-category-count{font-size:11px;font-weight:600;background:var(--bg-hover, rgba(0,0,0,.06));color:var(--color-text-secondary, #666);border-radius:10px;padding:1px 8px;min-width:20px;text-align:center}.struct-category-right{display:flex;align-items:center;gap:8px}.struct-chevron{font-size:10px;color:var(--color-text-tertiary, #999);transition:transform .2s}.struct-category.expanded .struct-chevron{transform:none}.struct-mastery-badge{font-size:11px;font-weight:700;border-radius:10px;padding:1px 8px}.struct-mastery-badge.mastered{background:#dcfce7;color:#166534}.struct-mastery-badge.learning{background:#fef9c3;color:#854d0e}.struct-mastery-badge.new{background:#f1f5f9;color:#64748b}.struct-forms-list{padding:4px 14px 12px}.struct-form-item{padding:10px 0;border-bottom:1px solid var(--color-border-light, rgba(0,0,0,.06))}.struct-form-item:last-child{border-bottom:none}.struct-form-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.struct-form-name{font-size:14px;font-weight:600;color:var(--color-text-primary, #1a1a2e);cursor:pointer;transition:color .15s}.struct-form-name:hover{color:var(--color-primary, #2563eb)}.struct-form-cefr{font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--cefr-bg, #dcfce7);color:var(--cefr-text, #166534);line-height:1.4}html.dark .struct-form-cefr{background:var(--cefr-dbg, #052e16);color:var(--cefr-dtext, #86efac)}.struct-mastery-dot{width:8px;height:8px;border-radius:50%;display:inline-block;font-size:10px;line-height:1;flex-shrink:0;cursor:default}.struct-mastery-dot.mastered{background:#22c55e}.struct-mastery-dot.learning{background:#eab308}.struct-mastery-dot.new{background:#cbd5e1}.struct-form-desc{font-size:12px;color:var(--color-text-secondary, #666);line-height:1.5;margin-bottom:6px;padding-left:0}.struct-form-actions{display:flex;gap:6px;margin-top:4px}.struct-form-explain,.struct-form-practice{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px;border:1px solid var(--color-border, #e0e0e0);background:var(--bg-input, #fff);color:var(--color-text-secondary, #666);cursor:pointer;transition:all .15s;white-space:nowrap}.struct-form-explain:hover{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.struct-form-practice:hover{background:var(--color-success, #22c55e);color:#fff;border-color:var(--color-success, #22c55e)}.struct-why{font-size:12.5px;line-height:1.5;color:var(--color-text-secondary, #555);margin:6px 0 2px;padding:0 2px}html.dark .struct-why{color:var(--color-text-secondary, #a0a0b8)}.struct-example{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:4px 0 2px;padding:6px 10px;border-radius:8px;background:var(--bg-secondary, #f8f9fa);cursor:pointer;transition:background .15s}.struct-example:hover{background:var(--bg-hover, rgba(0,0,0,.06))}html.dark .struct-example{background:#ffffff0a}html.dark .struct-example:hover{background:#ffffff14}.struct-example-label{flex-shrink:0;font-size:12px}.struct-example-text{font-size:13px;font-style:italic;color:var(--color-text-main, #1a1a2e);font-weight:500}html.dark .struct-example-text{color:#e2e8f0}.struct-example-trans{font-size:11.5px;color:var(--color-text-tertiary, #888);font-style:normal}html.dark .struct-example-trans{color:#71717a}.struct-example-rtl{direction:rtl;text-align:right}html.dark .struct-content{background:var(--color-bg, #1a1a2e)}html.dark .struct-header{border-bottom-color:var(--color-border, #2d2d44)}html.dark .struct-close-btn{background:#ffffff14;color:var(--color-text-secondary, #aaa)}html.dark .struct-close-btn:hover{background:#ffffff26}html.dark .struct-subtitle{color:var(--color-text-secondary, #aaa)}html.dark .struct-cefr-btn{background:#ffffff0f;border-color:var(--color-border, #2d2d44);color:var(--color-text-secondary, #aaa)}html.dark .struct-cefr-btn.active{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}html.dark .struct-lang-note{color:var(--color-text-tertiary, #666);border-bottom-color:var(--color-border, #2d2d44)}html.dark .struct-category{border-color:var(--color-border, #2d2d44)}html.dark .struct-category-header{background:#ffffff08}html.dark .struct-category-header:hover{background:#ffffff0f}html.dark .struct-category-label{color:var(--color-text-primary, #e2e2f0)}html.dark .struct-category-count{background:#ffffff14;color:var(--color-text-secondary, #aaa)}html.dark .struct-mastery-badge.mastered{background:#052e16;color:#86efac}html.dark .struct-mastery-badge.learning{background:#422006;color:#fde047}html.dark .struct-mastery-badge.new{background:#ffffff0f;color:#64748b}html.dark .struct-form-item{border-bottom-color:var(--color-border, #2d2d44)}html.dark .struct-form-name{color:var(--color-text-primary, #e2e2f0)}html.dark .struct-form-desc{color:var(--color-text-secondary, #aaa)}html.dark .struct-form-explain,html.dark .struct-form-practice{background:#ffffff0f;border-color:var(--color-border, #2d2d44);color:var(--color-text-secondary, #aaa)}html.dark .struct-form-explain:hover{background:var(--color-primary, #2563eb);color:#fff}html.dark .struct-form-practice:hover{background:#166534;color:#86efac}.struct-form-top .struct-mastery-dot{margin-right:4px}.struct-form-item.struct-form-weak{border-left:3px solid #f59e0b;padding-left:9px;background:#f59e0b0a;border-radius:6px}body.dark .struct-form-item.struct-form-weak{background:#f59e0b14}@media(max-width:640px){.struct-overlay{align-items:flex-end}.struct-content{width:100%;max-width:100%;max-height:88vh;border-radius:16px 16px 0 0}.struct-form-actions{flex-wrap:wrap}}.struct-font-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.struct-font-btn{width:28px;height:28px;border:none;background:var(--bg-hover, rgba(0,0,0,.06));border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:opacity .15s,background .15s;color:var(--color-text-secondary, #666);flex-shrink:0}.struct-font-btn:hover{background:var(--bg-active, rgba(0,0,0,.1))}.struct-font-btn:disabled{opacity:.3;cursor:default}.struct-font-label{font-size:11px;color:var(--color-text-tertiary, #888);min-width:36px;text-align:center;font-weight:500}[data-size=xs] .struct-form-desc,[data-size=xs] .struct-why,[data-size=xs] .struct-example-text,[data-size=xs] .struct-example-trans{font-size:9px}[data-size=sm] .struct-form-desc,[data-size=sm] .struct-why,[data-size=sm] .struct-example-text,[data-size=sm] .struct-example-trans{font-size:11.44px}[data-size=md] .struct-form-desc,[data-size=md] .struct-why,[data-size=md] .struct-example-text,[data-size=md] .struct-example-trans{font-size:13px}[data-size=lg] .struct-form-desc,[data-size=lg] .struct-why,[data-size=lg] .struct-example-text,[data-size=lg] .struct-example-trans{font-size:calc(13px * 1.13)}#trainedWordsModal{z-index:10000}.trained-words-modal-content{position:relative;background:var(--bg-primary, #fff);border-radius:16px;max-width:960px;max-height:88vh;width:calc(100vw - 32px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.trained-words-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border-color, #eee);background:var(--bg-secondary, #f8f9fa)}.trained-words-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary, #333);white-space:nowrap;flex-shrink:0}.trained-words-header .modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #666);padding:4px 8px;border-radius:6px;transition:all .2s;flex-shrink:0}.trained-words-header .modal-close-btn:hover{background:var(--hover-bg, #eee);color:var(--text-primary, #333)}.import-words-panel{padding:14px 18px;border-bottom:1px solid var(--border-color, #eee);background:var(--bg-secondary, #f8f9fa)}.import-words-textarea{width:100%;min-height:100px;padding:10px 12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:.9rem;resize:vertical;background:var(--bg-primary, #fff);color:var(--text-primary, #333);font-family:inherit;line-height:1.5;box-sizing:border-box}.import-words-textarea:focus{outline:none;border-color:var(--accent-color, #4f46e5);box-shadow:0 0 0 2px #4f46e526}.import-words-textarea::placeholder{color:var(--text-muted, #999)}.import-words-actions{display:flex;gap:8px;margin-top:10px}.import-submit-btn{background:var(--accent-color, #4f46e5);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.import-submit-btn:hover{background:var(--accent-hover, #4338ca)}.import-cancel-btn{border-radius:8px;padding:8px 16px;font-size:.85rem}.import-words-error{margin-top:8px;padding:8px 12px;background:#fef2f2;color:#dc2626;border-radius:6px;font-size:.85rem}.import-words-header-btn{white-space:nowrap}.trained-words-more-wrapper{position:relative;flex-shrink:0}.trained-words-more-btn{font-size:1.2rem!important;line-height:1;padding:3px 10px!important;letter-spacing:1px}.trained-words-more-menu{display:none;min-width:200px;max-height:70vh;overflow-y:auto;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;box-shadow:0 8px 30px #00000024,0 2px 8px #0000000f;padding:4px 0;z-index:10060;animation:more-menu-in .15s ease-out}@keyframes more-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.more-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;color:var(--text-primary, #333);font-size:.82rem;cursor:pointer;text-align:left;white-space:nowrap;transition:background .12s}.more-menu-item:hover{background:var(--bg-hover, #f1f5f9)}.more-menu-item-danger{color:#dc2626}.more-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.more-menu-divider{height:1px;background:var(--border-color, #e2e8f0);margin:4px 8px}.more-menu-section-label{padding:6px 14px 2px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #94a3b8)}.print-table{display:none}@media print{body *{visibility:hidden}.print-table,.print-table *{visibility:visible}.print-table{display:block;position:absolute;top:0;left:0;width:100%;padding:20px}.print-table table{width:100%;border-collapse:collapse;font-size:11pt}.print-table th,.print-table td{border:1px solid #ddd;padding:6px 10px;text-align:left}.print-table th{background:#f3f4f6;font-weight:600;font-size:10pt}.print-table h2{margin:0 0 12px;font-size:16pt}}.trained-words-body{flex:1;overflow-y:auto;padding:14px 18px}.trained-words-list{display:flex;flex-direction:column;gap:10px}.trained-word-item{display:flex;align-items:center;padding:10px 14px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #eee);gap:12px;position:relative;transition:border-color .15s}.trained-word-item:hover{border-color:var(--color-primary, #6366f1)}.trained-word-info{flex:1;min-width:0;overflow:hidden}.trained-word-header-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.trained-word-text{font-size:1rem;font-weight:600;color:var(--text-primary, #333);cursor:pointer;border-radius:4px;transition:background .15s}.trained-word-translation{font-size:.82rem;color:var(--text-muted, #666);margin-top:2px;white-space:normal;overflow:visible}.trained-word-stale-hint{font-size:.7rem;opacity:.6;cursor:help}.trained-word-meta{display:flex;align-items:center;gap:4px;margin-top:2px;flex-wrap:wrap}.trained-word-source{font-size:.7rem;color:var(--accent-color, #6366f1);background:#6366f114;padding:1px 6px;border-radius:3px}.trained-word-date{font-size:.7rem;color:var(--text-muted, #999)}.trained-word-stats{display:flex;gap:8px;align-items:center;flex-shrink:0;font-size:.7rem;color:var(--text-muted, #666);white-space:nowrap}.trained-word-stat{display:inline-flex;align-items:center;gap:2px}.trained-word-stat-value{font-weight:700;color:var(--text-primary, #333);font-size:.72rem}.trained-word-stat-label{font-size:.6rem;color:var(--text-muted, #888)}.trained-word-stat.correct .trained-word-stat-value{color:#22c55e}.trained-word-stat.wrong .trained-word-stat-value{color:#ef4444}.trained-word-stat.stat-perfect .trained-word-stat-value{color:#22c55e}.trained-word-stat.stat-zero .trained-word-stat-value{color:#ef4444}.trained-words-empty{text-align:center;padding:40px 20px;color:var(--text-muted, #666)}.trained-words-empty p{margin:0;line-height:1.5}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:4px}.empty-state-icon{font-size:3rem;margin-bottom:8px}.empty-state-cta{cursor:pointer;transition:all .2s}.empty-state-cta:hover{transform:scale(1.03);filter:brightness(1.1)}.btn-secondary{background:var(--btn-secondary-bg, #6b7280);color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:11px;transition:background .2s,opacity .15s;white-space:nowrap}.btn-secondary:hover{background:var(--btn-secondary-hover, #4b5563)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.vocab-status-badge{font-size:.6rem;padding:1px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.5}.vocab-status-new{background:var(--status-new-bg, #e0e7ff);color:var(--status-new-text, #4338ca)}.vocab-status-learning{background:var(--status-learning-bg, #fef3c7);color:var(--status-learning-text, #d97706)}.vocab-status-review{background:var(--status-review-bg, #d1fae5);color:var(--status-review-text, #059669)}.vocab-status-mastered{background:var(--status-mastered-bg, #bbf7d0);color:var(--status-mastered-text, #16a34a)}.vocab-due-badge{font-size:.6rem;padding:1px 6px;border-radius:4px;font-weight:700;background:var(--due-badge-bg, #fee2e2);color:var(--due-badge-text, #dc2626)}.trained-words-controls{display:flex;flex-direction:column;gap:8px;padding:10px 0 6px}.trained-words-search{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.82rem;background:var(--bg-primary, #fff);color:var(--text-primary, #333);outline:none;transition:border-color .2s,box-shadow .2s}.trained-words-search:focus{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 3px #6366f11f}.trained-words-search::placeholder{color:var(--text-muted, #94a3b8)}.trained-words-sort{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.trained-words-sort-label{font-size:.65rem;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.5px;margin-right:2px}.trained-words-sort-btn{padding:4px 9px;border:1px solid var(--border-color, #e2e8f0);border-radius:20px;background:var(--bg-primary, #fff);color:var(--text-muted, #666);font-size:.68rem;cursor:pointer;transition:all .15s}.trained-words-sort-btn:hover{border-color:var(--accent-color, #6366f1);color:var(--accent-color, #6366f1)}.trained-words-sort-btn.active{background:var(--accent-color, #6366f1);color:#fff;border-color:var(--accent-color, #6366f1)}.trained-words-filter{display:flex;gap:4px;flex-wrap:wrap}.trained-words-filter-btn{padding:4px 9px;border:1px solid var(--border-color, #e2e8f0);border-radius:20px;background:var(--bg-primary, #fff);color:var(--text-muted, #666);font-size:.68rem;cursor:pointer;transition:all .15s}.trained-words-filter-btn:hover{border-color:#6366f1;color:#6366f1}.trained-words-filter-btn.active{background:var(--status-new-bg, #e0e7ff);color:var(--status-new-text, #4338ca);border-color:var(--status-new-border, #a5b4fc);font-weight:600}.trained-words-count{font-size:.7rem;color:var(--text-muted, #666);background:var(--bg-secondary, #f1f5f9);padding:2px 8px;border-radius:10px;margin-left:4px}.trained-word-actions{display:flex;gap:2px;align-items:center;opacity:0;transition:opacity .15s;flex-shrink:0}.trained-word-item:hover .trained-word-actions{opacity:1}.trained-word-action-btn{width:26px;height:26px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .12s;color:var(--text-muted, #666)}.trained-word-action-btn.delete:hover{background:var(--color-error-light, #fee2e2);color:#dc2626}.trained-word-action-btn.pause:hover{background:var(--color-warning-light, #fef3c7);color:#d97706}.trained-word-action-btn.reset:hover{background:var(--color-info-light, #dbeafe);color:#2563eb}.trained-word-action-btn.known:hover{background:#22c55e26;color:#16a34a}.trained-word-action-btn.known.done{opacity:.5;cursor:default;font-size:.65rem}.trained-word-item.paused{opacity:.55}.trained-word-item.paused .trained-word-actions{opacity:1}.trained-word-paused-badge{font-size:.58rem;padding:1px 5px;border-radius:4px;font-weight:700;background:var(--status-learning-bg, #fef3c7);color:var(--status-learning-text, #d97706);text-transform:uppercase;letter-spacing:.3px}.trained-word-base-verb{font-size:.58rem;padding:1px 5px;border-radius:4px;font-weight:700;background:var(--base-verb-bg, rgba(99, 102, 241, .12));color:var(--base-verb-text, #6366f1);cursor:default;text-decoration:none}.trained-words-start-over-btn:hover{background:var(--color-error-light, #fee2e2)!important;border-color:#fca5a5!important;color:#dc2626!important}.delete-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(255, 255, 255, .96));border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.delete-confirm-text{font-size:.82rem;color:var(--text-primary, #333);font-weight:500}.delete-confirm-buttons{display:flex;gap:8px}.delete-confirm-yes{padding:5px 14px;border:none;border-radius:6px;background:#ef4444;color:#fff;font-size:.78rem;cursor:pointer;font-weight:500;transition:background .15s}.delete-confirm-yes:hover{background:#dc2626}.delete-confirm-no{padding:5px 14px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);font-size:.78rem;cursor:pointer;transition:background .15s}.delete-confirm-no:hover{background:var(--bg-secondary, #f8f9fa)}body.dark .trained-words-modal-content{background:#1a1a24;box-shadow:0 20px 60px #00000080}body.dark .trained-words-header{background:#12121a;border-bottom-color:#ffffff0f}body.dark .trained-words-header h3{color:#fafafa}body.dark .trained-words-header .modal-close-btn{color:#a1a1aa}body.dark .trained-words-header .modal-close-btn:hover{background:#ffffff14;color:#fafafa}body.dark .trained-words-body{background:#1a1a24}body.dark .trained-word-item{background:#12121a;border-color:#ffffff0f}body.dark .trained-word-item:hover{border-color:#6366f166}body.dark .trained-word-text{color:#fafafa}body.dark .trained-word-translation{color:#a1a1aa}body.dark .trained-word-source{background:#6366f126;color:#818cf8}body.dark .trained-word-stat-value{color:#fafafa}body.dark .trained-word-stat-label{color:#71717a}body.dark .trained-word-date{color:#52525b}body.dark .vocab-status-badge{letter-spacing:.3px}body.dark .vocab-status-new{background:#312e81;color:#a5b4fc}body.dark .vocab-status-learning{background:#78350f;color:#fbbf24}body.dark .vocab-status-review{background:#064e3b;color:#34d399}body.dark .vocab-status-mastered{background:#14532d;color:#4ade80}body.dark .vocab-due-badge{background:#7f1d1d;color:#fca5a5}body.dark .trained-word-paused-badge{background:#78350f;color:#fbbf24}body.dark .trained-word-base-verb{background:#6366f133;color:#818cf8}body.dark .trained-words-search{background:#12121a;border-color:#ffffff14;color:#fafafa}body.dark .trained-words-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}body.dark .trained-words-search::placeholder{color:#52525b}body.dark .trained-words-sort-btn{background:#12121a;border-color:#ffffff14;color:#a1a1aa}body.dark .trained-words-sort-btn:hover{border-color:#6366f1;color:#818cf8}body.dark .trained-words-sort-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}body.dark .trained-words-filter-btn{background:#12121a;border-color:#ffffff14;color:#a1a1aa}body.dark .trained-words-filter-btn:hover{border-color:#6366f1;color:#818cf8}body.dark .trained-words-filter-btn.active{background:#312e81;color:#a5b4fc;border-color:#4338ca}body.dark .trained-words-count{background:#242430;color:#a1a1aa}body.dark .trained-words-empty,body.dark .trained-word-action-btn{color:#71717a}body.dark .trained-word-action-btn.delete:hover{background:#ef444426;color:#f87171}body.dark .trained-word-action-btn.pause:hover{background:#fbbf2426;color:#fbbf24}body.dark .trained-word-action-btn.reset:hover{background:#60a5fa26;color:#60a5fa}body.dark .trained-word-action-btn.known:hover{background:#4ade8026;color:#4ade80}body.dark .delete-confirm-overlay{background:#12121af5}body.dark .delete-confirm-text{color:#fafafa}body.dark .delete-confirm-no{background:#242430;border-color:#ffffff14;color:#a1a1aa}body.dark .delete-confirm-no:hover{background:#2a2a32}body.dark .btn-secondary{background:#374151;color:#d1d5db}body.dark .btn-secondary:hover{background:#4b5563}body.dark .trained-words-start-over-btn:hover{background:#ef444426!important;color:#f87171!important}body.dark .trained-words-more-menu{background:#1e1e2e;border-color:#ffffff14;box-shadow:0 8px 30px #00000080,0 2px 8px #0000004d}body.dark .more-menu-item{color:#e4e4e7}body.dark .more-menu-item:hover{background:#ffffff0f}body.dark .more-menu-item-danger{color:#f87171}body.dark .more-menu-item-danger:hover{background:#ef444426;color:#fca5a5}body.dark .more-menu-divider{background:#ffffff0f}body.dark .more-menu-section-label{color:#52525b}@media(max-width:480px){.trained-words-modal-content{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;max-height:100vh;border-radius:0}.trained-words-header{padding:10px 12px;gap:6px}.trained-words-header h3{font-size:.9rem;flex-basis:calc(100% - 40px)}.trained-words-header .btn-secondary{padding:3px 7px;font-size:10px}.trained-words-more-menu{min-width:180px}.trained-words-header .modal-close-btn{order:-1;margin-left:auto}.trained-word-item{flex-wrap:wrap;gap:4px 8px;padding:8px 10px}.trained-word-info{flex:1 1 100%;min-width:0;overflow:visible}.trained-word-header-row{gap:6px}.trained-word-text{font-size:.92rem}.trained-word-translation{font-size:.78rem;margin-top:1px}.trained-word-stats{order:0;gap:6px;font-size:.65rem;margin-left:auto;align-self:flex-start;flex-shrink:0}.trained-word-stat-value{font-size:.66rem}.trained-word-actions{order:10;flex:1 1 100%;opacity:1;justify-content:flex-end;gap:2px;padding-top:2px}.trained-word-action-btn{width:28px;height:28px}.trained-word-source,.trained-word-date,.trained-word-phrase-badge{display:none}.trained-words-controls{gap:6px}.trained-words-sort{gap:4px}.trained-words-sort-btn,.trained-words-filter-btn,.trained-words-view-btn{padding:3px 7px;font-size:.62rem}.more-menu-item{padding:10px 16px;font-size:.88rem}.trained-words-sentence-view{padding:var(--space-1)}.sentence-card{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.sentence-card-header{gap:6px;margin-bottom:6px}.sentence-card-word{font-size:.88rem}.sentence-card-translation{font-size:.72rem}.sentence-card-text{font-size:.82rem;line-height:1.45}.sentence-card-trans{font-size:.72rem}.sentence-card-example{padding:4px var(--space-2)}.sentence-view-empty{padding:24px var(--space-4)}.sentence-view-empty p{font-size:.82rem}.sentence-tts-btn{width:24px;height:24px;font-size:.72rem}}@media(hover:none){.trained-word-actions{opacity:1}}.review-item-type-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.review-item-type-badge.type-vocab{background:#4285f41f;color:#4285f4}.review-item-type-badge.type-grammar{background:#9c27b01f;color:#9c27b0}.review-item-type-badge.type-new{background:#ff98001f;color:#ff9800}.review-item-type-badge.type-weak{background:#f443361f;color:#f44336}.review-session-stats{display:flex;gap:12px;padding:8px 16px;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #eee);font-size:.72rem;color:var(--text-secondary, #666)}.review-session-stats .stat-item{display:inline-flex;align-items:center;gap:4px}.review-session-stats .stat-count{font-weight:700;color:var(--text-primary)}.trained-words-view-toggle{display:flex;gap:4px;margin-left:8px}.trained-words-view-btn{padding:4px 10px;border:1px solid var(--border-color, #e2e8f0);border-radius:20px;background:var(--bg-primary, #fff);color:var(--text-muted, #666);font-size:.72rem;cursor:pointer;transition:all .15s}.trained-words-view-btn:hover{background:#6366f11a;border-color:var(--accent-color, #6366f1);color:var(--accent-color, #6366f1)}.trained-words-view-btn.active{background:var(--accent-color, #6366f1);color:#fff;border-color:var(--accent-color, #6366f1)}.trained-words-sentence-view{padding:var(--space-2);overflow-y:auto;flex:1}.sentence-card{border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 10px);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--bg-primary, #fff);transition:border-color .15s;overflow-wrap:break-word;word-break:break-word}.sentence-card:hover{border-color:var(--accent-color, #6366f1)}.sentence-card-header{display:flex;align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--space-2);flex-wrap:wrap}.sentence-card-word{font-weight:600;font-size:.95rem;color:var(--text-primary)}.sentence-card-translation{font-size:.78rem;color:var(--text-muted)}.sentence-card-example{border-left:3px solid var(--accent-color, #6366f1);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:#6366f10f;border-radius:0 var(--radius-md) var(--radius-md) 0}.sentence-card-example.secondary{border-left-color:var(--color-secondary, #f59e0b);background:#f59e0b0f}.sentence-card-text{font-style:italic;font-size:.88rem;color:var(--text-primary);line-height:1.5}.sentence-card-trans{font-size:.78rem;color:var(--text-muted);margin-top:3px}.sentence-card-empty{text-align:center;color:var(--text-muted);font-style:italic;font-size:.8rem;padding:var(--space-2)}.sentence-card-text-row{display:flex;align-items:center;gap:6px}.sentence-tts-btn{flex-shrink:0;width:28px;height:28px;border:none;border-radius:50%;background:transparent;cursor:pointer;font-size:.82rem;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;color:var(--text-muted);padding:0;line-height:1;margin-inline-start:auto}.sentence-tts-btn:hover{background:#6366f11f;transform:scale(1.1)}.sentence-tts-btn:active{transform:scale(.95)}.sentence-view-empty{text-align:center;padding:40px var(--space-5);color:var(--text-muted)}.sentence-view-empty p{font-size:.9rem;margin:0}body.dark .sentence-card{background:#12121a;border-color:#ffffff0f}body.dark .sentence-card:hover{border-color:#6366f166}body.dark .sentence-card-word{color:#fafafa}body.dark .sentence-card-translation{color:#a1a1aa}body.dark .sentence-card-example{background:#6366f11a}body.dark .sentence-card-example.secondary{background:#f59e0b1a}body.dark .sentence-card-text{color:#e4e4e7}body.dark .sentence-card-trans{color:#a1a1aa}body.dark .sentence-card-empty,body.dark .sentence-view-empty{color:#71717a}body.dark .sentence-tts-btn{color:#a1a1aa}body.dark .sentence-tts-btn:hover{background:#6366f133}body.dark .trained-words-view-btn{background:#12121a;border-color:#ffffff14;color:#a1a1aa}body.dark .trained-words-view-btn:hover{background:#6366f11f;border-color:#6366f1;color:#818cf8}body.dark .trained-words-view-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}body.dark .review-item-type-badge.type-vocab{background:#4285f433;color:#60a5fa}body.dark .review-item-type-badge.type-grammar{background:#9c27b033;color:#c084fc}body.dark .review-item-type-badge.type-new{background:#ff980033;color:#fbbf24}body.dark .review-item-type-badge.type-weak{background:#f4433633;color:#f87171}body.dark .review-session-stats{background:#12121a;border-bottom-color:#ffffff0f;color:#a1a1aa}body.dark .review-session-stats .stat-count{color:#fafafa}.word-detail-popup{position:fixed;width:320px;max-height:420px;overflow-y:auto;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;box-shadow:0 8px 30px #00000026,0 2px 8px #00000014;z-index:999999;padding:14px 16px;font-size:.88rem;line-height:1.4;animation:wdp-fade-in .15s ease-out}@keyframes wdp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wdp-header{margin-bottom:10px}.wdp-title-row{display:flex;align-items:center;gap:6px}.wdp-word{font-size:1.15rem;font-weight:700;color:var(--text-primary, #1e293b)}.wdp-article{font-size:.82rem;color:var(--text-muted, #94a3b8);font-weight:500}.wdp-close{margin-left:auto;background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-muted, #94a3b8);padding:2px 6px;border-radius:4px;line-height:1}.wdp-close:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1e293b)}.wdp-subtitle{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}.wdp-translation{color:var(--text-secondary, #475569);font-size:.92rem}.wdp-pos,.wdp-cefr{display:inline-block;padding:1px 7px;border-radius:4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.wdp-pos{background:#6366f11a;color:#6366f1}.wdp-cefr{background:#10b9811a;color:#059669}.wdp-examples{margin:8px 0;padding:8px 10px;background:var(--bg-secondary, #f8fafc);border-radius:8px;display:flex;flex-direction:column;gap:6px}.wdp-example-text{color:var(--text-primary, #1e293b);font-style:italic}.wdp-example-trans{color:var(--text-muted, #94a3b8);font-size:.82rem;padding-left:8px}.wdp-section{border-top:1px solid var(--border-color, #f1f5f9);padding-top:8px;margin-top:6px}.wdp-row{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0;gap:8px}.wdp-label{color:var(--text-muted, #94a3b8);font-size:.82rem;white-space:nowrap;flex-shrink:0}.wdp-value{color:var(--text-secondary, #475569);text-align:right;word-break:break-word}.wdp-source-value{font-weight:600;color:var(--text-primary, #1e293b)}.wdp-source-type{font-weight:400;color:var(--text-muted, #94a3b8);font-size:.78rem}.wdp-stats-row{display:flex;gap:6px;margin-bottom:6px}.wdp-stat-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:600;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #475569)}.wdp-stat-chip.correct{background:#22c55e1a;color:#16a34a}.wdp-stat-chip.wrong{background:#ef44441a;color:#dc2626}.wdp-confidence-bar{height:4px;border-radius:2px;background:var(--bg-secondary, #e2e8f0);margin-bottom:6px;overflow:hidden}.wdp-confidence-fill{height:100%;border-radius:2px;transition:width .3s ease}.wdp-smi-row{display:flex;gap:12px;font-size:.76rem;color:var(--text-muted, #94a3b8)}.wdp-smi-row b{color:var(--text-secondary, #475569)}.wdp-footer{border-top:1px solid var(--border-color, #f1f5f9);padding-top:8px;margin-top:8px;display:flex;gap:8px}.wdp-speak-btn{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:4px 12px;cursor:pointer;font-size:.9rem;transition:all .15s}.wdp-speak-btn:hover{background:var(--bg-hover, #e2e8f0)}.trained-word-text:hover{background:#6366f114}body.dark .word-detail-popup{background:#1e1e2e;border-color:#ffffff14;box-shadow:0 8px 30px #0006,0 2px 8px #0003}body.dark .wdp-word{color:#f1f5f9}body.dark .wdp-translation{color:#cbd5e1}body.dark .wdp-close:hover{background:#ffffff14}body.dark .wdp-pos{background:#6366f133;color:#a5b4fc}body.dark .wdp-cefr{background:#10b98133;color:#6ee7b7}body.dark .wdp-examples{background:#ffffff0a}body.dark .wdp-example-text{color:#e2e8f0}body.dark .wdp-example-trans{color:#64748b}body.dark .wdp-section{border-top-color:#ffffff0f}body.dark .wdp-value{color:#cbd5e1}body.dark .wdp-source-value{color:#f1f5f9}body.dark .wdp-stat-chip{background:#ffffff0f;color:#cbd5e1}body.dark .wdp-stat-chip.correct{background:#22c55e26;color:#4ade80}body.dark .wdp-stat-chip.wrong{background:#ef444426;color:#f87171}body.dark .wdp-confidence-bar{background:#ffffff14}body.dark .wdp-smi-row{color:#64748b}body.dark .wdp-smi-row b{color:#cbd5e1}body.dark .wdp-footer{border-top-color:#ffffff0f}body.dark .wdp-speak-btn{background:#ffffff0f;border-color:#ffffff14}body.dark .wdp-speak-btn:hover{background:#ffffff1a}body.dark .trained-word-text:hover{background:#6366f126}.grammar-tab-empty{text-align:center;padding:48px 20px;color:var(--color-text-secondary, #6b7280)}.grammar-tab-empty-icon{font-size:48px;margin-bottom:12px}.grammar-tab-empty-hint{font-size:13px;opacity:.7;margin-top:8px}.grammar-tab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 18px;border-bottom:1px solid var(--border-color, #eee)}.grammar-tab-stat{text-align:center;padding:10px 6px;border-radius:10px;background:var(--bg-secondary, #f8f9fa)}.grammar-tab-stat-value{display:block;font-size:22px;font-weight:700;color:var(--color-text-main, #111827)}.grammar-tab-stat-label{display:block;font-size:11px;color:var(--color-text-secondary, #6b7280);margin-top:2px}.grammar-tab-stat-weak .grammar-tab-stat-value{color:#f59e0b}.grammar-tab-group{border-bottom:1px solid var(--border-color, #eee)}.grammar-tab-group-header{display:flex;align-items:center;gap:8px;padding:10px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.grammar-tab-group-header:hover{background:var(--bg-secondary, #f8f9fa)}.grammar-tab-group-icon{font-size:16px}.grammar-tab-group-label{font-weight:600;font-size:14px;color:var(--color-text-main, #111827);flex:1}.grammar-tab-group-count{font-size:12px;color:var(--color-text-secondary, #6b7280)}.grammar-tab-group-body{padding:0 18px 12px}.grammar-tab-group-body.collapsed{display:none}.grammar-tab-form-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;margin-bottom:4px;transition:background .15s}.grammar-tab-form-card:hover{background:var(--bg-secondary, #f8f9fa)}.grammar-tab-form-header{display:flex;align-items:center;gap:6px;min-width:0}.grammar-tab-form-name{font-size:13px;font-weight:500;color:var(--color-text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.grammar-tab-form-badge{font-size:10px;padding:1px 6px;border-radius:4px;background:#dcfce7;color:#166534;font-weight:600;white-space:nowrap}.grammar-tab-form-status{font-size:12px}.grammar-tab-form-progress{display:flex;align-items:center;gap:6px;flex:1;min-width:80px}.grammar-tab-form-bar{height:5px;border-radius:3px;transition:width .4s ease;min-width:2px}.grammar-tab-form-pct{font-size:11px;color:var(--color-text-secondary, #6b7280);white-space:nowrap;min-width:28px}.grammar-tab-form-meta{display:flex;gap:12px;font-size:11px;color:var(--color-text-secondary, #6b7280);width:100%}body.dark .grammar-tab-stat{background:#ffffff0d}body.dark .grammar-tab-stat-value{color:#e2e8f0}body.dark .grammar-tab-group-header:hover{background:#ffffff0a}body.dark .grammar-tab-form-name{color:#e2e8f0}body.dark .grammar-tab-form-badge{background:#052e16;color:#86efac}body.dark .grammar-tab-form-card:hover{background:#ffffff0a}.flow-choice-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:10000;background:var(--color-bg-modal, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:16px;padding:24px 32px;box-shadow:0 8px 32px #0003;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;min-width:280px;max-width:400px;text-align:center}.flow-choice-panel.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.flow-choice-panel--inline{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:none;border-radius:16px;margin:16px 0}.flow-choice-panel--inline.visible{transform:none}.flow-choice-header{text-align:center;margin-bottom:20px}.flow-choice-subtitle{font-size:13px;color:var(--color-text-muted, #9ca3af);margin-top:4px}.flow-choice-desc{font-size:11px;color:var(--color-text-muted, #9ca3af);font-weight:400}.flow-choice-skip{display:block;margin:16px auto 0;padding:8px 20px;background:none;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;color:var(--color-text-muted, #9ca3af);font-size:13px;cursor:pointer;transition:all .15s ease}.flow-choice-skip:hover{border-color:var(--color-text-muted, #9ca3af);color:var(--color-text, #111827);background:var(--color-bg, #f9fafb)}.flow-choice-title{font-size:18px;font-weight:600;color:var(--color-text, #111827);margin-bottom:16px}.flow-choice-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.flow-choice-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border:2px solid var(--color-border, #e5e7eb);border-radius:12px;background:var(--color-bg, #f9fafb);color:var(--color-text, #111827);cursor:pointer;transition:all .15s ease;font-size:14px;font-weight:500}.flow-choice-btn:hover{border-color:var(--color-primary, #6366f1);background:var(--color-primary, #6366f1);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.flow-choice-btn:active{transform:translateY(0)}.flow-choice-icon{font-size:28px;line-height:1}.flow-choice-label{font-size:13px;font-weight:500}.flow-loop-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:10000;background:var(--color-bg-modal, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:16px;padding:24px 32px;box-shadow:0 8px 32px #0003;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;min-width:260px;text-align:center}.flow-loop-panel.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.flow-loop-title{font-size:18px;font-weight:600;color:var(--color-text, #111827);margin-bottom:16px}.flow-loop-options{display:flex;gap:12px;justify-content:center}.flow-loop-btn{padding:10px 24px;border-radius:8px;border:2px solid var(--color-border, #e5e7eb);background:var(--color-bg, #f9fafb);color:var(--color-text, #111827);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.flow-loop-continue{border-color:var(--color-primary, #6366f1);background:var(--color-primary, #6366f1);color:#fff}.flow-loop-continue:hover{background:var(--color-primary-dark, #4f46e5);transform:translateY(-1px)}.flow-loop-finish:hover{border-color:var(--color-text-muted, #9ca3af);transform:translateY(-1px)}@media(max-width:768px){.flow-choice-panel{min-width:240px;padding:16px 20px}.flow-choice-options{gap:8px}.flow-choice-btn{padding:10px 8px}.flow-choice-icon{font-size:24px}.flow-loop-panel{min-width:220px;padding:16px 20px}}body.dark .flow-choice-panel,body.dark .flow-loop-panel{background:var(--color-bg-modal-dark, #1f2937);border-color:var(--color-border-dark, #374151)}body.dark .flow-choice-title,body.dark .flow-loop-title{color:var(--color-text-dark, #f9fafb)}body.dark .flow-choice-btn{background:var(--color-bg-dark, #111827);border-color:var(--color-border-dark, #374151);color:var(--color-text-dark, #f9fafb)}body.dark .flow-choice-btn:hover{background:var(--color-primary-light, #818cf8);border-color:var(--color-primary-light, #818cf8);color:var(--color-bg-dark, #111827)}body.dark .flow-loop-btn{background:var(--color-bg-dark, #111827);border-color:var(--color-border-dark, #374151);color:var(--color-text-dark, #f9fafb)}body.dark .flow-loop-continue{background:var(--color-primary-light, #818cf8);border-color:var(--color-primary-light, #818cf8);color:var(--color-bg-dark, #111827)}body.dark .flow-loop-continue:hover{background:var(--color-primary, #6366f1)}.flow-progress-bar{position:relative;width:100%;z-index:9999;display:none;align-items:center;justify-content:center;gap:6px;background:var(--color-bg-modal, #ffffff);border-bottom:1px solid var(--color-border, #e5e7eb);padding:10px 16px;box-shadow:0 2px 8px #00000014;font-size:13px;font-weight:500;font-family:inherit;order:99}.flow-progress-bar.visible{display:flex}.flow-progress-exit{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--color-text-muted, #9ca3af);cursor:pointer;transition:all .15s ease}.flow-progress-exit:hover{background:var(--color-bg, #f9fafb);color:var(--color-text, #111827);border-color:var(--color-text-muted, #9ca3af)}.flow-progress-step{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.flow-progress-step-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;transition:all .2s ease}.flow-progress-step.completed{color:var(--color-success, #10b981);cursor:pointer}.flow-progress-step.completed:hover,.flow-progress-step.completed .flow-progress-step-icon{background:var(--color-success, #10b981);color:#fff}.flow-progress-step.current{color:var(--color-primary, #6366f1);font-weight:600;background:#6366f114;cursor:default}.flow-progress-step.current .flow-progress-step-icon{background:var(--color-primary, #6366f1);color:#fff;animation:flow-pulse 2s ease-in-out infinite}@keyframes flow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.flow-progress-step.upcoming{color:var(--color-text-muted, #9ca3af);cursor:default}.flow-progress-step.upcoming .flow-progress-step-icon{background:var(--color-border, #e5e7eb);color:var(--color-text-muted, #9ca3af)}.flow-progress-connector{color:var(--color-border, #e5e7eb);font-size:10px;flex-shrink:0}.flow-auto-advance{position:fixed;top:48px;left:50%;transform:translate(-50%);z-index:9998;display:none;align-items:center;gap:10px;background:var(--color-bg-modal, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:8px 16px;box-shadow:0 4px 12px #0000001a;min-width:260px;max-width:380px}.flow-auto-advance.visible{display:flex}.flow-auto-advance-text{font-size:13px;color:var(--color-text, #111827);font-weight:500;flex:1}.flow-auto-advance-skip{background:none;border:1px solid var(--color-primary, #6366f1);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--color-primary, #6366f1);cursor:pointer;transition:all .15s ease;white-space:nowrap}.flow-auto-advance-skip:hover{background:var(--color-primary, #6366f1);color:#fff}.flow-countdown-track{position:absolute;bottom:0;left:12px;right:12px;height:3px;background:var(--color-border, #e5e7eb);border-radius:0 0 12px 12px;overflow:hidden}.flow-countdown-bar{height:100%;background:var(--color-primary, #6366f1);border-radius:0 0 12px 12px;width:100%;transform-origin:left;animation:flow-countdown-shrink 2s linear forwards}@keyframes flow-countdown-shrink{0%{width:100%}to{width:0%}}@media(max-width:768px){.flow-progress-bar{padding:8px 10px;gap:3px;font-size:11px}.flow-progress-step{padding:3px 5px;gap:2px}.flow-progress-step-icon{width:16px;height:16px;font-size:9px}.flow-progress-exit{right:8px;padding:3px 8px;font-size:11px}.flow-auto-advance{top:40px;min-width:200px;max-width:300px;padding:6px 12px}.flow-auto-advance-text{font-size:12px}}body.dark .flow-progress-bar{background:var(--color-bg-modal-dark, #1f2937);border-color:var(--color-border-dark, #374151)}body.dark .flow-progress-exit{color:var(--color-text-muted-dark, #6b7280);border-color:var(--color-border-dark, #374151)}body.dark .flow-progress-exit:hover{background:var(--color-bg-dark, #111827);color:var(--color-text-dark, #f9fafb)}body.dark .flow-progress-step.upcoming{color:var(--color-text-muted-dark, #6b7280)}body.dark .flow-progress-step.upcoming .flow-progress-step-icon{background:var(--color-border-dark, #374151);color:var(--color-text-muted-dark, #6b7280)}body.dark .flow-progress-step.current{color:var(--color-primary-light, #818cf8);background:#818cf81a}body.dark .flow-progress-step.current .flow-progress-step-icon{background:var(--color-primary-light, #818cf8)}body.dark .flow-auto-advance{background:var(--color-bg-modal-dark, #1f2937);border-color:var(--color-border-dark, #374151)}body.dark .flow-auto-advance-text{color:var(--color-text-dark, #f9fafb)}body.dark .flow-auto-advance-skip{border-color:var(--color-primary-light, #818cf8);color:var(--color-primary-light, #818cf8)}body.dark .flow-auto-advance-skip:hover{background:var(--color-primary-light, #818cf8);color:var(--color-bg-dark, #111827)}body.dark .flow-countdown-track{background:var(--color-border-dark, #374151)}body.dark .flow-countdown-bar{background:var(--color-primary-light, #818cf8)}.voice-error-modal-overlay{align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.voice-error-modal-content{background:var(--color-bg-panel, #fff);border-radius:16px;max-width:420px;width:90%;margin:20px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.voice-error-header{display:flex;align-items:center;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--color-border, #e5e5e5)}.voice-error-icon{font-size:28px;line-height:1}.voice-error-header .modal-title{font-family:Outfit,Inter,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0}.voice-error-body{padding:20px 24px}.voice-error-message{font-size:1rem;line-height:1.5;color:var(--color-text-primary, #1a1a1a);margin:0 0 12px}.voice-error-code{font-size:.85rem;color:var(--color-text-secondary, #666);margin:12px 0 0}.voice-error-code code{background:var(--color-bg-inset, #f0f0f0);padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;color:var(--color-text-secondary, #666)}.voice-error-footer{display:flex;gap:12px;padding:16px 24px 20px;justify-content:flex-end}.voice-error-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.voice-error-btn.btn-primary{background:var(--color-primary, #4a90d9);color:#fff;border:none}.voice-error-btn.btn-primary:hover{background:var(--color-primary-hover, #3a7bc8);transform:translateY(-1px)}.voice-error-btn.btn-secondary{background:transparent;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #e5e5e5)}.voice-error-btn.btn-secondary:hover{background:var(--color-bg-inset, #f0f0f0)}.voice-error-btn .btn-icon{font-size:1rem}@media(max-width:480px){.voice-error-modal-content{width:95%;margin:10px}.voice-error-footer{flex-direction:column-reverse;padding:12px 20px 16px}.voice-error-btn{width:100%;justify-content:center}}body.dark .voice-error-modal-content{background:var(--color-bg-primary, #2a2a2a)}body.dark .voice-error-header{border-bottom-color:var(--color-border, #404040)}body.dark .voice-error-header .modal-title,body.dark .voice-error-message{color:var(--color-text-primary, #f0f0f0)}body.dark .voice-error-code{color:var(--color-text-secondary, #a0a0a0)}body.dark .voice-error-code code{background:var(--color-bg-tertiary, #333);color:var(--color-text-secondary, #a0a0a0)}body.dark .voice-error-btn.btn-secondary{color:var(--color-text-secondary, #a0a0a0);border-color:var(--color-border, #404040)}body.dark .voice-error-btn.btn-secondary:hover{background:var(--color-bg-tertiary, #333)}.voice-mode-pre-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000001;display:none;align-items:center;justify-content:center}.voice-mode-pre-modal.show{display:flex}.voice-mode-pre-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.voice-mode-pre-content{position:relative;background:var(--color-bg-primary, #fff);border-radius:20px;max-width:400px;width:90%;padding:28px 24px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;text-align:center}.voice-mode-pre-title{font-family:Outfit,Inter,sans-serif;font-size:1.4rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 8px}.voice-mode-pre-subtitle{font-size:.95rem;color:var(--color-text-secondary, #666);margin:0 0 24px}.voice-mode-pre-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.voice-mode-pre-option{display:flex;flex-direction:column;align-items:center;padding:16px 20px;border:2px solid var(--color-border-dark, #e5e5e5);border-radius:14px;background:var(--color-bg-secondary, #f8f8f8);cursor:pointer;transition:all .2s ease;text-align:center}.voice-mode-pre-option:hover:not(.disabled){border-color:var(--color-primary, #4a90d9);background:var(--color-bg-tertiary, #f0f4f8);transform:translateY(-2px)}.voice-mode-pre-option:active:not(.disabled){transform:translateY(0)}.voice-mode-pre-option.disabled{opacity:.5;cursor:not-allowed}.voice-mode-pre-option .option-icon{font-size:28px;margin-bottom:8px}.voice-mode-pre-option .option-label{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin-bottom:4px}.voice-mode-pre-option .option-desc{font-size:.85rem;color:var(--color-text-secondary, #666)}.voice-mode-pre-option:focus-visible{outline:3px solid var(--color-primary, #4a90d9);outline-offset:2px}.voice-mode-pre-footer{display:flex;gap:10px;margin-top:20px}.voice-mode-pre-back{flex:1;padding:12px;border:1px solid var(--color-border-dark, #e5e5e5);border-radius:10px;background:transparent;color:var(--color-text-secondary, #666);font-size:.95rem;cursor:pointer;transition:all .2s ease}.voice-mode-pre-back:hover{background:var(--color-bg-secondary, #f0f0f0);color:var(--color-text-primary, #1a1a1a)}.voice-mode-pre-cancel{flex:1;padding:12px;border:1px solid var(--color-border-dark, #e5e5e5);border-radius:10px;background:transparent;color:var(--color-text-secondary, #666);font-size:.95rem;cursor:pointer;transition:all .2s ease}.voice-mode-pre-cancel:hover{background:var(--color-bg-secondary, #f0f0f0);color:var(--color-text-primary, #1a1a1a)}@media(max-width:480px){.voice-mode-pre-content{padding:24px 20px;margin:16px;width:calc(100% - 32px)}.voice-mode-pre-title{font-size:1.25rem}.voice-mode-pre-option{padding:14px 16px}.voice-mode-pre-option .option-icon{font-size:24px}.voice-mode-pre-option .option-label{font-size:1rem}}.voice-mode-pre-option.voice-mode-shadow{border-color:var(--color-accent-violet, #8b5cf6);background:linear-gradient(135deg,#8b5cf614,#8b5cf608)}.voice-mode-pre-option.voice-mode-shadow:hover:not(.disabled){border-color:var(--color-accent-violet, #8b5cf6);background:linear-gradient(135deg,#8b5cf626,#8b5cf614);transform:translateY(-2px)}.voice-mode-pre-option.voice-mode-shadow .option-icon{filter:drop-shadow(0 0 4px rgba(139,92,246,.4))}.shadow-warning-content{text-align:center}.shadow-warning-icon{font-size:48px;margin-bottom:12px}.shadow-warning-text{font-size:.9rem;color:var(--color-text-secondary, #666);line-height:1.5;margin:0 0 4px}.shadow-warning-continue{flex:1;padding:12px;border:none;border-radius:10px;background:var(--color-accent-violet, #8b5cf6);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.shadow-warning-continue:hover{opacity:.9;transform:translateY(-1px)}body.dark .shadow-warning-text{color:var(--color-text-secondary, #a0a0a0)}body.modal-open #styleSelectorBar{display:none!important}.shadow-current-topic-chip{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:2px solid var(--color-border-dark, #e5e5e5);border-radius:24px;background:var(--color-bg-secondary, #f8f8f8);cursor:pointer;transition:all .2s ease;margin-bottom:12px;font-size:.9rem;color:var(--color-text-primary, #1a1a1a)}.shadow-current-topic-chip:hover{border-color:var(--color-primary, #4a90d9);background:var(--color-bg-tertiary, #f0f4f8)}.shadow-current-topic-chip.selected{border-color:var(--color-primary, #4a90d9);background:linear-gradient(135deg,#4a90d91f,#4a90d90d)}.shadow-current-topic-chip .chip-icon{font-size:1rem}.shadow-current-topic-chip .chip-label{font-weight:600}.shadow-situation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:260px;overflow-y:auto;padding:4px 2px;scrollbar-width:thin}.shadow-situation-grid::-webkit-scrollbar{width:4px}.shadow-situation-grid::-webkit-scrollbar-thumb{background:var(--color-border, #ccc);border-radius:4px}.shadow-situation-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:2px solid var(--color-border-dark, #e5e5e5);border-radius:12px;background:var(--color-bg-secondary, #f8f8f8);cursor:pointer;transition:all .2s ease;text-align:center}.shadow-situation-card:hover{border-color:var(--color-accent-violet, #8b5cf6);background:linear-gradient(135deg,#8b5cf614,#8b5cf608);transform:translateY(-1px)}.shadow-situation-card:active:not(.selected){transform:scale(.96);box-shadow:0 0 0 3px #8b5cf640;touch-action:manipulation}.shadow-situation-card.selected{border-color:var(--color-accent-violet, #8b5cf6);background:linear-gradient(135deg,#8b5cf62e,#8b5cf614);box-shadow:0 0 0 1px var(--color-accent-violet, #8b5cf6)}.shadow-situation-card .situation-icon{font-size:24px}.shadow-situation-card .situation-name{font-size:.85rem;font-weight:500;color:var(--color-text-primary, #1a1a1a);line-height:1.2}.shadow-situation-loading,.shadow-situation-error{grid-column:1 / -1;text-align:center;padding:24px;color:var(--color-text-secondary, #666);font-size:.9rem}.shadow-situation-footer{display:flex;align-items:center;gap:12px;margin-top:16px;margin-bottom:4px}.shadow-difficulty-select{display:flex;align-items:center;gap:8px;flex:1}.shadow-difficulty-select label{font-size:.85rem;color:var(--color-text-secondary, #666);font-weight:500}.shadow-difficulty-select select{flex:1;padding:8px 12px;border:1px solid var(--color-border-dark, #e5e5e5);border-radius:8px;background:var(--color-bg-secondary, #f8f8f8);color:var(--color-text-primary, #1a1a1a);font-size:.9rem;cursor:pointer}.shadow-go-btn{padding:10px 24px;border:none;border-radius:10px;background:var(--color-accent-violet, #8b5cf6);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.shadow-go-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.shadow-go-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.shadow-situation-grid{grid-template-columns:repeat(2,1fr);gap:6px;max-height:280px}.shadow-situation-card{padding:10px 6px}.shadow-situation-card .situation-icon{font-size:22px}.shadow-situation-card .situation-name{font-size:.85rem}.shadow-situation-footer{flex-direction:column;gap:8px}.shadow-difficulty-select,.shadow-go-btn{width:100%}}.register-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.register-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:2px solid var(--color-border-dark, #e5e5e5);border-radius:14px;background:var(--color-bg-secondary, #f8f8f8);cursor:pointer;transition:all .2s ease;text-align:center}.register-option:hover{border-color:var(--color-primary, #4a90d9);background:var(--color-bg-tertiary, #f0f4f8);transform:translateY(-1px)}.register-option:active{transform:scale(.97)}.register-option.active{border-color:var(--color-primary, #4a90d9);background:linear-gradient(135deg,#4a90d924,#4a90d90f);box-shadow:0 0 0 1px var(--color-primary, #4a90d9)}.register-option:focus-visible{outline:3px solid var(--color-primary, #4a90d9);outline-offset:2px}.register-option .register-icon{font-size:26px;margin-bottom:2px}.register-option .register-label{font-size:1rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);line-height:1.2}.register-option .register-desc{font-size:.8rem;color:var(--color-text-secondary, #666);line-height:1.2}.register-go-row{display:flex;justify-content:center;margin-bottom:4px}.register-go-btn{padding:12px 32px;border:none;border-radius:12px;background:var(--color-accent-violet, #8b5cf6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.register-go-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.register-go-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.register-picker-grid{gap:8px}.register-option{padding:10px 8px}.register-option .register-icon{font-size:22px}.register-option .register-label{font-size:.9rem}.register-option .register-desc{font-size:.75rem}.register-go-btn{width:100%;min-width:unset}}body.dark .register-option{background:var(--color-bg-secondary-dark, #1e1e2e);border-color:var(--color-border-dark, #3a3a5c)}body.dark .register-option .register-label{color:var(--color-text-primary-dark, #e0e0e0)}body.dark .register-option .register-desc{color:var(--color-text-secondary-dark, #a0a0a0)}body.dark .register-option:hover{background:var(--color-bg-tertiary-dark, #2a2a3e);border-color:var(--color-primary, #4a90d9)}body.dark .register-option.active{background:linear-gradient(135deg,#4a90d933,#4a90d91a);border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 1px var(--color-primary, #4a90d9)}body.dark .register-go-btn{background:var(--color-accent-violet-dark, #7c3aed)}.rp-loading,.rp-empty{text-align:center;padding:24px;color:var(--color-text-secondary, #9ca3af);font-size:13px}.rp-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:55vh;overflow-y:auto;padding:4px}.rp-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:12px;border:2px solid transparent;background:#ffffff0a;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.rp-tile:hover{background:#ffffff14;border-color:#a78bfa4d;transform:translateY(-1px)}.rp-tile-selected{border-color:#a78bfa;background:#a78bfa1a;box-shadow:0 0 12px #a78bfa26}.rp-tile-disabled{opacity:.4;cursor:not-allowed}.rp-tile-disabled:hover{transform:none;border-color:transparent;background:#ffffff0a}.rp-tile-icon{font-size:28px;margin-bottom:2px}.rp-tile-title{font-size:13px;font-weight:600;color:var(--color-text-primary, #e5e7eb);line-height:1.2}.rp-tile-desc{font-size:10px;color:var(--color-text-secondary, #9ca3af);line-height:1.3}.rp-tile-cefr{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-top:auto;background:#ffffff0f;color:var(--color-text-secondary, #9ca3af)}.rp-tile-cefr.A1{color:#4ade80;background:#4ade801a}.rp-tile-cefr.A2{color:#a78bfa;background:#a78bfa1a}.rp-tile-cefr.B1{color:#f59e0b;background:#f59e0b1a}.rp-tile-cefr.B2{color:#f97316;background:#f973161a}.rp-tile-locked{position:absolute;top:8px;right:8px;font-size:14px}body:not(.dark) .rp-tile{background:#00000005;border-color:#0000000f}body:not(.dark) .rp-tile:hover{background:#0000000a;border-color:#8b5cf64d}body:not(.dark) .rp-tile-selected{border-color:#8b5cf6;background:#8b5cf60f}.rp-debrief{padding:20px;max-width:400px;margin:0 auto}.rp-db-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.rp-db-icon{font-size:28px}.rp-db-title{font-size:18px;font-weight:700;color:var(--color-text-primary, #e5e7eb)}.rp-db-stats{display:flex;gap:12px;margin-bottom:16px}.rp-db-stat{flex:1;text-align:center;padding:10px 8px;border-radius:10px;background:#ffffff0a}body:not(.dark) .rp-db-stat{background:#00000008}.rp-db-stat-val{display:block;font-size:20px;font-weight:700;color:#a78bfa}.rp-db-stat-label{display:block;font-size:10px;color:var(--color-text-secondary, #9ca3af);margin-top:2px}.rp-db-xp{text-align:center;margin-bottom:16px;padding:10px;border-radius:10px;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.rp-db-xp-val{font-size:22px;font-weight:700;color:#4ade80}.rp-db-xp-breakdown{display:block;font-size:10px;color:var(--color-text-secondary, #9ca3af);margin-top:2px}.rp-db-vocab-section{margin-bottom:16px}.rp-db-vocab-row{margin-bottom:8px}.rp-db-vocab-label{display:block;font-size:11px;font-weight:600;color:var(--color-text-secondary, #9ca3af);margin-bottom:4px}.rp-db-vocab-list{display:flex;flex-wrap:wrap;gap:4px}.rp-db-vocab{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:500}.rp-db-hit{background:#4ade801f;color:#4ade80}.rp-db-miss{background:#fb923c1f;color:#fb923c}.rp-db-vocab-none{font-size:11px;color:var(--color-text-secondary, #9ca3af);font-style:italic}.rp-db-llm{font-size:12px;color:var(--color-text-primary, #e5e7eb);line-height:1.6;padding:12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);margin-bottom:16px;white-space:pre-wrap}body:not(.dark) .rp-db-llm{background:#00000005;border-color:#0000000f}.rp-db-close{width:100%;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s}.rp-db-close:hover{opacity:.9}@media(max-width:480px){.rp-tile-grid{grid-template-columns:1fr}.rp-tile{flex-direction:row;align-items:center;gap:10px}.rp-tile-icon{font-size:24px}.rp-db-stats{gap:8px}.rp-db-stat-val{font-size:16px}}.writing-pre-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000001;display:none;align-items:center;justify-content:center}.writing-pre-modal.show{display:flex}.writing-pre-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:writingFadeIn .2s ease-out}@keyframes writingFadeIn{0%{opacity:0}to{opacity:1}}.writing-pre-content{position:relative;background:var(--color-bg-primary, #fff);border-radius:20px;max-width:420px;width:90%;padding:28px 24px;box-shadow:0 25px 65px #00000040;animation:writingSlideUp .3s ease-out;text-align:center}@keyframes writingSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.writing-pre-title{font-family:Outfit,Inter,sans-serif;font-size:1.4rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 4px}.writing-pre-level{font-size:.9rem;color:var(--color-primary, #4a90d9);font-weight:600;margin:0 0 20px}.writing-pre-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.writing-pre-random{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:2px dashed var(--color-primary, #4a90d9);border-radius:14px;background:linear-gradient(135deg,#4a90d914,#4a90d908);cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600;color:var(--color-primary, #4a90d9)}.writing-pre-random:hover{background:linear-gradient(135deg,#4a90d926,#4a90d914);transform:translateY(-1px)}.writing-pre-direct{border:2px solid var(--color-primary, #4a90d9);background:linear-gradient(135deg,#4a90d91f,#4a90d90d)}.writing-pre-direct:hover{border-color:var(--color-primary, #4a90d9);background:linear-gradient(135deg,#4a90d933,#4a90d91a);transform:translateY(-2px);box-shadow:0 4px 12px #4a90d926}.writing-pre-direct .option-icon{font-size:26px}.writing-pre-option{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px solid var(--color-border, #e5e5e5);border-radius:14px;background:var(--color-bg-secondary, #f8f8f8);cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.writing-pre-option:hover{border-color:var(--color-primary, #4a90d9);background:var(--color-bg-hover, #f0f4f8);transform:translateY(-2px)}.writing-pre-option:active{transform:translateY(0)}.writing-pre-option .option-icon{font-size:24px;flex-shrink:0}.writing-pre-option .option-info{display:flex;flex-direction:column;gap:2px;min-width:0}.writing-pre-option .option-label{font-size:1rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.writing-pre-option .option-desc{font-size:.8rem;color:var(--color-text-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writing-pre-option:focus-visible{outline:3px solid var(--color-primary, #4a90d9);outline-offset:2px}.writing-pre-tertiary{border-style:dashed;border-color:var(--color-accent, #6366f1);background:linear-gradient(135deg,#6366f10f,#6366f105)}.writing-pre-tertiary:hover{border-color:var(--color-accent, #6366f1);background:linear-gradient(135deg,#6366f11f,#6366f10d)}.writing-pre-cancel{width:100%;padding:12px;border:1px solid var(--color-border, #e5e5e5);border-radius:10px;background:transparent;color:var(--color-text-secondary, #666);font-size:.95rem;cursor:pointer;transition:all .2s ease}.writing-pre-cancel:hover{background:var(--color-bg-inset, #f0f0f0);color:var(--color-text-primary, #1a1a1a)}.writing-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000001;display:none;align-items:center;justify-content:center}.writing-modal.show{display:flex}.writing-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:writingFadeIn .2s ease-out}.writing-modal-content{position:relative;background:var(--color-bg-primary, #fff);border-radius:16px;max-width:1100px;width:94%;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 65px #00000040;animation:writingSlideUp .3s ease-out}.writing-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e5e5);background:linear-gradient(135deg,rgba(74,144,217,.04),transparent);flex-shrink:0}.writing-modal-header-left{display:flex;align-items:center;gap:10px;min-width:0}.writing-modal-title{font-family:Outfit,Inter,sans-serif;font-size:1.2rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0}.writing-modal-close{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary, #666);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.writing-modal-close:hover{background:var(--color-bg-inset, #f0f0f0);color:var(--color-text-primary, #1a1a1a)}.writing-task-prompt{padding:12px 20px;background:var(--color-bg-secondary, #f0f4ff);border-bottom:1px solid var(--color-border, #e5e5e5);font-size:.92rem;font-weight:500;color:var(--color-primary, #4a90d9);flex-shrink:0;position:sticky;top:0;z-index:2}.writing-task-prompt-text{margin:0;line-height:1.4}.writing-keyboard-hint{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(135deg,#4a90d914,#4a90d90a);border-bottom:1px solid rgba(74,144,217,.15);font-size:.85rem;color:var(--color-primary, #4a90d9);flex-shrink:0}.writing-keyboard-hint-text{display:flex;align-items:center;gap:6px}.writing-keyboard-hint-dismiss{border:none;background:none;color:var(--color-text-secondary, #666);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px}.writing-keyboard-hint-dismiss:hover{background:#0000000d}.writing-modal-body{display:flex;flex:1;min-height:0;overflow:hidden}.writing-editor-area{flex:1;display:flex;flex-direction:column;padding:16px 20px;min-width:0}.writing-textarea{flex:1;width:100%;min-height:200px;border:2px solid var(--color-border, #e5e5e5);border-radius:10px;padding:14px;font-family:Inter,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;color:var(--color-text-primary, #1a1a1a);background:var(--color-bg-primary, #fff);resize:none;outline:none;transition:border-color .2s ease}.writing-textarea:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d926}.writing-textarea::placeholder{color:var(--color-text-tertiary, #aaa)}.writing-textarea:disabled{opacity:.6;cursor:not-allowed}.writing-editor-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;font-size:.8rem;color:var(--color-text-secondary, #666);gap:8px}.writing-hints-trigger-btn{padding:4px 12px;border:1px solid var(--color-primary, #4a90d9);border-radius:12px;background:transparent;color:var(--color-primary, #4a90d9);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.writing-hints-trigger-btn:hover{background:var(--color-primary, #4a90d9);color:#fff}.writing-char-counter,.writing-word-counter{font-variant-numeric:tabular-nums}.writing-char-counter.over-limit{color:#e53e3e;font-weight:600}.writing-char-palette-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border, #e5e5e5);border-radius:6px;background:var(--color-bg-secondary, #f5f5f5);cursor:pointer;font-size:16px;transition:all .15s;flex-shrink:0}.writing-char-palette-btn:hover{background:var(--color-bg-hover, #e8f0fe);border-color:#c2d9fc}.writing-char-palette-btn:active{transform:scale(.95)}.writing-hints-panel{width:300px;border-left:1px solid var(--color-border, #e5e5e5);padding:16px;overflow-y:auto;background:var(--color-bg-secondary, #f8f8f8);flex-shrink:0;position:relative;transition:width .3s ease,padding .3s ease,opacity .2s ease}.writing-hints-toggle{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid var(--color-border, #e5e5e5);border-radius:50%;background:var(--color-bg-primary, #fff);color:var(--color-text-secondary, #666);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .2s ease;box-shadow:0 2px 6px #00000014;line-height:1}.writing-hints-toggle:hover{background:var(--color-primary, #4a90d9);color:#fff;border-color:var(--color-primary, #4a90d9)}.writing-hints-panel.collapsed{width:0;padding:0;overflow:hidden;border-left-color:transparent;min-width:0}.writing-hints-panel.collapsed .writing-hints-toggle{display:none}.writing-hints-panel.collapsed>*:not(.writing-hints-toggle){opacity:0;pointer-events:none}body.dark .writing-hints-toggle{background:var(--color-bg-secondary, #333);border-color:var(--color-border, #404040);color:var(--color-text-secondary, #a0a0a0)}body.dark .writing-hints-toggle:hover{background:var(--color-primary, #4a90d9);color:#fff;border-color:var(--color-primary, #4a90d9)}.writing-hints-title{font-size:.85rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 12px;display:flex;align-items:center;gap:6px}.writing-hints-section{margin-bottom:14px}.writing-hints-section-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.writing-hint-word{display:flex;align-items:baseline;justify-content:space-between;padding:6px 10px;font-size:.85rem;gap:6px;border-radius:8px;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s;cursor:default}.writing-hint-word-text{color:var(--color-text-primary, #1a1a1a);font-weight:500}.writing-hint-word-translation{color:var(--color-text-secondary, #666);font-size:.78rem}.writing-hint-word:hover{background:var(--color-bg-hover, #e8f0fe);border-color:var(--color-border, #e5e5e5);transform:translate(2px)}body.dark .writing-hint-word:hover{background:#4a90d91f;border-color:var(--color-border, #404040)}.writing-hint-phrase{padding:4px 0;font-size:.82rem;color:var(--color-text-primary, #1a1a1a);font-style:italic}.writing-hint-phrase-translation{color:var(--color-text-secondary, #666);font-size:.75rem;font-style:normal}.writing-hints-loading{text-align:center;padding:20px;color:var(--color-text-secondary, #666);font-size:.85rem}.writing-hints-spinner{width:24px;height:24px;border:2px solid var(--color-border, #e5e5e5);border-top-color:var(--color-primary, #4a90d9);border-radius:50%;animation:writingSpin .6s linear infinite;margin:0 auto 8px}@keyframes writingSpin{to{transform:rotate(360deg)}}.writing-hints-error{text-align:center;padding:12px;color:var(--color-text-secondary, #666);font-size:.82rem}.writing-hints-more-btn{width:100%;padding:8px;border:1px solid var(--color-border, #e5e5e5);border-radius:8px;background:transparent;color:var(--color-text-secondary, #666);font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-top:8px}.writing-hints-more-btn:hover{background:var(--color-bg-hover, #f0f4f8);color:var(--color-text-primary, #1a1a1a)}.writing-hints-get-btn{width:100%;padding:12px;border:1px dashed var(--color-border, #e5e5e5);border-radius:8px;background:transparent;color:var(--color-text-secondary, #666);font-size:.85rem;cursor:pointer;transition:all .2s ease}.writing-hints-get-btn:hover{background:var(--color-bg-hover, #f0f4f8);border-color:var(--color-primary, #4361ee);color:var(--color-primary, #4361ee)}.writing-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.writing-clear-btn{padding:10px 18px;border:1px solid var(--color-border, #e5e5e5);border-radius:10px;background:transparent;color:var(--color-text-secondary, #666);font-size:.9rem;cursor:pointer;transition:all .2s ease}.writing-clear-btn:hover{background:var(--color-bg-inset, #f0f0f0);color:var(--color-text-primary, #1a1a1a)}.writing-translate-btn{background:transparent;border:1px solid var(--color-border, #e5e5e5);border-radius:8px;padding:8px 14px;font-size:.85rem;cursor:pointer;color:var(--color-text-secondary, #666);transition:all .2s ease}.writing-translate-btn:hover{background:var(--color-bg-hover, #f0f4f8);color:var(--color-text-primary, #1a1a1a)}.writing-check-btn{padding:10px 28px;border:none;border-radius:10px;background:var(--color-primary, #4a90d9);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.writing-check-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.writing-check-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.writing-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;border-radius:16px}.writing-loading-spinner{width:40px;height:40px;border:3px solid var(--color-border, #e5e5e5);border-top-color:var(--color-primary, #4a90d9);border-radius:50%;animation:writingSpin .6s linear infinite}.writing-loading-text{font-size:.95rem;color:var(--color-text-secondary, #666)}.writing-feedback-container{padding:20px;overflow-y:auto;flex:1}.writing-score-section{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--color-bg-secondary, #f8f8f8);border-radius:12px;margin-bottom:20px}.writing-score-number{font-size:2.2rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.writing-score-number.score-a{color:#38a169}.writing-score-number.score-b{color:#4a90d9}.writing-score-number.score-c{color:#d69e2e}.writing-score-number.score-d{color:#dd6b20}.writing-score-number.score-f{color:#e53e3e}.writing-score-grade{font-size:1.8rem;font-weight:700;line-height:1;padding:4px 12px;border-radius:8px}.writing-score-grade.grade-a{color:#38a169;background:#38a1691a}.writing-score-grade.grade-b{color:#4a90d9;background:#4a90d91a}.writing-score-grade.grade-c{color:#d69e2e;background:#d69e2e1a}.writing-score-grade.grade-d{color:#dd6b20;background:#dd6b201a}.writing-score-grade.grade-f{color:#e53e3e;background:#e53e3e1a}.writing-score-details{display:flex;flex-direction:column;gap:2px}.writing-score-comment{font-size:.95rem;color:var(--color-text-primary, #1a1a1a);line-height:1.4}.writing-score-cefr{font-size:.8rem;color:var(--color-text-secondary, #666)}.writing-sentences-section{margin-bottom:20px}.writing-sentences-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 10px}.writing-sentence{padding:8px 12px;border-radius:8px;margin-bottom:6px;font-size:.95rem;line-height:1.5;border-left:3px solid transparent;cursor:pointer;transition:background .2s ease}.writing-sentence:hover{filter:brightness(.97)}.writing-sentence.feedback-good{background:#38a16914;border-left-color:#38a169}.writing-sentence.feedback-minor{background:#d69e2e14;border-left-color:#d69e2e}.writing-sentence.feedback-error{background:#e53e3e14;border-left-color:#e53e3e}.writing-sentence.feedback-neutral{background:var(--color-bg-secondary, #f8f8f8);border-left-color:var(--color-border, #e5e5e5)}.writing-sentence-comment{font-size:.82rem;color:var(--color-text-secondary, #666);margin-top:4px;padding-left:4px;display:none}.writing-sentence.expanded .writing-sentence-comment{display:block}.writing-word-error{-webkit-text-decoration:underline wavy #e53e3e;text-decoration:underline wavy #e53e3e;text-underline-offset:3px;cursor:help;position:relative}.writing-word-error-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:4px 8px;border-radius:6px;font-size:.78rem;white-space:nowrap;z-index:100;pointer-events:none}.writing-word-error:hover .writing-word-error-tooltip{display:block}.writing-strengths-section,.writing-improvements-section{margin-bottom:16px}.writing-section-label{font-size:.9rem;font-weight:600;margin:0 0 6px;display:flex;align-items:center;gap:6px}.writing-section-list{list-style:none;padding:0;margin:0}.writing-section-list li{padding:4px 0 4px 16px;position:relative;font-size:.9rem;color:var(--color-text-primary, #1a1a1a);line-height:1.4}.writing-section-list li:before{content:"•";position:absolute;left:4px;color:var(--color-text-secondary, #666)}.writing-corrected-section{margin-bottom:20px}.writing-corrected-toggle{display:flex;align-items:center;gap:6px;padding:10px 0;border:none;background:none;color:var(--color-primary, #4a90d9);font-size:.9rem;font-weight:600;cursor:pointer}.writing-corrected-toggle:hover{text-decoration:underline}.writing-corrected-text{display:none;padding:12px 16px;background:var(--color-bg-secondary, #f8f8f8);border-radius:8px;font-size:.92rem;line-height:1.6;color:var(--color-text-primary, #1a1a1a);margin-top:6px}.writing-corrected-text.show{display:block}.writing-error-banner{padding:12px 16px;background:#e53e3e14;border:1px solid rgba(229,62,62,.2);border-radius:10px;color:#c53030;font-size:.9rem;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.writing-error-retry{padding:6px 14px;border:1px solid rgba(229,62,62,.3);border-radius:6px;background:transparent;color:#c53030;font-size:.82rem;cursor:pointer;flex-shrink:0}.writing-error-retry:hover{background:#e53e3e1a}.writing-feedback-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--color-border, #e5e5e5)}.writing-try-again-btn{flex:1;padding:10px 18px;border:2px solid var(--color-primary, #4a90d9);border-radius:10px;background:transparent;color:var(--color-primary, #4a90d9);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.writing-try-again-btn:hover{background:#4a90d914}.writing-close-btn{flex:1;padding:10px 18px;border:1px solid var(--color-border, #e5e5e5);border-radius:10px;background:transparent;color:var(--color-text-secondary, #666);font-size:.95rem;cursor:pointer;transition:all .2s ease}.writing-close-btn:hover{background:var(--color-bg-inset, #f0f0f0);color:var(--color-text-primary, #1a1a1a)}.option-badge{position:absolute;top:-8px;right:-8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:6px;background:var(--color-primary, #4a90d9);color:#fff;pointer-events:none}.writing-hint-toast{position:absolute;bottom:60px;left:50%;transform:translate(-50%) translateY(10px);background:var(--color-bg-secondary, #f0f4ff);border:1px solid var(--color-primary, #4a90d9);border-radius:20px;padding:6px 16px;font-size:.82rem;color:var(--color-primary, #4a90d9);opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:5;white-space:nowrap;pointer-events:auto}.writing-hint-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.writing-hint-toast button{background:none;border:none;color:var(--color-primary, #4a90d9);font-weight:600;cursor:pointer;font-size:.82rem;padding:0;text-decoration:underline}.writing-hint-toast button:hover{color:var(--color-accent, #6366f1)}.writing-hints-get-sub{font-size:.72rem;color:var(--color-text-secondary, #999);text-align:center;margin:6px 0 0}.writing-hints-skeleton{display:flex;flex-direction:column;gap:10px;padding:4px 0}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--color-bg-inset, #e5e5e5) 25%,var(--color-bg-secondary, #f0f0f0) 50%,var(--color-bg-inset, #e5e5e5) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-w40{width:40%}.skeleton-w50{width:50%}.skeleton-w60{width:60%}.skeleton-w70{width:70%}.skeleton-w80{width:80%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.writing-modal-content{width:100%;max-height:100vh;border-radius:0;height:100%}.writing-modal-body{flex-direction:column}.writing-hints-panel{width:100%;border-left:none;border-top:1px solid var(--color-border, #e5e5e5);max-height:150px;padding:12px 16px}.writing-hints-panel.collapsed{max-height:40px;overflow:hidden}.writing-textarea{min-height:150px}.writing-score-section{flex-wrap:wrap;gap:12px}.writing-score-number{font-size:1.8rem}.writing-score-grade{font-size:1.4rem}.writing-modal-footer{position:sticky;bottom:0;background:var(--color-bg-primary, #fff);box-shadow:0 -2px 8px #00000014;z-index:10}body.dark .writing-modal-footer{background:var(--color-bg-primary, #1f2937)}.writing-task-prompt{font-size:.85rem}}@media(max-width:420px){.writing-pre-content{padding:20px 16px;margin:12px;width:calc(100% - 24px)}.writing-pre-title{font-size:1.2rem}.writing-pre-option{padding:12px 14px}}body.dark .writing-pre-content,body.dark .writing-modal-content{background:var(--color-bg-primary, #1f2937)}body.dark .writing-pre-title,body.dark .writing-modal-title,body.dark .writing-hints-title,body.dark .writing-sentences-title,body.dark .writing-section-label,body.dark .writing-score-comment,body.dark .writing-hint-word-text,body.dark .writing-hint-phrase,body.dark .writing-sentence,body.dark .writing-section-list li,body.dark .writing-corrected-text,body.dark .writing-question-text{color:var(--color-text-primary, #f3f4f6)}body.dark .writing-pre-subtitle,body.dark .writing-pre-level,body.dark .writing-pre-option .option-desc,body.dark .writing-pre-cancel,body.dark .writing-modal-close,body.dark .writing-task-prompt,body.dark .writing-keyboard-hint-dismiss,body.dark .writing-textarea::placeholder,body.dark .writing-editor-footer,body.dark .writing-clear-btn,body.dark .writing-translate-btn,body.dark .writing-hint-word-translation,body.dark .writing-hint-phrase-translation,body.dark .writing-hints-section-title,body.dark .writing-hints-loading,body.dark .writing-hints-error,body.dark .writing-hints-more-btn,body.dark .writing-hints-get-btn,body.dark .writing-loading-text,body.dark .writing-score-cefr,body.dark .writing-sentence-comment,body.dark .writing-close-btn,body.dark .writing-question-native,body.dark .writing-questions-title{color:var(--color-text-secondary, #9ca3af)}body.dark .writing-pre-option,body.dark .writing-score-section,body.dark .writing-corrected-text{background:var(--color-bg-secondary, #374151)}body.dark .writing-textarea{background:var(--color-bg-secondary, #374151);color:var(--color-text-primary, #f3f4f6);border-color:var(--color-border, #4b5563)}body.dark .writing-textarea:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d940}body.dark .writing-hints-panel{background:var(--color-bg-secondary, #374151);border-color:var(--color-border, #4b5563)}body.dark .writing-pre-option,body.dark .writing-modal-header,body.dark .writing-modal-footer,body.dark .writing-task-prompt,body.dark .writing-hints-panel,body.dark .writing-feedback-actions{border-color:var(--color-border, #4b5563)}body.dark .writing-modal-header{background:linear-gradient(135deg,rgba(74,144,217,.08),transparent)}body.dark .writing-modal-close:hover{background:var(--color-bg-secondary, #374151);color:var(--color-text-primary, #f3f4f6)}body.dark .writing-char-palette-btn{background:var(--color-bg-secondary, #374151);border-color:var(--color-border, #4b5563)}body.dark .writing-char-palette-btn:hover{background:var(--color-bg-tertiary, #4b5563);border-color:var(--color-primary, #4a90d9)}body.dark .writing-clear-btn:hover,body.dark .writing-close-btn:hover,body.dark .writing-translate-btn:hover{background:var(--color-bg-secondary, #374151);color:var(--color-text-primary, #f3f4f6)}body.dark .writing-hints-more-btn,body.dark .writing-hints-get-btn{border-color:var(--color-border, #4b5563)}body.dark .writing-hints-more-btn:hover,body.dark .writing-hints-get-btn:hover{background:var(--color-bg-secondary, #374151);color:var(--color-text-primary, #f3f4f6)}body.dark .writing-loading-overlay{background:#1f2937e6}body.dark .writing-loading-spinner{border-color:var(--color-border, #4b5563)}body.dark .writing-sentence.feedback-neutral{background:var(--color-bg-secondary, #374151)}body.dark .writing-sentence:hover{filter:brightness(1.05)}body.dark .writing-error-banner{background:#f871711a;border-color:#f8717140;color:#fca5a5}body.dark .writing-error-retry{border-color:#f8717159;color:#fca5a5}body.dark .writing-error-retry:hover{background:#f8717126}body.dark .writing-word-error-tooltip{background:#f3f4f6;color:#1f2937}body.dark .writing-split-container{background:var(--color-border, #4b5563)}body.dark .writing-passage-panel,body.dark .writing-editor-panel{background:var(--color-bg-primary, #1f2937)}body.dark .writing-passage-header{border-color:var(--color-border, #4b5563)}body.dark .writing-passage-title{color:var(--color-text-primary, #f3f4f6)}body.dark .writing-passage-format{color:var(--color-text-secondary, #9ca3af)}body.dark .writing-passage-content{color:var(--color-text-primary, #f3f4f6)}body.dark .writing-passage-body{background:linear-gradient(135deg,#6366f10f,#6366f11a);border-color:#6366f126}body.dark .writing-read-aloud{background:var(--color-bg-secondary, #374151);border-color:var(--color-border, #4b5563);color:var(--color-text-secondary, #9ca3af)}body.dark .writing-read-aloud:hover{background:#6366f11f;color:var(--color-primary, #818cf8);border-color:#6366f14d}body.dark .writing-read-aloud.reading{background:#6366f126;color:var(--color-primary, #818cf8);border-color:#6366f166}body.dark .writing-passage-loading{color:var(--color-text-secondary, #9ca3af)}body.dark .writing-passage-spinner,body.dark .writing-questions-section{border-color:var(--color-border, #4b5563)}body.dark .writing-question-input{background:var(--color-bg-secondary, #374151);border-color:var(--color-border, #4b5563);color:var(--color-text-primary, #f3f4f6)}body.dark .writing-question-input:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d933}body.dark .writing-pre-random{border-color:var(--color-primary, #4a90d9);background:linear-gradient(135deg,#4a90d91f,#4a90d90d);color:var(--color-primary, #60a5fa)}body.dark .writing-pre-random:hover{background:linear-gradient(135deg,#4a90d933,#4a90d91a)}body.dark .writing-pre-option{background:var(--color-bg-secondary, #374151);border-color:var(--color-border, #4b5563)}body.dark .writing-pre-option:hover{border-color:var(--color-primary, #4a90d9);background:var(--color-bg-tertiary, #4b5563)}body.dark .writing-pre-option .option-label{color:var(--color-text-primary, #f3f4f6)}body.dark .writing-pre-direct{border-color:var(--color-primary, #4a90d9);background:linear-gradient(135deg,#4a90d926,#4a90d90f)}body.dark .writing-pre-direct:hover{background:linear-gradient(135deg,#4a90d940,#4a90d91f)}body.dark .writing-pre-tertiary{border-color:var(--color-accent, #6366f1);background:linear-gradient(135deg,#6366f11a,#6366f10a)}body.dark .writing-pre-tertiary:hover{background:linear-gradient(135deg,#6366f12e,#6366f114)}body.dark .writing-pre-cancel{border-color:var(--color-border, #4b5563);color:var(--color-text-secondary, #9ca3af)}body.dark .writing-pre-cancel:hover{background:var(--color-bg-secondary, #374151);color:var(--color-text-primary, #f3f4f6)}body.dark .writing-task-prompt{background:var(--color-bg-secondary, #374151)}.writing-split-container{display:flex;flex:1;min-height:0;overflow:hidden;gap:1px;background:var(--color-border, #e5e5e5)}.writing-passage-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary, #fff)}.writing-passage-header{padding:12px 16px;border-bottom:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.writing-passage-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.writing-passage-format{font-size:.75rem;color:var(--color-text-secondary, #666);text-transform:capitalize}.writing-passage-content{flex:1;overflow-y:auto;padding:16px;color:var(--color-text-primary, #1a1a1a)}.writing-passage-body{font-size:clamp(.93rem,2.5vw,1rem);line-height:1.85;padding:20px 24px;background:linear-gradient(135deg,#6366f108,#6366f10f);border-radius:12px;border:1px solid rgba(99,102,241,.08);text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto}.writing-passage-paragraph{margin:0 0 1.4em;white-space:pre-wrap}.writing-passage-paragraph:last-child{margin-bottom:0}.writing-passage-paragraph+.writing-passage-paragraph{text-indent:1.5em}.writing-passage-paragraph:first-of-type:first-letter{float:left;font-size:3.2em;line-height:.85;padding-right:8px;padding-top:4px;color:var(--color-primary, #6366f1);font-weight:700}.writing-read-aloud{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;margin-bottom:10px;border:1px solid var(--color-border, #e0e0e0);border-radius:20px;background:var(--color-bg-primary, #fff);font-size:13px;color:var(--color-text-secondary, #888);cursor:pointer;transition:all .2s ease}.writing-read-aloud:hover{background:#6366f10f;color:var(--color-primary, #6366f1);border-color:#6366f133}.writing-read-aloud.reading{background:#6366f11a;color:var(--color-primary, #6366f1);border-color:#6366f14d;animation:writingReadPulse 1.5s ease-in-out infinite}@keyframes writingReadPulse{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 6px #6366f100}}.writing-passage-text{white-space:pre-wrap;margin:0}.writing-passage-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:var(--color-text-secondary, #666)}.writing-passage-spinner{width:32px;height:32px;border:3px solid var(--color-border, #e5e5e5);border-top-color:var(--color-primary, #4a90d9);border-radius:50%;animation:writing-spin .8s linear infinite}@keyframes writing-spin{to{transform:rotate(360deg)}}.writing-questions-section{border-top:1px solid var(--color-border, #e5e5e5);padding:12px 16px;flex-shrink:0;max-height:40%;overflow-y:auto}.writing-questions-title{margin:0 0 10px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #666)}.writing-question-item{margin-bottom:12px}.writing-question-item:last-child{margin-bottom:0}.writing-question-text{margin:0 0 4px;font-size:.9rem;color:var(--color-text-primary, #1a1a1a)}.writing-question-native{font-size:.8rem;color:var(--color-text-secondary, #666);font-style:italic;margin:0 0 6px}.writing-question-input{width:100%;padding:8px 10px;border:1px solid var(--color-border, #e5e5e5);border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:50px;background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #1a1a1a)}.writing-question-input:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d926}.writing-editor-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg-primary, #fff)}@media(max-width:768px){.writing-split-container{flex-direction:column}.writing-passage-panel{flex:none;max-height:45%}.writing-questions-section{max-height:30%}.writing-editor-panel{flex:1}}.writing-spark-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000002;display:none;align-items:center;justify-content:center}.writing-spark-modal.show{display:flex}.writing-spark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sparkFadeIn .2s ease-out}@keyframes sparkFadeIn{0%{opacity:0}to{opacity:1}}.writing-spark-content{position:relative;background:var(--color-bg-panel, #fff);border-radius:20px;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;padding:28px 24px;box-shadow:0 20px 60px #0000004d;animation:sparkSlideUp .3s ease-out}@keyframes sparkSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.writing-spark-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.writing-spark-header-left{display:flex;align-items:center;gap:10px}.writing-spark-title{font-family:Outfit,Inter,sans-serif;font-size:1.4rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.writing-spark-level-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:12px;background:var(--color-accent, #6366f1);color:#fff}.writing-spark-task-label{font-size:.85rem;color:var(--color-text-secondary, #666)}.writing-spark-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary, #999);padding:4px 8px;border-radius:8px;transition:background .15s}.writing-spark-close:hover{background:var(--color-bg-hover, rgba(0,0,0,.05));color:var(--color-text-primary, #333)}.spark-reading-panel{margin-bottom:16px;border:1px solid var(--color-border, #e2e8f0);border-radius:12px;overflow:hidden}.spark-reading-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:var(--color-bg-secondary, #f8fafc);border:none;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--color-text-primary, #1a1a2e)}.spark-reading-toggle:hover{background:var(--color-bg-hover, #eef2ff)}.spark-reading-toggle-icon{font-size:1.1rem}.spark-reading-toggle-text{flex:1;text-align:left}.spark-reading-toggle-arrow{font-size:.7rem;color:var(--color-text-secondary, #666)}.spark-reading-content{padding:14px;border-top:1px solid var(--color-border, #e2e8f0)}.spark-reading-title{font-weight:700;font-size:.95rem;margin-bottom:8px;color:var(--color-text-primary, #1a1a2e)}.spark-reading-text{font-size:calc(.85rem * var(--user-font-scale, 1));line-height:1.5;color:var(--color-text-secondary, #444);margin-bottom:10px;white-space:pre-wrap}.spark-reading-questions{margin-top:8px}.spark-reading-q{font-size:.83rem;color:var(--color-text-secondary, #555);padding:4px 0;border-bottom:1px dotted var(--color-border, #e2e8f0)}.spark-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.spark-category-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:14px;border:2px solid var(--color-border, #e2e8f0);background:var(--color-bg-panel, #fff);cursor:pointer;transition:all .15s ease;text-align:center}.spark-category-card:hover{border-color:var(--color-accent, #6366f1);background:var(--color-bg-hover, #f0f0ff);transform:translateY(-1px)}.spark-category-card:focus-visible{outline:3px solid var(--color-accent, #6366f1);outline-offset:2px}.spark-card-icon{font-size:1.6rem;line-height:1}.spark-card-name{font-size:.85rem;font-weight:700;color:var(--color-text-primary, #1a1a2e)}.spark-card-desc{font-size:.72rem;color:var(--color-text-secondary, #666);line-height:1.3}.spark-sub-options{margin-bottom:16px}.spark-sub-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.spark-sub-back{background:none;border:none;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--color-accent, #6366f1);padding:4px 8px;border-radius:6px;transition:background .15s}.spark-sub-back:hover{background:var(--color-bg-hover, rgba(99,102,241,.08))}.spark-sub-title{font-size:1rem;font-weight:700;color:var(--color-text-primary, #1a1a2e)}.spark-sub-list{display:flex;flex-direction:column;gap:8px}.spark-sub-option{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;border:2px solid var(--color-border, #e2e8f0);background:var(--color-bg-panel, #fff);cursor:pointer;transition:all .15s ease;text-align:left}.spark-sub-option:hover{border-color:var(--color-accent, #6366f1);background:var(--color-bg-hover, #f0f0ff);transform:translateY(-1px)}.spark-sub-option:focus-visible{outline:3px solid var(--color-accent, #6366f1);outline-offset:2px}.spark-sub-info{display:flex;flex-direction:column;gap:3px;min-width:0}.spark-sub-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #1a1a2e)}.spark-sub-preview{font-size:.78rem;color:var(--color-text-secondary, #888);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spark-footer{display:flex;justify-content:flex-start;gap:10px}.spark-back-btn{padding:10px 18px;border-radius:12px;border:2px solid var(--color-border, #e2e8f0);background:var(--color-bg-panel, #fff);font-size:.88rem;font-weight:600;cursor:pointer;color:var(--color-text-secondary, #666);transition:all .15s ease}.spark-back-btn:hover{border-color:var(--color-text-secondary, #999);color:var(--color-text-primary, #333)}.spark-back-btn:focus-visible{outline:3px solid var(--color-accent, #6366f1);outline-offset:2px}.writing-spark-content::-webkit-scrollbar{width:6px}.writing-spark-content::-webkit-scrollbar-track{background:transparent}.writing-spark-content::-webkit-scrollbar-thumb{background:var(--color-border, #d0d0d0);border-radius:3px}.writing-spark-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #999)}.spark-empty{text-align:center;color:var(--color-text-secondary, #999);font-size:.9rem;padding:20px;grid-column:1 / -1}@media(max-width:480px){.writing-spark-content{max-width:100%;width:100%;max-height:100vh;border-radius:20px 20px 0 0;padding:20px 16px}.spark-category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.spark-category-card{padding:12px 8px}.spark-card-icon{font-size:1.4rem}.spark-card-name{font-size:.8rem}.spark-card-desc,.spark-sub-preview{display:none}.spark-footer{position:sticky;bottom:0;background:var(--color-bg-panel, #fff);padding-top:12px;margin-top:8px}.writing-spark-header{flex-wrap:wrap}.writing-spark-task-label{width:100%;order:3;text-align:left}.writing-spark-close{order:2}}body.dark .writing-spark-content{background:var(--color-bg-panel, #2a2a2a)}body.dark .writing-spark-title,body.dark .spark-sub-title,body.dark .spark-card-name,body.dark .spark-sub-name,body.dark .spark-reading-title{color:var(--color-text-primary, #f0f0f0)}body.dark .writing-spark-level-badge{background:var(--color-accent, #818cf8)}body.dark .spark-category-card,body.dark .spark-sub-option{background:var(--color-bg-secondary, #333);border-color:var(--color-border, #404040)}body.dark .spark-category-card:hover,body.dark .spark-sub-option:hover{background:var(--color-bg-hover, #3a3a4a);border-color:var(--color-accent, #818cf8)}body.dark .spark-reading-toggle{background:var(--color-bg-secondary, #2a2a2a);color:var(--color-text-primary, #f0f0f0)}body.dark .spark-reading-content{background:var(--color-bg-secondary, #2a2a2a)}body.dark .spark-reading-text,body.dark .spark-reading-q,body.dark .spark-reading-toggle-arrow,body.dark .spark-card-desc,body.dark .spark-sub-preview,body.dark .writing-spark-task-label,body.dark .writing-spark-close,body.dark .spark-empty{color:var(--color-text-secondary, #a0a0a0)}body.dark .writing-spark-close:hover{background:var(--color-bg-hover, #333)}body.dark .spark-back-btn{background:var(--color-bg-secondary, #333);border-color:var(--color-border, #404040);color:var(--color-text-secondary, #a0a0a0)}body.dark .spark-back-btn:hover{border-color:var(--color-text-secondary, #666);color:var(--color-text-primary, #f0f0f0)}body.dark .writing-spark-content::-webkit-scrollbar-thumb{background:#555}.character-palette{--palette-bg: #ffffff;--palette-bg-secondary: #f5f5f5;--palette-border: #e0e0e0;--palette-shadow: rgba(0, 0, 0, .15);--palette-char-button-bg: #ffffff;--palette-char-button-hover: #e8f0fe;--palette-char-button-active: #c2d9fc;--palette-char-button-text: #202124;--palette-char-button-size: 48px;--palette-char-button-min-size: 40px;--palette-char-button-font-size: 22px;--palette-char-button-border: 1px solid var(--palette-border);--palette-char-button-radius: 6px;--palette-char-button-gap: 4px;--palette-tab-height: 40px;--palette-tab-bg: var(--palette-bg-secondary);--palette-tab-active: var(--palette-bg);--palette-tab-text: #5f6368;--palette-tab-active-text: #1a73e8;--palette-tab-border-radius: 8px 8px 0 0;--palette-modal-z-index: 10000002;--palette-modal-max-height: 60vh;--palette-modal-width: min(90vw, 600px);--palette-modal-animation-duration: .2s;--palette-search-height: 40px;--palette-search-bg: var(--palette-bg-secondary);--palette-search-border: 1px solid var(--palette-border);--palette-search-radius: 20px;--palette-search-padding: 0 16px;--palette-category-font-size: 11px;--palette-category-text-transform: uppercase;--palette-category-letter-spacing: .5px;--palette-category-color: #5f6368;--palette-tooltip-bg: #202124;--palette-tooltip-text: #ffffff;--palette-tooltip-font-size: 12px;--palette-tooltip-radius: 4px;--palette-tooltip-padding: 4px 8px;--palette-close-size: 32px;--palette-close-bg: transparent;--palette-close-hover-bg: var(--palette-bg-secondary);--palette-close-radius: 50%;--palette-mobile-char-size: 40px;--palette-mobile-grid-columns: 6;--palette-rtl-dir: rtl;--palette-ltr-dir: ltr}.character-palette-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--palette-modal-z-index, 1000);font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,system-ui,-apple-system,sans-serif}.character-palette-modal.open{display:flex;align-items:center;justify-content:center}.character-palette-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.character-palette-content{position:relative;width:var(--palette-modal-width, min(90vw, 600px));max-height:var(--palette-modal-max-height, 60vh);background:var(--palette-bg, #fff);border-radius:var(--radius-lg, 12px);box-shadow:0 16px 48px var(--palette-shadow, rgba(0,0,0,.2));display:flex;flex-direction:column;overflow:hidden;animation:paletteSlideIn var(--palette-modal-animation-duration, .2s) ease-out}@keyframes paletteSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.palette-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:1px solid var(--palette-border, #e0e0e0);background:var(--palette-bg-secondary, #f5f5f5)}.palette-header-left{display:flex;align-items:center;gap:var(--gap-sm, 8px)}.palette-title{font-size:var(--text-16px, 16px);font-weight:600;color:var(--palette-char-button-text, #202124)}.palette-close-btn{width:var(--palette-close-size, 32px);height:var(--palette-close-size, 32px);border:none;background:var(--palette-close-bg, transparent);border-radius:var(--palette-close-radius, 50%);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5f6368;transition:background .15s}.palette-close-btn:hover{background:var(--palette-close-hover-bg, #e8e8e8)}.palette-controls{display:flex;gap:var(--gap-md, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:1px solid var(--palette-border, #e0e0e0)}.palette-language-area{flex-shrink:0}.palette-language-selector{position:relative;display:inline-block}.palette-language-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2, 8px) 32px var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-14px, 14px);border:1px solid var(--palette-border, #e0e0e0);border-radius:var(--radius-md, 8px);background:var(--palette-bg, #fff);cursor:pointer;min-width:140px}.palette-selector-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#5f6368}.palette-search-area{flex:1}.palette-search-input{width:100%;height:var(--palette-search-height, 40px);padding:var(--palette-search-padding, 0 16px);font-size:var(--text-14px, 14px);border:1px solid var(--palette-search-border, #e0e0e0);border-radius:var(--palette-search-radius, 20px);background:var(--palette-search-bg, #f5f5f5);outline:none;transition:border-color .15s,box-shadow .15s}.palette-search-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.palette-search-input::placeholder{color:#9aa0a6}.palette-recent{padding:var(--space-2, 8px) var(--space-4, 16px);border-bottom:1px solid var(--palette-border, #e0e0e0);background:var(--palette-bg-secondary, #f5f5f5)}.palette-section-label{font-size:var(--palette-category-font-size, 11px);font-weight:600;text-transform:var(--palette-category-text-transform, uppercase);letter-spacing:var(--palette-category-letter-spacing, .5px);color:var(--palette-category-color, #5f6368);margin-bottom:var(--gap-xs, 4px)}.palette-recent-grid{display:flex;flex-wrap:wrap;gap:var(--palette-char-button-gap, 4px)}.palette-grid-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.palette-category-nav{display:flex;gap:var(--gap-xs, 4px);padding:var(--space-2, 8px) var(--space-4, 16px);border-bottom:1px solid var(--palette-border, #e0e0e0);overflow-x:auto;flex-shrink:0}.palette-cat-tab{padding:var(--space-1, 4px) var(--space-3, 12px);font-size:var(--text-12px, 12px);font-weight:500;border:none;background:var(--palette-tab-bg, #f5f5f5);border-radius:var(--radius-full, 100px);cursor:pointer;white-space:nowrap;color:var(--palette-tab-text, #5f6368);transition:all .15s}.palette-cat-tab:hover{background:var(--palette-char-button-hover, #e8f0fe)}.palette-cat-tab.active{background:var(--palette-tab-active, #fff);color:var(--palette-tab-active-text, #1a73e8);box-shadow:0 1px 3px #0000001a}.palette-grid-scroll{flex:1;overflow-y:auto;padding:var(--space-3, 12px) var(--space-4, 16px)}.palette-grid{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.palette-category-group{display:flex;flex-direction:column;gap:var(--gap-sm, 8px)}.palette-category-label{font-size:var(--palette-category-font-size, 11px);font-weight:600;text-transform:var(--palette-category-text-transform, uppercase);letter-spacing:var(--palette-category-letter-spacing, .5px);color:var(--palette-category-color, #5f6368)}.palette-category-chars{display:flex;flex-wrap:wrap;gap:var(--palette-char-button-gap, 4px)}.palette-char-btn{width:var(--palette-char-button-size, 44px);height:var(--palette-char-button-size, 44px);font-size:var(--palette-char-button-font-size, 20px);font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,system-ui,sans-serif;border:var(--palette-char-button-border, 1px solid #e0e0e0);background:var(--palette-char-button-bg, #fff);border-radius:var(--palette-char-button-radius, 6px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--palette-char-button-text, #202124);transition:all .1s;-webkit-user-select:none;user-select:none}.palette-char-btn:hover{background:var(--palette-char-button-hover, #e8f0fe);border-color:#c2d9fc}.palette-char-btn:active{background:var(--palette-char-button-active, #c2d9fc);transform:scale(.95)}.palette-char-btn-small{width:40px;height:40px;font-size:18px}.palette-empty{text-align:center;color:#5f6368;padding:var(--space-6, 24px);font-size:var(--text-14px, 14px)}.palette-mobile-hint{padding:var(--space-3, 12px) var(--space-4, 16px);background:#fff3cd;border-top:1px solid #ffeaa7}.palette-mobile-hint-content{display:flex;align-items:flex-start;gap:var(--gap-sm, 8px);font-size:var(--text-12px, 12px);color:#856404}.palette-mobile-hint-icon{flex-shrink:0}.palette-mobile-hint-text{line-height:1.4}.palette-mobile-hint-text strong{font-weight:600}[dir=rtl] .palette-controls{flex-direction:row-reverse}[dir=rtl] .palette-grid-container{direction:rtl}@media(max-width:480px){.character-palette-content{width:95vw;max-height:80vh}.palette-controls{flex-direction:column}.palette-language-select{width:100%}.palette-char-btn{width:var(--palette-mobile-char-size, 40px);height:var(--palette-mobile-char-size, 40px)}}.char-helper-dock{position:sticky;bottom:0;z-index:10;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;margin-top:4px}.char-helper-dock>*{pointer-events:auto}.char-helper-toggle{width:32px;height:32px;border:1px solid var(--border-color, #ddd);border-radius:8px;background:var(--card-bg, #fff);color:var(--text-secondary, #666);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;line-height:1;box-shadow:0 1px 4px #0000001a;align-self:flex-end;margin-right:4px;flex-shrink:0}.char-helper-toggle:hover{background:var(--color-primary, #4361ee);color:#fff;border-color:var(--color-primary, #4361ee)}.char-helper-toggle-active{background:var(--color-primary, #4361ee);color:#fff;border-color:var(--color-primary, #4361ee);border-bottom-left-radius:0;border-bottom-right-radius:0}.char-helper-strip{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;background:var(--palette-bg, #f0f0f0);border-radius:10px 10px 0 0;border:1px solid var(--border-color, #ddd);border-bottom:none;width:100%;max-width:100%;box-sizing:border-box;transition:max-height .25s ease,opacity .2s ease,padding .2s ease;overflow:hidden;max-height:200px;opacity:1}.char-helper-strip-collapsed{max-height:0;opacity:0;padding:0 10px;border:none}.char-helper-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--card-bg, #fff);color:var(--text-primary, #333);font-size:18px;font-weight:500;cursor:pointer;transition:all .15s ease;padding:0;line-height:1;user-select:none;-webkit-user-select:none;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,system-ui,sans-serif}.char-helper-btn:hover{background:var(--color-primary, #4361ee);color:#fff;border-color:var(--color-primary, #4361ee);transform:scale(1.08)}.char-helper-btn:active{transform:scale(.95)}.char-helper-palette-btn-wrapper{margin-top:8px;max-width:320px;margin-left:auto;margin-right:auto}.char-helper-palette-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-color, #ddd);border-radius:8px;background:var(--palette-bg, #f0f0f0);color:var(--text-secondary, #666);font-size:13px;cursor:pointer;transition:all .15s ease}.char-helper-palette-btn:hover{background:var(--color-primary, #4361ee);color:#fff;border-color:var(--color-primary, #4361ee)}[data-theme=dark] .char-helper-strip{background:var(--palette-bg, #1e1e2e);border-color:var(--border-color, #333)}[data-theme=dark] .char-helper-btn{background:var(--card-bg, #2a2a3a);color:var(--text-primary, #e0e0e0);border-color:var(--border-color, #444)}[data-theme=dark] .char-helper-palette-btn{background:var(--palette-bg, #1e1e2e);color:var(--text-secondary, #aaa);border-color:var(--border-color, #444)}[data-theme=dark] .char-helper-toggle{background:var(--card-bg, #2a2a3a);color:var(--text-secondary, #aaa);border-color:var(--border-color, #444)}@media(max-width:640px){.char-helper-btn{width:36px;height:36px;font-size:16px}.char-helper-toggle{width:36px;height:36px;font-size:18px}}.char-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.char-modal-overlay.show{opacity:1;visibility:visible}.char-modal-overlay.show .char-modal{transform:translateY(0)}.char-modal{background:var(--bg-primary, #ffffff);color:var(--color-text);border-radius:16px;width:100%;height:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;transform:translateY(20px);transition:transform .25s ease}.char-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.char-modal-header h2{margin:0;font-size:1.2rem;font-weight:600}.char-modal-close{background:none;border:none;font-size:1.2rem;color:var(--color-text);cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s;line-height:1}.char-modal-close:hover{background:var(--bg-secondary)}.char-modal-header-actions{display:flex;align-items:center;gap:8px}.char-modal-voice-btn{background:none;border:none;font-size:1.1rem;color:var(--color-text);cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s;line-height:1;opacity:.7}.char-modal-voice-btn:hover{background:var(--bg-secondary);opacity:1}.char-modal-content{flex:1;overflow-y:auto;padding:20px;overscroll-behavior:contain}.char-dashboard{display:flex;flex-direction:column;gap:16px}.char-progress{display:flex;flex-direction:column;gap:4px}.char-progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.char-progress-bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .4s ease}.char-progress-text{font-size:.8rem;color:var(--color-text-secondary);text-align:center}.char-stats-row{display:flex;gap:10px}.char-action-btn{flex:1;padding:12px 8px;border:1px solid var(--color-border);border-radius:12px;background:var(--bg-secondary);color:var(--color-text);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.char-action-btn:hover{border-color:var(--color-primary);background:var(--bg-primary, #f0f0f0)}.char-action-btn:disabled{opacity:.4;cursor:not-allowed}.char-action-btn .stat-count{font-size:1.4rem;font-weight:700;color:var(--color-primary)}.char-action-btn .stat-label{font-size:.75rem;font-weight:400;opacity:.7}.char-trace-btn{border-color:#f59e0b;background:#fef3c7;flex:1;padding:12px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.char-trace-btn:hover{background:#fde68a;border-color:#d97706}body.dark .char-trace-btn{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}body.dark .char-trace-btn:hover{background:#f59e0b40}.char-filter-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.char-filter-subs{gap:4px}.char-filter-cats{gap:5px}.char-filter-chip{padding:4px 10px;border:1px solid var(--color-border);border-radius:16px;background:var(--bg-secondary);color:var(--color-text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit;line-height:1.4}.char-filter-chip:hover{border-color:var(--color-primary);background:var(--bg-primary, #ffffff)}.char-filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.char-filter-count{opacity:.6;font-size:.7rem;margin-left:2px}body.dark .char-filter-chip.active{background:var(--color-primary);color:#fff}.char-detail-card{background:var(--bg-primary, #ffffff);border:1px solid var(--color-border);border-radius:16px;padding:16px 20px;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;position:relative}.char-detail-card-visible{opacity:1;transform:translateY(0)}.char-detail-header{display:flex;justify-content:flex-end}.char-detail-close{background:none;border:none;font-size:1.1rem;color:var(--color-text);cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .15s;line-height:1;opacity:.6}.char-detail-close:hover{background:var(--bg-secondary);opacity:1}.char-detail-body{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.char-detail-char{font-size:64px;line-height:1.1;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif;color:var(--color-text)}.char-detail-reading{font-size:1.2rem;color:var(--color-primary);font-weight:600}.char-detail-meaning{font-size:1.1rem;color:var(--color-text);font-weight:500}.char-detail-extra-meanings{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.char-detail-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.char-detail-badge{padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:600;background:var(--color-primary);color:#fff;text-transform:capitalize}.char-detail-badge.char-detail-sub{background:#8b5cf6}.char-detail-info{font-size:.78rem;color:var(--color-text-secondary);padding:2px 8px;background:var(--bg-secondary);border-radius:8px}.char-detail-status{font-size:.78rem;padding:2px 8px;border-radius:8px;background:var(--bg-secondary);color:var(--color-text-secondary)}.char-detail-speak{margin-top:6px;background:none;border:2px solid var(--color-primary);border-radius:50%;width:48px;height:48px;font-size:1.3rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.char-detail-speak:hover{background:var(--color-primary);color:#fff}.char-detail-picdict{width:80px;height:80px;object-fit:cover;border-radius:12px;border:1px solid var(--color-border);margin-top:4px}.char-detail-crosslink{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:10px;max-width:140px}.char-detail-crosslink-label{font-size:.68rem;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.char-detail-crosslink-char{font-size:2rem;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,serif;line-height:1.2;color:var(--color-text)}.char-detail-crosslink-reading{font-size:.8rem;color:var(--color-primary);font-weight:500}.char-detail-crosslink-type{font-size:.65rem;color:var(--color-text-secondary);padding:1px 6px;border-radius:6px;background:var(--bg-primary, #ffffff)}body.dark .char-detail-card{border-color:#ffffff1f}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.char-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.5rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all .15s ease;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif;line-height:1.2}.char-tile:hover{border-color:var(--color-primary);transform:scale(1.05)}.char-tile-known{background:var(--color-primary);color:#fff;border-color:var(--color-primary);opacity:.9}.char-tile-known:hover{opacity:1}.char-tile-learning{border-color:#f59e0b;background:#fef3c7}body.dark .char-tile-learning{background:#f59e0b26;border-color:#f59e0b66}.char-tile-due{border-color:#8b5cf6;background:#ede9fe}body.dark .char-tile-due{background:#8b5cf626;border-color:#8b5cf666}.char-tile-new{opacity:.5}.char-intro{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;text-align:center}.char-intro-counter{font-size:.85rem;color:var(--color-text-secondary)}.char-intro-char{font-size:96px;line-height:1.1;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif;color:var(--color-text)}.char-intro-reading{font-size:1.3rem;color:var(--color-primary);font-weight:500}.char-intro-meaning{font-size:1.1rem;color:var(--color-text);opacity:.8}.char-intro-speak-btn{background:var(--bg-primary, #f0f0f0);border:2px solid var(--color-primary);border-radius:50%;width:56px;height:56px;font-size:1.5rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.char-intro-speak-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.char-intro-speak-btn:active{transform:scale(.98)}.char-intro-continue{width:100%;padding:12px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;background:var(--color-primary);color:#fff;transition:opacity .15s}.char-intro-continue:hover{opacity:.9}.char-quiz{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 0}.char-quiz-counter{font-size:.85rem;color:var(--color-text-secondary)}.char-quiz-display{font-size:72px;line-height:1.2;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif;color:var(--color-text);min-height:90px;display:flex;align-items:center;justify-content:center}.char-quiz-question{font-size:1rem;color:var(--color-text);text-align:center;opacity:.8}.char-quiz-sound-hint{text-align:center;font-size:.9rem;color:var(--color-text-secondary, #888);margin:4px 0;font-style:italic}.char-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.char-quiz-option{padding:14px 12px;border:2px solid var(--color-border);border-radius:12px;background:var(--bg-primary, #ffffff);color:var(--color-text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center;word-break:break-word;font-family:inherit}.char-quiz-option:hover{border-color:var(--color-primary);background:var(--bg-secondary)}.char-quiz-correct{border-color:#22c55e!important;background:#22c55e!important;color:#fff!important;animation:char-pulse-correct .3s ease}.char-quiz-wrong{border-color:#ef4444!important;background:#ef4444!important;color:#fff!important;animation:char-shake-wrong .3s ease}@keyframes char-pulse-correct{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes char-shake-wrong{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.char-quiz-tf{display:flex;gap:12px;justify-content:center;width:100%}.char-quiz-tf .char-quiz-option{flex:1;max-width:180px;font-weight:600}.char-tf-yes{border-color:#34d399}.char-tf-no{border-color:#f87171}.char-quiz-input-row{display:flex;gap:8px;width:100%}.char-quiz-text-input{flex:1;padding:12px 14px;border:2px solid var(--color-border);border-radius:10px;font-size:1rem;background:var(--bg-primary, #fff);color:var(--color-text);outline:none;transition:border-color .2s}.char-quiz-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90d91f}.char-quiz-submit-btn{padding:12px 20px;border:none;border-radius:10px;background:var(--color-primary, #4a90d9);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.char-quiz-submit-btn:hover{opacity:.9}.char-quiz-submit-btn:disabled{opacity:.5;cursor:default}.char-quiz-feedback{min-height:16px;text-align:center}.char-feedback-correct{color:#16a34a;font-weight:600;padding:4px 0}.char-feedback-wrong{color:#dc2626;font-weight:600;padding:4px 0}.char-exercise-speak-btn{background:var(--bg-primary, #f0f0f0);border:2px solid var(--color-primary);border-radius:50%;width:52px;height:52px;font-size:1.3rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.char-exercise-speak-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.char-results{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0;text-align:center}.char-results-title{font-size:1.4rem;font-weight:700}.char-results-score{font-size:3rem;font-weight:700;color:var(--color-primary)}.char-results-xp{font-size:1.2rem;font-weight:600;color:#f59e0b}.char-results-mastered{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.char-mastered-badge{background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:1.1rem;font-weight:600}.char-results-actions{width:100%;margin-top:8px}.char-results-btn{width:100%;padding:12px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;background:var(--color-primary);color:#fff}.char-results-btn:hover{opacity:.9}.char-trace-view{display:flex;flex-direction:column;align-items:center;gap:16px}.char-trace-info{display:flex;align-items:center;gap:12px;width:100%}.char-trace-counter{font-size:.85rem;color:var(--color-text-secondary)}.char-trace-reference{display:flex;align-items:baseline;gap:8px;flex:1}.char-trace-ref-char{font-size:2rem;font-weight:700;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif}.char-trace-ref-reading{font-size:.95rem;color:var(--color-primary);font-weight:500}.char-trace-ref-meaning{font-size:.9rem;opacity:.7}.char-trace-speak-btn{background:none;border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;font-size:1.1rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.char-trace-speak-btn:hover{border-color:var(--color-primary)}.char-trace-canvas-wrap{position:relative;width:300px;height:300px;border:2px solid var(--color-border);border-radius:16px;overflow:hidden;background:var(--bg-primary, #ffffff);box-shadow:inset 0 2px 8px #0000000d}.char-trace-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:2}.char-trace-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:180px;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,serif;opacity:.12;pointer-events:none;z-index:0;line-height:1;color:var(--color-text)}.char-trace-canvas-wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.char-trace-canvas-wrap svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.char-trace-canvas-wrap.has-stroke-svg .char-trace-guide{display:none}.char-trace-stroke-info{position:absolute;top:8px;right:8px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:8px;background:var(--color-primary, #3b82f6);color:#fff;z-index:3;opacity:.85}.char-trace-anim-controls{position:absolute;bottom:8px;left:8px;display:flex;gap:4px;z-index:3}.char-trace-anim-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#00000059;color:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.char-trace-anim-btn:hover{background:#0000008c}body.dark .char-trace-anim-btn{background:#ffffff26;border-color:#fff3}body.dark .char-trace-anim-btn:hover{background:#ffffff4d}.char-trace-score-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:2px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 18px;border-radius:14px;animation:char-score-pop .3s ease;pointer-events:none}.char-trace-score-emoji{font-size:1.6rem;line-height:1}.char-trace-score-value{font-size:.9rem;font-weight:700;color:#fff}@keyframes char-score-pop{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.char-trace-actions{display:flex;gap:12px;width:100%}.char-trace-clear-btn{background:var(--bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.char-trace-clear-btn:hover{border-color:#ef4444;color:#ef4444}.char-trace-next-btn{background:var(--color-primary);color:#fff}.char-trace-next-btn:hover{opacity:.9}.char-toast{position:sticky;top:0;z-index:10;background:var(--color-primary);color:#fff;padding:10px 16px;border-radius:10px;font-size:.9rem;text-align:center;margin-bottom:8px;animation:char-toast-in .2s ease}@keyframes char-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .char-trace-info{flex-direction:row-reverse}body.dark .char-modal-overlay{background:#000c}body.dark .char-modal{background:var(--bg-primary, #1a1a2e);box-shadow:0 8px 32px #00000080}body.dark .char-tile{border-color:#ffffff1a}body.dark .char-quiz-option{background:var(--bg-secondary)}body.dark .char-trace-canvas-wrap{border-color:#ffffff26;background:var(--bg-secondary)}body.dark .char-trace-guide{opacity:.08}body.dark .char-trace-clear-btn{border-color:#ffffff26}@media(max-width:768px)and (min-width:481px){.char-modal-overlay{align-items:stretch;justify-content:center;padding:0 16px}.char-modal{max-width:100%;max-height:95vh;border-radius:12px}.char-trace-canvas-wrap{width:280px;height:280px}}@media(max-width:480px){.char-modal-overlay{align-items:stretch;justify-content:stretch;padding:0;overflow:hidden}.char-modal{width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;border-radius:0;transform:translateY(0)}.char-modal-content{padding:16px}.char-intro-char{font-size:72px}.char-quiz-display{font-size:60px;min-height:72px}.char-quiz-options{grid-template-columns:1fr 1fr;gap:8px}.char-quiz-option{padding:12px 8px;font-size:.88rem}.char-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.char-filter-bar{gap:4px}.char-filter-chip{padding:3px 8px;font-size:.7rem}.char-detail-char{font-size:48px}.char-tile{font-size:1.3rem}.char-results-score{font-size:2.5rem}.char-trace-canvas-wrap{width:260px;height:260px}.char-trace-guide{font-size:160px}.char-stats-row{flex-wrap:wrap}.char-action-btn{min-width:calc(50% - 5px)}}@media(max-width:360px){.char-quiz-options{grid-template-columns:1fr}.char-trace-canvas-wrap{width:220px;height:220px}.char-trace-guide{font-size:130px}}/**
 * Live Mode Styles — api-chat-live.css
 * 
 * Styles for the Live Mode real-time conversation interface.
 * Includes: transcript panel, waveform, status indicator, mic button states.
 * 
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */.live-transcript-panel{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);background:var(--color-surface-elevated, #1e1e2e);border-radius:var(--radius-lg, 12px);min-height:200px;max-height:400px;overflow-y:auto}.live-transcript-panel::-webkit-scrollbar{width:4px}.live-transcript-panel::-webkit-scrollbar-track{background:transparent}.live-transcript-panel::-webkit-scrollbar-thumb{background:var(--color-text-muted, #666);border-radius:2px}.live-transcript-row{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--radius-md, 8px);animation:liveTranscriptFadeIn .3s ease-out}@keyframes liveTranscriptFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.live-user-transcript{background:var(--color-user-bubble, rgba(59, 130, 246, .15));border-left:3px solid var(--color-user, #3b82f6);align-self:flex-start;max-width:85%}.live-ai-transcript{background:var(--color-ai-bubble, rgba(168, 85, 247, .15));border-left:3px solid var(--color-ai, #a855f7);align-self:flex-end;max-width:85%}.live-transcript-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #888);margin-bottom:2px}.live-user-transcript .live-transcript-label{color:var(--color-user, #3b82f6)}.live-ai-transcript .live-transcript-label{color:var(--color-ai, #a855f7)}.live-transcript-text{font-size:var(--font-size-base, 14px);line-height:1.5;color:var(--color-text-primary, #fff);word-break:break-word}.live-waveform-container{display:flex;align-items:center;justify-content:center;height:48px;padding:var(--spacing-sm, 8px);background:var(--color-surface-elevated, #1e1e2e);border-radius:var(--radius-md, 8px);overflow:hidden}.live-waveform{display:flex;align-items:center;gap:2px;height:100%}.live-waveform-bar{width:3px;background:var(--color-primary, #a855f7);border-radius:2px;transition:height .1s ease;min-height:4px}.live-waveform-bar.active{animation:liveWaveformPulse .5s ease-in-out infinite alternate}@keyframes liveWaveformPulse{0%{height:8px;opacity:.5}to{height:32px;opacity:1}}.live-status-indicator{display:flex;align-items:center;gap:var(--spacing-xs, 6px);font-size:var(--font-size-sm, 12px);color:var(--color-text-muted, #888);padding:var(--spacing-xs, 6px) var(--spacing-sm, 8px);background:var(--color-surface, #121218);border-radius:var(--radius-full, 9999px);width:fit-content}.live-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted, #666);transition:background .3s ease}.live-status-indicator.connecting .live-status-dot{background:var(--color-warning, #f59e0b);animation:liveStatusPulse 1s ease-in-out infinite}.live-status-indicator.connected .live-status-dot{background:var(--color-success, #22c55e)}.live-status-indicator.speaking .live-status-dot{background:var(--color-primary, #a855f7);animation:liveStatusPulse .3s ease-in-out infinite}.live-status-indicator.disconnected .live-status-dot{background:var(--color-error, #ef4444)}@keyframes liveStatusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.live-mode .mic-button{position:relative}.live-mode .mic-button.recording{animation:liveMicPulse 1.5s ease-in-out infinite}@keyframes liveMicPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.live-mode .mic-button.recording:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--color-error, #ef4444);border-radius:50%;animation:liveMicRing 1.5s ease-out infinite}@keyframes liveMicRing{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.live-mode .exercise-content,.live-mode .skip-btn,.live-mode .check-btn,.live-mode .exercise-actions,.live-mode .conversation-feedback,.live-hidden{display:none!important}.live-visible{display:flex!important}.feedback-ui{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--bg-secondary, rgba(255, 255, 255, .04));transition:background .3s ease,opacity .3s ease}.feedback-label{font-size:12px;color:var(--text-muted, #888);margin-right:4px}.feedback-btn{background:none;border:1.5px solid transparent;border-radius:6px;padding:3px 8px;font-size:16px;cursor:pointer;transition:all .2s ease;line-height:1}.feedback-btn:hover{transform:scale(1.15);border-color:var(--border-color, rgba(255, 255, 255, .15));background:#ffffff0f}.feedback-btn.selected{pointer-events:none}.feedback-up.selected{border-color:#4caf50;background:#4caf5026;transform:scale(1.2)}.feedback-ui.feedback-nice{background:#4caf500f}.feedback-down.selected{border-color:#f44336;background:#f4433626;transform:scale(1.2)}.feedback-ui.feedback-notnice{background:#f443360f}.feedback-ui.feedback-cap .feedback-label:after{content:" (limit reached)";color:var(--text-muted, #888);font-size:10px}.feedback-reason-picker{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));animation:feedback-fade-in .2s ease;transition:opacity .3s ease}.feedback-reason-picker button{font-size:11px;padding:3px 8px;border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .12));background:#ffffff0a;color:var(--text-secondary, #ccc);cursor:pointer;transition:all .15s ease}.feedback-reason-picker button:hover{background:#f443361f;border-color:#f443364d}.feedback-reason-picker button.selected{background:#f4433633;border-color:#f44336;color:#f44336}@keyframes feedback-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#tsmExerciseContent .feedback-ui{margin-top:8px;margin-bottom:4px}.culture-modal-body .feedback-ui{justify-content:center;margin-top:10px;margin-bottom:4px}.picdict-summary-phase .feedback-ui{justify-content:center;margin-top:8px;margin-bottom:4px}[data-theme=dark] .feedback-ui{background:#ffffff08}[data-theme=dark] .feedback-btn:hover{background:#ffffff14}.reading-modal-body .feedback-ui{justify-content:center;margin-top:12px;margin-bottom:4px}.listening-summary .feedback-ui{justify-content:center;margin-top:8px;margin-bottom:8px}.game-results-content .feedback-ui{justify-content:center;margin-bottom:8px}.cw-modal__body .feedback-ui{justify-content:center;margin-top:8px;padding:6px 10px}.cw-modal__body .feedback-label{display:none}.writing-feedback-container .feedback-ui{margin-top:10px;margin-bottom:8px;justify-content:center}.translate-results .feedback-ui{margin-top:10px;justify-content:center}.quick-drill-complete .feedback-ui,.word-session-summary .feedback-ui{justify-content:center;margin-top:8px;margin-bottom:8px}.speak-feedback .feedback-ui{margin-top:6px;padding:4px 8px;background:transparent}@media(max-width:768px){.feedback-ui{padding:8px 12px;gap:8px}.feedback-btn{font-size:20px;padding:4px 10px}.feedback-label{font-size:11px}.feedback-reason-picker button{font-size:12px;padding:4px 10px}}.right-panel-empty-state{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;min-height:360px;padding:20px 20px 12px;animation:emptyFadeIn .4s ease}@keyframes emptyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.right-panel-empty-state.hidden{display:none}.empty-state-content{text-align:center;max-width:600px;width:100%;margin:0 auto;position:relative}.empty-state-hero{display:flex;position:relative;transition:opacity .3s ease}.empty-state-hero.loading{opacity:0;pointer-events:none}.empty-state-hero:hover{background:var(--bg-hover, rgba(0,0,0,.05))}.empty-state-hero:active{background:var(--bg-hover, rgba(0,0,0,.08))}.empty-state-flag{display:inline-flex;align-items:center;justify-content:center;font-size:32px;line-height:1}.empty-state-arrow{font-size:18px;color:var(--color-text-secondary, #6b7280);font-weight:300}.empty-state-lang-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.empty-state-learning-name{font-size:var(--font-size-lg, 18px);font-weight:700;color:var(--color-text-main, #111827)}.empty-state-level{font-size:var(--font-size-xs, 11px);padding:2px 8px;background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #2563eb);border-radius:4px;font-weight:600}.empty-state-title{font-size:var(--font-size-xl, 21px);font-weight:700;color:var(--color-text-main, #111827);margin:0 0 4px}.empty-state-subtitle{font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary, #6b7280);margin:0 0 12px;line-height:1.5}#mobileTopicBtn.empty-state-subtitle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;height:40px;padding:0 20px;margin:0 auto 12px;background:linear-gradient(135deg,var(--color-primary-light, #dbeafe) 0%,var(--color-primary, #3b82f6) 100%);border:2px solid var(--color-primary, #3b82f6);border-radius:20px;color:#fff;font-size:var(--font-size-sm, 13px);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640;text-align:center;width:auto}#mobileTopicBtn.empty-state-subtitle:hover{background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,var(--color-primary-hover, #2563eb) 100%);box-shadow:0 6px 16px #3b82f659;transform:translateY(-1px)}#mobileTopicBtn.empty-state-subtitle:active{transform:scale(.98)}.empty-state-title.float-dismissing,.empty-state-subtitle.float-dismissing{animation:floatDismiss .3s ease-out forwards;pointer-events:none}@keyframes floatDismiss{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.empty-state-stats{display:flex;justify-content:center;gap:20px;margin:0 0 24px;padding:12px 16px;background:var(--bg-hover, rgba(0,0,0,.03));border-radius:12px;flex-wrap:wrap}.empty-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}.empty-stat-clickable{cursor:pointer;border-radius:8px;padding:4px 8px;transition:background .2s,transform .15s}.empty-stat-clickable:hover{background:var(--color-surface-2, #f0f0f0);transform:scale(1.05)}.empty-stat-clickable:active{transform:scale(.97)}body.dark .empty-stat-clickable:hover{background:var(--color-surface-2-dark, #2a2a2a)}.empty-stat-icon{font-size:18px;line-height:1}.empty-stat-value{font-size:var(--font-size-base, 15px);font-weight:700;color:var(--color-text-main, #111827)}.empty-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary, #6b7280)}.empty-stat-item.streak-active .empty-stat-icon{animation:streakPulse 2s ease-in-out infinite}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}body.dark .empty-state-stats{background:var(--surface-2, #232329)}body.dark .empty-stat-value{color:var(--color-text-main, #f3f4f6)}.empty-state-smart-tip{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:0 0 16px;background:linear-gradient(135deg,var(--color-primary-light, #dbeafe) 0%,transparent 100%);border-radius:10px;border:1px solid rgba(37,99,235,.2)}.smart-tip-text{font-size:var(--font-size-sm, 13px);color:var(--color-text-main, #111827);flex:1}.smart-tip-btn{font-size:var(--font-size-sm, 13px);font-weight:600;color:var(--color-primary, #2563eb);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.smart-tip-btn:hover{background:#2563eb1a}body.dark .empty-state-smart-tip{background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,transparent 100%);border-color:#6366f133}body.dark .smart-tip-text{color:var(--color-text-main, #f3f4f6)}body.dark .smart-tip-btn{color:var(--accent-primary, #818cf8)}.empty-state-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.empty-state-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:12px;border:1px solid var(--color-border, #e5e7eb);background:var(--bg-input, #fff);cursor:pointer;transition:border-color var(--transition-base, .2s ease),box-shadow var(--transition-base, .2s ease),transform var(--transition-fast, .15s ease);min-width:96px;color:inherit;font-family:inherit;animation:cardSlideIn .3s ease backwards}.empty-state-card:hover{border-color:var(--color-primary, #2563eb);box-shadow:0 2px 12px #2563eb1f;transform:translateY(-2px)}.empty-state-card:active{transform:translateY(0);box-shadow:0 1px 4px #2563eb1a}.empty-card-icon{font-size:22px;line-height:1}.empty-card-label{font-size:var(--font-size-base, 15px);font-weight:600;color:var(--color-text-main, #111827);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-card-desc{font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary, #6b7280);overflow-wrap:break-word}@media(min-width:769px){.empty-card-desc{display:none}}.empty-state-recent{margin-top:28px;padding-top:20px;border-top:1px solid var(--color-border, #e5e7eb);text-align:left}.empty-recent-label{font-size:var(--font-size-xs, 11px);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);font-weight:600}.empty-recent-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.empty-recent-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-hover, #f8f8f8);border-radius:8px;font-size:var(--font-size-sm, 13px);cursor:pointer;transition:background var(--transition-fast, .15s ease)}.empty-recent-item:hover{background:var(--color-border, #e0e0e0)}body.dark .empty-state-card{border-color:var(--surface-3, #2a2a32);background:var(--surface-2, #232329)}body.dark .empty-state-card:hover{border-color:var(--accent-primary, #6366f1);box-shadow:0 2px 12px #6366f126}body.dark .empty-recent-item{background:var(--surface-2, #232329)}body.dark .empty-recent-item:hover{background:var(--surface-3, #2a2a32)}body.dark .empty-state-title{color:var(--color-text-main, #f3f4f6)}body.dark .empty-state-subtitle{color:var(--color-text-secondary, #9ca3af)}body.dark .empty-state-learning-name{color:var(--color-text-main, #f3f4f6)}body.dark .empty-state-hero:hover{background:var(--bg-hover, rgba(255,255,255,.05))}body.dark .empty-state-level{background:var(--color-primary-light, rgba(99,102,241,.2));color:var(--accent-primary, #818cf8)}body.dark .empty-state-recent{border-top-color:var(--color-border, #374151)}body.dark .empty-card-label{color:var(--color-text-main, #f3f4f6)}body.dark .empty-recent-label{color:var(--color-text-secondary, #9ca3af)}.empty-recent-view-all{margin-top:8px;padding:6px 12px;background:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:6px;font-size:var(--font-size-xs, 11px);font-weight:600;cursor:pointer;transition:background var(--transition-fast, .15s ease);display:none}.empty-recent-view-all:hover{background:var(--color-primary-dark, #1d4ed8)}body.dark .empty-recent-view-all{background:var(--color-primary, #3b82f6);color:#fff}body.dark .empty-recent-view-all:hover{background:var(--color-primary, #60a5fa)}#historyDrawerBtn{position:absolute;top:8px;right:8px;background:var(--surface-0, #fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0;z-index:10}#historyDrawerBtn:hover{background-color:var(--bg-hover);border-color:var(--color-primary)}#historyDrawerBtn i{pointer-events:none}.history-badge{position:absolute;bottom:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;pointer-events:none;line-height:1}body.dark #historyDrawerBtn{border-color:var(--color-border, #374151)}body.dark .history-badge{background:var(--color-primary, #3b82f6)}.history-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.history-drawer-modal{background:var(--surface-0, #fff);border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl, 0 25px 50px -12px rgba(0,0,0,.25))}.history-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb);flex-shrink:0}.history-drawer-title{font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-text-main, #111827);display:flex;align-items:center;gap:8px}.history-drawer-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary, #6b7280);padding:4px;line-height:1;border-radius:6px;transition:background .2s}.history-drawer-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--color-text-main, #111827)}.history-drawer-body{flex:1;overflow-y:auto;padding:12px}.history-drawer-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color, #e5e7eb);padding:0 12px}.history-drawer-tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--color-text-secondary, #6b7280);transition:all .2s;display:flex;align-items:center;gap:6px}.history-drawer-tab.active{color:var(--color-accent, #6366f1);border-bottom-color:var(--color-accent, #6366f1);font-weight:600}.history-drawer-tab:hover:not(.active){color:var(--color-text-main, #111827)}.history-drawer-tab-count{background:var(--color-accent, #6366f1);color:#fff;font-size:.65rem;padding:1px 5px;border-radius:10px;font-weight:700}.saved-drawer-subtabs{display:flex;gap:0;padding:8px 12px 0}.saved-drawer-subtab{padding:6px 12px;background:#0000000a;border:1px solid var(--border-color, #e5e7eb);border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;font-size:.72rem;font-weight:500;color:var(--color-text-secondary, #6b7280);transition:all .2s}.saved-drawer-subtab.active{background:var(--bg-card, #fff);color:var(--color-accent, #6366f1);font-weight:600;border-bottom-color:transparent}.saved-drawer-content{padding:12px}.saved-drawer-empty{text-align:center;padding:30px 16px;color:var(--color-text-secondary, #6b7280);font-size:.85rem}.saved-drawer-empty span{font-size:32px;display:block;margin-bottom:8px;opacity:.5}.saved-drawer-empty-sub{font-size:.75rem;color:var(--color-text-tertiary, #9ca3af);margin-top:4px}.saved-transcript-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:4px;border:1px solid var(--border-color, #e5e7eb)}.saved-transcript-item:hover{background:var(--bg-hover, #f3f4f6)}.saved-transcript-item-info{flex:1;min-width:0}.saved-transcript-item-title{font-size:.82rem;font-weight:500;color:var(--color-text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-transcript-item-meta{font-size:.68rem;color:var(--color-text-secondary, #6b7280);margin-top:2px}.saved-transcript-item-actions{display:flex;gap:4px}.saved-transcript-item-actions button{background:none;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:4px 8px;font-size:.7rem;cursor:pointer;color:var(--color-text-secondary, #6b7280);transition:all .15s}.saved-transcript-item-actions button:hover{background:var(--bg-hover, #f3f4f6);color:var(--color-text-main, #111827)}body.dark .history-drawer-tab.active{color:#a5b4fc;border-bottom-color:#818cf8}body.dark .saved-drawer-subtab.active{background:var(--bg-card, #1f2937);color:#a5b4fc}body.dark .saved-transcript-item{border-color:#374151}body.dark .saved-transcript-item:hover{background:#1f2937}.saved-print-coll{margin-bottom:6px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.saved-print-coll-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background .15s;background:#00000005}.saved-print-coll-header:hover{background:var(--bg-hover, #f3f4f6)}.saved-print-coll-arrow{font-size:.6rem;color:var(--color-text-secondary, #6b7280);width:12px;flex-shrink:0}.saved-print-coll-name{flex:1;min-width:0;font-size:.82rem;font-weight:600;color:var(--color-text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-print-coll-meta{font-size:.68rem;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.saved-print-coll-items{border-top:1px solid var(--border-color, #e5e7eb)}.saved-print-item{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 24px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-color, #e5e7eb)}.saved-print-item:last-child{border-bottom:none}.saved-print-item:hover{background:var(--bg-hover, #f3f4f6)}.saved-print-item-info{flex:1;min-width:0}.saved-print-item-name{font-size:.8rem;font-weight:500;color:var(--color-text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.saved-print-item-meta{font-size:.66rem;color:var(--color-text-secondary, #6b7280);margin-top:1px;display:block}.saved-print-item-arrow{color:var(--color-text-tertiary, #9ca3af);font-size:.85rem}.saved-print-item-empty{padding:12px 24px;font-size:.75rem;color:var(--color-text-tertiary, #9ca3af);font-style:italic}.saved-drawer-loading{text-align:center;padding:24px;color:var(--color-text-secondary, #6b7280);font-size:.8rem}body.dark .saved-print-coll{border-color:#374151}body.dark .saved-print-coll-header{background:#ffffff08}body.dark .saved-print-coll-header:hover{background:#1f2937}body.dark .saved-print-coll-name{color:#e5e7eb}body.dark .saved-print-coll-items{border-top-color:#374151}body.dark .saved-print-item{border-bottom-color:#374151}body.dark .saved-print-item:hover{background:#1f2937}body.dark .saved-print-item-name{color:#e5e7eb}.history-drawer-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary, #6b7280)}.history-drawer-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.history-drawer-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:4px}.history-drawer-item:hover{background:var(--bg-hover, #f3f4f6)}.history-drawer-item-icon{font-size:20px;flex-shrink:0}.history-drawer-item-info{flex:1;min-width:0}.history-drawer-item-label{font-size:var(--font-size-sm, 14px);color:var(--color-text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-drawer-item-time{font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary, #6b7280);margin-top:2px}body.dark .history-drawer-modal{background:var(--surface-2, #232329)}body.dark .history-drawer-header{border-bottom-color:var(--color-border, #374151)}body.dark .history-drawer-title{color:var(--color-text-main, #f3f4f6)}body.dark .history-drawer-close{color:var(--color-text-secondary, #9ca3af)}body.dark .history-drawer-close:hover{background:var(--surface-3, #2a2a32);color:var(--color-text-main, #f3f4f6)}body.dark .history-drawer-item:hover{background:var(--surface-3, #2a2a32)}body.dark .history-drawer-item-label{color:var(--color-text-main, #f3f4f6)}@media(max-width:480px){.history-drawer-modal{width:100%;height:100vh;max-width:100%;max-height:100vh;border-radius:0;margin-top:0}.history-drawer-overlay{align-items:stretch;padding:0}}@container (min-width: 600px){.empty-state-suggestions{grid-template-columns:repeat(4,1fr)}}#main-container.sidebar-collapsed .empty-state-content{max-width:1000px}#main-container.sidebar-collapsed .empty-state-card{padding:14px 12px}@media(max-width:768px){.right-panel-empty-state{min-height:160px;padding:24px 16px}.empty-state-hero{flex-wrap:wrap;justify-content:center;gap:8px}.empty-state-flag{font-size:32px;display:inline-flex;align-items:center;justify-content:center}.empty-state-suggestions{gap:8px}.empty-state-card{padding:14px 16px;min-width:84px}.empty-card-icon{font-size:24px}.empty-state-stats{gap:12px;padding:10px 12px}.empty-stat-value{font-size:var(--font-size-sm, 13px)}}.empty-state-card.card-disabled{opacity:.45;pointer-events:none;cursor:default;filter:grayscale(.3)}.empty-state-card[data-action=culture]{background:linear-gradient(135deg,var(--bg-input, #fff) 0%,var(--color-primary-light, #dbeafe) 100%)}body.dark .empty-state-card[data-action=culture]{background:linear-gradient(135deg,var(--surface-2, #232329) 0%,rgba(99,102,241,.15) 100%)}.empty-state-section-label{grid-column:1 / -1;display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary, #6366f1);padding:2px 0 2px 4px;margin-top:4px;border-bottom:1px solid var(--color-border, rgba(0,0,0,.06));-webkit-user-select:none;user-select:none}.empty-state-section-separator{font-size:0;padding:0;margin-top:2px;border-top:1px solid var(--color-border, rgba(0,0,0,.06))}body.dark .empty-state-section-label{color:var(--color-text-secondary, #9ca3af)}body.dark .empty-state-section-separator{border-top-color:var(--color-border, rgba(255,255,255,.06))}.empty-state-card:nth-child(1){animation-delay:.05s}.empty-state-card:nth-child(2){animation-delay:.1s}.empty-state-card:nth-child(3){animation-delay:.15s}.empty-state-card:nth-child(4){animation-delay:.2s}.empty-state-card:nth-child(5){animation-delay:.25s}.empty-state-card:nth-child(6){animation-delay:.3s}.empty-state-card:nth-child(7){animation-delay:.35s}.empty-state-card:nth-child(8){animation-delay:.4s}.empty-state-card:nth-child(9){animation-delay:.45s}.empty-state-card:nth-child(10){animation-delay:.5s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.empty-state-flag.learning{animation:flagFloat 3s ease-in-out infinite}@keyframes flagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.empty-state-flag.learning,.empty-state-card,.empty-stat-item.streak-active .empty-stat-icon,.empty-state-title.float-dismissing,.empty-state-subtitle.float-dismissing{animation:none!important}}.drawer-header-lang{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--color-text-main, #111827);transition:opacity .3s ease}.drawer-header-lang.loading{opacity:0}.drawer-header-lang .drawer-lang-flag{font-size:20px;line-height:1}.drawer-header-lang .drawer-lang-arrow{font-size:14px;color:var(--color-text-secondary, #6b7280);margin:0 2px}.drawer-header-lang .drawer-lang-name{font-size:14px;font-weight:600;color:var(--color-text-main, #111827)}.drawer-header-lang .drawer-lang-level{font-size:9px;padding:1px 5px;background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #2563eb);border-radius:4px;font-weight:700;line-height:1.4;vertical-align:middle}body.dark .drawer-header-lang{color:var(--color-text-main, #e5e7eb)}body.dark .drawer-header-lang .drawer-lang-arrow{color:var(--color-text-secondary, #9ca3af)}body.dark .drawer-header-lang .drawer-lang-level{background:#6366f133;color:#818cf8}.empty-state-card.card-hidden{display:none}@media(max-width:767px){#emptyStateStats,#emptyStateStats:not(.has-values){display:flex!important}}#emptyStateStats:not(.has-values){display:none!important}#emptyStatDue.hidden,#emptyStatDue[data-value="0"]{display:none}.repeat-hint{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-top:4px;background:var(--bg-hover, #f3f4f6);border-radius:8px;font-size:.8rem;color:var(--color-text-secondary, #6b7280)}body.dark .repeat-hint{background:var(--surface-2, #232329);color:var(--color-text-muted, #9ca3af)}.repeat-hint-icon{font-size:.9rem}.repeat-hint-text{line-height:1.3}@media(min-width:768px){.quick-select-greyed-row.in-right-panel{display:flex;gap:10px;margin-top:0;margin-bottom:20px;justify-content:center}.quick-select-greyed-row.in-right-panel .quick-select-btn{flex:1;max-width:180px;padding:14px 10px;border-radius:12px;border:2px solid var(--color-border, #e0e0e0);background:var(--surface-0, #fff);transition:all .2s ease}.quick-select-greyed-row.in-right-panel .quick-select-btn:hover{border-color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #f0f4ff);transform:translateY(-1px)}.quick-select-greyed-row.in-right-panel .qs-desc{display:block;font-size:11px;color:var(--color-text-tertiary, #9ca3af);margin-top:2px}.quick-select-greyed-row.in-right-panel .quick-select-icon{font-size:18px}.quick-select-greyed-row.in-right-panel .quick-select-text{font-size:13px;font-weight:600}}.quick-select-greyed-row.in-right-panel .quick-select-label,.quick-select-greyed-row.in-right-panel .quick-select-divider{display:none}@keyframes tools-highlight-pulse{0%{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb26}to{box-shadow:0 0 #2563eb00}}.empty-state-suggestions.tools-highlight{animation:tools-highlight-pulse 1.2s ease-out;border-radius:16px}.exs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--duration-normal, .2s),visibility var(--duration-normal, .2s)}.exs-modal.active{opacity:1;visibility:visible}.exs-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exs-container{position:relative;width:100%;max-width:1000px;max-height:95vh;background:var(--bg-primary, #1a1a2e);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,.3));display:flex;flex-direction:column;overflow:hidden;margin:var(--space-3, 12px)}.exs-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--bg-secondary, #16213e);border-bottom:1px solid rgba(255,255,255,.1)}.exs-title{font-size:22px;font-weight:700;color:#fff;margin:0}.exs-close{width:36px;height:36px;border:none;background:#ffffff1a;color:#ffffffb3;border-radius:var(--radius-full, 100px);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast, .15s)}.exs-close:hover{background:#fff3;color:#fff}.exs-info{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:13px;color:var(--text-secondary, rgba(255,255,255,.6));text-align:center;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.exs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2, 10px);padding:var(--space-4, 16px);overflow-y:auto;flex:1}.exs-tile{display:flex;flex-direction:column;align-items:center;padding:var(--space-3, 12px) var(--space-2, 8px);min-height:130px;background:var(--bg-secondary, #16213e);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all var(--duration-fast, .15s);text-align:center}.exs-tile-icon{font-size:28px;margin-bottom:var(--space-1, 4px);font-size:32px;margin-bottom:var(--space-2, 8px)}.exs-tile-name{font-size:13px;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.exs-tile-modes{font-size:10px;font-size:11px;color:#7b2ff7;background:#7b2ff726;padding:2px 8px;border-radius:var(--radius-full, 100px);margin-bottom:6px}.exs-tile-desc{font-size:10px;display:none;font-size:11px;color:var(--text-secondary, rgba(255,255,255,.5));line-height:1.3}.exs-tile:hover{background:#7b2ff726;border-color:#7b2ff7;transform:translateY(-2px)}.exs-tile:active{transform:translateY(0)}.exs-status{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:13px;color:var(--text-secondary, rgba(255,255,255,.7));text-align:center;min-height:20px;max-height:100px;overflow-y:auto}.exs-footer{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-secondary, #16213e);border-top:1px solid rgba(255,255,255,.1)}.exs-hint{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.4));display:block;text-align:center}@media(max-width:480px){.exs-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2, 8px);padding:var(--space-3, 12px)}.exs-tile{padding:var(--space-3, 12px) var(--space-2, 8px)}.exs-tile-icon{font-size:24px}.exs-tile-name{font-size:12px}.exs-tile-desc{display:none}}.grammar-diag-overlay,.failure-suggestion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:16px}.grammar-diag-overlay.visible,.failure-suggestion-overlay.visible{opacity:1}.grammar-diag-container{background:var(--bg-primary, #fff);color:var(--text-primary, #222);border-radius:16px;max-width:480px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.grammar-diag-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light, #eee)}.grammar-diag-header h3{margin:0;font-size:18px}.grammar-diag-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary, #666);padding:4px 8px;border-radius:8px}.grammar-diag-close:hover{background:var(--bg-hover, #f0f0f0)}.grammar-diag-body{padding:16px 20px}.grammar-diag-section{margin-bottom:16px}.grammar-diag-section-title{font-size:14px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.grammar-diag-summary{font-size:15px;line-height:1.6;color:var(--text-primary, #222);background:var(--bg-secondary, #f8f8f8);padding:12px 16px;border-radius:10px;border-left:3px solid var(--accent, #6366f1)}.grammar-diag-words{display:flex;flex-wrap:wrap;gap:6px}.grammar-diag-word-tag{background:var(--accent-light, #eef2ff);color:var(--accent, #6366f1);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.grammar-diag-forms{display:flex;flex-direction:column;gap:6px}.grammar-diag-form-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:var(--bg-secondary, #f8f8f8);border-radius:8px}.grammar-diag-form-name{font-size:14px}.grammar-diag-form-score{font-size:14px;font-weight:600}.grammar-diag-down{color:#ef4444}.grammar-diag-up{color:#22c55e}.grammar-diag-extra{font-size:14px;line-height:1.5}.grammar-diag-weak{color:#f59e0b;font-weight:500;margin-bottom:4px}.grammar-diag-rec{color:var(--text-secondary, #666)}.grammar-diag-footer{padding:12px 20px 16px;text-align:center;border-top:1px solid var(--border-light, #eee)}.grammar-diag-dismiss{background:var(--accent, #6366f1);color:#fff;border:none;padding:10px 32px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s}.grammar-diag-dismiss:hover{opacity:.85}.failure-suggestion-container{background:var(--bg-primary, #fff);color:var(--text-primary, #222);border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d}.failure-suggestion-header{padding:20px 20px 8px;text-align:center}.failure-suggestion-header h3{margin:0;font-size:20px}.failure-suggestion-body{padding:8px 20px 16px;text-align:center}.failure-suggestion-body p{margin:6px 0;font-size:15px;line-height:1.5}.failure-suggestion-footer{padding:12px 20px 20px;display:flex;flex-direction:column;gap:8px}.failure-btn{border:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s;width:100%}.failure-btn:hover{opacity:.85}.failure-btn-lower{background:var(--accent, #6366f1);color:#fff}.failure-btn-keep{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #222)}.failure-btn-stop{background:none;color:var(--text-tertiary, #999);font-size:13px;padding:8px}.dark .grammar-diag-container,.dark .failure-suggestion-container{background:#1e1e2e;color:#e0e0e0}.dark .grammar-diag-close{color:#888}.dark .grammar-diag-close:hover,.dark .grammar-diag-summary,.dark .grammar-diag-form-row{background:#2a2a3e}.dark .failure-btn-keep{background:#2a2a3e;color:#e0e0e0}/**
 * Exercise Feedback Animation Styles
 *
 * Three-tier animation system for exercise answers:
 *   T1 — CSS shapes (every answer)
 *   T2 — Emoji accents (select moments)
 *   T3 — Lottie premium (milestone celebrations)
 *
 * All animations respect prefers-reduced-motion.
 *
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */@media(prefers-reduced-motion:reduce){.ef-overlay,.ef-overlay *{animation:none!important;transition:none!important;opacity:0!important;display:none!important}}.ef-overlay{position:fixed;z-index:10000;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease}.ef-overlay.ef-active{opacity:1;transform:scale(1)}.ef-overlay.ef-exit{opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.ef-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:24px;font-weight:700;line-height:1}.ef-check{background:#10b981;color:#fff;box-shadow:0 0 #10b98166}.ef-check_pop .ef-check{animation:ef-check-pop .4s ease-out forwards}@keyframes ef-check-pop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1;box-shadow:0 0 20px #10b98199}to{transform:scale(1) rotate(0);opacity:1;box-shadow:0 0 8px #10b9814d}}.ef-check_bounce .ef-check{background:linear-gradient(135deg,#10b981,#34d399);animation:ef-check-bounce .6s ease-out forwards}@keyframes ef-check-bounce{0%{transform:scale(0) translateY(0);opacity:0}40%{transform:scale(1.15) translateY(-12px);opacity:1}60%{transform:scale(1) translateY(0);box-shadow:0 0 24px #10b98180}80%{transform:scale(1.05) translateY(-4px)}to{transform:scale(1) translateY(0);box-shadow:0 0 12px #10b9814d}}.ef-star{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ef-star_burst .ef-star,.ef-streak_glow .ef-star{animation:ef-star-burst .8s ease-out forwards}@keyframes ef-star-burst{0%{transform:scale(0);filter:brightness(2)}40%{transform:scale(1.4);filter:brightness(1.5);box-shadow:0 0 30px #f59e0b99}70%{transform:scale(.95)}to{transform:scale(1);filter:brightness(1);box-shadow:0 0 16px #f59e0b66}}.ef-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#fbbf24;opacity:0}.ef-star_burst .ef-particle,.ef-streak_glow .ef-particle{animation:ef-particle-out .7s ease-out forwards}.ef-p1{animation-delay:.05s;--px: 30px;--py: 0px}.ef-p2{animation-delay:.1s;--px: 0px;--py: 30px}.ef-p3{animation-delay:.15s;--px: -30px;--py: 0px}.ef-p4{animation-delay:.2s;--px: 0px;--py: -30px}@keyframes ef-particle-out{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(var(--px),var(--py)) scale(0);opacity:0}}.ef-streak_glow .ef-star{background:linear-gradient(135deg,#f59e0b,#ef4444);animation:ef-streak-glow 1s ease-in-out forwards}@keyframes ef-streak-glow{0%{transform:scale(0)}30%{transform:scale(1.3);box-shadow:0 0 40px #f59e0bb3,0 0 80px #ef44444d}50%{transform:scale(1)}70%{transform:scale(1.1);box-shadow:0 0 30px #f59e0b80}to{transform:scale(1);box-shadow:0 0 20px #f59e0b4d}}.ef-wrong{background:#ef4444;color:#fff}.ef-wrong_shake .ef-wrong{animation:ef-wrong-shake .5s ease-in-out forwards}@keyframes ef-wrong-shake{0%{transform:scale(0);opacity:0}15%{transform:scale(1.1) translate(-8px);opacity:1}30%{transform:scale(1) translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.ef-wrong.ef-big{width:56px;height:56px;font-size:28px}.ef-streak_lost .ef-wrong{animation:ef-streak-lost .7s ease-in-out forwards}@keyframes ef-streak-lost{0%{transform:scale(0);opacity:0}20%{transform:scale(1.15) translate(-10px);opacity:1}35%{transform:scale(1) translate(10px)}50%{transform:translate(-8px)}65%{transform:translate(8px)}80%{transform:translate(-4px)}to{transform:translate(0) scale(1);opacity:.9}}.ef-badge{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#ef4444;white-space:nowrap;opacity:0;animation:ef-badge-fade .7s ease-out .3s forwards}@keyframes ef-badge-fade{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:.8;transform:translate(-50%) translateY(0)}}.ef-encourage{background:#3b82f6;color:#fff;font-size:20px}.ef-soft_encourage .ef-encourage{animation:ef-encourage-pulse .6s ease-out forwards}@keyframes ef-encourage-pulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 16px #3b82f680}to{transform:scale(1);opacity:.9;box-shadow:0 0 8px #3b82f64d}}.ef-hint{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:#3b82f6;white-space:nowrap;opacity:0;animation:ef-badge-fade .5s ease-out .2s forwards}.ef-emoji{background:none;font-size:36px;width:56px;height:56px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ef-first_correct .ef-emoji{animation:ef-emoji-star .9s ease-out forwards}@keyframes ef-emoji-star{0%{transform:scale(0) rotate(-180deg);opacity:0}40%{transform:scale(1.3) rotate(10deg);opacity:1}60%{transform:scale(.95) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.ef-nice_try .ef-emoji{animation:ef-emoji-flex .7s ease-out forwards}@keyframes ef-emoji-flex{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}.ef-lottie{width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ef-overlay.ef-confetti,.ef-overlay.ef-star_celebrate,.ef-overlay.ef-diamond,.ef-overlay.ef-trophy{width:120px;height:120px}.ef-confetti .ef-star{animation:ef-confetti-fallback 1.5s ease-out forwards}@keyframes ef-confetti-fallback{0%{transform:scale(0) rotate(0)}30%{transform:scale(1.3) rotate(180deg);box-shadow:0 0 30px #10b98199}60%{transform:scale(1) rotate(360deg)}to{transform:scale(.8) rotate(400deg);opacity:.5}}@media(max-width:640px){.ef-icon{width:40px;height:40px;font-size:20px}.ef-emoji{width:48px;height:48px;font-size:30px}.ef-wrong.ef-big{width:48px;height:48px;font-size:24px}.ef-lottie{width:96px;height:96px}}.focus-flame-container{position:absolute;top:0;left:60px;width:48px;height:48px;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.api-chat-header>.focus-flame-container{left:auto;right:120px}.words-modal-header>.focus-flame-container{left:auto;right:160px}.focus-flame-container.visible{opacity:1}.focus-flame-icon{font-size:28px;line-height:1;transition:transform .6s ease,opacity .6s ease,filter .6s ease;position:relative}.focus-flame-container.focus-full .focus-flame-icon{transform:scale(1);opacity:1;filter:brightness(1) drop-shadow(0 0 6px rgba(255,140,0,.6));animation:focusFlamePulse 2s ease-in-out infinite}.focus-flame-container.focus-high .focus-flame-icon{transform:scale(.85);opacity:.75;filter:brightness(.85) drop-shadow(0 0 4px rgba(255,160,0,.4));animation:focusFlamePulse 3s ease-in-out infinite}.focus-flame-container.focus-medium .focus-flame-icon{transform:scale(.65);opacity:.5;filter:brightness(.6) drop-shadow(0 0 2px rgba(255,120,0,.3));animation:focusFlamePulse 4s ease-in-out infinite}.focus-flame-container.focus-low .focus-flame-icon{transform:scale(.45);opacity:.3;filter:brightness(.4) grayscale(.3);animation:focusFlameFlicker .8s ease-in-out infinite}.focus-flame-container.focus-dead .focus-flame-icon{transform:scale(0);opacity:0;animation:none}.focus-flame-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;color:var(--color-text-muted, #888);white-space:nowrap;opacity:0;transition:opacity .4s ease;letter-spacing:.3px}.focus-flame-container.focus-dead .focus-flame-label{opacity:1}.focus-flame-container.focus-low .focus-flame-label{opacity:.6}.focus-embers{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.focus-ember{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffa000cc;opacity:0;pointer-events:none}.focus-flame-container.focus-full .focus-ember,.focus-flame-container.focus-high .focus-ember{animation:focusEmberFloat 1.5s ease-out infinite}.focus-flame-container.focus-high .focus-ember{animation-duration:2s;opacity:.5}.focus-flame-container.focus-medium .focus-ember,.focus-flame-container.focus-low .focus-ember,.focus-flame-container.focus-dead .focus-ember{animation:none;opacity:0}.focus-ember:nth-child(1){animation-delay:0s;--ember-x: -6px}.focus-ember:nth-child(2){animation-delay:.4s;--ember-x: 4px}.focus-ember:nth-child(3){animation-delay:.8s;--ember-x: -2px}.focus-ember:nth-child(4){animation-delay:1.2s;--ember-x: 6px}.focus-flame-container.focus-ignite .focus-flame-icon{animation:focusIgnite .4s ease-out forwards}@keyframes focusFlamePulse{0%,to{transform:scale(var(--flame-scale, 1))}50%{transform:scale(calc(var(--flame-scale, 1) * 1.08))}}.focus-flame-container.focus-full{--flame-scale: 1}.focus-flame-container.focus-high{--flame-scale: .85}.focus-flame-container.focus-medium{--flame-scale: .65}@keyframes focusFlameFlicker{0%,to{opacity:.3;transform:scale(.45)}25%{opacity:.15;transform:scale(.4)}75%{opacity:.35;transform:scale(.5)}}@keyframes focusEmberFloat{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:.8}to{opacity:0;transform:translate(var(--ember-x, 0),-20px) scale(0)}}@keyframes focusIgnite{0%{transform:scale(.3);opacity:.2;filter:brightness(2)}60%{transform:scale(1.2);opacity:1;filter:brightness(1.3)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.focus-smoke{position:absolute;width:8px;height:8px;border-radius:50%;background:#96969626;opacity:0;pointer-events:none;filter:blur(2px)}.focus-flame-container.focus-dead .focus-smoke{animation:focusSmokeRise 2s ease-out infinite}.focus-smoke:nth-child(1){animation-delay:0s}.focus-smoke:nth-child(2){animation-delay:.7s}.focus-smoke:nth-child(3){animation-delay:1.4s}@keyframes focusSmokeRise{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:.3}to{opacity:0;transform:translateY(-18px) scale(1.5) translate(3px)}}.api-chat-header,.reading-modal-header,.writing-modal-header,.pos-modal-header,.words-modal-header,.cw-modal__header{position:relative}.focus-stats-section{padding:12px 16px;border-top:1px solid var(--color-border, rgba(255,255,255,.1))}.focus-stats-section h4{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--color-text, #e0e0e0)}.focus-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.focus-stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #aaa)}.focus-stat-item .focus-stat-value{font-weight:700;color:var(--color-text, #e0e0e0);font-variant-numeric:tabular-nums}.focus-stats-period{display:flex;gap:8px;margin-bottom:8px}.focus-stats-period button{font-size:11px;padding:2px 8px;border-radius:10px;border:1px solid var(--color-border, rgba(255,255,255,.15));background:transparent;color:var(--color-text-secondary, #aaa);cursor:pointer;transition:all .2s}.focus-stats-period button.active{background:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5)}.focus-stats-period button:hover:not(.active){background:#ffffff0d}@media(max-width:640px){.focus-flame-container{width:36px;height:36px;left:48px}.api-chat-header>.focus-flame-container{right:100px}.focus-flame-icon{font-size:22px}.focus-flame-label{font-size:8px;bottom:-14px}.focus-stats-grid{grid-template-columns:1fr}}.beginner-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;justify-content:center;align-items:center;padding:16px}.beginner-modal-content{background:var(--bg-primary, #fff);border-radius:16px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:beginner-modal-in .3s ease-out}@keyframes beginner-modal-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.beginner-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary, #666);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.beginner-modal-close:hover{background:var(--bg-hover, rgba(0,0,0,.05));color:var(--text-primary, #333)}.beginner-recommend{padding:32px 24px;text-align:center}.beginner-recommend-body{padding-top:16px}.beginner-recommend-icon{font-size:56px;margin-bottom:16px;line-height:1}.beginner-recommend-title{font-size:22px;font-weight:600;margin:0 0 8px;color:var(--text-primary, #333)}.beginner-recommend-level{font-size:14px;color:var(--text-secondary, #666);margin:0 0 8px}.beginner-recommend-desc{font-size:14px;color:var(--text-tertiary, #999);margin:0 0 24px}.beginner-recommend-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.beginner-browse{padding:24px}.beginner-browse-title{font-size:20px;font-weight:600;margin:12px 0 16px;color:var(--text-primary, #333);text-align:center}.beginner-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding-bottom:16px}.beginner-topic-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:12px;border:2px solid var(--border-light, #e0e0e0);background:var(--bg-primary, #fff);cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.beginner-topic-tile:hover{border-color:var(--accent-primary, #4CAF50);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.beginner-topic-tile.beginner-topic-completed{border-color:#4caf50;background:#4caf500d}.beginner-topic-tile.beginner-topic-current{border-color:#2196f3;background:#2196f30d}.beginner-tile-icon{font-size:28px;line-height:1}.beginner-tile-name{font-size:12px;font-weight:500;color:var(--text-primary, #333);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.beginner-tile-level{font-size:10px;font-weight:600;color:var(--text-secondary, #666)}.beginner-tile-check{position:absolute;top:6px;right:6px;background:#4caf50;color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.beginner-tile-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#2196f3;color:#fff;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:500;white-space:nowrap}.beginner-progress-section{padding:16px 24px 8px;display:flex;flex-direction:column;gap:8px}.beginner-progress-row{display:flex;align-items:center;gap:8px}.beginner-progress-label{min-width:32px;font-size:12px;font-size:11px;font-weight:600;color:var(--color-primary, #6366f1);text-transform:uppercase;letter-spacing:.5px}.beginner-progress-bar{flex:1;height:8px;background:var(--bg-secondary, #e0e0e0);overflow:hidden;padding:8px 12px;margin-bottom:8px;background:var(--bg-secondary, rgba(99, 102, 241, .08));border-radius:8px;border:1px solid var(--color-border, rgba(99, 102, 241, .15))}.beginner-progress-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);height:100%;background:linear-gradient(90deg,var(--color-primary, #6366f1),var(--color-success, #10b981));border-radius:2px;transition:width .5s ease}.beginner-progress-count{color:var(--text-secondary, #666);min-width:32px;text-align:right;font-size:11px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.beginner-level-badge{display:inline-block;padding:2px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:600}.beginner-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;min-width:180px}.beginner-btn-primary{background:#4caf50;color:#fff}.beginner-btn-primary:hover{background:#43a047;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.beginner-btn-secondary{background:transparent;color:var(--text-secondary, #666);border:1px solid var(--border-light, #e0e0e0)}.beginner-btn-secondary:hover{background:var(--bg-hover, rgba(0,0,0,.03));border-color:var(--text-secondary, #666)}@media(max-width:480px){.beginner-modal-content{border-radius:12px;max-height:90vh}.beginner-recommend{padding:24px 16px}.beginner-recommend-icon{font-size:44px}.beginner-recommend-title{font-size:18px}.beginner-topic-grid{grid-template-columns:repeat(3,1fr);gap:8px}.beginner-topic-tile{padding:12px 4px}.beginner-tile-icon{font-size:24px}.beginner-tile-name{font-size:11px}.beginner-btn{min-width:160px;padding:10px 20px;font-size:14px}}.beginner-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.beginner-progress-track{height:4px;background:var(--bg-hover, rgba(0, 0, 0, .06));border-radius:2px;overflow:hidden}.beginner-congrats-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;pointer-events:none}.beginner-congrats-overlay.active{opacity:1;pointer-events:all}.beginner-congrats-card{background:var(--bg-primary, white);border-radius:20px;padding:40px 32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.beginner-congrats-overlay.active .beginner-congrats-card{transform:scale(1)}.beginner-congrats-emoji{font-size:48px;margin-bottom:16px;animation:beginner-bounce 1s ease infinite}@keyframes beginner-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.beginner-congrats-title{font-size:24px;font-weight:700;color:var(--color-text-main, #111827);margin-bottom:8px}.beginner-congrats-subtitle{font-size:14px;color:var(--color-text-secondary, #6b7280);margin-bottom:24px;line-height:1.5}.beginner-congrats-btn{background:linear-gradient(135deg,var(--color-primary, #6366f1),var(--color-success, #10b981));color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.beginner-congrats-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}body.simple-mode .quick-select-buttons .quick-select-btn{border-radius:12px;transition:all .3s ease}body.simple-mode .quick-select-buttons .quick-select-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}body.dark .beginner-modal-content{background:var(--bg-primary, #1f2937)}body.dark .beginner-modal-close{color:var(--text-secondary, #9ca3af)}body.dark .beginner-modal-close:hover{background:var(--bg-hover, rgba(255,255,255,.08));color:var(--text-primary, #f3f4f6)}body.dark .beginner-recommend-title,body.dark .beginner-browse-title,body.dark .beginner-tile-name{color:var(--text-primary, #f3f4f6)}body.dark .beginner-recommend-level,body.dark .beginner-tile-level,body.dark .beginner-progress-count,body.dark .beginner-progress-label{color:var(--text-secondary, #9ca3af)}body.dark .beginner-recommend-desc{color:var(--text-tertiary, #6b7280)}body.dark .beginner-topic-tile{background:var(--bg-primary, #1f2937);border-color:var(--border-light, #374151)}body.dark .beginner-topic-tile:hover{box-shadow:0 4px 12px #0000004d}body.dark .beginner-btn-secondary{color:var(--text-secondary, #9ca3af);border-color:var(--border-light, #374151)}body.dark .beginner-btn-secondary:hover{background:var(--bg-hover, rgba(255,255,255,.05))}body.dark .beginner-progress-bar{background:var(--bg-secondary, #374151)}body.dark .beginner-congrats-card{background:var(--bg-primary, #1f2937)}body.dark .beginner-congrats-title{color:var(--color-text-main, #f3f4f6)}body.dark .beginner-congrats-subtitle{color:var(--color-text-secondary, #9ca3af)}.exs-prefs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--duration-normal, .2s),visibility var(--duration-normal, .2s)}.exs-prefs-modal.active{opacity:1;visibility:visible}.exs-prefs-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exs-prefs-container{position:relative;width:100%;max-width:500px;max-height:85vh;background:var(--bg-primary, #1a1a2e);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,.3));display:flex;flex-direction:column;overflow:hidden;margin:var(--space-4, 16px)}.exs-prefs-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--bg-secondary, #16213e);border-bottom:1px solid rgba(255,255,255,.1)}.exs-prefs-title{font-size:20px;font-weight:700;color:#fff;margin:0}.exs-prefs-close{width:36px;height:36px;border:none;background:#ffffff1a;color:#ffffffb3;border-radius:var(--radius-full, 100px);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast, .15s)}.exs-prefs-close:hover{background:#fff3;color:#fff}.exs-prefs-body{flex:1;overflow-y:auto;padding:var(--space-4, 16px)}.exs-prefs-section{margin-bottom:var(--space-5, 20px)}.exs-prefs-section:last-child{margin-bottom:0}.exs-prefs-section-title{font-size:13px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.6));text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3, 12px)}.exs-prefs-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2, 8px) var(--space-3, 12px);margin-bottom:var(--space-1, 4px);border-radius:var(--radius-md, 8px);background:#ffffff08;transition:background var(--duration-fast, .15s)}.exs-prefs-row:hover{background:#ffffff0f}.exs-prefs-row-label{display:flex;align-items:center;gap:var(--space-2, 8px);flex:1;min-width:0}.exs-prefs-row-icon{font-size:18px;flex-shrink:0}.exs-prefs-row-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exs-prefs-row-options{display:flex;gap:4px;flex-shrink:0;margin-left:var(--space-3, 12px)}.exs-prefs-opt{padding:4px 12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full, 100px);font-size:12px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-secondary, rgba(255,255,255,.5));transition:all var(--duration-fast, .15s)}.exs-prefs-opt:hover{border-color:#ffffff4d;color:#fff}.exs-prefs-opt.active.exs-prefs-opt-more{background:#4ade8033;border-color:#4ade80;color:#4ade80}.exs-prefs-opt.active.exs-prefs-opt-ok{background:#60a5fa33;border-color:#60a5fa;color:#60a5fa}.exs-prefs-opt.active.exs-prefs-opt-avoid{background:#f8717133;border-color:#f87171;color:#f87171}.exs-prefs-interval{display:flex;align-items:center;gap:var(--space-2, 8px);justify-content:center}.exs-prefs-interval-label{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.6))}.exs-prefs-interval-btn{width:40px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md, 8px);font-size:16px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary, rgba(255,255,255,.5));transition:all var(--duration-fast, .15s)}.exs-prefs-interval-btn:hover{border-color:#ffffff4d;color:#fff}.exs-prefs-interval-btn.active{background:#7b2ff733;border-color:#7b2ff7;color:#7b2ff7}.exs-prefs-footer{display:flex;justify-content:center;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-secondary, #16213e);border-top:1px solid rgba(255,255,255,.1)}.exs-prefs-reset{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.4));background:none;border:none;cursor:pointer;text-decoration:underline;transition:color var(--duration-fast, .15s)}.exs-prefs-reset:hover{color:var(--text-secondary, rgba(255,255,255,.7))}.exs-prefs-diag-toggle{padding:4px 16px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full, 100px);font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary, rgba(255,255,255,.5));transition:all var(--duration-fast, .15s)}.exs-prefs-diag-toggle:hover{border-color:#ffffff4d;color:#fff}.exs-prefs-diag-toggle.active{background:#4ade8033;border-color:#4ade80;color:#4ade80}@media(max-width:480px){.exs-prefs-container{max-width:100%;margin:0;border-radius:0;max-height:100vh}.exs-prefs-row-name{font-size:13px}.exs-prefs-opt{padding:4px 8px;font-size:11px}}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Arabic", "Vazirmatn", "PingFang SC", "Microsoft YaHei", "Hiragino Sans", "Yu Gothic", "Malgun Gothic", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--radius-full:100px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--transition-fast:.15s ease;--transition-base:.2s ease;--font-display:"Outfit", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Arabic", system-ui, sans-serif;--color-primary:#4a90d9;--color-primary-dark:#3a7bc8;--color-primary-light:#5a9fe8;--color-text-main:#333;--color-text-muted:#666;--color-bg-panel:#1e1e1e;--color-bg-panel-light:#2a2a2a;--color-bg-input:#f5f5f5;--color-bg-hover:#f0f0f0;--color-bg-active:#e9ecef;--color-border:#e0e0e0;--color-border-dark:#333;--color-border-light:#f0f0f0;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--animate-modal-slide-in:modal-slide-in .25s ease-out;--animate-panel-fade-in:panel-fade-in .2s ease}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0;margin-inline-end:4px;-webkit-appearance:button;-moz-appearance:button;appearance:button}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.top-0\.5{top:calc(var(--spacing) * .5)}.left-0\.5{left:calc(var(--spacing) * .5)}.isolate{isolation:isolate}.z-8{z-index:8}.z-9{z-index:9}.z-\[100001\]{z-index:100001}.z-\[100002\]{z-index:100002}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.ml-1{margin-left:var(--spacing-1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.grid\!{display:grid!important}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.max-h-\[100dvh\]{max-height:100dvh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-\[90\%\]{width:90%}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[480px\]{max-width:480px}.max-w-md{max-width:var(--container-md)}.min-w-\[40px\]{min-width:40px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.scale-2{--tw-scale-x:2%;--tw-scale-y:2%;--tw-scale-z:2%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-modal-slide-in{animation:var(--animate-modal-slide-in)}.animate-panel-fade-in{animation:var(--animate-panel-fade-in)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:var(--spacing-2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-2) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-transparent{border-color:#0000}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50) 50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-600{background-color:var(--color-yellow-600)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-9{padding:calc(var(--spacing) * 9)}.px-2{padding-inline:var(--spacing-2)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.py-1{padding-block:var(--spacing-1)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-600{color:var(--color-amber-600)}.text-blue-500{color:var(--color-blue-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-purple-600{color:var(--color-purple-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.uppercase\!{text-transform:uppercase!important}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_25px_50px_-12px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 8px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\/live{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.\[al\:\.\.\.\]{al:...}.\[al\:Album\]{al:Album}.\[ar\:\.\.\.\]{ar:...}.\[by\:\.\.\.\]{by:...}.\[mm\:ss\.xx\]{mm:ss.xx}.\[mm\:ss\.xxx\]{mm:ss.xxx}.\[offset\:\.\.\.\]{offset:...}.\[ti\:\.\.\.\]{ti:...}@media(hover:hover){.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}@media(min-width:48rem){.md\:h-auto{height:auto}.md\:max-h-\[85vh\]{max-height:85vh}.md\:w-64{width:calc(var(--spacing) * 64)}.md\:w-\[90\%\]{width:90%}.md\:max-w-\[600px\]{max-width:600px}.md\:flex-row{flex-direction:row}.md\:rounded-xl{border-radius:var(--radius-xl)}}.dark\:border-\[\#2d2d4a\]:where(body.dark *){border-color:#2d2d4a}.dark\:border-\[\#3d3d5c\]:where(body.dark *){border-color:#3d3d5c}.dark\:border-\[2d2d4a\]:where(body.dark *){border-color:2d2d4a}.dark\:border-\[3d3d5c\]:where(body.dark *){border-color:3d3d5c}.dark\:border-blue-400:where(body.dark *){border-color:var(--color-blue-400)}.dark\:bg-\[\#0f0f12\]:where(body.dark *){background-color:#0f0f12}.dark\:bg-\[\#1a1a2e\]:where(body.dark *){background-color:#1a1a2e}.dark\:bg-\[\#232329\]:where(body.dark *){background-color:#232329}.dark\:bg-\[1a1a2e\]:where(body.dark *){background-color:1a1a2e}.dark\:bg-\[232329\]:where(body.dark *){background-color:232329}.dark\:bg-\[rgba\(99\,102\,241\,0\.15\)\]:where(body.dark *){background-color:#6366f126}.dark\:text-\[\#818cf8\]:where(body.dark *){color:#818cf8}.dark\:text-gray-300:where(body.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(body.dark *){color:var(--color-gray-400)}.dark\:text-green-400:where(body.dark *){color:var(--color-green-400)}.dark\:text-purple-400:where(body.dark *){color:var(--color-purple-400)}.dark\:text-white:where(body.dark *){color:var(--color-white)}@media(hover:hover){.dark\:hover\:bg-\[\#2a2a32\]:where(body.dark *):hover{background-color:#2a2a32}.dark\:hover\:bg-\[2a2a32\]:where(body.dark *):hover{background-color:2a2a32}.dark\:hover\:bg-white\/10:where(body.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where(body.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}.animate-modal-slide-in{animation:.25s ease-out modal-slide-in}.animate-panel-fade-in{animation:.2s panel-fade-in}@media(max-width:640px){.output-model-modal{align-items:flex-end;padding:0}.output-model-modal .output-model-content{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:90vh;animation:.25s ease-out modal-slide-up}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:18px;height:18px;margin-top:-6px}input[type=range]::-webkit-slider-runnable-track{background:#e5e5e5;border-radius:3px;width:100%;height:6px}body.dark input[type=range]::-webkit-slider-runnable-track{background:#3d3d5c}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border,#ccc);border-radius:24px;transition:all .3s;position:absolute;top:0;right:0;bottom:0;left:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}body.dark .toggle-slider{background-color:#3d3d5c}body.dark .toggle-slider:before{background-color:#888}body.dark .output-model-tab{color:#888}body.dark .output-model-tab:hover{background:#ffffff0d}body.dark .api-sub-tab{color:#888}body.dark .api-sub-tab:hover{color:#f0f0f0;background:#ffffff0d}body.dark .form-group label{color:#888}body.dark .form-group input{background:var(--surface-0,#0f0f12);color:#f0f0f0;border-color:#2d2d4a}body.dark .test-connection-btn{background:var(--surface-2,#232329);border-color:#3d3d5c}body.dark .advanced-toggle{border-color:#2d2d4a}body.dark .advanced-toggle-text{color:#888}body.dark .output-model-footer{background:var(--surface-2,#232329);border-color:#2d2d4a}body.dark .btn-cancel{color:#aaa;border-color:#3d3d5c}body.dark .btn-cancel:hover{background:var(--surface-3,#2a2a32);color:#f0f0f0}body.dark .api-settings-form{border-color:#2d2d4a}.tw-topic-modal{flex-direction:column;width:95%;max-width:800px;max-height:80vh;display:flex;overflow:hidden}.tw-topic-tabs{flex-wrap:wrap;gap:4px;display:flex}.tw-topic-tab{flex:1;justify-content:center;align-items:center;gap:4px;min-width:80px;display:flex;overflow:hidden}.topic-mode-toggle-row{justify-content:center;margin-bottom:4px;padding:8px 0;display:flex}.topic-mode-toggle{background:var(--color-bg-secondary,#f3f4f6);border-radius:10px;gap:4px;padding:4px;display:flex}.mode-toggle-btn{color:var(--color-text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-toggle-btn:hover{color:var(--color-text-main,#111827);background:#0000000d}.mode-toggle-btn.active{background:var(--color-primary,#6366f1);color:#fff;box-shadow:0 2px 4px #6366f14d}.mode-toggle-icon{font-size:16px}.tw-topic-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;min-height:200px;display:grid}.tw-topic-tile{flex-direction:column;align-items:center;gap:4px;min-height:75px;display:flex;position:relative;overflow:hidden}.tw-topic-tile-header{flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;width:100%;display:flex}.tw-topic-number{white-space:nowrap;flex-shrink:0}.topic-section-badge{color:#ffffffd9;letter-spacing:.3px;z-index:1;background:#00000080;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600;position:absolute;top:6px;right:8px}body.dark .topic-section-badge{color:#ffffffb3;background:#ffffff26}.topic-grammar-badge{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:8px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}body.dark .topic-grammar-badge{color:#a78bfa;background:#8b5cf633}.course-section-btn .section-num{color:var(--color-text-secondary,#64748b);flex-shrink:0;margin-right:6px;font-size:10px;font-weight:600}body.dark .course-section-btn .section-num{color:#94a3b8}.course-section-btn .section-progress-icon{flex-shrink:0;margin-left:auto;margin-right:4px;font-size:12px}.tw-topic-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;line-height:1;display:inline-flex;overflow:hidden}.tw-topic-search{align-items:center;gap:8px;display:flex;position:relative}.tw-mobile-search{display:none}@media(max-width:640px){.tw-mobile-search{display:flex!important}.tw-topic-search:not(.tw-mobile-search){display:none}.tw-topic-search:not(.tw-mobile-search).mobile-visible{display:flex}.tw-level-filter-row{display:none;flex-direction:column;align-items:stretch;gap:8px}.tw-level-filter-row.mobile-visible,.header-icon-btn{display:flex}.topic-section-badge{padding:1px 5px;font-size:9px;top:4px;right:4px}.topic-grammar-badge{padding:1px 6px;font-size:10px}.course-section-btn .section-num{margin-right:4px;font-size:9px}}.tw-mobile-toggle{background:var(--color-bg-secondary,#f1f5f9);border:1px solid var(--color-border,#e2e8f0);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:none}.tw-mobile-toggle:hover{background:var(--color-bg-hover,#e2e8f0);border-color:var(--color-primary,#3b82f6)}.tw-mobile-toggle.active{background:var(--color-primary,#3b82f6);color:#fff;border-color:var(--color-primary,#3b82f6)}@media(max-width:640px){.tw-mobile-toggle{display:flex}}.tw-level-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wp-topic-search{align-items:center;gap:8px;display:flex;position:relative}.text-start{text-align:start}.text-end{text-align:end}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.ms-1{margin-inline-start:4px}.ms-2{margin-inline-start:8px}.ms-3{margin-inline-start:12px}.ms-4{margin-inline-start:16px}.ms-5{margin-inline-start:20px}.ms-6{margin-inline-start:24px}.me-1{margin-inline-end:4px}.me-2{margin-inline-end:8px}.me-3{margin-inline-end:12px}.me-4{margin-inline-end:16px}.me-5{margin-inline-end:20px}.me-6{margin-inline-end:24px}.ps-1{padding-inline-start:4px}.ps-2{padding-inline-start:8px}.ps-3{padding-inline-start:12px}.ps-4{padding-inline-start:16px}.ps-5{padding-inline-start:20px}.ps-6{padding-inline-start:24px}.pe-1{padding-inline-end:4px}.pe-2{padding-inline-end:8px}.pe-3{padding-inline-end:12px}.pe-4{padding-inline-end:16px}.pe-5{padding-inline-end:20px}.pe-6{padding-inline-end:24px}.border-s{border-inline-start:1px solid var(--color-border)}.border-e{border-inline-end:1px solid var(--color-border)}.float-start{float:inline-start}.float-end{float:inline-end}.clear-start{clear:inline-start}.clear-end{clear:inline-end}.start-0{inset-inline-start:0}.end-0{inset-inline-end:0}.rounded-s{border-start-start-radius:4px;border-end-start-radius:4px}.rounded-e{border-start-end-radius:4px;border-end-end-radius:4px}[dir=rtl] .rtl-flip{transform:scaleX(-1)}.cjk-text{word-break:break-word;font-family:Noto Sans SC,Noto Sans JP,Noto Sans KR,system-ui,sans-serif;line-height:1.8}.break-keep{word-break:keep-all;overflow-wrap:normal}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.quick-settings{position:fixed;bottom:0;inset-inline-start:0;inset-inline-end:0;z-index:900;background:linear-gradient(180deg,var(--surface-1) 0%,color-mix(in srgb,var(--surface-1) 95%,var(--accent-primary)) 100%);border-top:2px solid var(--accent-primary);box-shadow:0 -8px 32px #0003,0 -2px 8px color-mix(in srgb,var(--accent-primary) 30%,transparent);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.quick-settings:not(.hidden){animation:qsSlideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes qsSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.quick-settings-peek{display:flex;align-items:center;padding:10px 16px;gap:var(--gap-md);cursor:pointer;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent-primary) 5%,transparent) 50%,transparent 100%)}.quick-settings:not(.expanded) .quick-settings-peek{animation:qsPulse 2s ease-in-out infinite}@keyframes qsPulse{0%,to{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent-primary) 5%,transparent) 50%,transparent 100%)}50%{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent-primary) 15%,transparent) 50%,transparent 100%)}}.quick-settings-handle{display:none}.quick-settings-tabs{display:flex;gap:var(--gap-sm);flex:1}.qs-tab{display:flex;align-items:center;gap:6px;padding:var(--space-2) 14px;background:var(--surface-2);border:2px solid var(--color-border);border-radius:24px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s ease;box-shadow:var(--shadow-subtle)}.qs-tab:hover{background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.qs-tab.active{background:linear-gradient(135deg,var(--accent-primary) 0%,color-mix(in srgb,var(--accent-primary) 80%,white) 100%);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.qs-tab-icon{font-size:1.1rem}.qs-tab-count{background:#ffffff40;padding:2px 8px;border-radius:var(--radius-xl);font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.qs-tab.active .qs-tab-count{background:#ffffff59;box-shadow:0 2px 4px #0003}.qs-expand-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-2);border:2px solid var(--color-border);border-radius:50%;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.qs-expand-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.qs-expand-btn svg{width:18px;height:18px;transition:transform .3s ease}.quick-settings-content{display:none;max-height:50vh;overflow-y:auto;border-top:1px solid var(--color-border)}.quick-settings.expanded .quick-settings-content{display:block}.quick-settings.expanded .qs-expand-btn svg{transform:rotate(180deg)}.qs-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 16px;border-bottom:1px solid var(--color-border);background:var(--surface-2);position:sticky;top:0;z-index:1}.qs-header h3{margin:0;font-size:1rem;font-weight:600}.qs-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-md)}.qs-close-btn:hover{background:var(--bg-hover);color:var(--color-text-main)}.qs-close-btn svg{width:18px;height:18px}.qs-panel{padding:var(--space-3) 16px}.qs-section{margin-bottom:16px}.qs-section:last-child{margin-bottom:0}.qs-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.qs-clear-btn{font-size:.75rem;padding:2px 8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;color:var(--color-text-secondary)}.qs-clear-btn:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.qs-verb-chips{display:flex;flex-wrap:wrap;gap:6px}.qs-chip{padding:6px 12px;background:var(--surface-2);border:2px solid var(--color-border);border-radius:18px;font-size:.8rem;font-weight:500;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;box-shadow:0 1px 3px #00000014}.qs-chip:hover{background:var(--surface-2);border-color:var(--accent-primary);color:var(--color-text-main);transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.qs-chip.active{background:linear-gradient(135deg,var(--accent-primary) 0%,color-mix(in srgb,var(--accent-primary) 85%,white) 100%);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.qs-chip.lang-selector{position:relative;padding-inline-end:24px}.qs-chip.lang-selector:after{content:"▼";position:absolute;inset-inline-end:8px;font-size:.6rem;opacity:.6}.qs-chip.lang-selector:hover:after{opacity:1}.qs-chip.lang-selector.has-lang{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 20%,var(--surface-2)) 0%,var(--surface-2) 100%);border-color:var(--accent-secondary);color:var(--accent-secondary)}.qs-chip.lang-selector.has-lang.active{background:linear-gradient(135deg,var(--accent-secondary) 0%,color-mix(in srgb,var(--accent-secondary) 85%,white) 100%);border-color:var(--accent-secondary);color:#fff}.qs-chip.qs-chip-json{font-family:monospace;font-weight:600;letter-spacing:.5px}.qs-chip.qs-chip-json.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;color:#fff}.qs-chip[data-key=noChat].active,.qs-chip[data-key=strictFormat].active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.qs-modifiers-compact{display:flex;flex-direction:column;gap:var(--gap-md)}.qs-mod-row{display:flex;align-items:flex-start;gap:var(--gap-md)}.qs-mod-label{min-width:100px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);padding-top:4px}.qs-mod-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.qs-actions{display:flex;justify-content:center;gap:var(--gap-md);padding:var(--space-3) 16px;border-top:1px solid var(--color-border);background:var(--surface-2)}.qs-randomize-btn{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 20px;background:var(--surface-1);border:1px solid var(--color-border);border-radius:24px;color:var(--color-text-main);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qs-randomize-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.qs-randomize-btn svg{width:16px;height:16px}.qs-regenerate-btn{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 24px;background:var(--accent-primary);border:none;border-radius:24px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.qs-regenerate-btn:hover{background:var(--accent-primary-hover, #818cf8);transform:scale(1.02)}.qs-regenerate-btn svg{width:16px;height:16px}@media(min-width:768px){.quick-settings{display:none!important}.qs-adv-value{min-width:80px;max-width:80px}}@media(max-width:767px){.quick-settings{border-radius:var(--radius-xl) 16px 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(calc(100% - 52px))}.quick-settings.expanded{transform:translateY(0)}.quick-settings-handle{display:block;width:36px;height:4px;background:var(--color-border);border-radius:2px;flex-shrink:0}.quick-settings-peek{padding:var(--space-3) 16px}.qs-tab-label{display:none}.qs-tab{padding:var(--space-2) 14px}.qs-expand-btn{display:none}.quick-settings-content{max-height:70vh}.qs-mod-row{flex-direction:column;gap:6px}.qs-mod-label{padding-top:0}}.quick-settings.hidden{transform:translateY(100%)}@media(min-width:768px){.quick-settings.hidden{transform:translateY(calc(100% + 20px))}}@media(max-width:767px){.qs-advanced-compact{grid-template-columns:1fr;gap:6px;padding:6px}.qs-adv-row{width:100%;display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--space-1) 0;border-bottom:1px solid var(--color-border, #eee)}.qs-adv-row:last-child{border-bottom:none}.qs-adv-row-header{display:flex;justify-content:space-between;align-items:baseline;width:100%}.qs-adv-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.qs-adv-value{font-size:.8rem;font-weight:600;color:var(--accent-primary);text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-slider{flex:1;min-width:0;height:5px;margin:0}.qs-adv-row[data-slider=personality] .qs-slider{flex:1;min-width:60px}#qsInlineAdvancedPanel .qs-slider{flex:1;max-width:none;min-width:0;margin-inline-end:0}}.qs-language-modal{position:fixed!important;top:0!important;inset-inline-start:0!important;inset-inline-end:0!important;bottom:0!important;z-index:99998!important;display:flex;align-items:center;justify-content:center;animation:qsModalFadeIn .2s ease}@keyframes qsModalFadeIn{0%{opacity:0}to{opacity:1}}.qs-language-modal-overlay{position:fixed!important;top:0!important;inset-inline-start:0!important;inset-inline-end:0!important;bottom:0!important;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:99997!important}.qs-language-modal-content{position:relative;z-index:99999!important;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0006;width:90%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .5s ease-out}@keyframes qsModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.qs-language-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 20px;border-bottom:1px solid var(--color-border);background:var(--surface-2)}.qs-language-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-main)}.qs-language-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);font-size:1.2rem;transition:all .2s ease}.qs-language-modal-close:hover{background:var(--bg-hover);color:var(--color-text-main)}.qs-language-modal-search{padding:var(--space-3) 16px;border-bottom:1px solid var(--color-border)}.qs-language-modal-search input{width:100%;padding:10px 14px;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:.9rem;background:var(--surface-1);color:var(--color-text-main);transition:all .2s ease}.qs-language-modal-search input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.qs-language-modal-search input::placeholder{color:var(--color-text-secondary)}.qs-language-modal-list{flex:1;overflow-y:auto;padding:var(--space-2) 0}.qs-language-option{display:flex;align-items:center;padding:var(--space-3) 20px;cursor:pointer;transition:all .15s ease;border:none;background:transparent;width:100%;text-align:start;font-size:.95rem;color:var(--color-text-main)}.qs-language-option:hover{background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.qs-language-option.selected{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);font-weight:600}.qs-language-option.selected:after{content:"✓";margin-inline-start:auto;font-weight:700}.qs-language-option .lang-code{color:var(--color-text-secondary);font-size:.8rem;margin-inline-start:8px}.qs-language-clear{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:14px 20px;cursor:pointer;border:2px solid var(--color-error);border-radius:var(--radius-lg);background:var(--color-error-light);width:calc(100% - 40px);margin:12px 20px;text-align:center;font-size:.95rem;font-weight:600;color:var(--color-error);transition:all .2s ease}.qs-language-clear:hover{background:var(--color-error);color:#fff}.qs-language-clear .clear-icon{font-size:1.1rem}.qs-language-current-selection{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--space-3) 20px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border-bottom:1px solid var(--color-border)}.qs-current-label{font-size:.85rem;color:var(--color-text-secondary)}.qs-current-lang{font-size:.95rem;font-weight:600;color:var(--accent-primary)}.qs-language-divider{height:1px;background:var(--color-border);margin:8px 0}.api-model-modal{position:fixed!important;top:0!important;inset-inline-start:0!important;inset-inline-end:0!important;bottom:0!important;background:#00000080;display:none;align-items:center;justify-content:center;z-index:99999!important;padding:10px!important;margin:0!important;box-sizing:border-box!important}.api-model-modal.show,.api-model-modal[style*=flex]{display:flex!important;align-items:center!important;justify-content:center!important}.api-model-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:0}.api-model-modal-content{position:relative;z-index:1;background:#fff;color:#333;width:85%;max-width:500px;border-radius:var(--radius-xl);padding:0;max-height:85vh;overflow:hidden;box-shadow:0 12px 24px -6px #00000026;display:flex;flex-direction:column}.api-model-mode-toggle{display:flex;padding:var(--space-4) 20px;gap:var(--gap-sm);background:#f5f5f5;border-bottom:1px solid #e5e5e5}.api-model-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:10px 16px;background:#fff;border:2px solid #ddd;border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .2s ease}.api-model-mode-btn:hover{border-color:#3b82f6;color:#333}.api-model-mode-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.api-model-mode-btn .mode-icon{font-size:1.1rem}.api-model-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) 20px;max-width:100%}.api-model-section{display:none;max-width:100%}.api-model-section.active{display:block;max-width:100%}.api-model-list{display:flex;flex-direction:column;gap:var(--gap-sm);max-height:300px;overflow-y:auto;overflow-x:hidden;max-width:100%}.api-model-category-header{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 12px;background:#f5f5f5;border-radius:var(--radius-lg);margin-top:8px;margin-bottom:4px}.api-model-category-header:first-child{margin-top:0}.api-model-category-header .category-icon{font-size:1rem}.api-model-category-header .category-label{flex:1;font-weight:600;font-size:.85rem;color:#333}.api-model-category-header .category-count{background:#3b82f6;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:var(--radius-lg);font-weight:600}.api-model-option{display:flex;align-items:center;padding:var(--space-3) 16px;background:#fafafa;border:2px solid #e5e5e5;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.api-model-option:hover{border-color:#3b82f6;background:#f0f7ff}.api-model-option.selected{background:#e0edff;border-color:#3b82f6}.api-model-option .model-icon{font-size:1.2rem;margin-inline-end:12px}.api-model-option .model-info{flex:1}.api-model-option .model-name{font-weight:500;color:#333}.api-model-option .model-desc{font-size:.8rem;color:#666;margin-top:2px}.api-model-modal-footer{display:flex;justify-content:flex-end;gap:var(--gap-md);padding:var(--space-4) 20px;border-top:1px solid #e5e5e5;background:#f5f5f5}.api-model-cancel-btn{padding:10px 20px;background:transparent;border:2px solid #ddd;border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .2s ease}.api-model-cancel-btn:hover{background:#f5f5f5;color:#333}.api-model-save-btn{padding:10px 24px;background:#3b82f6;border:2px solid #3b82f6;border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;font-weight:600;color:#fff;transition:all .2s ease}.api-model-save-btn:hover{background:#2563eb;border-color:#2563eb}.api-model-test-btn{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);width:100%;padding:var(--space-3);background:#f5f5f5;border:2px solid #ddd;border-radius:var(--radius-lg);cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .2s ease;margin-top:16px}.api-model-test-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.api-model-test-btn .btn-icon{font-size:1rem}.api-model-form-group{margin-bottom:16px}.api-model-form-group label{display:block;font-size:.85rem;font-weight:600;color:#333;margin-bottom:6px}.api-model-input,.api-model-select{width:100%;padding:10px 14px;border:2px solid #ddd;border-radius:var(--radius-lg);font-size:.9rem;background:#fff;color:#333;transition:all .2s ease;box-sizing:border-box}.api-model-input:focus,.api-model-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.api-accordion{border:2px solid #e5e5e5;border-radius:var(--radius-xl);margin-bottom:12px;overflow:hidden;background:#fafafa}.api-accordion.collapsed .api-accordion-content{display:none}.api-accordion.collapsed .accordion-arrow{transform:rotate(-90deg)}.api-accordion-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fafafa;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.api-accordion-header:hover{background:#f0f0f0}.api-accordion-header .accordion-icon{font-size:1.2rem}.api-accordion-header .accordion-title{flex:1;font-weight:600;font-size:.95rem;color:#333}.api-accordion-header .accordion-arrow{font-size:.8rem;color:#666;transition:transform .2s ease}.api-accordion-content{padding:var(--space-3) 16px;background:#fff;border-top:1px solid #e5e5e5}.api-model-advanced{margin-top:12px;padding:var(--space-3);background:#f5f5f5;border:2px solid #e5e5e5;border-radius:var(--radius-lg)}.api-model-advanced-header{margin-bottom:12px;font-weight:500;color:#333}.api-model-range{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.api-model-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer}.range-value{display:inline-block;margin-inline-start:8px;font-size:.85rem;font-weight:600;color:#3b82f6}@media(max-width:767px){.api-model-list{max-height:250px}}@media(min-width:768px){.response-content,.response-content .markdown-content{font-size:16.8px}.response-content .markdown-content h1{font-size:2.16em}.response-content .markdown-content h2{font-size:1.8em}.response-content .markdown-content h3{font-size:1.56em}.response-content .markdown-content h4{font-size:1.32em}.response-content .markdown-content h5{font-size:1.08em}.response-content .markdown-content h6{font-size:1em}.response-content .markdown-content pre,.response-content .markdown-content .inline-code{font-size:15.12px}}.welcome-modal-overlay{position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);z-index:999999;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.welcome-modal-content{background:#fff;padding:35px 40px;border-radius:28px;max-width:420px;width:90%;text-align:center;color:#333;box-shadow:0 25px 80px #00000040,0 0 0 1px #ffffff1a;animation:modalSlideIn .5s ease-out forwards;opacity:1;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;position:relative}.welcome-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#ec4899,#f59e0b);background-size:200% 100%;animation:welcomeAccentShift 4s ease infinite}@keyframes welcomeAccentShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.welcome-modal-content h2{margin:0 0 8px;font-size:28px;color:#1e1b4b;font-weight:700;line-height:1.2}.welcome-modal-content .welcome-subtitle{color:#6b7280;margin:0 0 24px;font-size:15px;line-height:1.5}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#welcomeLoading{padding:var(--space-5) 0}#loadingCanvas{border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000026;background:#1e1e2e;margin-bottom:20px}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .4s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-logo{font-size:48px;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.loading-text{color:#ffffffb3;font-size:14px;font-family:Inter,sans-serif;color:#666;font-size:var(--text-14px);margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}body:not(.modal-open) #loadingScreen,body.welcome-shown #loadingScreen{display:none!important}.welcome-animation-preview{margin-bottom:16px;width:100%;display:flex;justify-content:center;align-items:center}.welcome-animation-preview #loadingCanvas{width:340px;max-width:100%;height:auto;aspect-ratio:7/4;border-radius:12px;box-shadow:0 4px 16px #0000001f;background:#1e1e2e;margin:0 auto}@media(min-width:600px){.welcome-animation-preview #loadingCanvas{width:100%;max-width:260px}}@media(max-width:380px){.welcome-animation-preview{display:none}}#welcomeContent{animation:fadeInContent .6s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-logo{font-size:48px;margin-bottom:10px;animation:welcome-float 3s ease-in-out infinite}@keyframes welcome-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}#welcomeContent h2{margin:0 0 8px;font-size:28px;color:#1e1b4b;font-weight:700}.welcome-subtitle{color:#666;margin:0 0 25px;font-size:var(--text-14px)}.welcome-features{background:#f8f9fa;border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:25px;text-align:start}.feature-item{display:flex;align-items:center;gap:var(--gap-md);padding:10px 0;border-bottom:1px solid #eee}.feature-item:last-child{border-bottom:none}.feature-icon{font-size:20px;width:32px;text-align:center}.welcome-login-section{margin-bottom:20px}.login-title{margin:0 0 15px;font-size:var(--text-14px);color:#444}.btn-login{width:100%;padding:14px 20px;margin:10px 0;border:none;border-radius:var(--radius-xl);cursor:pointer;font-size:var(--text-base);font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.btn-icon{flex-shrink:0}.btn-google{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff;box-shadow:0 4px 15px #4285f44d}.btn-google:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.btn-google:active{transform:translateY(0)}.btn-apple,.btn-github{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666;cursor:not-allowed;opacity:.6;border:1px solid #ddd}.login-secondary{display:flex;gap:10px}.login-secondary .btn-login{flex:1;font-size:var(--text-12px);padding:var(--space-3) 8px}.btn-skip{background:transparent;border:2px solid #ddd;color:#666;padding:var(--space-3) 30px;border-radius:25px;cursor:pointer;font-size:var(--text-14px);font-weight:500;transition:all .3s ease;width:100%}.btn-skip:hover{border-color:#999;color:#333;background:#f8f9fa}.login-note{font-size:var(--text-xs);color:#999;margin:15px 0 0;line-height:1.4}.login-benefits{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;background:#6366f10d;border-radius:12px}.login-benefit{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text-secondary, #666)}.benefit-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.login-logo{font-size:48px;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-popup-note{font-size:11px;color:#888;text-align:center;margin-top:8px}.btn-google-icon{flex-shrink:0}body.dark .login-benefits{background:#6366f11a}body.dark .login-benefit,body.dark .login-popup-note{color:#9ca3af}body.dark .btn-skip:hover{border-color:var(--color-primary, #818cf8);color:var(--color-primary, #818cf8);background:#6366f11a}body.dark .welcome-modal-content{background:#1e1e2e!important;color:#fff!important}body.dark .welcome-subtitle,body.dark .login-title,body.dark .login-note{color:#aaa!important}body.dark #welcomeContent h2,body.dark .welcome-logo{color:#fff!important}.welcome-language-picker{background:#f8f9fa;border-radius:12px;padding:12px;margin-bottom:20px}.language-picker-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.language-picker-row:last-child{border-bottom:none}.picker-label{font-size:14px;font-weight:500;color:#666;min-width:80px;text-align:start}.language-picker-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#333;min-width:160px;justify-content:center;transition:all .2s ease}.language-picker-btn:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.language-picker-btn:active{transform:scale(.98)}.picker-flag{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.picker-name{flex:1;text-align:start}.picker-arrow{font-size:14px;color:#777;margin-inline-start:auto;transition:transform .2s ease,color .2s ease}.language-picker-btn:hover .picker-arrow{color:#555;transform:translateY(1px)}body.dark .picker-label{color:#aaa!important}body.dark .language-picker-btn{background:#2a2a3e!important;color:#fff!important;border-color:#3a3a4e!important}body.dark .btn-continue{background:linear-gradient(135deg,#4a90d9,#3a7bc8)!important;color:#fff!important}body.dark .welcome-skip-link{color:#aaa!important}body.dark #loadingCanvas{background:#1e1e2e!important}body.dark .loading-text{color:#aaa!important}body.dark .welcome-language-picker{background:var(--surface-2, #232329);border-radius:8px;padding:8px}body.dark .language-picker-row{border-bottom-color:#3a3a4e}body.dark .picker-arrow{color:#888}body.dark .language-picker-btn:hover .picker-arrow{color:#bbb}body.dark .picker-name{color:#fff}body.dark .btn-login{background:#2a2a3e;border-color:#3a3a4e;color:#fff}body.dark .login-secondary{border-top-color:#3a3a4e}body.dark .login-note{color:#888}body.dark .welcome-features{background:#2a2a3e}body.dark .feature-item{border-bottom-color:#3a3a4e}body.dark .btn-apple,body.dark .btn-github{background:#3a3a4e;color:#aaa;border-color:#4a4a5e}.qs-inline-randomize,.qs-inline-regenerate{display:flex;align-items:center;gap:6px;padding:var(--space-2) 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.qs-inline-randomize:hover,.qs-inline-regenerate:hover{background:var(--accent-primary-hover, #2563eb)}.qs-inline-randomize svg,.qs-inline-regenerate svg{width:14px;height:14px}.word-examples-section{margin:16px 0;background:var(--bg-panel-right, #f9f9f9);border-radius:var(--radius-lg);padding:var(--space-4)}.word-examples-section .vocab-header{font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-text-main, #000);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border, #e0e0e0)}.word-examples-section .vocab-icon{margin-inline-end:8px}.word-examples-section .examples-list{display:flex;flex-direction:column;gap:var(--gap-md)}.word-examples-section .example-item{background:var(--bg-body, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-lg);padding:var(--space-3)}.word-examples-section .example-sentence{font-size:var(--font-size-md, 16px);font-weight:500;color:var(--color-text-main, #000);margin-bottom:6px;display:flex;align-items:center;gap:var(--gap-sm)}.word-examples-section .example-translation{font-size:var(--font-size-base, 15px);color:var(--color-text-secondary, #333);margin-inline-start:28px;margin-bottom:6px}.word-examples-section .example-context{font-size:var(--font-size-sm, 13px);color:#666;font-style:italic;margin-inline-start:28px;padding:6px 10px;background:var(--bg-code, rgba(27,31,35,.05));border-radius:var(--radius-sm)}body.dark .word-examples-section{background:#1e1e1e}body.dark .word-examples-section .vocab-header{color:#e0e0e0;border-color:#333}body.dark .word-examples-section .example-item{background:#2d2d2d;border-color:#404040}body.dark .word-examples-section .example-sentence{color:#e0e0e0}body.dark .word-examples-section .example-translation{color:#aaa}body.dark .word-examples-section .example-context{color:#888;background:#333}#mobileMenuBtn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:18px;flex-shrink:0}.desktop-control-btn{display:flex;align-items:center;gap:var(--gap-xs, 4px);height:40px;padding:0 12px;background:var(--surface-2, #f1f5f9);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--color-text-main, #1e293b);cursor:pointer;transition:all .15s ease;font-size:14px;flex-shrink:0}.desktop-control-btn:hover{background:var(--bg-hover, #e2e8f0);border-color:var(--accent-primary, #6366f1)}.desktop-control-btn:active{transform:scale(.98)}.desktop-control-btn .desktop-control-icon{font-size:14px;flex-shrink:0}.desktop-control-btn .desktop-control-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-control-btn .desktop-control-chevron{display:flex;align-items:center;flex-shrink:0;opacity:.5;margin-inline-start:2px}.desktop-control-btn .desktop-control-chevron svg{width:14px;height:14px}.mobile-topic-btn{display:flex!important;align-items:center;justify-content:center;gap:var(--gap-xs, 4px);height:var(--mobile-control-height, 36px);padding:0 24px;background:var(--bg-primary, #ffffff);border:2px solid var(--accent-primary, #6366f1);border-radius:var(--radius-lg, 12px);color:var(--accent-primary, #6366f1);cursor:pointer;flex:0 1 auto;flex-shrink:0;z-index:101;transition:all .2s ease;min-width:140px;max-width:280px;margin:0 auto;overflow:hidden;box-shadow:var(--shadow-indigo, 0 2px 8px rgba(99,102,241,.3));font-weight:600}.mobile-topic-btn:hover{background:var(--accent-primary, #6366f1);border-color:var(--color-primary-dark, #4f46e5);color:#fff;box-shadow:var(--shadow-indigo-lg, 0 4px 12px rgba(99,102,241,.4));transform:translateY(-1px)}.mobile-topic-btn:active{transform:translateY(0) scale(.98)}.desktop-topic-btn{display:none}@media(min-width:768px){.desktop-topic-btn{display:flex!important;align-items:center;gap:var(--gap-sm, 8px);height:40px;padding:0 16px;background:var(--bg-primary, #ffffff);border:2px solid var(--accent-primary, #6366f1);border-radius:var(--radius-lg, 12px);color:var(--accent-primary, #6366f1);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-indigo, 0 2px 8px rgba(99,102,241,.3));font-weight:600;font-size:14px}.desktop-topic-btn:hover{background:var(--accent-primary, #6366f1);border-color:var(--color-primary-dark, #4f46e5);color:#fff;box-shadow:var(--shadow-indigo-lg, 0 4px 12px rgba(99,102,241,.4));transform:translateY(-1px)}.desktop-topic-btn:active{transform:translateY(0) scale(.98)}}body.dark .mobile-topic-btn{background:#1e293bcc;border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #818cf8);box-shadow:0 2px 8px #6366f140}body.dark .mobile-topic-btn:hover{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #818cf8);color:#fff;box-shadow:0 4px 12px #6366f166}body.dark .desktop-topic-btn{background:#1e293bcc;border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #818cf8);box-shadow:0 2px 8px #6366f140}body.dark .desktop-topic-btn:hover{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #818cf8);color:#fff;box-shadow:0 4px 12px #6366f166}.mobile-topic-icon{font-size:var(--text-14px, 14px);flex-shrink:0}.mobile-topic-name{font-size:var(--text-sm, 13px);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;flex:1}.mobile-topic-chevron{display:flex;align-items:center;flex-shrink:0;opacity:.6;margin-inline-start:2px}.mobile-topic-chevron svg{width:14px;height:14px}.desktop-topic-btn .desktop-control-icon{font-size:var(--text-14px, 14px);flex-shrink:0}.desktop-topic-btn .desktop-control-name{font-size:var(--text-sm, 14px);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-topic-btn .desktop-control-chevron{display:flex;align-items:center;flex-shrink:0;opacity:.6;margin-inline-start:4px}.desktop-topic-btn .desktop-control-chevron svg{width:14px;height:14px}body.dark .desktop-control-btn{background:var(--surface-2, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-main, #fafafa)}body.dark .desktop-control-btn:hover{background:var(--bg-hover, #334155);border-color:var(--accent-primary, #6366f1)}body.bars-collapsed #grammarPrefBar,body.bars-collapsed #styleSelectorBar{display:none!important}.grammar-pref-bar{position:fixed;bottom:44px;left:0;right:0;z-index:7999;display:flex;align-items:center;justify-content:center;padding:4px 16px;background:var(--bg-primary, #fff);border-top:1px solid var(--color-border, rgba(0,0,0,.06));transition:transform .3s ease,opacity .3s ease}body.dark .grammar-pref-bar{background:var(--bg-primary, #1a1a2e);border-top-color:#ffffff0f}body.modal-open .grammar-pref-bar{transform:translateY(100%);opacity:0;pointer-events:none}body.hide-mode-bar .grammar-pref-bar{display:none}.grammar-pref-toggle{display:flex;align-items:center;background:var(--bg-hover, rgba(0,0,0,.05));border-radius:16px;padding:2px;height:28px;gap:1px}.grammar-pref-option{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 10px;height:24px;border:none;border-radius:12px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--color-text-secondary, #6b7280);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.grammar-pref-option.active{background:var(--color-primary, #6366f1);color:#fff;font-weight:600;box-shadow:0 1px 4px #6366f14d}.grammar-pref-option:not(.active):hover{background:#0000000a;color:var(--color-text-main, #111827)}.grammar-pref-emoji,.grammar-pref-label{font-size:10px;line-height:1}body.dark .grammar-pref-toggle{background:#ffffff0f}body.dark .grammar-pref-option:not(.active):hover{background:#ffffff14;color:var(--color-text-main, #e2e8f0)}@media(max-width:768px){.grammar-pref-bar{padding:4px 8px}.grammar-pref-option{padding:0 7px;font-size:10px}.grammar-pref-emoji,.grammar-pref-label{font-size:9px}}@media(min-width:769px){.grammar-pref-bar{position:static;background:transparent;border-top:none;padding:4px 16px;z-index:auto}body.modal-open .grammar-pref-bar{transform:none;opacity:1;pointer-events:auto}}.grammar-promo-toast{position:fixed;top:70px;right:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:14px 18px;border-radius:12px;z-index:10000;box-shadow:0 8px 32px #0000004d;font-family:var(--font-family, inherit);max-width:340px;animation:grammarPromoSlideIn .3s ease}.grammar-promo-content{display:flex;align-items:center;gap:8px;margin-bottom:10px}.grammar-promo-icon{font-size:20px;flex-shrink:0}.grammar-promo-text{font-size:13px;line-height:1.4}.grammar-promo-actions{display:flex;gap:8px}.grammar-promo-btn{padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:opacity .2s}.grammar-promo-btn:hover{opacity:.85}.grammar-promo-accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.grammar-promo-dismiss{background:#ffffff1a;color:#aaa}@keyframes grammarPromoSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .grammar-promo-toast{border:1px solid rgba(255,255,255,.1)}#planModal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:100000;align-items:center;justify-content:center;padding:var(--space-6)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){#planModal{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}#planModal.show{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000;align-items:center;justify-content:center;padding:var(--space-6);display:flex!important}#planModal .plan-modal-content{position:relative;width:90%;max-width:400px;max-height:85vh;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}#planModal .plan-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--bg-secondary);border-bottom:1px solid var(--color-border)}#planModal .plan-modal-body{flex:1;overflow-y:auto;padding:var(--space-5);background:var(--bg-panel-left)}#planModal .plan-modal-footer{display:flex;justify-content:flex-end;padding:var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--color-border)}#planModal .modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:background .2s;font-size:20px;color:var(--text-secondary)}#planModal .modal-close-btn:hover{background:var(--bg-hover)}#planModal .modal-close-btn:active{background:var(--bg-active)}body.dark #planModal{background:#000c}body.dark #planModal .plan-modal-content{background:var(--bg-panel-left-dark, #1a1a2e);border-color:var(--color-border-dark, #2d2d4a)}body.dark #planModal .plan-modal-header{background:var(--bg-secondary-dark, #232329);border-color:var(--color-border-dark, #2d2d4a)}body.dark #planModal .plan-modal-body{background:var(--bg-panel-left-dark, #1a1a2e)}body.dark #planModal .plan-modal-footer{background:var(--bg-secondary-dark, #232329);border-color:var(--color-border-dark, #2d2d4a)}body.dark #planModal .modal-close-btn{color:var(--text-secondary-dark, #9ca3af)}body.dark #planModal .modal-close-btn:hover{background:var(--bg-hover-dark, rgba(255,255,255,.1))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){#planModal{padding:0!important;align-items:stretch!important;height:100dvh!important;max-height:100dvh!important;z-index:100010!important}#planModal .plan-modal-content{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important;flex:1!important;border:none!important}}@media(max-width:767px){.drawer-hidden{display:none!important}html,body{overflow-x:clip!important;max-width:100vw!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}#main-container{width:100%;max-width:100%;margin:0!important;padding:0!important;gap:0!important}.left-panel{inset-inline-end:auto;bottom:0;width:100%;max-width:100%;transition:transform .4s cubic-bezier(.23,1,.32,1);overflow-y:auto;border-radius:0 24px 24px 0!important;box-shadow:4px 0 15px #0003!important;flex:none;height:auto;min-height:0;margin:0;background:#0f0f12fa;-webkit-backdrop-filter:none;backdrop-filter:none;border-inline-end:1px solid rgba(255,255,255,.06)!important;border-inline-start:none!important;border-inline-start:none;order:2;position:fixed!important;top:0;inset-inline-start:0;width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;height:-webkit-fill-available!important;z-index:10001!important;transform:translate(-100%)!important;transition:transform .3s ease!important;background:var(--bg-panel-left, #1a1a2e)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding-top:50px!important}.right-panel{width:100%!important;max-width:100%!important;min-width:0!important;order:1;margin-top:0;z-index:0!important;border-radius:0;background:transparent;box-shadow:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex!important;flex-direction:column!important;overscroll-behavior:contain;padding-bottom:60px}.drawer-backdrop{position:fixed!important;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;background:#00000080;z-index:200001!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;transition:opacity .3s ease,visibility .3s ease!important}.drawer-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto;opacity:1!important;visibility:visible!important}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:absolute;top:8px;inset-inline-end:8px;background:var(--bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;z-index:10001!important;pointer-events:auto;min-width:44px;min-height:44px;display:flex!important}.drawer-close-btn svg,.drawer-close-btn i{pointer-events:none}.topic-mode-btn,.dynamic-ex-modality-btn{min-height:44px;padding:8px 12px}.mobile-output-btn{min-height:44px;display:flex!important;align-items:center;gap:var(--mobile-gap-sm);height:var(--mobile-control-height);padding:0 12px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:var(--mobile-radius);color:var(--color-text-main);cursor:pointer;flex:1;flex-shrink:1;z-index:101;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0;max-width:180px;overflow:hidden;font-family:var(--font-display);font-weight:500}.is-production #mobileOutputBtn{display:none!important}.mobile-output-btn-2{min-height:44px;padding:8px 16px;background:linear-gradient(135deg,#10b98126,#0596691a)!important;border:2px solid rgba(16,185,129,.4)!important}.mobile-output-btn-2:hover{background:linear-gradient(135deg,#10b98140,#05966933)!important;border-color:#10b98199!important}@media(min-width:768px){.mobile-output-btn-2{display:none!important}.mobile-strip-btn{background-color:var(--mob-bg-input, #fff);border:1px solid var(--mob-border, #dee2e6);color:var(--mob-text-main, #212529);padding:6px 10px;border-radius:6px;font-size:13px;font-weight:600;min-width:40px;min-height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}body.dark .mobile-strip-btn{background-color:var(--mob-bg-input, #2d2d2d);border-color:var(--mob-border, #495057);color:var(--mob-text-main, #e9ecef)}.mobile-strip-btn:active{background-color:var(--mob-bg-hover, #e9ecef)}body.dark .mobile-strip-btn:active{background-color:var(--mob-bg-hover, #3d3d3d)}}.header-login-btn{min-height:44px;padding:8px 16px}.dynamic-ex-filter-chip{max-width:100%!important;box-sizing:border-box;overflow-x:hidden!important;flex-shrink:0}.filter-chips-container,.dynamic-ex-filters,.dynamic-ex-filter-chips,.dynamic-ex-buttons{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.quick-select-container{order:0;position:relative!important;top:auto!important;z-index:10!important;background:var(--surface-1);padding:var(--space-2) 12px!important;margin:0 auto;border-bottom:1px solid var(--color-border);display:flex!important;flex-direction:column!important;align-items:stretch;gap:var(--gap-sm);min-height:auto;height:auto;padding-inline-end:50px!important}.welcome-banner{order:-1}body.simple-mode .quick-select-container{order:-2;position:relative!important}body.simple-mode .right-panel{display:flex!important;flex-direction:column!important;order:-3;overflow:visible!important;flex:none!important;height:auto!important;min-height:0!important}body.simple-mode .left-panel:not(.drawer-open){display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}body.simple-mode .right-panel-empty-state{align-items:stretch!important;justify-content:flex-start!important;overflow-y:visible!important;min-height:0!important}body.simple-mode .empty-state-content{flex-shrink:1!important;flex-grow:0!important;min-height:0!important;overflow-y:visible!important}body.simple-mode .right-panel-empty-state .empty-state-suggestions{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}body.simple-mode .right-panel-empty-state .empty-state-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:12px 6px!important;min-height:68px;gap:4px;width:100%}body.simple-mode .right-panel-empty-state .empty-card-label{font-size:12px!important;text-align:center;white-space:normal;overflow:visible;text-overflow:unset}body.simple-mode .right-panel-empty-state .empty-card-icon{width:auto;font-size:22px}body.simple-mode .left-panel.drawer-open{position:fixed!important;transform:translate(0)!important;width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;z-index:10001!important;order:0;display:flex!important;overflow-y:auto!important;overscroll-behavior:contain}body.simple-mode .left-panel.drawer-open~.quick-select-container,body:has(.left-panel.drawer-open) .quick-select-container{z-index:0!important}body.simple-mode.course-path-active .left-panel{display:flex!important}body.simple-mode .drawer-close-btn{display:none!important}body.simple-mode{overflow-y:auto!important;overflow-x:clip!important;min-height:100dvh!important;position:relative!important}body.simple-mode #main-container{height:auto!important;min-height:100dvh!important;flex:1!important;overflow-y:visible!important;overscroll-behavior:contain}#userAvatarBtn{pointer-events:auto!important;position:relative!important;z-index:10000!important;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}}@media(min-width:768px){.quick-select-exercise-row .quick-select-btn:nth-child(3):after{content:"";position:absolute;inset-inline-end:-10px;top:10%;height:80%;width:2px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.15),transparent);pointer-events:none;z-index:10}.quick-select-exercise-row .quick-select-btn:nth-child(6):after{content:"";position:absolute;inset-inline-end:-10px;top:10%;height:80%;width:2px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.15),transparent);pointer-events:none;z-index:10}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(3):after,body.dark .quick-select-exercise-row .quick-select-btn:nth-child(6):after{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent)}}@media(min-width:768px){.mobile-controls-row{display:none!important}}@media(max-width:767px){body.dark .quick-select-container{background:#0a0a0ff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom-color:#ffffff0d}.mobile-drawer-toggle{position:absolute!important;inset-inline-end:12px!important;top:50%!important;transform:translateY(-50%)!important;margin-inline-start:0!important;align-items:center;justify-content:center;width:var(--mobile-control-height);height:var(--mobile-control-height);background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%);border:none;border-radius:var(--mobile-radius);color:#fff;cursor:pointer;flex-shrink:0;z-index:101;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d;display:flex!important}.quick-select-buttons{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:var(--space-1) 0;position:relative;z-index:2;mask-image:linear-gradient(to right,transparent 0px,black 12px,black calc(100% - 13px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black 12px,black calc(100% - 13px),transparent 100%);display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:var(--space-2) 0!important;overflow-x:visible!important;box-sizing:border-box!important}.quick-select-buttons::-webkit-scrollbar{display:none}.quick-select-btn{min-width:44px;max-width:80px;padding:8px 12px;gap:2px;border-radius:var(--mobile-radius);border:1.5px solid rgba(255,255,255,.06);min-height:44px;height:44px;position:relative;z-index:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;width:100%!important;max-width:100%!important;height:48px!important;padding:8px!important;gap:4px!important;flex:0 0 auto!important;box-sizing:border-box!important;overflow:hidden!important}.quick-select-btn:active{transform:translateY(-2px) scale(1.02)}.quick-select-btn.touch-active{transform:scale(.96)!important;opacity:.9}.quick-select-container:after{content:"";position:absolute;bottom:-5px;inset-inline-start:0;inset-inline-end:0;height:5px;background:transparent;pointer-events:none;z-index:998}.quick-select-btn .quick-select-icon{font-size:1rem;font-size:1rem!important}.quick-select-btn .quick-select-text{font-size:var(--mobile-font-xs);letter-spacing:.3px;font-size:11px!important;line-height:1.1!important}.quick-select-tooltip{display:none}.quick-select-exercise-row .quick-select-btn:nth-child(6):after{content:"";position:absolute;inset-inline-end:-8px;top:10%;height:80%;width:2px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.2),transparent);pointer-events:none;z-index:10}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(6):after{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.25),transparent)}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(1){background:linear-gradient(135deg,#166534,#15803d);border-color:#22c55e}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(1) .quick-select-icon{color:#86efac}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(1) .quick-select-text{color:#86efac}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(2){background:linear-gradient(135deg,#1e40af,#1d4ed8);border-color:#3b82f6}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(2) .quick-select-icon{color:#93c5fd}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(2) .quick-select-text{color:#93c5fd}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(3){background:linear-gradient(135deg,#6b21a8,#7e22ce);border-color:#a855f7}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(3) .quick-select-icon{color:#c084fc}body.dark .quick-select-exercise-row .quick-select-btn:nth-child(3) .quick-select-text{color:#c084fc}body.dark .quick-select-btn.quick-start-chip{background:linear-gradient(135deg,#c2410c,#ea580c);border-color:#f97316}body.dark .quick-select-btn.quick-start-chip .quick-select-text{color:#ffedd5}.quick-select-btn.quick-start-chip{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff;box-shadow:0 4px 12px #f973164d;position:relative}.quick-select-btn.quick-start-chip .quick-select-text{color:#fff;font-weight:700}.quick-select-btn.quick-start-chip:active{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#fb923c;box-shadow:0 6px 16px #f9731666}.quick-select-exercise-row .quick-select-btn:nth-child(2){background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534;position:relative}.quick-select-exercise-row .quick-select-btn:nth-child(2) .quick-select-text{color:#15803d;font-weight:600}.quick-select-exercise-row .quick-select-btn:nth-child(3){background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#5eead4;color:#0f766e}.quick-select-exercise-row .quick-select-btn:nth-child(3) .quick-select-text{color:#0d9488;font-weight:600}.quick-select-exercise-row .quick-select-btn:nth-child(4){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1d4ed8}.quick-select-exercise-row .quick-select-btn:nth-child(4) .quick-select-text{color:#2563eb;font-weight:600}.quick-select-exercise-row .quick-select-btn:nth-child(5){background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#818cf8;color:#4338ca}.quick-select-exercise-row .quick-select-btn:nth-child(5) .quick-select-text{color:#4f46e5;font-weight:600}.quick-select-exercise-row .quick-select-btn:nth-child(6){background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#c084fc;color:#7e22ce;position:relative}.quick-select-exercise-row .quick-select-btn:nth-child(6) .quick-select-text{color:#9333ea;font-weight:700}.quick-select-exercise-row .quick-select-btn:nth-child(2):active{background:var(--color-success-light, linear-gradient(135deg, #bbf7d0 0%, #86efac 100%));box-shadow:0 2px 8px #10b98133}.quick-select-exercise-row .quick-select-btn:nth-child(3):active{background:linear-gradient(135deg,var(--color-info-light, #bfdbfe) 0%,var(--color-info, #3b82f6) 100%);box-shadow:0 2px 8px #3b82f633}.quick-select-exercise-row .quick-select-btn:nth-child(4):active{background:linear-gradient(135deg,var(--color-info-light, #bfdbfe) 0%,var(--color-info, #3b82f6) 100%);box-shadow:0 2px 8px #3b82f633}.quick-select-exercise-row .quick-select-btn:nth-child(5):active{background:linear-gradient(135deg,var(--color-primary-light, #c7d2fe) 0%,var(--color-primary, #6366f1) 100%);box-shadow:0 2px 8px #6366f133}.quick-select-exercise-row .quick-select-btn:nth-child(6):active{background:linear-gradient(135deg,var(--color-primary-light, #e9d5ff) 0%,var(--color-primary, #8b5cf6) 100%);box-shadow:0 2px 8px #8b5cf640}@media(max-width:375px){.quick-select-buttons{grid-template-columns:repeat(2,1fr)!important}}.quick-select-exercise-row .quick-select-btn:nth-child(1):after,.quick-select-exercise-row .quick-select-btn:nth-child(3):after,.quick-select-exercise-row .quick-select-btn:nth-child(6):after{display:none!important}.mobile-drawer-toggle:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.mobile-drawer-toggle:active{transform:scale(.95)}.mobile-drawer-toggle svg{width:20px;height:20px}@media(min-width:768px){.mobile-drawer-toggle{display:none!important}}.mobile-output-btn:hover{background:#6366f114;border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126}.mobile-output-btn:active{transform:scale(.98)}.mobile-output-icon{font-size:14px;flex-shrink:0}.mobile-output-mode{font-size:var(--mobile-font-xs);font-weight:600;padding:2px 6px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);flex-shrink:0}.mobile-output-divider{font-size:10px;color:var(--color-text-secondary);opacity:.5;flex-shrink:0}.mobile-output-model{font-size:var(--mobile-font-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}@media(min-width:768px){.mobile-output-btn{display:none!important}}.mobile-topic-btn{display:flex!important;align-items:center;justify-content:center;gap:var(--mobile-gap);height:48px;padding:0 14px;background:linear-gradient(135deg,#6366f126,#4f46e51a);border:2px solid rgba(99,102,241,.3);border-radius:var(--mobile-radius);color:var(--color-text-main);cursor:pointer;flex:1;flex-shrink:0;z-index:101;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:none;min-width:100px;min-width:80px;overflow:hidden;font-family:var(--font-display);font-weight:600;font-size:15px;box-shadow:0 2px 8px #6366f133}.mobile-topic-btn:hover{background:#6366f114;border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126}.mobile-topic-btn:active{transform:scale(.98)}.mobile-topic-icon{font-size:14px;flex-shrink:0}.mobile-topic-name{font-size:var(--mobile-font-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;flex:1}.mobile-topic-chevron{display:flex;align-items:center;flex-shrink:0;opacity:.5;margin-inline-start:2px}.mobile-topic-chevron svg{width:14px;height:14px}@media(min-width:768px){.mobile-topic-btn{display:none!important}}.compact-row,.lang-pair-compact{flex-direction:column;gap:10px}.arrow-icon{transform:rotate(90deg);margin:5px 0}#requiredSelectionStrip{position:relative;z-index:100}#requiredSelectionStrip.strip-scrolled-up{position:fixed;top:50px;inset-inline-start:0;inset-inline-end:0;z-index:999;box-shadow:0 4px 8px #00000026}#mobileLayoutContainer{display:none;width:100%;max-width:100%;background:var(--bg-body)}#mobileSectionsContainer{width:100%;max-width:100%;padding:0;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}#main-container.exercise-mobile .collapsible-settings-content{display:none}#main-container.exercise-mobile .collapsible-settings-header{cursor:default}#main-container.exercise-mobile .collapsible-settings-toggle{opacity:.5}.close-exercise-mode-btn,.keyboard-shortcut-hint{display:none!important}.exercise-buttons{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:relative;z-index:1}.button-section{display:flex!important;flex-wrap:wrap!important;gap:var(--mobile-gap)!important;width:100%!important;max-width:100%!important;margin:0!important;padding:var(--mobile-padding)!important;justify-content:space-between!important;background:#ffffff05;border-radius:var(--mobile-radius);border:1px solid rgba(255,255,255,.05)}.button-section button{flex:1 1 auto!important;min-width:calc(33.33% - 4px)!important;max-width:calc(33.33% - 4px)!important;padding:10px var(--mobile-padding-sm)!important;font-size:var(--mobile-font-sm)!important;line-height:1.2!important;min-height:var(--mobile-control-height)!important;margin:0!important;border-radius:var(--mobile-radius)!important;word-break:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-family:var(--font-display);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}input,select,textarea{font-size:16px!important}@media(max-width:360px){.button-section button{min-width:calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;padding:8px 6px!important;font-size:12px!important}}.collapsible-settings-header{padding:var(--mobile-padding) 12px!important;font-size:14px!important;min-height:var(--mobile-touch-min)!important;display:flex;align-items:center;gap:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.collapsible-settings-toggle{font-size:var(--mobile-font-sm);min-width:16px;text-align:center;position:relative;z-index:5;pointer-events:auto}.settings-summary-pill{font-size:.9em!important}.summary-segment{padding:var(--mobile-padding-sm) 10px!important;font-size:var(--mobile-font-sm)!important;border-radius:14px!important}.compact-select{padding:var(--mobile-padding) var(--mobile-padding) var(--mobile-padding) 12px!important;font-size:var(--mobile-font-md)!important}.collapsible-settings-content{padding:0 15px!important;display:none!important}.collapsible-settings-group.expanded .collapsible-settings-content{padding:15px!important;max-height:none!important;overflow:visible!important}.collapsible-settings-group.collapsed .collapsible-settings-content{padding:0 15px!important;max-height:0!important;overflow:hidden!important}.response-container{max-height:50vh}.response-header{padding:var(--space-2) 10px}.response-header h4{font-size:var(--text-sm)}.verb-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))!important;gap:var(--gap-xs)!important;padding:var(--space-1)!important}.verb-buttons-grid .verb-btn{padding:5px 6px!important;min-height:42px!important}.verb-buttons-grid .verb-btn .verb-name{font-size:.74rem!important;font-size:.68rem!important}.verb-buttons-grid .verb-btn .verb-translation{font-size:.68rem!important;font-size:.58rem!important;-webkit-line-clamp:1!important}.tense-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))!important;gap:var(--gap-xs)!important;padding:var(--space-1)!important}.tense-buttons-grid .tense-btn{padding:var(--space-1) 6px!important;min-height:40px!important}.tense-buttons-grid .tense-btn .tense-name{font-size:.72rem!important}.tense-buttons-grid .tense-btn .tense-translation{font-size:.62rem!important}.exercise-mode-toast{inset-inline-start:10px;inset-inline-end:10px;bottom:10px}.desktop-topic-btn,.desktop-controls-row,.collapsible-settings-group.config-section,.button-section-verb-forms,.button-section-advanced,.button-section-modifiers,.sidebar-collapse-btn{display:none!important}@media(min-width:768px){.desktop-topic-btn{display:inline-flex!important;justify-content:center;gap:8px;padding:0 24px!important;min-width:220px!important;height:44px!important;background:linear-gradient(135deg,var(--color-primary-light, #dbeafe) 0%,var(--color-primary, #3b82f6) 100%)!important;border:2px solid var(--color-primary, #3b82f6)!important;border-radius:22px!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d!important}.desktop-topic-btn .desktop-control-name{max-width:200px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.desktop-controls-row{display:flex!important}.collapsible-settings-group.config-section,.drawer-close-btn,.mobile-settings-modal{display:none!important}}.mobile-settings-modal{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:100000;display:none;align-items:flex-end;justify-content:center}.mobile-settings-modal.active{display:flex}.mobile-settings-overlay{position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-settings-content{position:relative;width:100%;max-height:85vh;max-height:85dvh;max-height:-webkit-fill-available;background:var(--bg-panel-left, #ffffff);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 20px;border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--bg-hover, #f5f5f5)}.mobile-settings-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-main, #333);margin:0}.mobile-settings-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-grid-block, #eee);color:var(--color-text-secondary, #666);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-settings-close:hover{background:var(--color-border, #ddd);color:var(--color-text-main, #333)}.mobile-settings-tabs{display:flex;padding:var(--space-3) 16px;gap:var(--gap-sm);background:var(--bg-input, #f0f0f0);border-bottom:1px solid var(--color-border, #e5e5e5);overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-settings-tabs::-webkit-scrollbar{display:none}.mobile-settings-tab{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);padding:10px 16px;border:none;border-radius:var(--radius-xl);background:transparent;color:var(--color-text-secondary, #666);cursor:pointer;transition:all .2s ease;flex-shrink:0;font-family:var(--font-display);font-size:12px;font-weight:500}.mobile-settings-tab .tab-icon{font-size:var(--text-lg)}.mobile-settings-tab:hover{background:#0000000d;color:var(--color-text-main, #333)}.mobile-settings-tab.active{background:var(--color-primary, #3b82f6);color:#fff}.mobile-settings-body{flex:1;overflow-y:auto;padding:var(--space-4);-webkit-overflow-scrolling:touch}.mobile-settings-panel{display:none}.mobile-settings-panel.active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-settings-section{display:flex;flex-direction:column;gap:10px}.mobile-mode-section{text-align:center}.mobile-mode-desc{font-size:14px;color:var(--color-text-secondary, #666);margin-bottom:16px}.mobile-mode-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mobile-mode-buttons .topic-mode-btn{padding:var(--space-3) 20px;font-size:14px;border-radius:20px}.mobile-settings-footer{padding:var(--space-4) 20px;border-top:1px solid var(--color-border, #e5e5e5);background:var(--bg-hover, #f5f5f5)}.mobile-settings-done{width:100%;padding:14px;border:none;border-radius:var(--radius-xl);background:var(--color-primary, #3b82f6);color:#fff;font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-settings-done:hover{background:var(--color-primary-dark, #2563eb);transform:translateY(-1px)}.mobile-settings-done:active{transform:translateY(0)}body.dark .mobile-settings-content{background:var(--surface-1, #1a1a2e)}body.dark .mobile-settings-header{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .mobile-settings-title{color:var(--color-text-main, #f0f0f0)}body.dark .mobile-settings-close{background:var(--surface-3, #2a2a32);color:var(--color-text-secondary, #aaa)}body.dark .mobile-settings-tabs{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .mobile-settings-tab{color:var(--color-text-secondary, #888)}body.dark .mobile-settings-tab:hover{background:#ffffff0d;color:var(--color-text-main, #f0f0f0)}body.dark .mobile-settings-tab.active{background:var(--accent-primary, #6366f1)}body.dark .mobile-settings-footer{background:var(--surface-2, #232329);border-color:var(--color-border, #2d2d4a)}body.dark .mobile-settings-done{background:var(--accent-primary, #6366f1)}.mobile-controls-row{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;overflow-x:visible!important;flex-wrap:nowrap!important;gap:var(--mobile-gap, 6px)!important;box-sizing:border-box!important;margin:0 8px!important}.mobile-controls-row .mobile-topic-btn,.mobile-controls-row .mobile-output-btn,.mobile-controls-row .mobile-output-btn-2{flex:1 1 0%!important;width:auto!important;min-width:80px!important;max-width:280px!important;margin:0 auto!important}.mobile-controls-row .mobile-drawer-toggle{position:relative!important;transform:none!important;order:999!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;margin-inline-start:auto!important;flex-shrink:0!important}.mobile-settings-inline{display:none;padding:var(--space-4);background:var(--bg-primary,#fff);box-shadow:0 2px 8px #0000001a;padding:var(--space-5);margin:16px;border-radius:20px;background:#1a1a2ee6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;animation:slideUpFade .3s ease-out}.mobile-inline-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mobile-inline-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);border-radius:10px;cursor:pointer;transition:all .2s ease;padding:var(--space-5) 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.mobile-inline-btn:hover{background:var(--bg-hover,#eee);background:#6366f140;transform:translateY(-3px);box-shadow:0 8px 25px #00000059}.mobile-inline-btn:active{transform:scale(.97)}.mobile-inline-btn span:first-child{font-size:22px;font-size:28px;margin-bottom:8px}.left-panel.drawer-open{transform:translate(0)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}body.course-path-active .left-panel.drawer-open{display:flex!important}.drawer-actions-container{padding:12px;border-bottom:1px solid var(--color-border, rgba(255,255,255,.06));margin-bottom:8px}.drawer-actions-container .empty-state-suggestions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:0!important;margin:0!important}.drawer-actions-container .empty-state-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px!important;min-height:68px;border-radius:10px;gap:4px}.drawer-actions-container .empty-card-icon{font-size:22px}.drawer-actions-container .empty-card-label{font-size:11px;font-weight:600}.drawer-actions-container .empty-card-desc{display:none}.drawer-actions-container .empty-state-section-label{grid-column:1 / -1;font-size:11px;font-weight:600;opacity:.5;padding:6px 0 2px}.right-panel-empty-state .empty-state-content{padding:0 12px}.right-panel-empty-state .empty-state-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:52px;padding:12px 16px;border-radius:10px;text-align:left}.right-panel-empty-state .empty-card-icon{font-size:24px;flex-shrink:0;width:32px;text-align:center}.right-panel-empty-state .empty-card-label{font-size:15px;font-weight:600;flex:1}.right-panel-empty-state .empty-card-desc{display:none}.right-panel-empty-state .empty-state-section-label{font-size:10px;padding:10px 4px 4px;margin-top:4px}#learningPathPanel,.learning-path-panel{position:relative!important;width:100%!important;max-width:100%!important;margin:0 0 16px!important;transform:none!important;z-index:1!important;order:0;display:flex!important;flex-direction:column!important;background:var(--color-bg-primary, #fff)!important;min-height:120px!important}.mobile-drawer-backdrop{position:fixed!important;top:0;inset-inline-start:0;bottom:0;background:#00000080;z-index:10002!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-drawer-backdrop.visible{opacity:1;visibility:visible}#mobileMenuBtn,.mobile-menu-btn{display:none!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-inline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-inline-title{font-size:16px;font-weight:700;color:#fff}.mobile-inline-btn span:last-child{font-size:14px;font-weight:600;color:#ffffffe6}.status-pill{padding:var(--space-1) 8px;font-size:10px;max-width:100px}.status-pill .native-lang,.status-pill .learning-lang{font-size:9px;max-width:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.status-pill .arrow,.status-pill .separator{display:none}.status-pill .difficulty{display:inline-block;font-size:8px}.btn-generate{padding:10px 20px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-generate:hover{background:linear-gradient(135deg,#818cf8,#a78bfa);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.desktop-only-btn{display:none!important}@media(min-width:768px){.desktop-only-btn{display:inline-flex!important}}.btn-go{display:none!important}@media(min-width:768px){.btn-go{display:inline-block}}.desktop-only-btn.header-settings-btn{display:none;padding:8px 12px;background:var(--bg-hover, rgba(255, 255, 255, .1));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;color:var(--color-text, #fff);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;align-items:center;gap:6px}.desktop-only-btn.header-settings-btn:hover{background:var(--bg-active, rgba(99, 102, 241, .2))}@media(min-width:768px){.desktop-only-btn.header-settings-btn{display:inline-flex!important}}}@media(min-width:768px){.mobile-side-drawer.open{align-items:center;justify-content:center;display:flex!important;display:block!important;align-items:stretch!important;justify-content:flex-start!important;transform:translate(0)!important}.mobile-side-drawer.open .mobile-drawer-panel{position:fixed;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;max-height:80dvh;max-height:-webkit-fill-available;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000080}}@media(min-width:768px){.mobile-side-drawer:not(.open){display:none!important}}@media(min-width:768px){body.course-path-active .left-panel.drawer-open{display:flex!important}.left-panel.drawer-open{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:600px!important;max-height:80vh!important;max-height:80dvh!important;max-height:-webkit-fill-available!important;height:auto!important;border-radius:16px!important;box-shadow:0 20px 60px #00000080!important;z-index:10002!important;overflow-y:auto!important}body:has(.left-panel.drawer-open):before{content:""!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;z-index:10001!important;pointer-events:auto!important}.left-panel.drawer-open .sidebar-collapse-btn{display:none!important}.left-panel.drawer-open .drawer-close-btn{display:flex!important;position:sticky!important;top:0!important;inset-inline-end:auto!important;z-index:10!important;background:var(--bg-hover, rgba(0,0,0,.05));border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);margin:8px 8px 0 auto;flex-shrink:0}}.mobile-side-drawer{position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;z-index:10002;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-side-drawer.open{visibility:visible;pointer-events:auto;opacity:1}.mobile-drawer-overlay{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-side-drawer.open .mobile-drawer-overlay{opacity:1;pointer-events:auto}.mobile-drawer-panel{position:absolute;top:0;inset-inline-start:0;width:85%;max-width:320px;height:100%;background:var(--bg-primary, #1a1a20);transform:translate(-100%);transition:transform .3s cubic-bezier(.23,1,.32,1);overflow-y:auto;box-shadow:4px 0 20px #0000004d;z-index:1000000!important}.mobile-side-drawer.open .mobile-drawer-panel{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border, #333)}.mobile-drawer-title{font-size:18px;color:#fff;font-weight:600;font-size:16px}.mobile-drawer-close{color:#fff;background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;opacity:.7}.mobile-drawer-tabs{flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:8px;gap:4px!important}.mobile-drawer-tab{background:#ffffff1a;border:none;color:#ffffffb3;font-size:13px;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary, #252530);border:1px solid var(--color-border, #333);border-radius:8px;color:var(--text-primary, #fff);font-size:15px;cursor:pointer;transition:all .2s ease}.mobile-drawer-tab.active{background:#6366f14d;color:#fff;background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1)}.mobile-drawer-content{padding:16px}.mobile-drawer-panel-content{display:none;padding:16px}.mobile-drawer-panel-content.active{display:block}.header-login-btn{padding:8px 12px!important;font-size:13px!important;font-weight:500!important;background-color:#2a2a32!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.08)!important}@media(max-width:767px){#desktopSettingsBtn{display:none!important;display:flex!important;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-hover, #2a2a2e);border:1px solid var(--color-border, rgba(255,255,255,.1));border-radius:8px;color:var(--color-text, #fff);margin-inline-end:8px}}@media(max-width:767px){.mobile-drawer-tabs{display:flex;flex-direction:column;gap:8px;padding:16px;width:100%}}@media(max-width:767px){.mobile-drawer-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-hover, #2a2a2e);border:1px solid var(--color-border, rgba(255,255,255,.1));border-radius:10px;color:var(--color-text, #fff);font-size:15px;cursor:pointer;transition:all .2s}.mobile-drawer-tab:hover{background:var(--bg-active, #3a3a3e)}.mobile-drawer-tab.active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1)}.mobile-drawer-tab i{width:20px;height:20px}}.mobile-drawer-close:hover{opacity:1}.mobile-drawer-tab:active{background:var(--bg-hover, #2a2a38);border-color:var(--accent-primary, #6366f1)}.mobile-drawer-tab.mobile-output-btn-subtle{background:linear-gradient(135deg,#ffffff14,#ffffff0a)!important;border:1.5px solid rgba(255,255,255,.18)!important;border-radius:12px!important;color:var(--color-text-main, #fff)!important;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a!important;position:relative;overflow:hidden}.mobile-drawer-tab.mobile-output-btn-subtle:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tab-accent, rgba(255, 255, 255, .4));border-radius:12px 0 0 12px}.mobile-drawer-tab.mobile-output-btn-subtle:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f)!important;border-color:#ffffff4d!important;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff26!important;transform:translateY(-1px)}.mobile-drawer-tab.mobile-output-btn-subtle:active{transform:scale(.98) translateY(0);box-shadow:0 1px 4px #00000026!important}.mobile-drawer-tab.mobile-output-btn-subtle[data-tab=language]{--tab-accent: rgba(59, 130, 246, .8)}.mobile-drawer-tab.mobile-output-btn-subtle[data-tab=progress]{--tab-accent: rgba(249, 115, 22, .8)}.mobile-drawer-tab.mobile-output-btn-subtle[data-tab=appearance]{--tab-accent: rgba(168, 85, 247, .8)}.mobile-drawer-tab.mobile-output-btn-subtle[data-tab=about]{--tab-accent: rgba(20, 184, 166, .8)}body.dark .mobile-drawer-tab.mobile-output-btn-subtle{background:linear-gradient(135deg,#ffffff1a,#ffffff0a)!important;border-color:#ffffff26!important;color:#fffffff2!important;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14!important}body.dark .mobile-drawer-tab.mobile-output-btn-subtle:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14)!important;border-color:#ffffff40!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff1a!important}@media(min-width:768px){.mobile-side-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:400px!important;max-width:50vw!important;height:100vh!important;background:#0f0f12fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:200000!important;transform:translate(100%)!important;transition:transform .3s cubic-bezier(.23,1,.32,1)!important;border-radius:16px 0 0 16px!important;overflow-y:auto!important}.mobile-drawer-overlay{position:fixed!important;opacity:0!important;pointer-events:none!important}.mobile-drawer-panel{position:absolute!important;top:0!important;left:0!important;transform:none!important;height:100%!important;min-height:100%!important;max-height:none!important;border-radius:0!important;box-shadow:none!important}.mobile-drawer-tabs{display:flex;flex-direction:column;gap:8px;padding:16px;width:100%}.mobile-drawer-tab{display:flex!important;align-items:center;gap:12px;padding:14px 16px;background:#ffffff14!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;color:#fff!important;font-size:15px!important;cursor:pointer;transition:all .2s}.mobile-drawer-tab:hover{background:#ffffff1f!important}.mobile-drawer-tab.active{background:#6366f14d!important;border-color:#6366f180!important}.mobile-drawer-tab i{width:20px;height:20px}}@media(max-width:767px){.mobile-side-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:85vw!important;max-width:320px!important;height:100vh!important;z-index:999999!important;transform:translate(100%)!important;opacity:0!important;visibility:hidden!important;transition:transform .3s ease,opacity .3s ease,visibility .3s ease!important;border-radius:0!important}.mobile-side-drawer.open{transform:translate(0)!important;opacity:1!important;visibility:visible!important}.mobile-drawer-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;z-index:999998!important;pointer-events:none!important}.mobile-drawer-panel{width:100%!important;max-width:100%!important}}body.dark .mobile-drawer-tab:not(.mobile-output-btn-subtle){background:#ffffff14;border-color:#ffffff1a}body.dark .mobile-drawer-tab:active:not(.mobile-output-btn-subtle){background:#ffffff26}@media(max-width:767px){.topbar-controls button,.topbar-controls .status-pill{height:36px!important;min-height:36px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0 10px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.topbar-controls #darkToggle,.topbar-controls #userProgressBtn{width:36px!important;padding:0!important;background:transparent!important;border:1px solid rgba(255,255,255,.1)!important}.topbar-controls #darkToggle:hover,.topbar-controls #userProgressBtn:hover{background:#ffffff14!important;border-color:var(--color-primary)!important}.topbar-controls #desktopSettingsBtn{background:transparent!important;border:1px solid rgba(255,255,255,.1)!important}.topbar-controls #desktopSettingsBtn span{font-size:12px!important}.topbar-controls .about-btn-inner{min-width:auto!important;padding:0 12px!important;background:#6366f126!important;color:var(--color-primary)!important;border:1px solid rgba(99,102,241,.3)!important}.topbar-controls .about-btn-inner:hover{background:#6366f140!important}.topbar-controls .header-login-btn{min-height:36px!important;padding:0 12px!important;background:transparent!important;color:#374151!important;border:1px solid rgba(0,0,0,.15)!important;border-radius:8px!important}.topbar-controls .header-login-btn:hover{background:#0000000d!important}.topbar-controls .header-login-btn i{width:16px!important;height:16px!important}.topbar-controls .status-pill{padding:0 10px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important}.topbar-controls .status-pill:hover{background:#ffffff1a!important}.topbar-controls{gap:6px!important}.topbar-controls .icon-md{width:18px!important;height:18px!important}}@media(max-width:379px){.topbar-controls button,.topbar-controls .status-pill{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:11px!important}.topbar-controls #darkToggle,.topbar-controls #userProgressBtn{width:32px!important}.topbar-controls .icon-md{width:16px!important;height:16px!important}.topbar-controls{gap:4px!important}}@media(max-width:600px){.api-chat-container{height:100vh;height:100dvh;height:-webkit-fill-available;min-height:100vh;max-height:100vh;max-height:100dvh;max-height:-webkit-fill-available}}.mobile-drawer-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.mobile-drawer-logout-btn{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;text-align:center}.mobile-drawer-logout-btn:hover{background:#ffffff26}#clearDataChoiceModal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:clearDataModalFadeIn .2s ease-out}#clearDataChoiceModal.open{display:flex}@keyframes clearDataModalFadeIn{0%{opacity:0}to{opacity:1}}.clear-data-modal-box{background:var(--color-bg-primary, #fff);border-radius:16px;padding:28px 24px;max-width:340px;width:90%;text-align:center;box-shadow:0 20px 60px #00000059;animation:clearDataModalPop .2s ease-out}@keyframes clearDataModalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}body.dark .clear-data-modal-box{background:#1e1e2e}.clear-data-modal-icon{font-size:40px;margin-bottom:12px}.clear-data-modal-title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--color-text-primary, #1a1a2e)}body.dark .clear-data-modal-title{color:#e0e0e0}.clear-data-modal-desc{font-size:13px;color:var(--color-text-secondary, #666);margin-bottom:24px;line-height:1.45}body.dark .clear-data-modal-desc{color:#999}.clear-data-modal-actions{display:flex;flex-direction:column;gap:10px}.clear-data-modal-btn{width:100%;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.clear-data-modal-btn:active{transform:scale(.97)}.clear-data-btn-cancel{background:var(--color-border-light, #e5e7eb);color:var(--color-text, #374151)}.clear-data-btn-cancel:hover{background:#d1d5db}.clear-data-btn-cache{background:#3b82f6;color:#fff}.clear-data-btn-cache:hover{background:#2563eb}.clear-data-btn-all{background:#ef4444;color:#fff}.clear-data-btn-all:hover{background:#dc2626}.clear-data-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#888}body.dark .clear-data-btn-cancel{background:#2a2a3a;color:#ccc}body.dark .clear-data-btn-secondary{border-color:#ffffff26;color:#888}@media(max-width:767px){.mobile-voice-hint{font-size:12px;color:var(--text-muted, #888);margin-bottom:16px}.mobile-voice-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-voice-section:last-child{border-bottom:none}.mobile-voice-section h4{font-size:14px;margin-bottom:10px;color:var(--tab-accent, #a855f7)}.mobile-voice-section.disabled h4{color:#666}.mobile-voice-filters{display:flex;gap:8px;margin-bottom:10px}.mobile-voice-lang,.mobile-voice-gender{flex:1;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:13px}.mobile-voice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-voice-item{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;cursor:pointer;transition:all .2s;text-align:center}.mobile-voice-item:hover{background:#ffffff1a;border-color:#ffffff4d}.mobile-voice-item.selected{border-color:var(--tab-accent, #a855f7);background:#a855f733}.mobile-voice-item .voice-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-voice-item .voice-lang{font-size:10px;opacity:.7}.mobile-voice-disabled{color:#666;font-size:12px;font-style:italic}}.speak-voice-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:10050;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}.speak-voice-modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.speak-voice-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:85vh;max-height:85dvh;max-height:-webkit-fill-available;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255,255,255,.15));border-radius:16px;z-index:10051;display:none;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0006}.speak-voice-modal.show{display:flex}.speak-voice-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));flex-shrink:0}.speak-voice-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.speak-voice-modal-close{width:32px;height:32px;border:none;background:#ffffff1a;color:var(--text-primary, #fff);font-size:20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.speak-voice-modal-close:hover{background:#fff3}.speak-voice-modal-content{padding:20px;overflow-y:auto;flex:1}.speak-voice-modal-content label{display:block;font-size:12px;color:var(--text-muted, #a0a0a0);margin-bottom:6px}.speak-voice-modal-content input[type=range]{width:100%;margin-bottom:16px}.speak-voice-vad-sensitivity{margin-bottom:16px}.speak-voice-vad-sensitivity select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color, rgba(255,255,255,.2));background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:14px;margin-top:4px}.speak-voice-selector{margin-bottom:16px}.speak-voice-filters{display:flex;gap:8px;margin-bottom:12px}.speak-voice-filter-group label{display:block;font-size:11px;color:var(--text-muted, #a0a0a0);margin-bottom:4px}.speak-voice-filter-group select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border-color, rgba(255,255,255,.2));background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:13px}.speak-voice-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.speak-voice-legend{font-size:10px;color:var(--text-muted, #a0a0a0)}.speak-voice-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:8px;background:var(--bg-tertiary, #252540)}.speak-voice-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-color, rgba(255,255,255,.05));transition:background .15s;border-left:3px solid transparent}.speak-voice-item.gender-female{border-left-color:#ec4899}.speak-voice-item.gender-male{border-left-color:#3b82f6}.speak-voice-item.type-clone{border-left-color:#a855f7}.speak-voice-item:last-child{border-bottom:none}.speak-voice-item:hover{background:#ffffff0d}.speak-voice-item.selected{background:#a855f733}.speak-voice-item-name{font-size:13px;color:var(--text-primary, #fff)}.speak-voice-item-badge{font-size:10px;padding:2px 6px;border-radius:4px}.speak-voice-badge-ivc{background:#fef3c7;color:#92400e}.speak-voice-badge-system{background:#e0e7ff;color:#3730a3}.speak-voice-item-check{font-size:14px;color:var(--tab-accent, #a855f7);opacity:0}.speak-voice-item.selected .speak-voice-item-check{opacity:1}.speak-voice-loading{padding:20px;text-align:center;color:var(--text-muted, #a0a0a0);font-size:13px}.speak-settings-hr{border:none;border-top:1px solid var(--border-color, rgba(255,255,255,.1));margin:16px 0}.speak-voice-modal-content h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.speak-voice-modal-content select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color, rgba(255,255,255,.2));background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:14px;margin-bottom:12px}.speak-tts-budget{font-size:12px;color:var(--text-muted, #a0a0a0);margin-bottom:16px}.speak-enrichment-label{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:16px}.speak-enrichment-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--tab-accent, #a855f7)}.speak-enrichment-label span{font-size:13px;color:var(--text-primary, #fff)}.speak-settings-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.speak-settings-save{padding:10px 20px;border-radius:8px;border:none;background:var(--tab-accent, #a855f7);color:#fff;font-size:14px;font-weight:500;cursor:pointer}.speak-settings-clear{padding:10px 16px;border-radius:8px;border:1px solid var(--border-color, rgba(255,255,255,.2));background:transparent;color:var(--text-muted, #a0a0a0);font-size:14px;cursor:pointer}.speak-settings-clear:hover{background:#ffffff0d}@media(max-width:480px){.speak-voice-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;top:0;left:0;transform:none}}@media(max-width:767px){.horizontal-scroll,.pos-verb-list,.word-list,.topic-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}button,.btn,.pos-category-btn,.pos-verb-btn,.pos-tab{touch-action:manipulation}.modal-content,.pos-modal-content,.words-modal-content,.exercise-config-content{max-height:100vh;max-height:100dvh;max-height:-webkit-fill-available;height:100vh;height:100dvh;height:-webkit-fill-available}.pos-category-btn,.pos-verb-btn,.pos-tab,button:not([class*=icon]){min-height:44px;min-width:44px}}@media(max-width:480px){.pos-verb-btn{padding:8px 10px;font-size:13px}.pos-category-btn{padding:16px 12px}.speak-voice-selector-row{flex-wrap:wrap;gap:6px;padding:6px 8px;font-size:.8rem}.speak-voice-selector-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speak-voice-selector-change{padding:3px 10px;font-size:.7rem}.speak-confirm-buttons .btn{min-height:44px;padding:10px 20px}}.visual-clues-panel{display:block;background:var(--bg-panel-inset-inline-end, var(--bg-input));border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);margin:var(--spacing-md, 12px) 0;overflow:hidden;box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,.15))}.visual-clues-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);background:var(--bg-hover, rgba(0,0,0,.05));border-bottom:1px solid var(--color-border)}.visual-clues-title{font-family:var(--font-display, "Outfit", sans-serif);font-size:var(--font-size-md, 15px);font-weight:600;color:var(--color-text-main);display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.visual-clues-toggle{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);font-size:var(--font-size-sm, 13px);border-radius:var(--radius-sm, 4px);transition:all .2s ease}.visual-clues-toggle:hover{background:var(--bg-hover, rgba(0,0,0,.05));color:var(--color-text-main)}.visual-clues-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px)}.visual-clues-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) 0}.visual-clue-item{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);min-height:48px;flex:1 1 calc(50% - var(--spacing-sm, 8px));min-width:140px;transition:all .2s ease}.visual-clue-item:hover{background:var(--bg-hover);border-color:var(--color-border-dark, var(--color-border));transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.1))}.visual-clue-item.modifier{background:var(--color-primary-light, rgba(37, 99, 235, .1));border-color:var(--color-primary);flex:0 0 auto;min-width:auto;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px)}.visual-clue-item.modifier:hover{background:var(--color-primary);color:#fff}.clue-icon{font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clue-label{font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-weight:500}.clue-value{font-size:var(--font-size-sm, 13px);color:var(--color-text-main);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}@media(min-width:768px){.visual-clues-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md, 12px);padding:var(--spacing-lg, 16px)}.visual-clues-row{grid-column:1 / -1;gap:var(--spacing-md, 12px)}.visual-clue-item{flex:1 1 auto;min-width:160px;padding:var(--spacing-lg, 16px) var(--spacing-xl, 20px);min-height:56px}.clue-icon{font-size:24px;width:32px;height:32px}.clue-label{font-size:var(--font-size-sm, 13px)}.clue-value{font-size:var(--font-size-md, 16px);max-width:140px}.visual-clues-title{font-size:var(--font-size-lg, 18px)}}@media(min-width:1024px){.visual-clues-content{grid-template-columns:repeat(3,1fr);padding:var(--spacing-xl, 24px)}.visual-clue-item{padding:var(--spacing-xl, 20px) var(--spacing-2xl, 24px);min-height:60px}.visual-clue-item.modifier{padding:var(--spacing-md, 12px) var(--spacing-lg, 16px)}.clue-icon{font-size:28px;width:36px;height:36px}.clue-value{max-width:180px}}@media(max-width:480px){.visual-clues-content{padding:var(--spacing-sm, 8px);gap:var(--spacing-xs, 4px)}.visual-clues-row{gap:var(--spacing-xs, 4px)}.visual-clue-item{flex:1 1 100%;min-width:unset;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);min-height:44px}.clue-icon{font-size:18px;width:24px;height:24px}.clue-label{font-size:10px}.clue-value{font-size:var(--font-size-xs, 11px);max-width:80px}.visual-clues-header{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px)}.visual-clues-title{font-size:var(--font-size-sm, 13px)}}.exercise-config-modal{display:none;position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;z-index:10010;align-items:center;justify-content:center}.exercise-config-modal.show{display:flex}.exercise-config-overlay{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;background:#00000080;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:none;z-index:0}.exercise-config-content{position:relative;background:var(--bg-primary,#fff);width:90%;max-width:400px;max-height:85vh;border-radius:16px;padding:20px;overflow-y:auto;box-shadow:0 10px 40px #0003;z-index:1;pointer-events:auto}.exercise-config-close{position:absolute;top:12px;inset-inline-end:12px;background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;width:32px;height:32px;-webkit-tap-highlight-color:transparent;transform-origin:center center;transition:transform .1s ease,color .15s ease}.exercise-config-close:hover{outline:2px solid rgba(59,130,246,.3);outline-offset:2px}.exercise-config-close:active{transform:scale(.9);background:#0000000d}.exercise-config-title{font-size:20px;font-weight:700;margin:0 0 16px;color:#333;padding-inline-end:40px}.exercise-config-body{margin-top:16px;display:flex;flex-direction:column;gap:12px}.mobile-settings-tabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:2px solid #eee;padding-bottom:8px}.mobile-settings-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:none;border:none;border-radius:8px;cursor:pointer;color:#666;font-weight:500}.mobile-settings-tab:hover{background:#f0f0f0}.mobile-settings-tab.active{background:var(--accent-primary);color:#fff}.mobile-settings-tab .tab-icon{font-size:18px}.mobile-settings-tab .tab-label{font-size:12px;font-weight:600}.mobile-settings-body{flex:1;overflow-y:auto}.mobile-settings-panel{display:none}.mobile-settings-panel.active{display:block}.mobile-settings-panel .qs-category-btn{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f5f5f5;border:1px solid #eee;border-radius:10px;cursor:pointer;font-size:15px;color:#333;margin-bottom:10px;width:100%;text-align:start;font-weight:500;transition:transform .15s ease,background .15s ease}.mobile-settings-panel .qs-category-btn:hover{background:#e8e8e8;transform:translate(2px)}.mobile-settings-panel .qs-category-btn svg{width:20px;height:20px}.qs-category-btn.expanded svg{transform:rotate(90deg)}.verb-list-container,.verb-forms-container{display:none;margin-bottom:12px;padding:14px;background:#f9f9f9;border-radius:10px;max-height:180px;overflow-y:auto}.verb-list-container.show,.verb-forms-container.show{display:block}.verb-search{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:10px;box-sizing:border-box}.verb-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:4px}.verb-option:hover{border-color:var(--accent-primary);background:#f0f7ff}.verb-option input{width:18px;height:18px;cursor:pointer}.qs-modifiers-compact{display:flex;flex-direction:column;gap:14px}.qs-mod-row{display:flex;flex-direction:column;gap:8px}.qs-mod-label{font-size:13px;font-weight:600;color:#444;text-transform:uppercase;letter-spacing:.5px}.qs-mod-chips{display:flex;flex-wrap:wrap;gap:8px}.qs-chip{padding:8px 14px;font-size:13px;border:1px solid #ddd;border-radius:20px;background:#fff;color:#333;cursor:pointer;font-weight:500}.qs-chip:hover{border-color:var(--accent-primary)}.qs-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.exercise-config-content .qs-advanced-compact{display:flex;flex-direction:column;gap:20px}.exercise-config-content .qs-adv-row{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:#f8f8f8;border-radius:10px}.exercise-config-content .qs-adv-row-header{display:flex;justify-content:space-between;align-items:baseline}.exercise-config-content .qs-adv-label{font-size:14px;font-weight:600;color:#555}.exercise-config-content .qs-adv-value{font-size:15px;font-weight:700;color:var(--accent-primary)}.exercise-config-content .qs-slider{width:100%;height:6px;border-radius:3px;cursor:pointer}.exercise-config-go-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 28px;font-size:20px;font-weight:700;border:none;border-radius:14px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;cursor:pointer;box-shadow:0 4px 15px #4caf5066;text-transform:uppercase;letter-spacing:1px}.exercise-config-go-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.big-random-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 28px;font-size:18px;font-weight:700;border:none;border-radius:14px;background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;cursor:pointer;box-shadow:0 4px 15px #ff6b6b4d;text-transform:uppercase;letter-spacing:1px}.big-random-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}body.dark .exercise-config-content{background:var(--surface-1, #1e1e1e);color:var(--color-text-main, #e0e0e0)}body.dark .exercise-config-overlay{background:#000000b3}body.dark .exercise-config-title{color:var(--color-text-main, #e0e0e0)}body.dark .exercise-config-close{color:var(--color-text-secondary, #aaa)}body.dark .exercise-config-close:hover{color:var(--color-text-main, #fff)}body.dark .mobile-settings-tabs{border-bottom-color:var(--color-border, #444)}body.dark .mobile-settings-tab{color:var(--color-text-secondary, #aaa)}body.dark .mobile-settings-tab:hover{background:var(--surface-3, #333)}body.dark .mobile-settings-tab.active{background:var(--accent-primary);color:#fff}body.dark .exercise-config-content .qs-adv-row{background:var(--surface-2, #2a2a2a)}body.dark .exercise-config-content .qs-adv-label{color:var(--color-text-main, #e0e0e0)}body.dark .exercise-config-content .qs-adv-value{color:var(--accent-primary, #7ab3eb)}body.dark .qs-category-btn{background:var(--surface-2, #2a2a2a);border-color:var(--color-border, #444);color:var(--color-text-main, #e0e0e0)}body.dark .qs-chip{background:var(--surface-1, #1e1e1e);border-color:var(--color-border, #444);color:var(--color-text-main, #e0e0e0)}body.dark .qs-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}body.dark .verb-option{background:var(--surface-2, #2a2a2a);border-color:var(--color-border, #444);color:var(--color-text-main, #e0e0e0)}body.dark .verb-list-container,body.dark .verb-forms-container{background:var(--surface-2, #2a2a2a)}body.dark .verb-search{background:var(--surface-1, #1e1e1e);border-color:var(--color-border, #444);color:var(--color-text-main, #e0e0e0)}@media(max-width:768px){.exercise-config-content{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;padding:16px!important;display:flex;flex-direction:column}.exercise-config-title{flex-shrink:0;margin-bottom:12px;font-size:22px;padding-inline-end:44px}.exercise-config-body{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:0}.mobile-settings-tabs{flex-shrink:0;margin-bottom:12px}.mobile-settings-body{flex:1;max-height:none;overflow-y:auto}.mobile-settings-panel.active{min-height:200px}.exercise-config-content .qs-adv-value{overflow:visible;text-overflow:unset;white-space:normal;min-width:0;flex-shrink:1}.exercise-config-content .qs-adv-label{min-width:0;flex-shrink:1}.exercise-config-content .qs-adv-row-header{width:100%}.exercise-config-content .qs-chip{min-width:0;flex-shrink:0}.exercise-config-content .qs-mod-chips{min-width:0}.exercise-config-content .topic-mode-btn{padding:10px 16px;font-size:14px;font-weight:600;border:1px solid #ddd;border-radius:10px;background:#f5f5f5;color:#333;cursor:pointer;transition:all .2s}.exercise-config-content .topic-mode-btn:hover{border-color:var(--accent-primary);background:#f0f7ff}.exercise-config-content .topic-mode-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.exercise-config-content .mobile-mode-section{display:flex;flex-direction:column;gap:12px}.exercise-config-content .mobile-mode-desc{font-size:14px;color:#666;margin:0}.exercise-config-content .mobile-mode-buttons{display:flex;flex-wrap:wrap;gap:8px}.exercise-config-go-btn{flex-shrink:0;padding:20px 28px;font-size:22px}.big-random-btn{padding:16px 24px;font-size:18px}}@media(min-width:769px){.exercise-config-content .qs-adv-value{overflow:visible;text-overflow:unset;white-space:normal;max-width:none;min-width:0}.exercise-config-content .qs-adv-label{flex-shrink:1}}.api-chat-container{--api-chat-font-scale: 1;--api-chat-font-xs: calc(11px * var(--api-chat-font-scale, 1));--api-chat-font-sm: calc(13px * var(--api-chat-font-scale, 1));--api-chat-font-base: calc(14px * var(--api-chat-font-scale, 1));--api-chat-font-md: calc(16px * var(--api-chat-font-scale, 1));--api-chat-font-lg: calc(18px * var(--api-chat-font-scale, 1));--api-chat-font-xl: calc(20px * var(--api-chat-font-scale, 1));--api-chat-font-2xl: calc(24px * var(--api-chat-font-scale, 1));position:relative;width:100%;height:100vh;max-height:100vh;background:var(--bg-panel-left, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;transition:height .3s ease}@media(min-width:768px){.api-chat-container{--api-chat-font-scale: 1.3;width:100%;height:100vh;max-height:100vh;min-height:0;border-radius:0;max-width:100%}}.api-chat-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:stretch;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.api-chat-modal.show{opacity:1;visibility:visible}.api-chat-modal.minimized .api-chat-container{height:48px;overflow:hidden}.api-chat-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.api-chat-welcome{display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 0;min-height:auto;flex-shrink:0}.api-chat-welcome-icon,.api-chat-welcome-title,.api-chat-welcome-text{display:none}.api-chat-welcome-topic{display:block;font-size:.85rem;color:var(--color-text-secondary, #666);padding:4px 12px;background:var(--bg-grid-block, #f5f5f5);border-radius:8px;max-width:fit-content}@media(min-width:768px){.api-chat-welcome{padding:4px 0}.api-chat-welcome-topic{font-size:.8rem;padding:3px 10px}}@media(max-width:600px){.api-chat-welcome{padding:6px 0}.api-chat-welcome-topic{font-size:.85rem;padding:4px 10px}}body.dark .api-chat-welcome-topic{color:var(--color-text-secondary, #999);background:var(--bg-grid-block, #2a2a2a)}@media(max-width:600px){html,body{height:100%!important;min-height:100%!important;margin:0!important;padding:0!important}.api-chat-modal{align-items:stretch;height:100dvh;height:100svh}.api-chat-container{width:100%;height:100%!important;min-height:100%!important;max-height:100dvh;max-height:100svh;border-radius:0;max-width:100%}}@media(max-width:600px){.content-learning{font-size:16px!important}.content-translation{font-size:14px!important;display:none}.content-translation.visible{display:block}}@media(min-width:1600px){.api-chat-container{max-width:1300px}}@media(min-width:2000px){.api-chat-container{max-width:1500px}}.api-chat-header{display:flex;align-items:stretch;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--bg-input, #f5f5f5);border-bottom:1px solid var(--color-border, #e0e0e0)}.api-chat-header-font-controls{display:flex;gap:4px}.api-chat-font-btn{width:28px;height:28px;border:1px solid var(--color-border, #ddd);background:var(--bg-panel-left, #fff);border-radius:var(--radius-sm, 6px);font-size:var(--api-chat-font-md, 16px);font-weight:600;color:var(--color-text-secondary, #666);cursor:pointer;display:flex;align-items:stretch;justify-content:center;transition:all .2s ease;font-family:var(--font-display)}.api-chat-font-btn:hover{background:var(--color-primary-light, #eef2ff);color:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5)}.api-chat-title{display:flex;align-items:stretch;gap:var(--gap-md, 10px);font-size:var(--api-chat-font-md);font-weight:600;color:var(--color-text-main, #333);flex:1;justify-content:center}.api-chat-icon{font-size:calc(20px * var(--api-chat-font-scale, 1))}.api-chat-header-actions{display:flex;gap:8px;align-items:center}.api-chat-back-btn{display:none;font-size:18px;padding:0 8px}.api-chat-back-btn.show{display:flex}.api-chat-header-btn{width:calc(32px * var(--api-chat-font-scale, 1));height:calc(32px * var(--api-chat-font-scale, 1));border:none;background:transparent;color:var(--color-text-secondary, #666);font-size:calc(20px * var(--api-chat-font-scale, 1));cursor:pointer;border-radius:var(--radius-lg, 12px);display:flex;align-items:stretch;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-display)}.api-chat-header-btn:hover{background:var(--bg-grid-block, #eee);color:var(--color-text-main, #333);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.api-chat-context{display:flex;align-items:stretch;justify-content:space-between;padding:10px 16px;background:var(--bg-grid-block, #fafafa);border-bottom:1px solid var(--color-border, #e0e0e0);transition:all .3s ease}.api-chat-context.collapsed .api-chat-context-items{display:flex;max-height:64px;overflow:hidden;flex-wrap:wrap}.api-chat-context.collapsed{padding:6px 16px}.api-chat-context.collapsed .api-chat-context-item:not(.primary){display:none}.api-chat-context.collapsed .api-chat-context-item.primary{flex-shrink:0}.api-chat-context-items{display:flex;align-items:stretch;gap:var(--gap-lg, 16px);flex-wrap:wrap}.api-chat-context-item{display:flex;align-items:stretch;gap:var(--gap-xs, 6px);font-size:15px;color:var(--color-text-secondary, #666)}.context-flag{font-size:calc(8px * var(--api-chat-font-scale, 1))}.context-icon{font-size:calc(14px * var(--api-chat-font-scale, 1))}.api-chat-context-toggle{background:none;border:none;color:var(--color-text-secondary, #666);cursor:pointer;padding:var(--space-1, 4px);font-size:var(--api-chat-font-xs, 12px);transition:transform .2s ease}.api-chat-context-toggle:hover{color:var(--color-text-main, #333)}.api-chat-messages{flex:1;overflow-y:auto;padding:var(--space-3, 12px);display:flex;flex-direction:column;gap:var(--gap-md, 10px);background:var(--bg-panel-left, #fff)}.api-chat-empty{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;color:var(--color-text-secondary, #888)}.api-chat-empty-icon{font-size:calc(48px * var(--api-chat-font-scale, 1));margin-bottom:12px;opacity:.5}.api-chat-empty p{margin:0;font-size:15px}.api-chat-scroll-btn{position:absolute;bottom:180px;right:24px;width:calc(40px * var(--api-chat-font-scale, 1));height:calc(40px * var(--api-chat-font-scale, 1));border-radius:50%;border:none;background:var(--color-primary, #4f46e5);color:#fff;font-size:calc(18px * var(--api-chat-font-scale, 1));cursor:pointer;display:none;align-items:stretch;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.api-chat-scroll-btn:hover{transform:scale(1.1) translateY(-2px);background:var(--color-primary-dark, #4338ca);box-shadow:0 6px 16px #4f46e566}.api-chat-message{max-width:100%;padding:calc(12px * var(--api-chat-font-scale, 1)) calc(16px * var(--api-chat-font-scale, 1));border-radius:var(--radius-lg, 12px);position:relative}.api-chat-message-header{display:flex;align-items:stretch;justify-content:space-between;margin-bottom:calc(8px * var(--api-chat-font-scale, 1));gap:8px}.api-chat-message-role{font-size:var(--api-chat-font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.api-chat-message-lang{font-size:var(--api-chat-font-xs);color:var(--color-primary, #4f46e5);background:#4f46e51a;padding:2px 8px;border-radius:12px;font-weight:500;white-space:nowrap}body.dark .api-chat-message-lang{color:var(--color-primary, #818cf8);background:#818cf826}.api-chat-message-time{font-size:var(--api-chat-font-xs);color:var(--color-text-secondary, #888);margin-left:auto}.api-chat-message-content{font-size:var(--api-chat-font-base);line-height:1.6;color:var(--color-text-main, #333);word-wrap:break-word}.api-chat-message-content strong{font-weight:600;color:var(--color-text-main, #1f2937)}.api-chat-message-content em{font-style:italic}.api-chat-message-content .api-chat-list-item{display:flex;align-items:flex-start;gap:8px;margin:4px 0;line-height:1.5}.api-chat-message-content .api-chat-list-num{color:var(--color-primary, #4f46e5);font-weight:600;min-width:20px}.api-chat-message-content .api-chat-bullet{color:var(--color-success, #10b981);font-weight:600}body.dark .api-chat-message-content strong{color:var(--color-text-main, #f3f4f6)}.api-chat-message-content.api-chat-message-collapsed{max-height:60px;overflow:hidden;position:relative}.api-chat-message-content.api-chat-message-collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,var(--bg-input, #f5f5f5))}.api-chat-message-toggle{background:none;border:none;color:var(--color-text-secondary, #666);cursor:pointer;font-size:12px;padding:var(--space-1, 4px);margin-top:var(--gap-xs, 4px)}.api-chat-message-toggle:hover{color:var(--color-primary, #4f46e5)}.api-chat-message-system{background:var(--bg-input, #f5f5f5);align-self:flex-start;border-bottom-left-radius:4px;font-size:15px}.api-chat-message-system .api-chat-message-role{color:var(--color-text-secondary, #666)}.api-chat-message-user{background:var(--color-primary-light, #eef2ff);align-self:flex-end;border-bottom-right-radius:4px;padding-right:calc(12px * var(--api-chat-font-scale, 1))}.api-chat-message-user .api-chat-message-role{color:var(--color-primary, #4f46e5)}.api-chat-message-user .api-chat-message-content{background:#ffffffb3;border-radius:8px;padding:10px 14px;margin-top:var(--gap-xs, 4px);border-left:3px solid var(--color-primary, #4f46e5);box-shadow:0 1px 3px #00000014}body.dark .api-chat-message-user .api-chat-message-content{background:#4f46e526;border-left-color:var(--color-primary, #818cf8)}.api-chat-message-assistant{background:var(--bg-grid-block, #f0f0f0);width:100%;border-bottom-left-radius:4px;padding-left:calc(12px * var(--api-chat-font-scale, 1))}.api-chat-message-assistant .api-chat-message-role{color:var(--color-success, #10b981)}.api-chat-message-assistant .api-chat-message-content{background:transparent;border-radius:0;padding:0;margin-top:var(--gap-xs, 4px);border:none;box-shadow:none}body.dark .api-chat-message-assistant .api-chat-message-content{background:transparent}.api-chat-message-actions{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #e0e0e0)}.api-chat-section-speak{background:var(--bg-panel-left, #fff);border:1px solid var(--color-border, #ddd);border-radius:12px;padding:2px 6px;font-size:11px;cursor:pointer;transition:all .2s ease;margin-left:auto;opacity:.8;flex-shrink:0;line-height:1}.api-chat-section-speak:hover{background:var(--color-primary-light, #eef2ff);border-color:var(--color-primary, #4f46e5);opacity:1;transform:scale(1.1)}.api-chat-line-with-speak{display:flex;align-items:stretch;gap:8px;padding:2px 0}.api-chat-line-text{flex:1}.api-chat-line-speak{background:var(--bg-panel-left, #fff);border:1px solid var(--color-border, #ddd);border-radius:12px;padding:2px 6px;font-size:11px;cursor:pointer;transition:all .2s ease;opacity:.6;flex-shrink:0}.api-chat-line-speak:hover{background:var(--color-primary-light, #eef2ff);border-color:var(--color-primary, #4f46e5);opacity:1;transform:scale(1.1)}.api-chat-msg-btn{background:none;border:1px solid var(--color-border, #e0e0e0);padding:calc(4px * var(--api-chat-font-scale, 1)) calc(10px * var(--api-chat-font-scale, 1));border-radius:var(--radius-lg, 12px);font-size:var(--api-chat-font-xs);cursor:pointer;color:var(--color-text-secondary, #666);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-display)}.api-chat-msg-btn:hover{background:var(--bg-input, #f5f5f5);color:var(--color-text-main, #333);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.api-chat-typing{display:flex;align-items:stretch;gap:var(--gap-md, 10px);padding:calc(12px * var(--api-chat-font-scale, 1)) calc(16px * var(--api-chat-font-scale, 1));background:var(--bg-grid-block, #f0f0f0);border-radius:var(--radius-lg, 12px);align-self:flex-start;font-size:15px;color:var(--color-text-secondary, #666)}.api-chat-typing-dots{display:flex;gap:4px}.api-chat-typing-dots span{width:8px;height:8px;background:var(--color-text-secondary, #888);border-radius:50%;animation:api-chat-typing-bounce 1.4s infinite ease-in-out}.api-chat-typing-dots span:nth-child(1){animation-delay:-.32s}.api-chat-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes api-chat-typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.api-chat-typing .typing-time{font-size:12px;color:#888;margin-left:var(--gap-sm, 8px)}.api-chat-notification{padding:8px 16px;margin:8px 0;border-radius:8px;font-size:var(--api-chat-font-sm, 14px);animation:notification-slide .3s ease-out}.api-chat-notification-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.api-chat-notification-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.api-chat-notification .notification-icon{margin-right:8px}@keyframes notification-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.api-chat-notification.fade-out{opacity:0;transition:opacity .5s ease-out}.api-chat-input-area{display:flex;flex-direction:column;padding:8px 12px;background:var(--bg-panel-left, #fff);border-top:1px solid var(--color-border, #e0e0e0)}.api-chat-input{width:100%;min-height:40px;max-height:120px;padding:10px 14px;border:1px solid var(--color-border, #e0e0e0);border-radius:12px;font-size:15px;font-family:inherit;resize:none;background:var(--bg-input, #fafafa);color:var(--color-text-main, #333);transition:all .2s ease}.api-chat-input:focus{outline:none;border-color:var(--color-primary, #4f46e5);background:var(--bg-panel-left, #fff);box-shadow:0 0 0 2px #4f46e526}.api-chat-input::placeholder{color:var(--color-text-secondary, #888)}.api-chat-input-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:var(--gap-xs, 6px);margin-top:6px}.api-chat-token-counter{font-size:calc(11px * var(--api-chat-font-scale, 1));color:var(--text-muted, #888);margin-right:auto;padding:4px 8px;background:var(--bg-input, #f5f5f5);border-radius:4px;font-family:monospace}body.dark .api-chat-token-counter{background:var(--bg-input, #2d2d2d);color:var(--text-muted, #aaa)}.api-chat-action-btn{width:36px;height:36px;border:none;background:var(--bg-input, #f5f5f5);border-radius:10px;font-size:15px;cursor:pointer;display:flex;align-items:stretch;justify-content:center;transition:all .2s ease}.api-chat-action-btn:hover{background:var(--bg-grid-block, #eee);transform:translateY(-1px)}.api-chat-action-btn.recording{background:#fee2e2;animation:api-chat-recording-pulse 1s infinite}@keyframes api-chat-recording-pulse{0%,to{opacity:1}50%{opacity:.6}}.api-chat-action-btn.api-chat-next-btn{background:var(--color-primary-light, #e0e7ff);color:var(--color-primary, #4f46e5);font-weight:600;font-size:var(--api-chat-font-xs);letter-spacing:-.3px}.api-chat-action-btn.api-chat-next-btn:hover{background:var(--color-primary, #4f46e5);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}body.dark .api-chat-action-btn.api-chat-next-btn{background:var(--color-primary-dark, #4338ca);color:#fff}body.dark .api-chat-action-btn.api-chat-next-btn:hover{background:var(--color-primary, #4f46e5)}.api-chat-send-btn{display:flex;align-items:stretch;gap:4px;padding:calc(6px * var(--api-chat-font-scale, 1)) calc(14px * var(--api-chat-font-scale, 1));background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.api-chat-send-btn:hover{background:var(--color-primary-dark, #4338ca);transform:translateY(-1px)}.api-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-icon{font-size:12px}.api-chat-footer{display:flex;align-items:stretch;justify-content:center;gap:8px;padding:6px 12px;background:var(--bg-input, #f5f5f5);border-top:1px solid var(--color-border, #e0e0e0)}.api-chat-footer-btn{padding:calc(4px * var(--api-chat-font-scale, 1)) calc(10px * var(--api-chat-font-scale, 1));background:var(--bg-panel-left, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:var(--api-chat-font-xs);color:var(--color-text-secondary, #666);cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.api-chat-footer-btn:hover{background:var(--bg-grid-block, #eee);color:var(--color-text-main, #333);transform:translateY(-1px)}.api-chat-restore-btn{position:fixed;bottom:100px;right:24px;width:calc(56px * var(--api-chat-font-scale, 1));height:calc(56px * var(--api-chat-font-scale, 1));border-radius:50%;background:var(--color-primary, #4f46e5);color:#fff;border:none;font-size:calc(24px * var(--api-chat-font-scale, 1));cursor:pointer;display:none;align-items:stretch;justify-content:center;box-shadow:0 4px 20px #4f46e566;z-index:9999;transition:all .3s cubic-bezier(.4,0,.2,1)}.api-chat-restore-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 24px #4f46e580}body.dark .api-chat-container{background:var(--bg-panel-left, #1a1a2e);box-shadow:0 20px 60px #00000080}body.dark .api-chat-header{background:var(--bg-input, #16162a);border-bottom-color:var(--color-border, #2d2d4a)}body.dark .api-chat-title{color:var(--color-text-main, #f0f0f0)}body.dark .api-chat-header-btn{color:var(--color-text-secondary, #888)}body.dark .api-chat-header-btn:hover{background:var(--bg-grid-block, #252542);transform:translateY(-2px);box-shadow:var(--shadow-glow)}body.dark .api-chat-context{background:var(--bg-grid-block, #16162a);border-bottom-color:var(--color-border, #2d2d4a)}body.dark .api-chat-context-item{color:var(--color-text-secondary, #aaa)}body.dark .api-chat-messages{background:var(--bg-panel-left, #1a1a2e)}body.dark .api-chat-message-system{background:var(--bg-input, #252542)}body.dark .api-chat-message-system .api-chat-message-role{color:var(--color-text-secondary, #888)}body.dark .api-chat-message-user{background:#4f46e533}body.dark .api-chat-message-user .api-chat-message-role{color:var(--color-primary, #818cf8)}body.dark .api-chat-message-assistant{background:var(--bg-grid-block, #252542)}body.dark .api-chat-message-assistant .api-chat-message-role{color:var(--color-success, #34d399)}body.dark .api-chat-message-content{color:var(--color-text-main, #f0f0f0)}body.dark .api-chat-message-content.api-chat-message-collapsed:after{background:linear-gradient(transparent,var(--bg-input, #252542))}body.dark .api-chat-msg-btn{border-color:var(--color-border, #3d3d5c);color:var(--color-text-secondary, #888)}body.dark .api-chat-msg-btn:hover{background:var(--bg-grid-block, #252542);color:var(--color-text-main, #f0f0f0);transform:translateY(-2px);box-shadow:var(--shadow-glow)}body.dark .api-chat-typing{background:var(--bg-grid-block, #252542);color:var(--color-text-secondary, #888)}body.dark .api-chat-typing-dots span{background:var(--color-text-secondary, #888)}body.dark .api-chat-input-area{background:var(--bg-panel-left, #1a1a2e);border-top-color:var(--color-border, #2d2d4a)}body.dark .api-chat-input{background:var(--bg-input, #16162a);border-color:var(--color-border, #2d2d4a);color:var(--color-text-main, #f0f0f0)}body.dark .api-chat-input:focus{border-color:var(--color-primary, #818cf8);background:var(--bg-panel-left, #1a1a2e)}body.dark .api-chat-action-btn{background:var(--bg-input, #252542)}body.dark .api-chat-action-btn:hover{background:var(--bg-grid-block, #2d2d4a);transform:translateY(-2px);box-shadow:var(--shadow-glow)}body.dark .api-chat-footer{background:var(--bg-input, #16162a);border-top-color:var(--color-border, #2d2d4a)}body.dark .api-chat-footer-btn{background:var(--bg-grid-block, #252542);border-color:var(--color-border, #3d3d5c);color:var(--color-text-secondary, #aaa)}body.dark .api-chat-footer-btn:hover{background:var(--bg-input, #2d2d4a);color:var(--color-text-main, #f0f0f0);transform:translateY(-2px);box-shadow:var(--shadow-glow)}@media(max-width:768px){.api-chat-modal{align-items:flex-start}.api-chat-container{width:100%;max-width:100%;height:90vh;max-height:none;border-radius:0;padding:10px 5px 0;--api-chat-font-scale: 1}.api-chat-message{max-width:100%}.api-chat-message-content>div{max-width:100%}.api-chat-context-items .api-chat-container{--api-chat-font-scale: 1}.api-chat-context-items .api-chat-context-items{gap:var(--gap-md, 10px)}.api-chat-context-items .api-chat-context-item{font-size:calc(11px * var(--api-chat-font-scale, 1))}.api-chat-context-items .api-chat-message{max-width:98%;animation:api-chat-message-in .3s ease}.api-chat-context-items .api-chat-message-assistant .matching-container,.api-chat-context-items .api-chat-message-assistant .exercise-instructions{width:100%;max-width:100%}.api-chat-context-items .api-chat-footer{flex-wrap:wrap;gap:8px}.api-chat-context-items .api-chat-footer-btn{font-size:calc(11px * var(--api-chat-font-scale, 1));padding:calc(6px * var(--api-chat-font-scale, 1)) calc(10px * var(--api-chat-font-scale, 1))}}@media(max-width:480px){.api-chat-header{padding:calc(12px * var(--api-chat-font-scale, 1)) calc(14px * var(--api-chat-font-scale, 1))}.api-chat-title{font-size:var(--api-chat-font-sm)}.api-chat-context{padding:calc(8px * var(--api-chat-font-scale, 1)) calc(12px * var(--api-chat-font-scale, 1))}.api-chat-messages{padding:var(--space-2, 8px);gap:8px}.api-chat-message{padding:8px 10px}.api-chat-message-content{font-size:calc(13px * var(--api-chat-font-scale, 1))}.api-chat-input-area{padding:calc(10px * var(--api-chat-font-scale, 1)) calc(12px * var(--api-chat-font-scale, 1))}.api-chat-send-btn{padding:calc(8px * var(--api-chat-font-scale, 1)) calc(14px * var(--api-chat-font-scale, 1));font-size:var(--api-chat-font-sm)}.api-chat-restore-btn{bottom:80px;right:16px;width:calc(48px * var(--api-chat-font-scale, 1));height:calc(48px * var(--api-chat-font-scale, 1));font-size:calc(20px * var(--api-chat-font-scale, 1))}}.api-chat-modal.show .api-chat-container{animation:api-chat-slide-up .3s ease}@keyframes api-chat-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes api-chat-message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.api-chat-answer-mode-indicator{padding:8px 12px;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-bottom:1px solid var(--color-border, #e5e5e5)}.answer-mode-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#3b82f626;border-radius:20px;border:1px solid rgba(59,130,246,.3)}.answer-mode-icon{font-size:calc(16px * var(--api-chat-font-scale, 1))}.answer-mode-text{font-size:var(--api-chat-font-sm);font-weight:600;color:var(--color-primary, #3b82f6)}.api-chat-send-btn.submit-answers-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;padding:calc(10px * var(--api-chat-font-scale, 1)) calc(16px * var(--api-chat-font-scale, 1));gap:var(--gap-xs, 6px)}.api-chat-send-btn.submit-answers-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.api-chat-send-btn.submit-answers-btn:active{transform:translateY(0)}.submit-icon{font-size:var(--api-chat-font-md, 16px)}body.dark .api-chat-answer-mode-indicator{background:linear-gradient(135deg,#3b82f626,#9333ea26);border-bottom-color:var(--color-border, #2d2d4a)}body.dark .answer-mode-banner{background:#3b82f633;border-color:#3b82f666}body.dark .answer-mode-text{color:var(--color-primary, #818cf8)}.api-chat-json-container{display:flex;flex-direction:column;gap:var(--gap-xs, 6px);width:100%}.api-chat-json-header{display:flex;align-items:center;justify-content:center;gap:var(--gap-md, 10px);padding:6px 10px;background:transparent;border-radius:8px;margin-bottom:8px;border-bottom:1px dashed var(--color-border, #ddd)}.api-chat-json-lang{font-size:var(--api-chat-font-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-lg, 10px)}.api-chat-json-lang.learning{background:#4f46e51f;color:var(--color-primary, #4f46e5)}.api-chat-json-lang.native{background:#10b9811f;color:var(--color-success, #10b981)}.api-chat-json-separator{color:var(--color-text-secondary, #aaa);font-size:var(--api-chat-font-xs)}.api-chat-json-content{display:flex;flex-direction:column;gap:8px}.api-chat-json-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:var(--radius-sm, 6px);background:transparent;border-left:3px solid var(--color-primary, #4f46e5);transition:all .2s ease}.api-chat-json-item.alternate{background:transparent;border-left:none;border-right:3px solid var(--color-success, #10b981);margin-left:20px}.api-chat-json-learning,.api-chat-json-native{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.api-chat-json-learning{margin-bottom:2px}.api-chat-json-label{font-size:var(--api-chat-font-xs);font-weight:600;padding:1px 5px;border-radius:3px;flex-shrink:0}.api-chat-json-learning .api-chat-json-label{background:#4f46e51f;color:var(--color-primary, #4f46e5)}.api-chat-json-native .api-chat-json-label{background:#10b9811f;color:var(--color-success, #10b981)}.api-chat-json-text{font-size:var(--api-chat-font-base);color:var(--color-text-main, #333);word-wrap:break-word}.api-chat-json-learning .api-chat-json-text{font-size:calc(var(--api-chat-font-base) * 1.05);font-weight:500;color:var(--color-text-main, #1f2937)}.api-chat-json-native .api-chat-json-text{font-size:calc(var(--api-chat-font-base) * .95)}.vocab-speak-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:50%;cursor:pointer;font-size:14px;line-height:1;transition:all .2s ease;vertical-align:middle}.vocab-speak-btn:hover{background:#3b82f633;transform:scale(1.1)}.vocab-speak-btn:active,.vocab-speak-btn.speaking{background:#3b82f64d;transform:scale(.95)}body.dark .vocab-speak-btn{background:#818cf826;border-color:#818cf84d}body.dark .vocab-speak-btn:hover{background:#818cf840}body.dark .vocab-speak-btn:active,body.dark .vocab-speak-btn.speaking{background:#818cf859}.api-chat-sections-container{display:flex;flex-direction:column;gap:4px}.api-chat-section-pair{padding:6px 8px;border-radius:var(--radius-sm, 6px);background:transparent;cursor:pointer;transition:all .2s ease;border-left:3px solid var(--color-primary, #4f46e5)}.api-chat-section-pair:hover{background:#4f46e50d}.api-chat-sections-container:has(.api-chat-section-pair.focused) .api-chat-section-pair:not(.focused){opacity:.3}.api-chat-section-pair.focused{border-left-color:var(--color-primary, #4f46e5);background:#4f46e514;opacity:1!important}.api-chat-section-learning,.api-chat-section-native{display:flex;align-items:baseline;gap:var(--gap-xs, 6px);padding:2px 0}.api-chat-section-learning{margin-bottom:6px}.api-chat-section-native{margin-left:20px;opacity:.85;color:#888;font-size:.85em;font-style:italic;margin-top:var(--gap-xs, 4px);padding-left:12px;border-left:2px solid var(--color-primary-light, #e0e7ff)}.api-chat-section-pair.think-first .api-chat-section-learning{background:#4f46e514;padding:8px 10px;border-radius:var(--radius-sm, 6px);border-left:3px solid var(--color-primary, #4f46e5)}.api-chat-section-pair.think-first .think-first-reveal{margin-top:6px;padding:6px 10px;background:#10b98114;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .2s ease;border-left:3px solid var(--color-success, #10b981)}.api-chat-section-pair.think-first .think-first-reveal:hover{background:#10b98126}.api-chat-section-pair.think-first .api-chat-section-native-text.hidden{display:none}.api-chat-section-pair.think-first .think-first-hint{font-size:var(--api-chat-font-xs);color:var(--color-success, #10b981);font-style:italic;opacity:.8}.presentation-steps{display:flex;flex-direction:column;gap:var(--gap-lg, 16px)}.presentation-step{background:var(--bg-panel-left, #fff);border-radius:var(--radius-lg, 10px);padding:12px 14px;border-left:4px solid var(--color-primary, #4f46e5);box-shadow:0 1px 3px #00000014}.presentation-step-header{display:flex;align-items:center;gap:var(--gap-md, 10px);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border, #eee)}.presentation-step-num{background:var(--color-primary, #4f46e5);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--api-chat-font-xs);font-weight:600}.presentation-step-title{font-size:var(--api-chat-font-md);font-weight:600;color:var(--color-text-main, #333)}.presentation-step-content{padding-left:4px}.presentation-step-content.think-first-mode .think-first-item{background:#4f46e50f;border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.presentation-step-content.think-first-mode .think-first-item:hover{background:#4f46e51f}.presentation-step-content.think-first-mode .think-first-question{display:flex;justify-content:space-between;align-items:center}.presentation-step-content.think-first-mode .think-first-hint{font-size:var(--api-chat-font-xs);color:var(--color-primary, #4f46e5);font-weight:500}.presentation-step-content.think-first-mode .think-first-answer{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-border, #ddd);color:var(--color-success, #10b981)}.presentation-step-content.think-first-mode .think-first-answer.hidden{display:none}.presentation-step-content.think-first-mode .➡{color:var(--color-success, #10b981);margin:0 8px;font-weight:700}.presentation-item{display:flex;align-items:baseline;gap:8px;padding:4px 0;margin-bottom:var(--gap-xs, 4px)}.presentation-item .lang-learning{font-weight:500;color:var(--color-text-main, #333)}.presentation-item .➡{color:var(--color-success, #10b981);font-weight:700}.presentation-item .lang-native{color:var(--color-text-secondary, #666);font-size:var(--api-chat-font-sm)}.presentation-list-item{padding:3px 0;margin-left:var(--gap-sm, 8px)}.presentation-text{padding:4px 0;line-height:1.5}.api-chat-section-header{font-size:var(--api-chat-font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #666);display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}.api-chat-section-content{font-size:var(--api-chat-font-base);line-height:1.5;color:var(--color-text-main, #333);margin-bottom:12px}.api-chat-section-inline{display:flex;align-items:baseline;gap:8px;padding:4px 6px}.api-chat-section-label{font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0;font-size:var(--api-chat-font-xs);margin-right:6px}.api-chat-section-learning .api-chat-section-label{background:#4f46e526;color:var(--color-primary, #4f46e5)}.api-chat-section-native .api-chat-section-label{background:#10b98126;color:var(--color-success, #10b981)}.api-chat-section-text{font-size:var(--api-chat-font-base);color:var(--color-text-main, #333);display:block;margin-bottom:var(--gap-xs, 4px)}.api-chat-section-native-text{font-size:calc(var(--api-chat-font-base) * .92);color:var(--color-text-secondary, #666);display:block;margin-left:0;padding-left:0;border-left:none;font-style:italic}.api-chat-section-continued{margin-left:24px;padding:2px 0}.api-chat-section-continued .api-chat-section-text{font-size:calc(var(--api-chat-font-base) * .95);color:var(--color-text-secondary, #666)}body.dark .api-chat-json-header{border-bottom-color:var(--color-border, #3d3d5c)}body.dark .api-chat-json-lang.learning{background:#818cf826;color:var(--color-primary, #818cf8)}body.dark .api-chat-json-lang.native{background:#34d39926;color:var(--color-success, #34d399)}body.dark .api-chat-json-separator{color:var(--color-text-secondary, #888)}body.dark .api-chat-json-item{background:transparent}body.dark .api-chat-json-item.alternate{margin-left:20px}body.dark .api-chat-json-learning .api-chat-json-text{color:var(--color-text-main, #f3f4f6)}body.dark .api-chat-json-native .api-chat-json-text,body.dark .api-chat-section-native-text{color:var(--color-text-secondary, #aaa)}body.dark .api-chat-json-text,body.dark .api-chat-section-text,body.dark .api-chat-section-content{color:var(--color-text-main, #f0f0f0)}body.dark .api-chat-json-pre{background:var(--bg-input, #252542);color:var(--color-text-main, #f0f0f0)}body.dark .api-chat-section-continued .api-chat-section-text{color:var(--color-text-secondary, #aaa)}.chat-sessions-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border, #eee)}.chat-sessions-stats{display:flex;gap:var(--gap-lg, 16px)}.chat-stat{display:flex;flex-direction:column;align-items:center}.chat-stat-num{font-size:var(--api-chat-font-lg, 18px);font-weight:700;color:var(--color-primary, #4f46e5)}.chat-stat-label{font-size:10px;color:var(--color-text-secondary, #666);text-transform:uppercase}.chat-clear-btn{background:none;border:1px solid var(--color-border, #ddd);border-radius:var(--radius-sm, 6px);padding:4px 10px;font-size:12px;cursor:pointer;color:var(--color-text-secondary, #666)}.chat-clear-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.chat-sessions-list{padding:var(--space-3, 12px);max-height:400px;overflow-y:auto}.chat-sessions-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary, #666)}.chat-sessions-empty .empty-icon{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.chat-sessions-empty p{margin:4px 0}.chat-sessions-empty .empty-hint{font-size:12px;opacity:.7}.chat-session-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, 12px);background:var(--bg-hover, #f9f9f9);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.chat-session-item:hover{background:var(--bg-active, #f0f0f0);transform:translate(4px)}.chat-session-main{flex:1}.chat-session-topic{font-weight:600;font-size:var(--api-chat-font-sm, 14px);color:var(--color-text-main, #333)}.chat-session-meta{display:flex;gap:var(--gap-md, 12px);margin-top:var(--gap-xs, 4px);font-size:12px;color:var(--color-text-secondary, #666)}.chat-session-type{background:var(--color-primary-light, #eef2ff);color:var(--color-primary, #4f46e5);padding:2px 6px;border-radius:4px;font-weight:500}.chat-session-stats{text-align:right}.chat-session-duration{display:block;font-weight:600;font-size:var(--api-chat-font-sm, 14px);color:var(--color-success, #10b981)}.chat-session-replies{font-size:11px;color:var(--color-text-secondary, #666)}body.dark .chat-session-item{background:var(--bg-hover, #2a2a3e)}body.dark .chat-session-item:hover{background:var(--bg-active, #323248)}body.dark .chat-session-topic{color:var(--color-text-main, #f0f0f0)}body.dark .chat-session-type{background:#4f46e533;color:var(--color-primary, #818cf8)}.api-chat-exercises{margin-top:var(--space-5, 20px);border-top:1px solid var(--border-color, #e5e7eb);padding-top:20px}.api-chat-scoring-header{display:flex;gap:var(--gap-lg, 16px);padding:12px 16px;background:var(--color-primary-light, #eef2ff);border-radius:8px;margin-bottom:var(--space-5, 20px);font-weight:600}.api-chat-scoring-header .score-label{color:var(--color-text-main, #333)}.api-chat-scoring-header .score-percentage{color:var(--color-primary, #4f46e5)}.api-chat-scoring-header .score-points{color:var(--color-success, #10b981)}.api-chat-exercise{background:var(--bg-hover, #f9f9f9);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);margin-bottom:16px;border:1px solid var(--border-color, #e5e7eb)}.api-chat-exercise-header{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--color-primary, #4f46e5);margin-bottom:var(--space-3, 12px);letter-spacing:.5px}.api-chat-exercise-content{margin-bottom:var(--space-3, 12px)}.api-chat-question{font-size:var(--api-chat-font-md, 16px);margin-bottom:var(--space-3, 12px);line-height:1.6}.api-chat-gap-input{width:120px;padding:var(--space-2, 6px) var(--space-3, 12px);border:2px solid var(--border-color, #e5e7eb);border-radius:var(--radius-sm, 6px);font-size:var(--api-chat-font-base, 14px);margin:0 var(--space-1, 4px);transition:border-color .2s}.api-chat-gap-input:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.api-chat-native-translation,.api-chat-inline-translation{font-size:var(--api-chat-font-sm, 13px);color:var(--color-text-secondary, #666);margin-top:var(--gap-sm, 8px);font-style:italic}.api-chat-options{display:flex;flex-direction:column;gap:var(--gap-sm, 8px)}.api-chat-option{display:flex;align-items:center;gap:var(--gap-md, 10px);padding:10px 14px;background:var(--bg-panel-left, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s}.api-chat-option:hover{background:var(--color-primary-light, #eef2ff);border-color:var(--color-primary, #4f46e5)}.api-chat-option input[type=radio]{accent-color:var(--color-primary, #4f46e5)}.api-chat-option-text{font-size:var(--api-chat-font-base, 14px)}.api-chat-option .hidden-translation,.api-chat-option .opt-native{display:none}.api-chat-option.selected .hidden-translation,.api-chat-option.selected .opt-native,.api-chat-exercise.answered .hidden-translation,.api-chat-exercise.answered .opt-native,.api-chat-exercise.correct .hidden-translation,.api-chat-exercise.correct .opt-native{display:inline}.api-chat-true-false{display:flex;gap:var(--gap-lg, 16px)}.api-chat-tf-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--space-3, 12px);background:var(--bg-panel-left, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s}.api-chat-tf-option:hover{background:var(--color-primary-light, #eef2ff)}.api-chat-tf-option input[type=radio]{accent-color:var(--color-primary, #4f46e5)}.api-chat-ordering-items{display:flex;flex-direction:column;gap:8px}.api-chat-ordering-item{display:flex;align-items:center;gap:var(--gap-md, 10px);padding:10px 14px;background:var(--bg-panel-left, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:grab;transition:all .2s}.api-chat-ordering-item:hover{background:var(--color-primary-light, #eef2ff)}.api-chat-ordering-item:active{cursor:grabbing}.api-chat-ordering-handle{color:var(--color-text-secondary, #999);font-size:var(--api-chat-font-lg, 18px)}.matching-game{padding:var(--space-4, 16px);background:var(--bg-surface, #f8fafc);border-radius:var(--radius-lg, 12px)}.matching-score{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:var(--api-chat-font-sm, 13px)}.matching-score-label{color:var(--color-text-secondary, #6b7280)}.matching-score-value{font-weight:700;font-size:var(--api-chat-font-lg, 18px);color:var(--color-primary, #4f46e5)}.matching-score-total{color:var(--color-text-secondary, #6b7280)}.matching-game-board{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6, 24px)}.matching-column{display:flex;flex-direction:column;gap:8px}.matching-column-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-primary-light, #eef2ff);border-radius:8px;font-size:var(--api-chat-font-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.dark .matching-column-header{background:#4f46e533}.matching-flag{font-size:var(--api-chat-font-md, 16px)}.matching-lang{color:var(--color-primary, #4f46e5)}.matching-items{display:flex;flex-direction:column;gap:8px;min-height:200px}.matching-item{position:relative;display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-panel-left, #ffffff);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 10px);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}body.dark .matching-item{background:#ffffff0d;border-color:#333}.matching-item:hover:not(.matched){border-color:var(--color-primary, #4f46e5);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e526}.matching-item.selected{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-light, #eef2ff);box-shadow:0 0 0 3px #4f46e533}body.dark .matching-item.selected{background:#4f46e533}.matching-item.dragging{opacity:.5;transform:scale(1.05)}.matching-item.drag-over{border-color:var(--color-primary, #4f46e5);border-style:dashed;background:var(--color-primary-light, #eef2ff)}.matching-item.correct{border-color:var(--color-success, #10b981);background:#10b9811a}.matching-item.matched{cursor:default}.matching-item.matched .matching-item-text{opacity:.9}.matching-item.wrong{border-color:var(--color-error, #ef4444);background:#ef44441a;animation:shake .5s ease}.matching-speak-btn{margin-left:auto;width:28px;height:28px;border:none;background:var(--color-primary-light, #e0e7ff);border-radius:50%;font-size:var(--api-chat-font-sm, 14px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.matching-speak-btn:hover{background:var(--color-primary, #4f46e5);transform:scale(1.1);opacity:1}body.dark .matching-speak-btn{background:#4f46e54d}.matching-drop-zone{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:80px;min-height:30px;display:flex;gap:4px}.matching-drop-zone .matching-item-right{padding:8px 12px;font-size:var(--api-chat-font-xs, 11px);background:#10b98126;border-color:var(--color-success, #10b981)}.matching-item-right.matching-draggable{cursor:grab}.matching-item-right.matching-draggable:active{cursor:grabbing}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.matching-item.pulse-success{animation:pulse-success .5s ease}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(300px) rotate(720deg);opacity:0}}.confetti{pointer-events:none;z-index:100}.matching-actions{display:flex;gap:var(--gap-md, 12px);justify-content:center;margin-top:16px}.matching-reset-btn,.matching-check-btn{padding:10px 20px;border:none;border-radius:8px;font-size:var(--api-chat-font-sm, 13px);font-weight:600;cursor:pointer;transition:all .2s ease}.matching-reset-btn{background:var(--bg-surface-alt, #f1f5f9);color:var(--color-text-secondary, #64748b)}.matching-reset-btn:hover{background:var(--bg-hover, #e2e8f0)}.matching-check-btn{background:var(--color-primary, #4f46e5);color:#fff}.matching-check-btn:hover{background:var(--color-primary-dark, #4338ca)}body.dark .matching-reset-btn{background:#ffffff1a;color:#9ca3af}.matching-feedback{margin-top:16px;text-align:center}.matching-complete{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-5, 20px);background:linear-gradient(135deg,#10b9811a,#3b82f61a);border-radius:var(--radius-lg, 12px);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.matching-complete-emoji{font-size:48px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.matching-complete-text{font-size:var(--api-chat-font-lg, 18px);font-weight:600;color:var(--color-text, #1f2937)}body.dark .matching-complete-text{color:#e5e7eb}.matching-complete-stats{font-size:var(--api-chat-font-sm, 13px);color:var(--color-text-secondary, #6b7280)}@media(max-width:640px){.matching-game-board{grid-template-columns:1fr;gap:var(--gap-lg, 16px)}.matching-column-header{justify-content:center}.matching-item{padding:10px 12px;font-size:var(--api-chat-font-sm, 13px)}.matching-drop-zone{position:static;transform:none;margin-top:8px;min-width:100%}}.api-chat-matching-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg, 16px)}.api-chat-matching-left,.api-chat-matching-right{display:flex;flex-direction:column;gap:8px}.api-chat-matching-item{padding:10px 14px;background:var(--bg-panel-left, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;text-align:center;cursor:pointer;transition:all .2s}.api-chat-matching-item:hover{background:var(--color-primary-light, #eef2ff);border-color:var(--color-primary, #4f46e5)}body.dark .api-chat-matching-item{background:#ffffff0d;border-color:#333}.api-chat-open-ended{width:100%;padding:var(--space-3, 12px);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:var(--api-chat-font-base, 14px);font-family:inherit;resize:vertical;min-height:80px}.api-chat-open-ended:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.api-chat-hints{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color, #e5e7eb)}.api-chat-hint-btn{padding:6px 12px;background:var(--color-warning-light, #fef3c7);border:1px solid var(--color-warning, #f59e0b);border-radius:var(--radius-sm, 6px);font-size:var(--api-chat-font-xs, 11px);cursor:pointer;transition:all .2s;margin-right:8px;margin-bottom:8px}.api-chat-hint-btn:hover{background:var(--color-warning, #f59e0b);color:#fff}.api-chat-hint-content{margin-top:8px;padding:var(--space-2, 10px);background:var(--bg-hover, #f9f9f9);border-radius:var(--radius-sm, 6px);font-size:var(--api-chat-font-sm, 13px);color:var(--color-text-secondary, #666)}.api-chat-section-icon{font-size:var(--api-chat-font-lg, 18px)}.api-chat-section-type{font-size:var(--api-chat-font-xs, 11px);font-weight:600;text-transform:uppercase;color:var(--color-text-secondary, #666);letter-spacing:.5px}body.dark .api-chat-exercise{background:var(--bg-hover, #2a2a3e);border-color:var(--border-color, #3a3a4e)}body.dark .api-chat-gap-input{background:var(--bg-panel-left, #1a1a2e);border-color:var(--border-color, #3a3a4e);color:var(--color-text-main, #f0f0f0)}body.dark .api-chat-option,body.dark .api-chat-tf-option,body.dark .api-chat-ordering-item,body.dark .api-chat-matching-item{background:var(--bg-panel-left, #1a1a2e);border-color:var(--border-color, #3a3a4e)}body.dark .api-chat-open-ended{background:var(--bg-panel-left, #1a1a2e);border-color:var(--border-color, #3a3a4e);color:var(--color-text-main, #f0f0f0)}body.dark .api-chat-hint-content{background:var(--bg-hover, #2a2a3e)}.api-chat-message-content>div{margin-bottom:var(--gap-xs, 4px)}.api-chat-message-content .translation-line{color:#888!important;font-size:.8em!important;font-style:italic;display:block;margin-top:6px;margin-bottom:8px;padding:6px 10px;background:#00000008;border-left:3px solid #ccc;border-radius:0 4px 4px 0;cursor:pointer;transition:all .2s ease;opacity:1}.api-chat-message-content .translation-line:before{content:"👁️";margin-right:6px;font-style:normal;opacity:.6}.api-chat-message-content .translation-line:hover{background:#0000000f;border-left-color:#999}.api-chat-message-content .translation-line[style*="opacity: 0.2"],.api-chat-message-content .translation-line[style*="opacity:0.2"]{opacity:.2!important;background:#fffc}.api-chat-message-content em,.api-chat-message-content i{color:#888;font-size:.9em}body.dark .api-chat-section-native,body.dark .translation-line{color:#aaa!important;background:#ffffff0d;border-left-color:#555}body.dark .translation-line:hover{background:#ffffff1a}body.dark .api-chat-message-content em,body.dark .api-chat-message-content i{color:#aaa;color:#999}.api-chat-partial-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:var(--api-chat-font-sm, 13px);color:#856404;display:flex;align-items:center;gap:8px}body.dark .api-chat-partial-warning{background:linear-gradient(135deg,#4a3f00,#3d3200);border-color:#ffc107;color:#ffc107}.api-chat-structured-content{display:flex;flex-direction:column;gap:8px}.api-chat-content-item{background:var(--color-surface-alt, #f8fafc);border-radius:8px;padding:12px 16px;border-left:4px solid var(--color-primary, #4f46e5)}body.dark .api-chat-content-item{background:#ffffff0d}.api-chat-content-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:var(--api-chat-font-xs, 11px);color:var(--color-text-secondary, #9ca3af)}.api-chat-content-item.api-chat-content-content .api-chat-content-header,.api-chat-content-item.api-chat-content-introduction .api-chat-content-type,.api-chat-content-item.api-chat-content-key_concepts .api-chat-content-type,.api-chat-content-item.api-chat-content-practical_application .api-chat-content-type,.api-chat-content-item.api-chat-content-common_patterns .api-chat-content-type,.api-chat-content-item.api-chat-content-summary .api-chat-content-type{display:none}.presentation-section-counter{font-size:.75em;opacity:.6;margin-left:auto}.api-chat-content-item.api-chat-content-content{padding:8px 12px}.api-chat-content-icon{font-size:1.2em}.api-chat-content-type{text-transform:capitalize;font-weight:500}.translation-toggle{margin-left:auto;background:#0000000d;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:var(--api-chat-font-sm, 14px);line-height:1;transition:all .2s ease;color:var(--color-text-secondary, #6b7280)}.translation-toggle:hover{background:#4f46e51a;color:var(--color-primary, #4f46e5)}.translation-toggle.active{background:#4f46e526;color:var(--color-primary, #4f46e5)}@media(max-width:600px){.translation-toggle{display:inline-flex}}@media(min-width:601px){.translation-toggle{display:none}}.api-chat-content-text{font-size:var(--api-chat-font-base, 14px);line-height:1.6;white-space:pre-wrap}.api-chat-content-body{display:flex;flex-direction:column;gap:4px}.translation-pair{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.content-learning{line-height:1.6;font-size:var(--api-chat-font-md, 16px);line-height:1.5;color:var(--color-text, #1f2937)}.content-translation{line-height:1.5;opacity:.85;color:var(--color-text-secondary, #6b7280);font-size:.95em;border-left:2px solid var(--color-border-light, #e5e7eb);padding-left:.75rem;font-size:var(--api-chat-font-sm, 13px);line-height:1.6;color:#6b7280;background:#6b728014;border-left:3px solid #9ca3af;padding:8px 12px;border-radius:0 6px 6px 0;cursor:pointer;transition:opacity .2s,background .2s}@media(min-width:768px){.translation-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:start;margin:1rem 0}.content-learning{font-size:1.15em;line-height:1.8}.content-translation{font-size:1em;line-height:1.7;border-left:none;padding-left:0;border-top:2px solid var(--color-border-light, #e5e7eb);padding-top:.75rem}}.translation-pair.practice-only{grid-template-columns:1fr;max-width:100%}.translation-pair.practice-only .translation-input{max-width:100%}body.dark .content-translation{border-left-color:var(--color-border-dark, #374151);color:#c4b5a5;background:#8b776526;border-left-color:#a78b71}.translation-hidden{display:none}@media(min-width:768px){body.dark .content-translation{border-left-color:transparent;border-top-color:var(--color-border-dark, #374151)}}.poetry-text,.news-text,.business-text,.travel-text,.testprep-text,.sentence-text{line-height:1.6}.poetry-content{font-family:Playfair Display,Cormorant Garamond,Lora,Georgia,serif;font-weight:400}.travel-translation,.testprep-translation,.sentence-translation{line-height:1.5;opacity:.85;color:var(--color-text-secondary, #6b7280);font-size:.95em;margin-top:.5rem;border-left:2px solid var(--color-border-light, #e5e7eb);padding-left:.75rem}@media(min-width:768px){.poetry-section .poetry-stanza{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.poetry-section .poetry-translation{border-left:none;padding-left:0;border-top:2px solid var(--color-border-light, #e5e7eb);padding-top:.5rem;margin-top:0}.news-section .news-content,.news-section .news-paragraph{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.news-section .news-translation{border-left:none;padding-left:0;border-top:2px solid var(--color-border-light, #e5e7eb);padding-top:.5rem;margin-top:0}.business-section .business-dialogue,.business-section .business-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.business-section .business-translation{border-left:none;padding-left:0;border-top:2px solid var(--color-border-light, #e5e7eb);padding-top:.5rem;margin-top:0}.travel-section .travel-content,.travel-section .travel-dialogue{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.travel-section .travel-translation{border-left:none;padding-left:0;border-top:2px solid var(--color-border-light, #e5e7eb);padding-top:.5rem;margin-top:0}.testprep-section .testprep-content,.testprep-section .testprep-passage{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.testprep-section .testprep-translation{border-left:none;padding-left:0;border-top:2px solid var(--color-border-light, #e5e7eb);padding-top:.5rem;margin-top:0}.sentence-section .sentence-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.sentence-section .sentence-translation{border-left:none;padding-left:0;border-top:2px solid var(--color-border-light, #e5e7eb);padding-top:.5rem;margin-top:0}}body.dark .sentence-translation{border-left-color:var(--color-border-dark, #374151)}@media(min-width:768px){body.dark .poetry-translation,body.dark .news-translation,body.dark .business-translation,body.dark .travel-translation,body.dark .testprep-translation,body.dark .sentence-translation{border-left-color:transparent;border-top-color:var(--color-border-dark, #374151)}}.api-chat-culture-section{background:linear-gradient(135deg,#8b5a2b14,#c2944f0d);border-left:3px solid #b87333;border-radius:0 8px 8px 0;margin:8px 0;padding:8px 12px}.api-chat-culture-section .api-chat-content-header{color:#8b5a2b}.api-chat-culture-section .api-chat-content-icon{font-size:1.2em}.api-chat-content-body.culture-highlight{background:#fff8dc99;border-radius:var(--radius-sm, 6px);padding:var(--space-2, 10px);margin:4px 0}body.dark .api-chat-culture-section{background:linear-gradient(135deg,#8b5a2b26,#c2944f14);border-left-color:#d4a056}body.dark .api-chat-culture-section .api-chat-content-header{color:#d4a056}body.dark .api-chat-content-body.culture-highlight{background:#8b5a2b33}.culture-exercises-section{margin:16px 0}.culture-exercises-section .vocab-header{font-size:var(--api-chat-font-md, 16px);color:#8b5a2b;background:linear-gradient(135deg,#8b5a2b1a,#c2944f0d);border-radius:8px;border-left:3px solid #b87333;font-size:var(--api-chat-font-lg, 18px);font-weight:600;color:#1f2937;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:var(--radius-lg, 12px);border-left:4px solid #4f46e5;display:flex;align-items:center;gap:var(--gap-md, 10px)}body.dark .culture-exercises-section .vocab-header{color:#d4a056;background:linear-gradient(135deg,#8b5a2b33,#c2944f1a);color:#f9fafb;background:linear-gradient(135deg,#374151,#1f2937);border-left-color:#818cf8}@media(min-width:768px){.culture-exercises-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-lg, 16px)}.culture-exercise{margin-bottom:0}}.culture-exercise{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:var(--space-4, 16px);margin-bottom:12px}.api-chat-line-with-speak{display:inline-flex;align-items:center;gap:8px;margin:2px 0;line-height:1.4}.api-chat-line-with-speak .api-chat-line-text{flex:1}.translation-line{display:inline-block;margin:2px 0;padding-left:8px;font-size:.9em;color:#6b7280;line-height:1.4;cursor:pointer}body.dark .translation-line{color:#9ca3af}.translation-marker{font-size:.85em;color:#9ca3af;font-style:italic;margin:4px 0;display:block}body.dark .translation-marker{color:#6b7280}.api-chat-message.native-compact .opt-native{font-size:.75em;line-height:1.3;opacity:.7}.api-chat-message.native-compact .content-translation{padding:4px 8px}.api-chat-message.native-compact .translation-line{padding:2px 6px}.api-chat-message.native-compact{border-left:3px solid #f59e0b}.api-chat-exercise-content{display:flex;flex-direction:column;gap:.5rem;padding:var(--space-4, 16px)}.api-chat-question{font-weight:500;color:#1f2937;line-height:1.5;font-size:var(--api-chat-font-md, 16px);margin-bottom:12px;line-height:1.6}.api-chat-native-translation{line-height:1.5;opacity:.85;color:var(--color-text-secondary, #6b7280);font-size:.95em;margin-top:.25rem;padding-left:.5rem;border-left:2px solid var(--color-border-light, #e5e7eb)}.api-chat-option{flex-direction:column;gap:.25rem;gap:var(--gap-md, 12px);background:#f9fafb;border:2px solid #e5e7eb;border-radius:var(--radius-lg, 12px);font-size:var(--api-chat-font-base, 14px);color:#374151;transition:all .15s ease;text-align:left;width:100%;display:flex;align-items:center;gap:var(--gap-md, 10px);padding:10px 14px;background:var(--color-surface-alt, #f8fafc);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .2s}.opt-native,.opt-lang2,.opt-lang3{display:block;font-size:.85em;color:var(--color-text-secondary, #6b7280);margin-top:.25rem;padding-left:.5rem;border-left:2px solid var(--color-border-light, #e5e7eb)}body.dark .opt-lang3{border-left-color:var(--color-border-dark, #374151)}.api-chat-exercises{margin:16px 0 20px;padding:16px 0 0;display:flex;flex-direction:column;gap:var(--gap-lg, 16px);border-top:1px solid var(--color-border, #e5e7eb)}.vocab-translation-secondary{font-size:12px;color:#6b7280;margin-top:var(--gap-xs, 4px);font-style:italic}body.dark .vocab-translation-secondary{color:#9ca3af}.api-chat-exercise{background:#fff;border:1px solid #e5e7eb;padding:var(--space-5, 20px);margin-bottom:16px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;overflow-x:auto;word-break:break-word;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;overflow:hidden}.api-chat-exercise:hover{box-shadow:0 4px 12px #0000001a}body.dark .api-chat-exercise{background:#1f2937;border-color:#374151;box-shadow:0 1px 3px #0000004d;background:#ffffff0d;border-color:#333}.exercise-type-label{font-size:var(--api-chat-font-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:8px}body.dark .api-chat-question{color:#f9fafb}.exercise-question-native{font-size:var(--api-chat-font-sm, 14px);color:#6b7280;margin-bottom:16px;line-height:1.4;font-style:italic}body.dark .exercise-question-native{color:#9ca3af}.exercise-option .opt-native{display:none}.culture-exercise[data-answered=true] .exercise-option .opt-native{display:inline;font-size:12px;color:#6b7280;font-weight:400}.culture-exercise[data-answered=true] .exercise-option .opt-native:before{content:" / "}body.dark .exercise-option .opt-native{color:#9ca3af}.api-chat-option .opt-lang2{font-size:11px;color:#059669;font-weight:400;margin-left:var(--gap-xs, 4px)}body.dark .api-chat-option .opt-lang2{color:#34d399}.api-chat-option .opt-lang3{font-size:11px;color:#7c3aed;font-weight:400;margin-left:var(--gap-xs, 4px)}body.dark .api-chat-option .opt-lang3{color:#a78bfa}.exercise-hints{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.exercise-hint-btn{background:#fef3c7;border:1px solid #f59e0b;border-radius:16px;padding:4px 12px;font-size:12px;color:#92400e;cursor:pointer;transition:all .2s}.exercise-hint-btn:hover{background:#fde68a}body.dark .exercise-hint-btn{background:#422006;border-color:#b45309;color:#fcd34d}body.dark .exercise-hint-btn:hover{background:#713f12}.api-chat-options{gap:var(--gap-md, 10px);display:flex;flex-direction:column;gap:8px}@media(min-width:768px){.exercise-options,.api-chat-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-md, 12px)}}.api-chat-option:hover{background:#f3f4f6;border-color:#4f46e5;transform:translate(4px);background:var(--color-primary-light, #e0e7ff)}.api-chat-option:focus{background:#eef2ff;border-color:#4f46e5;outline:none}.exercise-option.correct{color:#065f46;background:#d1fae5;border-color:#10b981}.exercise-option.incorrect{color:#991b1b;background:#fee2e2;border-color:#ef4444}body.dark .api-chat-option{background:#374151;border-color:#4b5563;color:#f9fafb}body.dark .api-chat-option:hover{background:#4b5563;border-color:#818cf8}body.dark .exercise-option:focus{background:#312e81;border-color:#818cf8}body.dark .exercise-option.correct{border-color:#34d399;color:#d1fae5;background:#064e3b;border-color:#10b981}body.dark .exercise-option.incorrect{border-color:#f87171;color:#fee2e2;background:#7f1d1d;border-color:#ef4444}.api-chat-option input[type=radio]{width:18px;height:18px;accent-color:#4f46e5;flex-shrink:0;accent-color:var(--color-primary, #4f46e5)}.api-chat-gap-input{width:100%;border:2px solid #e5e7eb;border-radius:var(--radius-lg, 12px);font-size:var(--api-chat-font-base, 14px);color:#1f2937;background:#fff;transition:all .15s ease;margin-bottom:12px;border:2px dashed var(--color-primary, #4f46e5);border-radius:4px;padding:4px 8px;min-width:80px;background:transparent;font-size:inherit;color:inherit;transition:all .2s}.api-chat-gap-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none;border-style:solid;background:var(--color-primary-light, #e0e7ff)}.api-chat-gap-input::placeholder{color:#9ca3af}.api-chat-gap-input.correct{border-color:#10b981;background:#d1fae5}.api-chat-gap-input.incorrect{border-color:#ef4444;background:#fee2e2}body.dark .api-chat-gap-input{background:#374151;border-color:#4b5563;color:#f9fafb}body.dark .api-chat-gap-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark .api-chat-gap-input.correct{border-color:#34d399;background:#064e3b}body.dark .api-chat-gap-input.incorrect{border-color:#f87171;background:#7f1d1d}.api-chat-check-btn{padding:12px 24px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-size:var(--api-chat-font-base, 14px);font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:8px}.api-chat-check-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.api-chat-check-btn:active{transform:translateY(0)}body.dark .api-chat-check-btn{background:linear-gradient(135deg,#6366f1,#818cf8)}body.dark .api-chat-check-btn:hover{background:linear-gradient(135deg,#4f46e5,#6366f1)}.xp-popup{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;padding:12px 24px!important;border-radius:24px!important;font-weight:700!important;font-size:18px!important;z-index:1000!important;animation:xpFloatUp 1.5s ease-out forwards!important;box-shadow:0 4px 15px #f59e0b66!important;pointer-events:none!important}@keyframes xpFloatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-100%) scale(1.1)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}body.dark .xp-popup{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#1f2937!important}.exercise-progress{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;background:linear-gradient(135deg,#1f2937,#374151)!important;color:#fff!important;border-radius:20px!important;font-size:14px!important}body.dark .exercise-progress{background:linear-gradient(135deg,#374151,#4b5563)!important}.confetti-container{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;overflow:hidden!important}.api-chat-feedback{margin-top:12px;padding:12px 16px;border-radius:var(--radius-lg, 12px);font-size:var(--api-chat-font-base, 14px);font-weight:500;display:flex;align-items:center;gap:8px}.api-chat-feedback.correct{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.api-chat-feedback.incorrect{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}body.dark .api-chat-feedback.correct{background:#064e3b;color:#d1fae5;border-color:#065f46}body.dark .api-chat-feedback.incorrect{background:#7f1d1d;color:#fee2e2;border-color:#991b1b}.api-chat-line-with-speak+br+.translation-line{margin-top:0}body.dark .culture-exercise{background:#1f2937;border-color:#374151}.exercise-question{font-weight:500;margin-bottom:12px;color:#1f2937}body.dark .exercise-question{color:#e5e7eb}.exercise-question-wrap{overflow:hidden;margin-bottom:12px}.exercise-thumb{float:right;width:80px;height:80px;object-fit:cover;border-radius:8px;margin-left:16px;margin-bottom:8px;border:1px solid #d1d5db;background:#f3f4f6;flex-shrink:0}body.dark .exercise-thumb{border-color:#374151;background:#1f2937}.exercise-thumb.error{display:none}.exercise-correct-reveal{display:flex;align-items:center;gap:12px;margin-top:8px}.exercise-correct-reveal .exercise-thumb{float:none;margin:0;width:60px;height:60px;border-radius:6px}.exercise-thumb-label{font-size:12px;color:var(--color-text-secondary, #6b7280)}.exercise-options{display:flex;flex-direction:column;gap:8px}.exercise-option{padding:10px 16px;border:1px solid #d1d5db;border-radius:var(--radius-sm, 6px);background:#f9fafb;cursor:pointer;text-align:left;font-size:var(--api-chat-font-base, 14px);transition:all .2s}@media(min-width:768px){.exercise-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-md, 12px)}.exercise-option{width:100%}}.exercise-option:hover{background:#f3f4f6;border-color:#b87333}body.dark .exercise-option{background:#374151;border-color:#4b5563;color:#e5e7eb}body.dark .exercise-option:hover{background:#4b5563}.exercise-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:var(--radius-sm, 6px);font-size:var(--api-chat-font-base, 14px);margin-bottom:8px}body.dark .exercise-textarea{background:#374151;border-color:#4b5563;color:#e5e7eb}.exercise-check-btn{padding:8px 16px;background:#b87333;color:#fff;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:var(--api-chat-font-sm, 13px)}.exercise-check-btn:hover{background:#966b2c}.exercise-result{margin-top:8px;font-size:var(--api-chat-font-sm, 13px)}.exercise-result.correct{color:#10b981;background:#10b9811a}.exercise-result.incorrect{color:#ef4444;background:#ef44441a}.content-learning p{margin:0 0 4px}body.dark .content-learning{color:#e5e7eb}body.dark .content-learning strong{color:#fff}body.dark .content-learning em{color:#d1d5db}.content-translation:hover{background:#6b72801f}.content-translation p{margin:0}body.dark .content-translation:hover{background:#8b776540}.content-list{list-style:none;padding:0;margin:8px 0;counter-reset:list-counter}.content-list li{display:flex;gap:8px;padding:6px 0;border-bottom:1px dashed var(--color-border-light, #e5e7eb);align-items:flex-start}.content-list li:last-child{border-bottom:none}.content-list-decimal{padding-left:24px;list-style-position:outside}.content-list-decimal li{display:list-item;border-bottom:none;padding:4px 0}.content-list-bullet{padding-left:24px}.content-list-bullet li{display:list-item;border-bottom:none;padding:4px 0}.content-numbered-list .list-number{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #4f46e5);color:#fff;border-radius:50%;font-size:var(--api-chat-font-xs, 11px);font-weight:600}.content-list li p{margin:0;flex:1}body.dark .content-list li{border-bottom-color:#333}.content-table-wrapper{overflow-x:auto;margin:12px 0;border-radius:8px;border:1px solid var(--color-border, #e5e7eb)}.content-table{width:100%;border-collapse:collapse;font-size:var(--api-chat-font-sm, 13px)}.content-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--color-border-light, #f0f0f0);vertical-align:top}.content-table th{background:var(--color-primary-light, #eef2ff);font-weight:600;color:var(--color-primary, #4f46e5);white-space:nowrap}.content-table tr:last-child td{border-bottom:none}.content-table tr:hover td{background:var(--color-surface-alt, #f8fafc)}.content-table th:first-child{font-weight:500;font-size:var(--api-chat-font-base, 14px)}.content-table td:nth-child(2){color:#6b7280;font-size:var(--api-chat-font-xs, 12px)}.content-table td:nth-child(n+3){font-style:italic;color:#4b5563}body.dark .content-table-wrapper{border-color:#333}body.dark .content-table th{background:#4f46e533;color:#a5b4fc}body.dark .content-table td{border-bottom-color:#2a2a2a}body.dark .content-table tr:hover td{background:#ffffff08}body.dark .content-table td:nth-child(2){color:#c4b5a5}body.dark .content-table td:nth-child(n+3){color:#9ca3af}.api-chat-json-pre{background:var(--color-surface-alt, #1e1e2e);border-radius:8px;padding:var(--space-3, 12px);font-family:Fira Code,JetBrains Mono,monospace;font-size:var(--api-chat-font-xs, 11px);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.api-chat-scoring-header{display:flex;align-items:center;gap:var(--gap-lg, 16px);padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-weight:600}.api-chat-exercise-header{background:var(--color-primary-light, #e0e7ff);padding:8px 12px;font-size:var(--api-chat-font-sm, 13px);font-weight:600;color:var(--color-primary, #4f46e5)}body.dark .api-chat-exercise-header{background:#4f46e533}.api-chat-open-ended{width:100%;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:var(--space-3, 12px);font-size:var(--api-chat-font-base, 14px);resize:vertical;min-height:80px;background:var(--color-surface, #ffffff);color:var(--color-text, #1f2937)}body.dark .api-chat-open-ended{background:#ffffff0d;border-color:#444;color:#e0e0e0}.vocabulary-section{margin:16px 0}.vocabulary-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,var(--color-primary-light, #e0e7ff) 0%,#c7d2fe 100%);border-radius:8px 8px 0 0;font-weight:600;font-size:var(--api-chat-font-sm, 13px);color:var(--color-primary, #4f46e5)}body.dark .vocabulary-header{background:linear-gradient(135deg,#4f46e54d,#6366f133);color:#a5b4fc}.vocabulary-section.presentation-enhanced{margin:20px 0;border:2px solid var(--color-primary, #4f46e5);border-radius:var(--radius-lg, 12px);overflow:hidden}.vocabulary-section.presentation-enhanced .vocabulary-header{padding:12px 16px;font-size:15px;background:linear-gradient(135deg,var(--color-primary, #4f46e5) 0%,#6366f1 100%);color:#fff;border-radius:10px 10px 0 0}body.dark .vocabulary-section.presentation-enhanced .vocabulary-header{background:linear-gradient(135deg,#4f46e5cc,#6366f199)}.vocab-icon{font-size:1.2em}.vocabulary-table{width:100%;border-collapse:collapse;font-size:var(--api-chat-font-sm, 13px);background:var(--color-surface, #ffffff);border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}body.dark .vocabulary-table{background:#ffffff08}.vocabulary-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:var(--api-chat-font-xs, 11px);text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:var(--color-surface-alt, #f8fafc);border-bottom:2px solid var(--color-border, #e5e7eb)}body.dark .vocabulary-table th{background:#ffffff0d;color:#9ca3af;border-bottom-color:#333}.vocabulary-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-light, #f0f0f0);vertical-align:top}body.dark .vocabulary-table td{border-bottom-color:#2a2a2a}.vocab-row:hover{background:var(--color-surface-alt, #f8fafc)}body.dark .vocab-row:hover{background:#ffffff0d}.vocab-row:last-child td{border-bottom:none}.vocab-word-cell{min-width:160px}.vocab-word{display:flex;align-items:center;gap:8px}.vocab-word-text{font-weight:600;font-size:var(--api-chat-font-base, 14px);color:var(--color-text, #1f2937)}body.dark .vocab-word-text{color:#e0e0e0}.vocab-speak-btn{width:24px;height:24px;border:none;background:var(--color-primary-light, #e0e7ff);border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.vocab-speak-btn:hover{background:var(--color-primary, #4f46e5);transform:scale(1.1);opacity:1}body.dark .vocab-speak-btn{background:#4f46e54d}body.dark .vocab-speak-btn:hover{background:var(--color-primary, #4f46e5)}.vocab-translation{color:#6b7280;font-size:var(--api-chat-font-xs, 12px)}body.dark .vocab-translation{color:#c4b5a5}.vocab-example-cell{vertical-align:top}.vocab-example-learning{display:flex;align-items:flex-start;gap:var(--gap-xs, 6px)}.vocab-example-text{font-style:italic;color:var(--color-text, #1f2937);font-size:var(--api-chat-font-sm, 13px)}body.dark .vocab-example-text{color:#d1d5db}.vocab-example-speak{flex-shrink:0}.vocab-example-translation{color:#6b7280;font-size:var(--api-chat-font-xs, 11px);margin-top:var(--gap-xs, 4px);padding-left:8px;border-left:2px solid #d1d5db}body.dark .vocab-example-translation{color:#c4b5a5;border-left-color:#6b7280}.api-chat-title-header{font-size:var(--api-chat-font-lg, 18px);font-weight:700;color:var(--color-text, #1f2937);padding:12px 0;margin-bottom:12px;border-bottom:2px solid var(--color-primary, #4f46e5)}body.dark .api-chat-title-header{color:#e0e0e0}.desktop-test-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:none}.desktop-test-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.desktop-test-btn.running{background:linear-gradient(135deg,#f59e0b,#d97706);animation:pulse-test 1s infinite}.desktop-test-btn.complete{background:linear-gradient(135deg,#10b981,#059669)}@keyframes pulse-test{0%,to{opacity:1}50%{opacity:.7}}@media(min-width:1024px){.desktop-test-btn{display:flex!important}}.desktop-words-test-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.desktop-words-test-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}body:not(.is-localhost) .desktop-test-btn{display:none!important}.test-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:99999;display:flex;align-items:center;justify-content:center}.test-progress-modal{background:var(--bg-panel-left, #ffffff);border-radius:16px;padding:var(--space-6, 24px);max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.test-progress-header{display:flex;align-items:center;gap:var(--gap-md, 12px);margin-bottom:16px}.test-progress-title{font-size:var(--api-chat-font-lg, 18px);font-weight:600}.test-progress-bar{width:100%;height:8px;background:var(--color-border-light, #e5e7eb);border-radius:4px;overflow:hidden;margin-bottom:12px}.test-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.test-progress-status{font-size:var(--api-chat-font-sm, 14px);color:var(--color-text-secondary, #6b7280);margin-bottom:16px}.test-results-list{max-height:300px;overflow-y:auto}.test-result-item{display:flex;align-items:center;gap:8px;padding:var(--space-2, 8px);border-radius:var(--radius-sm, 6px);margin-bottom:var(--gap-xs, 4px);font-size:13px}.test-result-item.success{background:#10b9811a;color:#059669}.test-result-item.error{background:#ef44441a;color:#dc2626}.test-result-item.running{background:#f59e0b1a;color:#d97706}.test-result-icon{width:20px;text-align:center}.test-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md, 12px);margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border, #e5e7eb)}.test-summary-item{text-align:center}.test-summary-value{font-size:24px;font-weight:700}.test-summary-label{font-size:11px;color:var(--color-text-secondary, #6b7280)}.api-chat-open-ended:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.word-families-section{margin:16px 0;padding:var(--space-3, 12px);background:linear-gradient(135deg,#4f46e50d,#7c3aed0d);border-radius:var(--radius-lg, 12px)}.word-family-group{margin-bottom:16px;padding:var(--space-3, 12px);background:#fffc;border-radius:8px;border-left:4px solid #8b5cf6}body.dark .word-family-group{background:#1e1e28cc}.word-family-root{font-size:var(--api-chat-font-md, 16px);margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed var(--color-border, #e5e7eb)}.root-highlight{font-weight:700;color:#8b5cf6;background:#8b5cf626;padding:2px 8px;border-radius:4px}.root-meaning{color:var(--color-text-secondary, #6b7280);font-size:13px}.word-family-words{display:flex;flex-direction:column;gap:var(--gap-xs, 6px)}.word-family-item{display:flex;align-items:center;gap:var(--gap-md, 10px);padding:6px 10px;background:#8b5cf60d;border-radius:var(--radius-sm, 6px)}.word-form{font-size:11px;color:var(--color-text-secondary, #6b7280);min-width:140px}.word-text{font-weight:500;font-size:15px}.word-translation{font-size:13px}.antonyms-section{margin:16px 0}.antonyms-grid{display:grid;gap:var(--gap-md, 12px)}.antonym-pair{display:flex;align-items:center;gap:var(--gap-md, 12px);padding:var(--space-3, 12px);background:linear-gradient(135deg,#f59e0b14,#ef444414);border-radius:var(--radius-lg, 10px);flex-wrap:wrap}.antonym-word{flex:1;min-width:100px;text-align:center;padding:var(--space-2, 8px)}.antonym-left{background:#f59e0b26;border-radius:8px}.antonym-right{background:#ef444426;border-radius:8px}.antonym-text{display:block;font-size:var(--api-chat-font-md, 16px);font-weight:600;margin-bottom:var(--gap-xs, 4px)}.antonym-trans{display:block;font-size:12px}.antonym-arrow{font-size:20px;color:var(--color-text-secondary, #6b7280)}.antonym-example{width:100%;margin-top:8px;padding:8px 12px;background:#ffffff80;border-radius:var(--radius-sm, 6px);font-size:13px;font-style:italic;color:var(--color-text-secondary, #6b7280)}body.dark .antonym-example{background:#0003}.idioms-section{margin:16px 0}.idiom-card{margin-bottom:16px;padding:var(--space-4, 16px);background:linear-gradient(135deg,#10b98114,#0596690d);border-radius:var(--radius-lg, 12px);border-left:4px solid #10b981}.idiom-expression{font-size:var(--api-chat-font-lg, 18px);font-weight:600;color:#059669;margin-bottom:8px}.idiom-literal{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-bottom:var(--gap-xs, 4px)}.idiom-literal em{color:#f59e0b}.idiom-actual{font-size:var(--api-chat-font-sm, 14px);margin-bottom:8px}.idiom-actual strong{color:#10b981}.idiom-example{font-size:var(--api-chat-font-sm, 14px);margin:8px 0;padding:var(--space-2, 8px);background:#ffffff80;border-radius:var(--radius-sm, 6px)}body.dark .idiom-example{background:#0003}.idiom-translation{font-size:12px;margin-top:var(--gap-xs, 4px)}.collocations-section{margin:16px 0}.collocation-item{margin-bottom:12px;padding:var(--space-3, 12px);background:#3b82f614;border-radius:var(--radius-lg, 10px)}.collocation-words{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.collocation-part{padding:4px 10px;background:#3b82f626;border-radius:var(--radius-sm, 6px);font-weight:500}.collocation-equals{color:var(--color-text-secondary, #6b7280);font-weight:600}.collocation-combined{padding:4px 10px;background:#10b98126;border-radius:var(--radius-sm, 6px);font-weight:600}.collocation-translation{font-size:13px;margin-top:6px}.collocation-example{font-size:13px;margin-top:6px;font-style:italic;color:var(--color-text-secondary, #6b7280)}.word-groups-section{margin:16px 0}.word-group{margin-bottom:16px;padding:var(--space-3, 12px);background:#ef44440d;border-radius:var(--radius-lg, 10px)}.word-group-items{display:flex;gap:var(--gap-md, 10px);flex-wrap:wrap}.word-group-item{padding:10px 14px;background:#fffc;border-radius:8px;border:2px solid transparent;transition:all .2s ease;cursor:pointer}body.dark .word-group-item{background:#282832cc}.word-group-item:hover{border-color:#f59e0b;transform:translateY(-2px)}.word-group-item.odd-one-out{border-color:#ef4444;background:#ef444426}.word-group-word{display:block;font-size:15px;font-weight:500}.word-group-trans{display:block;font-size:11px;margin-top:var(--gap-xs, 4px)}.odd-reason{margin-top:10px;padding:8px 12px;background:#f59e0b1a;border-radius:var(--radius-sm, 6px);font-size:13px;color:#d97706}.word-parts-section{margin:16px 0}.word-part-group{margin-bottom:16px;padding:var(--space-3, 12px);background:linear-gradient(135deg,#8b5cf614,#4f46e50d);border-radius:var(--radius-lg, 10px)}.word-part-base{font-size:var(--api-chat-font-sm, 14px);margin-bottom:10px;color:var(--color-text-secondary, #6b7280)}.word-part-base strong{color:#8b5cf6;font-size:var(--api-chat-font-md, 16px)}.word-part-variations{display:flex;flex-direction:column;gap:8px}.word-part-variation{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffffb3;border-radius:8px;flex-wrap:wrap}body.dark .word-part-variation{background:#1e1e28b3}.variation-suffix{padding:3px 8px;background:#8b5cf633;border-radius:4px;font-size:13px}.variation-equals{color:var(--color-text-secondary, #6b7280)}.variation-word{font-weight:600;font-size:15px}.variation-meaning{font-size:12px;margin-left:auto}.categories-section{margin:16px 0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-lg, 16px)}.category-card{padding:var(--space-3, 12px);background:#3b82f614;border-radius:var(--radius-lg, 10px);border-top:3px solid #3b82f6}.category-header{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(59,130,246,.2)}.category-name{font-weight:600;font-size:15px;color:#3b82f6}.category-desc{display:block;font-size:11px;color:var(--color-text-secondary, #6b7280);margin-top:var(--gap-xs, 4px)}.category-words{display:flex;flex-direction:column;gap:var(--gap-xs, 6px)}.category-word-item{padding:6px 10px;background:#fff9;border-radius:var(--radius-sm, 6px)}body.dark .category-word-item{background:#1e1e2899}.category-word{font-weight:500}.category-trans{display:block;font-size:11px;margin-top:2px}.sentences-section{margin:16px 0}.sentence-item{margin-bottom:12px;padding:var(--space-3, 12px);background:#4f46e50d;border-radius:var(--radius-lg, 10px);border-left:4px solid #4f46e5}.sentence-text{font-size:var(--api-chat-font-md, 16px);line-height:1.6}mark.target-word{background:#f59e0b4d;color:inherit;padding:1px 4px;border-radius:3px;font-weight:500}.sentence-translation{font-size:13px;font-size:.9em;color:var(--color-text-secondary);margin-top:4px}.target-words{margin-top:8px;font-size:11px;color:var(--color-text-secondary, #6b7280)}.target-word-tag{display:inline-block;padding:2px 6px;background:#f59e0b33;border-radius:4px;margin-right:var(--gap-xs, 4px);font-weight:500}.api-chat-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:inherit}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.api-chat-confirm-overlay{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.api-chat-confirm-dialog{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;background:var(--bg-panel-left, #ffffff);border-radius:16px;padding:var(--space-6, 24px);max-width:320px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:confirm-pop .2s ease-out}@keyframes confirm-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body.dark .api-chat-confirm-dialog{background:#1e1e2e}.api-chat-confirm-icon{font-size:48px;margin-bottom:12px}.api-chat-confirm-title{font-size:var(--api-chat-font-lg, 18px);font-weight:700;margin-bottom:8px;color:var(--color-text, #1f2937)}body.dark .api-chat-confirm-title{color:#e0e0e0}.api-chat-confirm-message{font-size:var(--api-chat-font-sm, 14px);color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-5, 20px);line-height:1.5}.api-chat-confirm-actions{display:flex;gap:var(--gap-md, 12px);justify-content:center}.api-chat-confirm-btn{padding:10px 20px;border-radius:8px;font-size:var(--api-chat-font-sm, 14px);font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.api-chat-confirm-cancel{background:var(--color-border-light, #e5e7eb);color:var(--color-text, #1f2937)}.api-chat-confirm-cancel:hover{background:#d1d5db}.api-chat-confirm-close{background:#ef4444;color:#fff}.api-chat-confirm-close:hover{background:#dc2626}.api-chat-back-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#000000d9;color:#fff;padding:12px 24px;border-radius:24px;font-size:var(--api-chat-font-sm, 14px);font-weight:500;opacity:0;transition:all .3s ease;pointer-events:none;z-index:50}.api-chat-back-hint.show{opacity:1;transform:translate(-50%) translateY(0)}body.dark .api-chat-back-hint{background:#ffffff26}.api-chat-save-words-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important}.api-chat-save-words-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:scale(1.02)}.review-badge{font-size:10px;background:#ef4444;color:#fff;padding:2px 6px;border-radius:var(--radius-lg, 10px);margin-left:var(--gap-xs, 4px);font-weight:600}.api-chat-toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 24px;border-radius:var(--radius-lg, 12px);font-size:var(--api-chat-font-sm, 14px);font-weight:500;opacity:0;transition:all .3s ease;z-index:100;box-shadow:0 4px 12px #00000026}.api-chat-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.api-chat-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.api-chat-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.api-chat-toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.api-chat-toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.vocab-review-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000}.vocab-review-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:var(--space-5, 20px);-webkit-backdrop-filter:none;backdrop-filter:none}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.vocab-review-overlay{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.quick-drill-nav{gap:.75rem;margin-top:.75rem;display:flex;justify-content:center;gap:10px;margin-top:12px;padding:10px 0}.quick-drill-nav-btn{padding:.65rem 1.5rem;border:2px solid var(--color-border-light, #e5e7eb);background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #1f2937);font-size:.95rem;min-width:120px;transition:all .2s ease;touch-action:manipulation;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s;display:inline-flex;align-items:center;gap:6px;min-height:44px}.quick-drill-nav-btn:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-bg-secondary, #f3f4f6)}.quick-drill-nav-btn.btn-next{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.quick-drill-nav-btn.btn-next:hover{background:var(--color-primary, #3b82f6);color:#fff}.quick-drill-nav-btn.btn-retry{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b);background:#ffffff1a;color:var(--qd-text);border:1px solid var(--qd-border)}.quick-drill-nav-btn.btn-retry:hover{background:var(--color-warning, #f59e0b);color:#fff;background:#ffffff2e}.quick-drill-nav-btn.btn-finish{border-color:var(--color-success, #10b981);background:var(--color-success, #10b981);background:var(--qd-accent);color:#fff;box-shadow:0 4px 12px #6366f159}.quick-drill-nav-btn.btn-finish:hover{opacity:.9;background:var(--qd-accent-h)}.quick-drill-auto-forward{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:var(--color-text-secondary, #6b7280);animation:quickDrillPulse 1s ease-in-out infinite;text-align:center;padding:8px;font-size:.8rem;color:var(--qd-muted)}@keyframes quickDrillPulse{0%,to{opacity:.6}50%{opacity:1}}:root{--qd-accent: #6366f1;--qd-accent-h: #4f46e5;--qd-green: #22c55e;--qd-red: #ef4444;--qd-yellow: #f59e0b;--qd-bg: #1e1e1e;--qd-cell-bg: #fff;--qd-cell-dark: #1f2937;--qd-text: #fff;--qd-muted: #9ca3af;--qd-dim: #6b7280;--qd-border: rgba(255,255,255,.1);--qd-hl-bg: #bfdbfe;--qd-cell: clamp(36px, 5vw, 52px);--qd-cell-md: 32px;--qd-cell-sm: 28px}.quick-drill-active .quick-drill-progress{display:flex;align-items:center;gap:8px;padding:3px 8px;background:#ffffff0d;border-radius:20px;margin-bottom:4px}.quick-drill-active .quick-drill-progress-text{font-size:.8rem;font-weight:700;color:var(--qd-text);white-space:nowrap}.quick-drill-active .quick-drill-progress-bar{width:72px;height:5px;background:#ffffff26;border-radius:3px;overflow:hidden}.quick-drill-active .quick-drill-progress-fill{height:100%;background:var(--qd-accent);border-radius:3px;transition:width .3s ease}.quick-drill-tts-toggle{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px 8px;margin-left:8px;opacity:.8;transition:opacity .2s;vertical-align:middle}.quick-drill-tts-toggle:hover{opacity:1}.exercise-mark-known-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;background:transparent;border:1.5px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff59;padding:0;z-index:5;transition:all .2s ease}.exercise-mark-known-btn:hover{background:#22c55e26;border-color:#22c55e80;color:#22c55e}.exercise-mark-known-btn:active{transform:scale(.9)}.exercise-mark-known-btn.marked{background:#22c55e33;border-color:#22c55e;color:#22c55e;pointer-events:none}.api-chat-exercise .exercise-mark-known-btn{display:none}.quick-drill-active .api-chat-exercise .exercise-mark-known-btn{display:flex}.exercise-known-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);background:#22c55ef2;color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:700;letter-spacing:.5px;z-index:20;pointer-events:none;opacity:0;transition:all .25s ease;white-space:nowrap}.exercise-known-toast.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.exercise-known-fade{animation:exercise-known-fade-out .6s ease forwards}@keyframes exercise-known-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.quick-drill-active .api-chat-exercises{display:flex;flex-direction:column;gap:0}.quick-drill-active .api-chat-exercise{display:none;position:relative}.quick-drill-active .api-chat-exercise.quick-drill-current{display:block}.quick-drill-active .api-chat-exercise.quick-drill-current .api-chat-exercise-content{padding:1rem}.quick-drill-active .exercise-option{min-height:48px;padding:.75rem 1rem}.quick-drill-active .exercise-check-btn{min-height:48px;font-size:1rem}.quick-drill-active .api-chat-footer{display:none}@media(min-width:768px){:root{--qd-cell: var(--qd-cell-md)}.quick-drill-active .api-chat-exercises{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:16px}.quick-drill-active .api-chat-exercise{display:block}.quick-drill-active .api-chat-exercise:nth-child(n+3){display:none}.quick-drill-active .api-chat-exercise .api-chat-exercise-content{padding:.75rem}.quick-drill-active .api-chat-footer{padding:.5rem}.quick-drill-active .api-chat-footer .btn-secondary{font-size:.8rem;padding:.35rem .75rem}}@media(min-width:1200px){.quick-drill-active .api-chat-exercises{gap:1.5rem;padding:20px}}.quick-drill-nav-btn:active{transform:scale(.97)}.quick-drill-active .quick-drill-next-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:12px;background:var(--qd-accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #6366f14d;transition:background .15s,transform .1s;min-height:52px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.quick-drill-active .quick-drill-next-btn:active{transform:scale(.98);background:var(--qd-accent-h)}@media(max-width:767px){.quick-drill-nav{flex-direction:column;gap:8px}}.quick-drill-complete{text-align:center;padding:2rem 1rem;color:var(--qd-text)}.quick-drill-complete .complete-icon{font-size:3rem;margin-bottom:1rem}.quick-drill-complete .complete-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.quick-drill-complete .complete-subtitle{font-size:.9rem;color:var(--qd-muted)}body.dark .quick-drill-progress{background:#ffffff0d}body.dark .quick-drill-nav-btn.btn-retry{background:#ffffff14;border-color:#ffffff1a}body.dark .quick-drill-nav-btn.btn-retry:hover{background:#ffffff1f}.word-study-active.api-chat-modal .api-chat-container{background:#1e1e1e!important;box-shadow:0 20px 60px #00000080}.word-study-active.api-chat-modal .api-chat-header{background:#1e1e1e!important;border-bottom:1px solid rgba(255,255,255,.1)!important;min-height:56px;padding:10px 16px}.word-study-active.api-chat-modal .api-chat-header-font-controls{display:none!important}.word-study-active.api-chat-modal .api-chat-title{color:#fff!important;font-size:1rem;font-weight:600}.word-study-active.api-chat-modal .api-chat-header-actions{display:flex;gap:8px}.word-study-active.api-chat-modal .api-chat-header .quick-drill-progress{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#ffffff0d;border-radius:20px;margin:0}.word-study-active.api-chat-modal .api-chat-header .quick-drill-progress-text{font-size:.8rem;font-weight:700;color:var(--qd-text, #fff);white-space:nowrap}.word-study-active.api-chat-modal .api-chat-header .quick-drill-progress-bar{width:72px;height:5px;background:#ffffff26;border-radius:3px;overflow:hidden}.word-study-active.api-chat-modal .api-chat-header .quick-drill-progress-fill{height:100%;background:var(--qd-accent, #6366f1);border-radius:3px;transition:width .3s ease}.word-study-active.api-chat-modal .api-chat-context{display:none}.word-study-active.api-chat-modal .api-chat-input-area{display:none!important}.word-study-active.api-chat-modal .api-chat-token-counter{display:none}.word-study-active.api-chat-modal .api-chat-exercises{background:transparent}.word-study-active.api-chat-modal #apiChatContext{display:none}.word-study-active.api-chat-modal .api-chat-footer{background:var(--qd-bg, #1e1e1e);border-top:1px solid var(--qd-border, rgba(255,255,255,.1));padding:10px 16px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.word-study-active.api-chat-modal .api-chat-footer .btn-secondary{background:#ffffff14;color:var(--qd-text, #fff);border:1px solid var(--qd-border, rgba(255,255,255,.1));border-radius:8px;padding:8px 16px;font-size:.85rem;min-height:40px;cursor:pointer;transition:background .15s}.word-study-active.api-chat-modal .api-chat-footer .btn-secondary:hover{background:#ffffff26}.word-study-active.api-chat-modal .api-chat-footer #apiChatClear{display:none}.word-study-active.api-chat-modal .api-chat-footer .btn-primary{background:var(--qd-accent, #6366f1);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;min-height:40px;cursor:pointer}@media(min-width:1024px){.word-study-active.api-chat-modal .api-chat-container{max-width:900px!important;width:90vw}.word-study-active.api-chat-modal .api-chat-exercises{padding:20px 24px}.word-study-active.api-chat-modal .api-chat-message-content{max-width:100%}}.word-study-active.api-chat-modal .api-chat-welcome{background:#ffffff08;border-radius:12px;padding:20px;text-align:center}.word-study-active.api-chat-modal .api-chat-welcome-icon{font-size:2.5rem;margin-bottom:10px}.word-study-active.api-chat-modal .api-chat-welcome-title{color:var(--qd-text, #fff);font-size:1.1rem;font-weight:600;margin-bottom:8px}.word-study-active.api-chat-modal .api-chat-welcome-text{color:var(--qd-muted, #9ca3af);font-size:.9rem;margin-bottom:12px}.word-study-active.api-chat-modal .api-chat-welcome-topic{color:var(--qd-accent, #6366f1);font-size:1rem;font-weight:500}.word-forms-response{padding:12px 0}.word-forms-entry{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.word-forms-entry:last-child{border-bottom:none}.word-forms-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.word-forms-word{font-size:1.2em;font-weight:600;color:var(--qd-text, #fff)}.word-forms-translation{color:var(--color-text-secondary);font-size:.95em}.word-forms-pos{font-size:.8em;color:var(--qd-accent);background:#6366f126;padding:2px 8px;border-radius:4px}.conjugation-tables{display:flex;flex-direction:column;gap:16px;margin:16px 0}.conjugation-table{background:#ffffff08;border-radius:8px;padding:12px}.conjugation-tense{font-weight:600;margin-bottom:10px;color:var(--qd-accent);font-size:.95em}.conjugation-grid{width:100%;border-collapse:collapse}.conjugation-grid th{text-align:left;padding:6px 10px;font-size:.8em;color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.conjugation-grid td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.conjugation-grid tr:last-child td{border-bottom:none}.conjugation-person{color:var(--color-text-secondary);width:80px;font-size:.9em}.conjugation-form{font-size:1em}.word-forms-sentences{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.word-forms-sentences-header{font-weight:600;margin-bottom:10px;color:var(--qd-text);font-size:.95em}.word-forms-sentences-list{display:flex;flex-direction:column;gap:12px}.word-forms-sentence-item{background:#ffffff05;padding:10px 12px;border-radius:8px}.sentence-learning{margin-bottom:4px}.sentence-context{font-size:.85em;color:var(--qd-muted, #9ca3af);margin-top:6px;font-style:italic}.api-chat-mode-tabs{display:flex;gap:6px;padding:8px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none}.api-chat-mode-tabs::-webkit-scrollbar{display:none}.api-chat-mode-tab{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:5px 12px;border-radius:14px;font-size:.78rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.api-chat-mode-tab:hover{background:#ffffff14;color:#ffffffd9}.api-chat-mode-tab.active{background:var(--qd-accent, #6366f1);border-color:var(--qd-accent, #6366f1);color:#fff;font-weight:500}@media(max-width:767px){.word-study-active.api-chat-modal .api-chat-header{padding:8px 12px;min-height:50px}.word-study-active.api-chat-modal .api-chat-title{font-size:.9rem}.api-chat-mode-tabs{padding:6px 12px;gap:4px}.api-chat-mode-tab{padding:4px 10px;font-size:.72rem}.word-study-active.api-chat-modal .api-chat-header .quick-drill-progress{padding:4px 10px}.word-study-active.api-chat-modal .api-chat-header .quick-drill-progress-bar{width:50px}.word-study-active.api-chat-modal .api-chat-footer{padding:8px 12px;gap:8px}.word-study-active.api-chat-modal .api-chat-footer .btn-secondary{padding:8px 12px;font-size:.8rem}}@media(prefers-color-scheme:light){body:not(.dark) .word-study-active.api-chat-modal .api-chat-container{background:#f9fafb!important;box-shadow:0 20px 60px #00000026}body:not(.dark) .word-study-active.api-chat-modal .api-chat-header{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}body:not(.dark) .word-study-active.api-chat-modal .api-chat-title{color:#1f2937!important}body:not(.dark) .word-study-active.api-chat-modal .api-chat-header .quick-drill-progress{background:#0000000d}body:not(.dark) .word-study-active.api-chat-modal .api-chat-header .quick-drill-progress-text{color:#1f2937}body:not(.dark) .word-study-active.api-chat-modal .api-chat-footer{background:#f9fafb;border-top:1px solid #e5e7eb}body:not(.dark) .word-study-active.api-chat-modal .api-chat-footer .btn-secondary{background:#0000000d;color:#1f2937;border-color:#e5e7eb}body:not(.dark) .word-study-active.api-chat-modal .api-chat-footer .btn-secondary:hover{background:#0000001a}body:not(.dark) .word-study-active.api-chat-modal .api-chat-welcome{background:#00000008}body:not(.dark) .word-study-active.api-chat-modal .api-chat-welcome-title{color:#1f2937}body:not(.dark) .word-study-active.api-chat-modal .api-chat-welcome-text{color:#6b7280}body:not(.dark) .word-study-active.api-chat-modal .api-chat-welcome-topic{color:var(--qd-accent, #6366f1)}}body:not(.dark) .word-study-active.api-chat-modal .api-chat-container{background:#f9fafb}.word-stats-breakdown{display:inline-flex;align-items:center;gap:10px;margin-left:12px;font-size:.85rem;font-weight:500}.word-stat-correct{color:#10b981;background:#10b9811f;padding:2px 8px;border-radius:12px}.word-stat-wrong{color:#ef4444;background:#ef44441f;padding:2px 8px;border-radius:12px}.word-session-summary{padding:1.5rem;animation:wordSummarySlideIn .4s ease-out}@keyframes wordSummarySlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.word-summary-header{text-align:center;margin-bottom:1.5rem}.word-summary-header.perfect-session{animation:perfectPulse .6s ease-in-out}@keyframes perfectPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.word-summary-emoji{font-size:3rem;margin-bottom:.5rem}.word-summary-title{font-size:1.4rem;font-weight:700;color:var(--qd-text, #e5e7eb);margin-bottom:.25rem}.word-summary-subtitle{font-size:.9rem;color:var(--color-text-secondary, #6b7280)}.word-summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1rem}.word-stat-box{text-align:center;padding:12px 8px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.word-stat-box .word-stat-value{font-size:1.3rem;font-weight:700;margin-bottom:4px}.word-stat-box .word-stat-label{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.word-stat-total .word-stat-value{color:#818cf8}.word-stat-correct-box .word-stat-value{color:#10b981}.word-stat-wrong-box .word-stat-value{color:#ef4444}.word-stat-new-box .word-stat-value{color:#f59e0b}.word-xp-earned{text-align:center;padding:8px 16px;margin-bottom:1rem;background:linear-gradient(135deg,#f59e0b26,#d9770626);border-radius:8px;color:#f59e0b;font-weight:600;font-size:.95rem}.word-mastered-section{margin-bottom:1rem;padding:12px;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:10px;border:1px solid rgba(16,185,129,.2)}.word-mastered-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-weight:500}.word-mastered-icon{font-size:1.2rem}.word-mastered-text{color:#10b981}.word-mastered-label{margin-left:auto;font-size:.8rem;background:#10b981;color:#fff;padding:2px 8px;border-radius:10px}.word-status-changes{margin-bottom:1rem;padding:10px 12px;background:#ffffff08;border-radius:8px}.word-status-title{font-size:.85rem;font-weight:600;margin-bottom:8px;opacity:.8}.word-status-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.9rem}.word-status-word{font-weight:500}.word-status-from{color:#ef4444;font-size:.8rem}.word-status-to{color:#10b981;font-weight:600;font-size:.8rem}.word-summary-actions{display:flex;justify-content:center;gap:10px;margin-top:1.5rem}.word-summary-btn{flex:1;padding:10px 12px;border:none;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-width:0}.word-summary-btn.btn-done{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.word-summary-btn.btn-done:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.word-summary-btn.btn-again{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.word-summary-btn.btn-again:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.word-summary-btn.btn-different{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.word-summary-btn.btn-different:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.word-summary-btn.btn-sentence-challenge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.word-summary-btn.btn-sentence-challenge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}body:not(.dark) .word-stat-box{background:#00000008;border-color:#0000000f}body:not(.dark) .word-status-changes{background:#00000005}body:not(.dark) .word-session-summary .word-summary-title{color:#1f2937}@media(max-width:480px){.word-summary-stats{grid-template-columns:repeat(2,1fr)}.word-stats-breakdown{gap:6px;font-size:.8rem}.word-stat-box{padding:10px 6px}.word-stat-box .word-stat-value{font-size:1.1rem}.word-summary-actions{gap:8px}.word-summary-btn{min-height:44px;font-size:.8rem;white-space:normal;padding:8px}}@media(max-width:767px){.exercise-option{padding:14px 16px;min-height:44px;border-radius:10px;font-size:15px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.exercise-options{gap:10px}.api-chat-feedback{padding:14px 16px;font-size:14px;border-radius:10px}.exercise-check-btn{width:100%;padding:12px 16px;min-height:44px;font-size:15px}.api-chat-gap-input{padding:14px 16px;font-size:16px;min-height:44px}}.quick-drill-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.quick-drill-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:quick-drill-spin .8s linear infinite}@keyframes quick-drill-spin{to{transform:rotate(360deg)}}.quick-drill-loading-text{margin-top:12px;color:var(--text-secondary, #6b7280);font-size:.9rem}.quick-drill-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.quick-drill-error-icon{font-size:2rem;margin-bottom:8px}.quick-drill-error-text{color:var(--text-secondary, #6b7280);font-size:.9rem;margin-bottom:16px}.quick-drill-retry-btn{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem}.quick-drill-retry-btn:hover{opacity:.9}.quick-drill-game-embed{position:relative;margin:8px 0;padding:12px 8px 8px;background:var(--surface-elevated, #f8f9fa);border-radius:16px;border:2px solid var(--accent-color, #6c5ce7);animation:gameSlideIn .3s ease-out;min-height:200px;max-height:80dvh;box-sizing:border-box;width:100%;overflow-y:auto;overflow-x:hidden}body.dark .quick-drill-game-embed{background:var(--surface-elevated, #1a1a2e);border-color:var(--accent-color, #6c5ce7)}.quick-drill-game-embed .game-skip-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted, rgba(255,255,255,.4));font-size:.85em;cursor:pointer;padding:4px 8px;z-index:1}.quick-drill-game-embed .game-skip-btn:hover{color:var(--text-primary, white)}.quick-drill-game-embed .drill-exercise-counter{display:none!important}.quick-drill-game-embed .game-inline-controls{gap:8px;padding:8px 10px}.quick-drill-game-embed .game-inline-btn{padding:5px 12px;font-size:12px}@keyframes gameSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grammar-table,.conjugation-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:var(--api-chat-font-sm, 13px)}.grammar-table th,.grammar-table td,.conjugation-table th,.conjugation-table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--color-border, #e5e7eb)}.grammar-table th,.conjugation-table th{background:var(--color-primary-light, #eef2ff);font-weight:600;color:var(--color-primary, #4f46e5)}.grammar-table tr:hover,.conjugation-table tr:hover{background:#4f46e50a}.pronoun-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:4px;margin:8px 0}.pronoun-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-2, 8px);background:var(--bg-grid-block, #f5f5f5);border-radius:var(--radius-sm, 6px);text-align:center}.pronoun-label{font-size:var(--api-chat-font-xs, 11px);color:var(--color-text-secondary, #6b7280);margin-bottom:2px}.pronoun-form{font-weight:600;font-size:var(--api-chat-font-base, 14px);color:var(--color-primary, #4f46e5)}.verb-forms{display:flex;flex-wrap:wrap;gap:var(--gap-xs, 6px);margin:6px 0}.verb-form-pair{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#4f46e514;border-radius:4px;font-size:var(--api-chat-font-sm, 13px)}.verb-form-pair .subject{color:var(--color-text-secondary, #6b7280)}.verb-form-pair .form{font-weight:600;color:var(--color-primary, #4f46e5)}.form-inline{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.form-inline-item{display:inline-flex;align-items:baseline;gap:4px}.form-inline-item .label{font-weight:600;min-width:50px}.form-inline-item .value{color:var(--color-primary, #4f46e5)}:root{--presentation-intro-bg: rgba(79, 70, 229, .08);--presentation-intro-border: #6366f1;--presentation-explanation-bg: rgba(16, 185, 129, .08);--presentation-explanation-border: #10b981;--presentation-example-bg: rgba(245, 158, 11, .08);--presentation-example-border: #f59e0b;--presentation-summary-bg: rgba(139, 92, 246, .08);--presentation-summary-border: #8b5cf6;--grammar-header-bg: #eef2ff;--grammar-header-text: #4f46e5;--grammar-row-hover: rgba(79, 70, 229, .04);--grammar-accent: #d4a056;--grammar-text: #8b5a2b;--translation-text: #6b7280;--translation-bg: rgba(107, 114, 128, .08);--translation-border: #9ca3af;--line-height-compact: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.6}.api-chat-content-item.api-chat-content-introduction{background:var(--presentation-intro-bg);border-left-color:var(--presentation-intro-border)}.api-chat-content-item.api-chat-content-explanation{background:var(--presentation-explanation-bg);border-left-color:var(--presentation-explanation-border)}.api-chat-content-item.api-chat-content-example{background:var(--presentation-example-bg);border-left-color:var(--presentation-example-border)}.api-chat-content-item.api-chat-content-exercise{background:#3b82f614;border-left-color:#3b82f6}.api-chat-content-item.api-chat-content-translation{background:#6b728014;border-left-color:#6b7280}.api-chat-content-item.api-chat-content-content{background:#4f46e514;border-left-color:#6366f1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.api-chat-content-item:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.api-chat-section-speak:focus-visible{outline-offset:2px;outline:2px solid var(--color-primary, #4f46e5);border-radius:50%;background:#4f46e51a}@media(prefers-contrast:high){.content-learning{font-weight:500}.content-translation{border-left-width:4px}.api-chat-content-item{border-left-width:6px}}@media(prefers-reduced-motion:reduce){.api-chat-content-item,.api-chat-section,.content-learning,.content-translation{transition:none;animation:none}}.api-chat-messages-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.api-chat-messages-title{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.api-chat-messages-toggle{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.api-chat-messages-toggle:hover{background:#ffffff1a;color:#f8fafc}.api-chat-messages-toggle span{font-size:var(--api-chat-font-sm, 14px)}.api-chat-messages.collapsed{display:none}@media print{.api-chat-footer,.api-chat-input-container,.api-chat-typing,.api-chat-section-speak,.api-chat-content-header,.matching-game-container,.vocab-review-container,.api-chat-confirm-overlay{display:none!important}body{background:#fff!important}.api-chat-modal,.api-chat-messages,.api-chat-content-item{background:#fff!important;box-shadow:none!important;border:1px solid #ccc!important}.api-chat-content-item{break-inside:avoid;page-break-inside:avoid}.api-chat-section{break-inside:avoid}h3,h4{break-after:avoid}.content-learning{font-size:11pt;line-height:1.4;color:#000!important}.content-translation{font-size:10pt;color:#555!important;background:#f5f5f5!important}.api-chat-messages:before{content:"Language Learning Exercise - " attr(data-exercise-name);display:block;font-size:14pt;font-weight:700;margin-bottom:12pt;padding-bottom:6pt;border-bottom:2px solid black}.grammar-table th{background:#eee!important;color:#000!important}.grammar-table td{border:1px solid #ccc}}@media(max-width:1024px)and (min-width:641px){.api-chat-content-item{padding:10px 14px}.grammar-table{font-size:12px}.pronoun-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px)and (min-width:481px){.api-chat-structured-content{gap:var(--gap-xs, 6px)}.api-chat-content-item{padding:8px 12px;border-left-width:3px}.content-learning{font-size:15px;line-height:var(--line-height-normal)}.grammar-table{font-size:12px}.grammar-table th,.grammar-table td{padding:4px 6px}.pronoun-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.api-chat-structured-content{gap:4px}.api-chat-content-item{padding:6px 10px;border-left-width:3px;border-radius:var(--radius-sm, 6px)}.api-chat-content-type{display:none}.api-chat-content-icon{font-size:1em}.content-learning{font-size:var(--api-chat-font-sm, 14px);line-height:var(--line-height-compact)}.content-translation{font-size:12px;padding:4px 8px}.grammar-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.grammar-table{min-width:300px;font-size:11px}.grammar-table th,.grammar-table td{padding:3px 4px}.pronoun-grid{grid-template-columns:repeat(2,1fr);gap:3px}.pronoun-item{padding:var(--space-1, 4px)}.verb-forms{flex-direction:column;gap:4px}.verb-form-pair{width:100%;justify-content:space-between}}@media(max-width:896px)and (orientation:landscape){.api-chat-content-item{max-height:40vh;overflow-y:auto}}@media(pointer:coarse){.api-chat-section-speak{min-width:44px;min-height:44px}.api-chat-content-item{min-height:44px}}.api-chat-content-item:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary, #4f46e5)}.api-chat-section:focus{outline:none}.api-chat-section:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.api-chat-section-speak:focus{outline:none}.content-translation:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.hidden{display:none!important}.invisible{visibility:hidden}.visible{visibility:visible}.list-style-decimal{list-style-type:decimal}.list-style-alpha{list-style-type:lower-alpha}.list-style-roman{list-style-type:lower-roman}.list-style-disc{list-style-type:disc}.list-style-none{list-style-type:none}.content-learning{font-size:var(--api-chat-font-md, 16px);line-height:var(--line-height-normal, 1.5);letter-spacing:.01em}.content-translation{font-size:var(--api-chat-font-sm, 13px);line-height:var(--line-height-compact, 1.4)}.translation-pair{display:flex;flex-direction:column;gap:6px;width:100%}.translation-pair .content-learning{width:100%}.translation-pair .content-translation{width:100%;opacity:.8;font-style:italic;padding-top:4px;border-top:1px dashed var(--color-border, #e5e7eb)}body.dark .translation-pair .content-translation{border-top-color:var(--color-border, #3d3d5c)}.content-learning h1{font-size:1.5em;margin:12px 0 6px}.content-learning h2{font-size:1.3em;margin:10px 0 5px}.content-learning h3{font-size:1.15em;margin:8px 0 4px}.content-learning h4{font-size:1em;margin:6px 0 3px;font-weight:600}.content-learning p{margin:0 0 6px}.content-learning p:last-child{margin-bottom:0}.content-learning ul,.content-learning ol{margin:4px 0;padding-left:20px}.content-learning li{margin:2px 0}.presentation-progress{position:sticky;top:0;z-index:50;isolation:isolate;background:var(--bg-panel-left, #fff);padding:8px 12px;border-bottom:1px solid var(--color-border, #e5e7eb);box-shadow:0 2px 4px #0000000d}.presentation-progress-bar{height:4px;background:var(--color-border-light, #e5e7eb);border-radius:2px;overflow:hidden}.presentation-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #4f46e5),var(--color-primary-light, #818cf8));border-radius:2px;transition:width .3s ease}.presentation-progress-text{font-size:var(--api-chat-font-xs, 11px);color:var(--color-text-secondary, #6b7280);text-align:right;margin-top:2px}.presentation-section-counter{position:absolute;top:8px;right:8px;font-size:var(--api-chat-font-xs, 11px);color:var(--color-text-secondary, #6b7280);background:#ffffffe6;padding:2px 6px;border-radius:4px}body.dark .presentation-section-counter{background:#00000080;color:#9ca3af}.api-chat-content-item.current-section{border-left-color:var(--color-primary, #4f46e5)}.api-chat-selectable-text{cursor:pointer;border-radius:4px;padding:2px 4px;margin:-2px -4px;transition:background-color .15s ease}.api-chat-selectable-text:hover{background:#4f46e51a}.api-chat-selectable-text.selected{background:#4f46e533;outline:2px solid rgba(79,70,229,.4)}body.dark .api-chat-selectable-text:hover{background:#818cf826}body.dark .api-chat-selectable-text.selected{background:#818cf840;outline-color:#818cf880}.api-chat-action-bar{position:fixed;z-index:100000;display:flex;flex-direction:column;gap:var(--gap-xs, 6px);padding:var(--space-3, 12px);background:var(--bg-panel-left, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 8px 32px #0003,0 2px 8px #0000001a;border:1px solid var(--color-border, #e5e7eb);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;min-width:180px;max-width:220px}.api-chat-action-bar.visible{opacity:1;visibility:visible;transform:translateY(0)}body.dark .api-chat-action-bar{background:#1f2937;border-color:#374151;box-shadow:0 8px 32px #0006}.api-chat-action-btn{display:flex;align-items:center;gap:var(--gap-xs, 6px);padding:8px 12px;background:var(--bg-grid-block, #f3f4f6);border:1px solid var(--color-border-light, #e5e7eb);border-radius:8px;font-size:var(--api-chat-font-sm, 13px);font-weight:500;color:var(--color-text, #1f2937);cursor:pointer;transition:all .15s ease;white-space:nowrap}.api-chat-action-btn:hover{background:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5);color:#fff;transform:translateY(-1px)}.api-chat-action-btn:active{transform:translateY(0)}.api-chat-action-btn .icon{font-size:var(--api-chat-font-sm, 14px)}body.dark .api-chat-action-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}body.dark .api-chat-action-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.api-chat-action-btn.primary{background:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5);color:#fff}.api-chat-action-btn.primary:hover{background:var(--color-primary-dark, #4338ca);border-color:var(--color-primary-dark, #4338ca)}.api-chat-action-bar-close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;color:#fff;border:2px solid white;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .15s ease}.api-chat-action-bar-close:hover{background:#dc2626;transform:scale(1.1)}.api-chat-action-btn.loading{pointer-events:none;opacity:.7}.api-chat-action-btn.loading:after{content:"";width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:api-chat-btn-spin .8s linear infinite;margin-left:6px}@keyframes api-chat-btn-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.api-chat-action-bar{min-width:160px;max-width:180px;padding:var(--space-2, 10px)}.api-chat-action-bar-close{position:absolute;top:-8px;right:-8px}.api-chat-action-btn{padding:10px 12px;font-size:13px;justify-content:flex-start}.api-chat-action-btn .label{display:inline}}.api-chat-content-item.completed-section{opacity:.7}.api-chat-content-item.completed-section:after{content:"✓";position:absolute;top:8px;right:8px;color:var(--color-success, #10b981);font-size:12px}.api-chat-message-collapse{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 6px;margin-right:8px;color:var(--color-text-secondary, #6b7280);transition:transform .2s ease}.api-chat-message-collapse:hover{color:var(--color-primary, #4f46e5)}.api-chat-message-content.collapsed{display:none}.api-chat-message-user .api-chat-message-header{background:var(--color-primary-light, rgba(79, 70, 229, .1))}.api-chat-message-assistant .api-chat-message-header{background:var(--bg-grid-block, #f3f4f6)}body.dark .api-chat-message-assistant .api-chat-message-header{background:#374151}.grammar-response-section{padding:12px 0}.grammar-word-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-primary-light, #eef2ff)}.grammar-word-main{display:flex;align-items:center;gap:8px;margin-bottom:var(--gap-xs, 4px)}.grammar-word-text{font-size:1.5em;font-weight:700;color:var(--color-primary, #4f46e5)}.grammar-translation{font-size:1.1em;color:var(--translation-text, #6b7280);margin-bottom:2px}.grammar-pos{font-size:.9em;color:var(--color-text-secondary, #6b7280)}.grammar-section-title{display:flex;align-items:center;gap:var(--gap-xs, 6px);font-weight:600;font-size:1em;color:var(--color-primary, #4f46e5);margin:16px 0 10px;padding-bottom:4px;border-bottom:1px solid var(--color-border, #e5e7eb)}.grammar-rule-item{margin-bottom:12px;padding:10px 12px;background:var(--bg-grid-block, #f5f5f5);border-radius:8px;border-left:3px solid var(--color-primary, #4f46e5)}.grammar-rule-text{font-weight:500;margin-bottom:6px}.grammar-context-item{margin-bottom:12px;padding:10px 12px;background:#10b9810f;border-radius:8px;border-left:3px solid #10b981}.grammar-context-label{font-weight:500;color:#059669;margin-bottom:6px}.grammar-example{display:flex;align-items:center;gap:var(--gap-xs, 6px);margin:6px 0}.grammar-example-text{font-style:italic;color:var(--color-text, #374151)}.grammar-example-trans{font-size:.9em;color:var(--translation-text, #6b7280);padding-left:8px;border-left:2px solid var(--color-border, #e5e7eb);margin-left:var(--gap-xs, 4px)}.grammar-related-words{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.grammar-related-word{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-primary-light, #eef2ff);border-radius:16px;font-size:.9em;cursor:pointer;transition:background .2s,color .2s}.grammar-related-word:hover{background:var(--color-primary, #4f46e5);color:#fff}.grammar-related-word:hover .content-learning{color:#fff}.grammar-mistake-item{margin-bottom:10px;padding:10px 12px;background:#ef44440f;border-radius:8px;border-left:3px solid #ef4444}.grammar-mistake-text{color:#dc2626;margin-bottom:var(--gap-xs, 4px)}.grammar-mistake-correction{color:#16a34a;margin-bottom:var(--gap-xs, 4px)}.grammar-mistake-explanation{font-size:.9em;color:var(--color-text-secondary, #6b7280);padding-top:4px;border-top:1px dashed var(--color-border, #e5e7eb);margin-top:var(--gap-xs, 4px)}.grammar-note-block{margin-top:16px;padding:var(--space-3, 12px);background:#8b5cf60f;border-radius:8px;border-left:3px solid #8b5cf6}.grammar-note-text{font-size:.95em;line-height:1.5}body.dark .grammar-rule-item{background:#4f46e51a}body.dark .grammar-context-item{background:#10b9811a}body.dark .grammar-related-word{background:#4f46e533}body.dark .grammar-related-word:hover{background:var(--color-primary, #4f46e5)}body.dark .grammar-mistake-item{background:#ef44441a}body.dark .grammar-note-block{background:#8b5cf61a}.culture-exercises-section{margin-top:24px;padding:var(--space-4, 16px);background:var(--bg-panel-right, #f8fafc);border-radius:var(--radius-lg, 12px)}.culture-exercise{margin-bottom:var(--space-5, 20px);padding:var(--space-4, 16px);background:var(--bg-panel-left, #ffffff);border-radius:var(--radius-lg, 10px);border:1px solid var(--color-border, #e5e7eb);transition:all .2s ease}.culture-exercise:last-child{margin-bottom:0}.exercise-question,.exercise-statement{font-size:1.1em;font-weight:500;margin-bottom:12px;color:var(--color-text-main, #1f2937)}.exercise-question-native,.exercise-statement-native{font-size:.9em;color:var(--color-text-secondary, #6b7280);margin-bottom:12px;font-style:italic}.exercise-instructions{font-size:.95em;color:var(--color-text-secondary, #6b7280);margin-bottom:16px}.exercise-true-false-buttons{display:flex;gap:var(--gap-md, 12px);margin-top:12px}.exercise-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 10px);background:var(--bg-panel-left, #ffffff);color:var(--color-text-main, #1f2937);font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease}.exercise-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.exercise-btn.selected{border-color:var(--color-primary, #4f46e5);background:#4f46e51a}.exercise-btn.correct{border-color:#10b981;background:#10b98126;color:#059669}.exercise-btn.incorrect{border-color:#ef4444;background:#ef444426;color:#dc2626}.exercise-btn-true:hover{border-color:#10b981}.exercise-btn-false:hover{border-color:#ef4444}.exercise-btn .btn-icon{font-size:1.2em}body.dark .exercise-btn{background:#1e293bcc;border-color:#47556980}body.dark .exercise-btn.selected{border-color:var(--color-primary, #6366f1);background:#6366f133}.song-container{padding:16px}.song-title{font-size:1.5em;font-weight:700;color:var(--color-primary, #8b5cf6);margin-bottom:16px;text-align:center}.song-verse{background:#8b5cf61a;border-left:4px solid #8b5cf6;padding:12px 16px;margin:12px 0;border-radius:0 8px 8px 0}.song-verse-label{font-size:.75em;text-transform:uppercase;color:#8b5cf6;margin-bottom:8px;font-weight:600}.song-verse-lyrics{font-style:italic;line-height:1.8;margin-bottom:8px}.song-verse-translation{font-size:.9em;color:#9ca3af;border-top:1px solid rgba(139,92,246,.3);padding-top:8px;margin-top:8px}.song-chorus{background:#f59e0b26;border-left:4px solid #f59e0b;padding:16px;margin:16px 0;border-radius:0 8px 8px 0;text-align:center}.song-chorus-label{font-size:.8em;text-transform:uppercase;color:#f59e0b;margin-bottom:8px;font-weight:700}.song-notes{font-size:.85em;color:#6b7280;font-style:italic;margin-top:16px;padding:12px;background:#0003;border-radius:8px}.poetry-container{padding:16px}.poetry-title{font-size:1.4em;font-weight:600;color:#ec4899;margin-bottom:16px;text-align:center;font-style:italic}.poetry-stanza{background:#ec48991a;border-left:4px solid #ec4899;padding:16px;margin:16px 0;border-radius:0 8px 8px 0}.poetry-stanza-lines{font-style:italic;line-height:2;white-space:pre-line}.poetry-stanza-translation{font-size:.9em;color:#9ca3af;margin-top:12px;padding-top:12px;border-top:1px solid rgba(236,72,153,.3)}.poetry-theme{margin-top:20px;padding:12px;background:#ec48990d;border-radius:8px;font-size:.9em}.mindmap-container{padding:16px}.mindmap-central-topic{background:linear-gradient(135deg,#3b82f633,#6366f133);border:2px solid #3b82f6;border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:20px auto;font-weight:700;font-size:1.1em;text-align:center;padding:10px;box-shadow:0 4px 20px #3b82f64d}.mindmap-branch{background:#3b82f614;border-left:4px solid #3b82f6;padding:12px 16px;margin:12px 0;border-radius:0 8px 8px 0}.mindmap-branch-label{font-weight:600;color:#3b82f6;margin-bottom:8px}.mindmap-branch-children{margin-left:20px;padding-left:12px;border-left:2px dashed rgba(59,130,246,.3)}.mindmap-child{padding:6px 0;color:#9ca3af;font-size:.95em}.mindmap-child-translation{font-size:.85em;color:#6b7280;margin-left:8px}.resources-container{padding:16px}.resources-category{margin:20px 0}.resources-category-title{font-weight:600;color:#10b981;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #10b981}.resource-card{background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:12px;margin:8px 0;transition:all .2s ease}.resource-card:hover{background:#10b98126;transform:translate(4px)}.resource-card-title{font-weight:600;color:#10b981;margin-bottom:4px}.resource-card-url{font-size:.85em;color:#6b7280;word-break:break-all;margin-bottom:4px}.resource-card-description{font-size:.9em;color:#9ca3af}.story-container{padding:16px}.story-title{font-size:1.3em;font-weight:600;color:#f59e0b;margin-bottom:16px;text-align:center}.story-paragraph{background:#f59e0b14;border-left:4px solid #f59e0b;padding:16px;margin:16px 0;border-radius:0 8px 8px 0;line-height:1.8}.story-translation{font-size:.9em;color:#9ca3af;margin-top:12px;padding-top:12px;border-top:1px solid rgba(245,158,11,.3)}.story-moral{margin-top:20px;padding:16px;background:#f59e0b1a;border-radius:8px;font-style:italic;text-align:center;color:#fbbf24}.whats-next-container{padding:16px}.whats-next-title{font-size:1.4em;font-weight:600;color:#ef4444;margin-bottom:16px;text-align:center}.whats-next-story{background:#ef444414;border-left:4px solid #ef4444;padding:16px;margin:16px 0;border-radius:0 8px 8px 0;line-height:1.8}.whats-next-story-text{margin-bottom:12px}.whats-next-story-translation{font-size:.9em;color:#9ca3af;font-style:italic;border-top:1px solid rgba(239,68,68,.3);padding-top:12px;margin-top:12px}.whats-next-cliffhanger{background:linear-gradient(135deg,#ef444426,#f9731626);border:2px solid #ef4444;border-radius:12px;padding:20px;margin:20px 0;text-align:center;font-weight:600;font-size:1.1em;color:#fca5a5;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.whats-next-predictions{margin-top:20px}.whats-next-prediction{background:#f9731614;border:1px solid rgba(249,115,22,.3);border-radius:8px;padding:12px 16px;margin:8px 0;cursor:pointer;transition:all .2s ease}.whats-next-prediction:hover{background:#f9731626;transform:translate(4px)}.whats-next-prediction.correct{border-color:#10b981;background:#10b9811a}.whats-next-prediction-label{font-weight:600;color:#f97316;margin-bottom:4px}.matching-container{gap:20px;align-items:stretch;position:relative;margin:16px 0;display:flex;gap:var(--space-6, 24px)}.matching-column{gap:var(--gap-md, 10px);flex:1;display:flex;flex-direction:column;gap:8px}.matching-lines{flex:0 0 40px;position:relative;width:40px;min-height:100px}.matching-item{border:2px solid var(--color-border, #e5e7eb);background:var(--bg-panel-left, #ffffff);color:var(--color-text-main, #1f2937);font-size:.95em;text-align:left;padding:10px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface, #fff);font-size:var(--api-chat-font-sm, 13px);cursor:pointer;transition:all .2s ease;text-align:center}.matching-item:hover{border-color:var(--color-primary, #4f46e5);transform:translate(2px);border-color:var(--color-primary, #3b82f6);background:#3b82f60d}.matching-item.selected{border-color:var(--color-primary, #4f46e5);background:#4f46e51a;box-shadow:0 0 0 3px #4f46e533;border-color:var(--color-primary, #3b82f6);background:#3b82f61a}.matching-item.matched{border-color:#10b981;border-color:var(--color-success, #10b981);background:#10b9811a;opacity:.7}.matching-item.correct{border-color:#10b981;background:#10b98126}.matching-item.incorrect{border-color:#ef4444;background:#ef444426}.matching-item-native{display:block;font-size:.85em;color:var(--color-text-secondary, #6b7280);margin-top:var(--gap-xs, 4px)}body.dark .matching-item{background:#1e293bcc;border-color:#47556980}body.dark .matching-item.selected{border-color:var(--color-primary, #6366f1);background:#6366f133}.exercise-check-btn{margin-top:12px;background:var(--color-primary, #4f46e5);font-size:.95em;padding:10px 20px;border:none;border-radius:8px;background:var(--color-primary, #3b82f6);color:#fff;font-size:var(--api-chat-font-sm, 13px);font-weight:500;cursor:pointer;transition:all .2s ease}.exercise-check-btn:hover{background:var(--color-primary-hover, #4338ca);transform:translateY(-1px);background:var(--color-primary-dark, #2563eb)}.exercise-check-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.exercise-result{padding:var(--space-3, 12px);font-size:.95em;display:none;margin-top:12px;padding:var(--space-2, 10px);border-radius:8px;font-size:var(--api-chat-font-sm, 13px)}.exercise-result.show{display:block}.exercise-result.correct{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3);background:#10b9811a;color:var(--color-success, #10b981)}.exercise-result.incorrect{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:var(--color-error, #ef4444)}.exercise-answer{margin-top:12px;padding:var(--space-2, 10px);background:#4f46e51a;border-radius:var(--radius-sm, 6px);font-size:.9em}.exercise-explanation{margin-top:8px;padding:var(--space-2, 10px);background:#3b82f61a;border-radius:var(--radius-sm, 6px);font-size:.9em;color:#2563eb;border-left:3px solid #3b82f6}body.dark .exercise-explanation{background:#3b82f626;color:#60a5fa}.exercise-flashcard{text-align:center}.flashcard-container{perspective:1000px;margin:20px auto;cursor:pointer}.flashcard{width:280px;height:180px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);margin:0 auto}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001a}.flashcard-front{background:linear-gradient(135deg,var(--color-primary, #4f46e5),#7c3aed);color:#fff}.flashcard-back{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:rotateY(180deg)}.flashcard-text{font-size:1.8em;font-weight:600;margin-bottom:8px}.flashcard-hint{font-size:.85em;opacity:.7}.flashcard-example{font-size:.9em;font-style:italic;padding:0 20px;text-align:center}.flashcard-controls{display:flex;gap:var(--gap-md, 12px);justify-content:center;margin-top:16px}.flashcard-btn{padding:10px 20px;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;background:transparent;cursor:pointer;font-size:.9em;transition:all .2s}.flashcard-btn:hover{transform:translateY(-2px)}.flashcard-know{border-color:#10b981;color:#10b981}.flashcard-know:hover{background:#10b9811a}.flashcard-learning{border-color:#f59e0b;color:#f59e0b}.flashcard-learning:hover{background:#f59e0b1a}.exercise-ordering{text-align:center}.ordering-container{margin:16px 0}.ordering-source{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:var(--space-5, 20px);padding:var(--space-4, 16px);background:#4f46e50d;border-radius:var(--radius-lg, 10px)}.ordering-item{padding:10px 16px;background:var(--bg-panel-left, #ffffff);border:2px solid var(--color-border, #e5e7eb);border-radius:8px;cursor:grab;font-size:1em;transition:all .2s}.ordering-item:hover{border-color:var(--color-primary, #4f46e5);transform:scale(1.05)}.ordering-item.selected{background:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5)}.ordering-item.placed{opacity:.4;pointer-events:none}.ordering-slots{display:flex;gap:8px;justify-content:center}.ordering-slot{width:80px;height:44px;border:2px dashed var(--color-border, #e5e7eb);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ordering-slot.filled{border-style:solid;background:#10b9811a;border-color:#10b981}.ordering-slot.highlight{border-color:var(--color-primary, #4f46e5);background:#4f46e51a}.exercise-dictation{text-align:center}.dictation-controls{display:flex;align-items:center;justify-content:center;gap:var(--gap-lg, 16px);margin:16px 0}.dictation-play-btn{padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:30px;font-size:1.1em;cursor:pointer;transition:all .2s}.dictation-play-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #8b5cf666}.dictation-play-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dictation-play-count{font-size:.9em;color:var(--color-text-secondary, #6b7280)}.dictation-input{width:100%;max-width:400px;padding:12px 16px;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:1em;margin:12px 0;text-align:center}.dictation-input:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.dictation-translation{margin-top:12px;padding:var(--space-2, 10px);background:#10b9811a;border-radius:var(--radius-sm, 6px);font-style:italic}.categorization-container{display:flex;flex-direction:column;gap:20px}.categorization-items{display:flex;flex-wrap:wrap;gap:var(--gap-md, 10px);padding:var(--space-4, 16px);background:#4f46e50d;border-radius:var(--radius-lg, 10px)}.categorization-item{padding:10px 16px;background:var(--bg-panel-left, #ffffff);border:2px solid var(--color-border, #e5e7eb);border-radius:8px;cursor:grab;font-size:.95em;transition:all .2s}.categorization-item:hover{border-color:var(--color-primary, #4f46e5)}.categorization-item.selected{background:var(--color-primary, #4f46e5);color:#fff}.categorization-item.categorized{opacity:.3;pointer-events:none}.categorization-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap-lg, 16px)}.categorization-category{padding:var(--space-4, 16px);background:#00000005;border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);min-height:100px}.category-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600}.category-icon{font-size:1.3em}.category-drop-zone{display:flex;flex-wrap:wrap;gap:8px;min-height:40px}.category-drop-zone.highlight{background:#4f46e51a;border-radius:var(--radius-sm, 6px)}.scramble-source{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0;padding:var(--space-4, 16px);background:#f59e0b1a;border-radius:var(--radius-lg, 10px)}.scramble-word{padding:10px 16px;background:var(--bg-panel-left, #ffffff);border:2px solid #f59e0b;border-radius:8px;cursor:pointer;font-size:1em;transition:all .2s}.scramble-word:hover{transform:scale(1.05)}.scramble-word.selected{background:#f59e0b;color:#fff}.scramble-word.used{opacity:.3;pointer-events:none}.scramble-target{margin:16px 0}.scramble-slots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.scramble-slot{min-width:60px;height:44px;border:2px dashed var(--color-border, #e5e7eb);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 12px}.scramble-slot.filled{border-style:solid;background:#10b9811a;border-color:#10b981}.scramble-translation{margin-top:12px;font-size:.9em;color:var(--color-text-secondary, #6b7280);font-style:italic}.translation-source,.essay-topic{font-size:1.1em;font-weight:500;padding:var(--space-4, 16px);background:#3b82f61a;border-radius:var(--radius-lg, 10px);margin-bottom:16px}.essay-prompt{color:var(--color-text-secondary, #6b7280);margin-bottom:12px}.translation-textarea,.essay-textarea{width:100%;padding:var(--space-4, 16px);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 10px);font-size:1em;resize:vertical;min-height:120px;font-family:inherit}.translation-textarea:focus,.essay-textarea:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.word-limit-hint,.essay-word-limit{font-size:.85em;color:var(--color-text-secondary, #6b7280);margin-bottom:8px}.essay-word-count{text-align:right;font-size:.85em;color:var(--color-text-secondary, #6b7280);margin-top:8px}.translation-suggestions,.essay-suggestions{margin-top:12px;padding:var(--space-3, 12px);background:#8b5cf61a;border-radius:8px}.suggestions-label{font-size:.85em;color:var(--color-text-secondary, #6b7280);margin-right:8px}.suggestion-chip{display:inline-block;padding:4px 10px;background:#8b5cf633;border-radius:15px;font-size:.85em;margin:2px;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:#8b5cf666}.error-sentence{display:flex;align-items:flex-start;gap:var(--gap-md, 12px);padding:var(--space-4, 16px);background:#ef44441a;border-radius:var(--radius-lg, 10px);margin-bottom:16px}.error-indicator{font-size:1.2em}.error-text{font-size:1.1em;flex:1}.correction-input{width:100%;padding:12px 16px;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:1em}.correction-input:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.correct-sentence{font-size:1.1em;padding:var(--space-3, 12px);background:#10b9811a;border-radius:8px}@media(max-width:640px){.exercise-true-false-buttons{flex-direction:column;gap:8px}.matching-container{flex-direction:column;gap:var(--gap-md, 12px)}.matching-lines{display:none}.matching-column{width:100%}.exercise-btn{padding:12px 16px;font-size:.95em}}.translation-sentences{display:flex;flex-direction:column;gap:var(--gap-lg, 16px);margin:16px 0}.translation-sentence-item{display:flex;flex-direction:column;gap:8px;padding:var(--space-3, 12px);background:var(--color-surface-hover, #f9fafb);border-radius:8px;border:1px solid var(--color-border, #e5e7eb)}.translation-sentence-number{font-weight:600;color:var(--color-primary, #4f46e5);font-size:.9em}.translation-sentence-text{font-size:1.1em;color:var(--color-text, #1f2937);line-height:1.5}.translation-input{width:100%;padding:12px 16px;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:1em;transition:border-color .2s ease}.translation-input:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.translation-input.correct{border-color:var(--color-success, #10b981);background:#10b9810d}.translation-input.incorrect{border-color:var(--color-error, #ef4444);background:#ef44440d}.translation-input:disabled{background:var(--color-surface, #f3f4f6);cursor:not-allowed}.translation-result{font-size:.95em;padding:8px 12px;border-radius:var(--radius-sm, 6px);min-height:20px}.translation-result .correct{color:var(--color-success, #10b981);font-weight:600}.translation-result .incorrect{color:var(--color-error, #ef4444);font-weight:600}.translation-result .scoring{color:var(--color-warning, #f59e0b)}.translation-result .error{color:var(--color-error, #ef4444)}.translation-feedback{margin-top:var(--gap-xs, 4px);font-size:.85em;color:var(--color-text-secondary, #6b7280);font-style:italic}.exercise-instructions{font-size:1em;color:var(--color-text-secondary, #6b7280);margin-bottom:12px;padding:8px 12px;background:var(--color-surface, #f3f4f6);border-radius:var(--radius-sm, 6px)}.hidden-translation{display:none!important}.culture-exercises-section{margin-top:16px;max-width:600px}.culture-exercises-section .vocab-header{font-size:var(--api-chat-font-md, 16px);font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-border, #e5e7eb);display:flex;align-items:center;gap:8px}.culture-exercises-section .vocab-icon{font-size:1.2em}.culture-exercise{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);margin-bottom:16px;box-shadow:0 1px 3px #00000014}body.dark .culture-exercise{background:#1e293b80;border-color:#4755694d}.exercise-question{font-size:var(--api-chat-font-base, 14px);font-weight:500;margin-bottom:8px;line-height:1.5}.exercise-question-native{font-size:var(--api-chat-font-sm, 13px);color:var(--color-text-secondary, #6b7280);margin-bottom:12px;font-style:italic}.exercise-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.exercise-option{padding:10px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface, #fff);font-size:var(--api-chat-font-sm, 13px);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.exercise-option:hover{border-color:var(--color-primary, #3b82f6);background:#3b82f60d}.exercise-option.correct{border-color:var(--color-success, #10b981);background:#10b9811a}.exercise-option.incorrect{border-color:var(--color-error, #ef4444);background:#ef44441a}.exercise-input{width:100%;padding:10px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:var(--api-chat-font-base, 14px);background:var(--color-surface, #fff);margin-bottom:12px;box-sizing:border-box}.exercise-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.culture-exercise[data-type=multiple-choice] .exercise-check-btn,.culture-exercise[data-type=true-false] .exercise-check-btn{display:none}.exercise-hints{margin-bottom:12px}.exercise-hint-btn{padding:6px 12px;border:1px dashed var(--color-warning, #f59e0b);border-radius:var(--radius-sm, 6px);background:#f59e0b1a;color:var(--color-warning, #f59e0b);font-size:var(--api-chat-font-xs, 11px);cursor:pointer;margin-right:8px;margin-bottom:8px}.exercise-hint-btn:hover{background:#f59e0b33}.exercise-true-false-buttons{display:flex;gap:var(--gap-md, 12px);margin-bottom:12px}.exercise-btn{flex:1;padding:var(--space-3, 12px) var(--space-5, 20px);border:2px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface, #fff);font-size:var(--api-chat-font-base, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.exercise-btn-true:hover,.exercise-btn-true.selected{border-color:var(--color-success, #10b981);background:#10b9811a;color:var(--color-success, #10b981)}.exercise-btn-false:hover,.exercise-btn-false.selected{border-color:var(--color-error, #ef4444);background:#ef44441a;color:var(--color-error, #ef4444)}.exercise-statement{font-size:var(--api-chat-font-base, 14px);font-weight:500;margin-bottom:8px;line-height:1.5}.exercise-statement-native{font-size:var(--api-chat-font-sm, 13px);color:var(--color-text-secondary, #6b7280);margin-bottom:12px;font-style:italic}.exercise-textarea{width:100%;min-height:80px;padding:10px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:var(--api-chat-font-base, 14px);background:var(--color-surface, #fff);margin-bottom:12px;resize:vertical;font-family:inherit;box-sizing:border-box}.exercise-textarea:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}@media(max-width:767px){.culture-exercise{padding:var(--space-3, 12px);margin-bottom:12px;border-radius:8px}.exercise-option{padding:8px 12px;font-size:var(--api-chat-font-xs, 11px)}.exercise-true-false-buttons{flex-direction:column;gap:8px}.matching-container{flex-direction:column;gap:var(--gap-md, 12px)}}.words-array-section{margin:12px 0}.words-array-section .word-entry{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border, #e0e0e0)}.words-array-section .word-entry:last-child{border-bottom:none;margin-bottom:0}.words-array-section .word-main{display:flex;align-items:center;gap:8px;margin-bottom:var(--gap-xs, 4px)}.words-array-section .word-text{font-size:var(--api-chat-font-lg, 18px);font-weight:700;color:var(--color-primary, #4f46e5)}.words-array-section .word-translation{font-size:var(--api-chat-font-base, 14px);color:var(--color-text-secondary, #6b7280);margin-bottom:var(--gap-xs, 4px)}.words-array-section .word-pos{font-size:var(--api-chat-font-sm, 13px);color:var(--color-text-secondary, #6b7280);font-style:italic;margin-bottom:8px}.verb-forms-section{margin:12px 0}.verb-forms-section .verb-tense{margin-bottom:12px}.verb-forms-section .verb-tense-header{font-weight:600;color:var(--color-primary, #4f46e5);font-size:var(--api-chat-font-base, 14px);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--color-border, #e0e0e0)}.verb-forms-section .verb-conjugations{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--gap-xs, 6px)}.verb-forms-section .conjugation-item{display:flex;align-items:center;gap:var(--gap-xs, 6px);padding:4px 8px;background:#4f46e50f;border-radius:4px}.verb-forms-section .conjugation-person{font-size:var(--api-chat-font-sm, 12px);color:var(--color-text-secondary, #6b7280);min-width:40px}.verb-forms-section .conjugation-form{font-weight:600;font-size:var(--api-chat-font-sm, 13px);font-weight:700;color:var(--color-primary, #4f46e5);font-size:var(--api-chat-font-base, 14px)}@media(max-width:480px){.verb-forms-section .verb-conjugations{grid-template-columns:1fr 1fr}}.verb-forms-section .verb-conjugations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px}.verb-forms-section .conjugation-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-2, 8px);background:#4f46e50f;border-radius:var(--radius-sm, 6px)}.verb-forms-section .conjugation-native{font-size:var(--api-chat-font-xs, 11px);color:var(--color-text-secondary, #6b7280);font-weight:500}@media(max-width:480px){.verb-forms-section .verb-conjugations-grid{grid-template-columns:1fr 1fr}.words-array-section .word-entry{margin-bottom:var(--space-5, 20px);padding-bottom:16px}.words-array-section .word-text{font-size:var(--api-chat-font-xl, 20px)}}:root{--speak-primary: #3b82f6;--speak-primary-dark: #2563eb;--speak-secondary: #10b981;--speak-danger: #ef4444;--speak-bg: #ffffff;--speak-bg-dark: #1f2937;--speak-text: #374151;--speak-text-dark: #f3f4f6;--speak-border: #e5e7eb;--speak-border-dark: #374151;--speak-bg-secondary: #f9fafb;--speak-bg-secondary-dark: #374151;--speak-text-muted: #6b7280;--speak-text-muted-dark: #9ca3af}body.dark{--speak-bg: var(--speak-bg-dark);--speak-text: var(--speak-text-dark);--speak-border: var(--speak-border-dark);--speak-bg-secondary: var(--speak-bg-secondary-dark);--speak-text-muted: var(--speak-text-muted-dark)}.speak-api-chat-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000010;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.speak-api-chat-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.speak-api-chat-modal{background:var(--speak-bg);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s;position:relative}.speak-api-chat-overlay.show .speak-api-chat-modal{transform:scale(1)}.speak-api-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--speak-border);flex-shrink:0}.speak-api-chat-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--speak-text);margin:0}.speak-api-chat-title .icon{font-size:24px}.speak-voice-indicator{font-size:13px;font-weight:400;opacity:.85;margin-left:2px;white-space:nowrap;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s;position:relative}.speak-voice-indicator:hover{opacity:1;background:#0000000f}body.dark .speak-voice-indicator:hover{background:#ffffff1a}.speak-voice-indicator.type-system{color:#3b82f6}.speak-voice-indicator.type-clone{color:#8b5cf6}.speak-voice-indicator.type-piper{color:#10b981}.speak-voice-picker{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.95);opacity:0;background:var(--speak-bg);border:1px solid var(--speak-border);border-radius:12px;box-shadow:0 12px 40px #0000002e,0 0 0 1px #ffffff0d inset;z-index:10000020;min-width:240px;max-width:320px;padding:8px;display:none;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .15s ease}.speak-voice-picker.show{display:block;transform:translate(-50%) scale(1);opacity:1}body.dark .speak-voice-picker{box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff14 inset;border-color:var(--speak-border-dark, #374151);background:var(--speak-bg-dark, #1f2937)}.speak-voice-picker-header{padding:6px 10px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--speak-text-muted, #9ca3af);border-bottom:1px solid var(--speak-border, #e5e7eb);margin-bottom:4px}body.dark .speak-voice-picker-header{border-color:var(--speak-border-dark, #374151);color:var(--speak-text-muted-dark, #6b7280)}.speak-voice-picker-item{padding:10px 12px;font-size:14px;color:var(--speak-text);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .15s ease;border-radius:8px;margin:2px 0;position:relative}.speak-voice-picker-item:hover{background:#3b82f614;transform:translate(2px)}body.dark .speak-voice-picker-item:hover{background:#3b82f626}.speak-voice-picker-item:active{transform:scale(.98)}.speak-voice-picker-item.selected{font-weight:600;background:#3b82f60f}.speak-voice-picker-item .voice-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#3b82f61a}.speak-voice-picker-item .voice-icon.piper{background:#10b9811a}.speak-voice-picker-item .voice-icon.clone{background:#8b5cf61a}.speak-voice-picker-item .voice-info{flex:1;min-width:0}.speak-voice-picker-item .voice-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speak-voice-picker-item.selected .voice-name{color:var(--speak-primary)}.speak-voice-picker-item .voice-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:#3b82f61a;color:var(--speak-primary);font-weight:500}.speak-voice-picker-item .voice-badge.piper{background:#10b9811f;color:#10b981}.speak-voice-picker-item .voice-badge.clone{background:#8b5cf61f;color:#8b5cf6}.speak-voice-picker-item .voice-check{color:var(--speak-primary);font-size:16px;flex-shrink:0}.speak-voice-picker-item .voice-arrow{color:var(--speak-text-muted, #9ca3af);font-size:12px;flex-shrink:0;opacity:0;transition:opacity .15s,transform .15s}.speak-voice-picker-item:hover .voice-arrow{opacity:1;transform:translate(2px)}.speak-voice-picker-divider{height:1px;background:var(--speak-border, #e5e7eb);margin:4px 0}body.dark .speak-voice-picker-divider{background:var(--speak-border-dark, #374151)}.speak-voice-picker-item.settings-link{color:var(--speak-text-muted, #9ca3af);font-size:12px}.speak-voice-picker-item.settings-link:hover{color:var(--speak-text, #374151)}body.dark .speak-voice-picker-item.settings-link:hover{color:var(--speak-text-dark, #f3f4f6)}.speak-voice-picker-item.needs-download{opacity:.75}.speak-voice-picker-item.needs-download:hover{opacity:1;background:#10b98114}body.dark .speak-voice-picker-item.needs-download:hover{background:#10b98126}.speak-voice-picker-item .voice-download-hint{font-size:10px;color:#10b981;font-weight:400;margin-left:4px;opacity:.8}.speak-voice-picker-item.needs-download:hover .voice-download-hint{opacity:1}@media(min-width:601px){.speak-voice-picker{min-width:300px;max-width:380px;padding:10px}.speak-voice-picker-item{padding:12px 14px;font-size:15px}.speak-voice-picker-item .voice-icon{width:38px;height:38px;font-size:18px}.speak-voice-picker-item .voice-name{font-size:15px}}.speak-header-actions{display:flex;align-items:center;gap:8px}.speak-validation-btn{background:none;border:none;cursor:pointer;color:var(--speak-text);padding:6px 10px;border-radius:6px;opacity:.7;transition:all .2s;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.speak-validation-btn:hover{opacity:1;background:#0000000d}body.dark .speak-validation-btn:hover{background:#ffffff1a}.speak-validation-btn.active{opacity:1;color:var(--speak-secondary)}.speak-validation-btn.active .validation-icon{filter:hue-rotate(60deg) saturate(1.5)}.speak-validation-btn .validation-icon{font-size:16px}.speak-validation-btn .validation-label{font-size:12px}.speak-settings-btn{background:none;border:none;cursor:pointer;color:var(--speak-text);padding:6px;border-radius:6px;opacity:.6;transition:all .2s;display:flex;align-items:center;justify-content:center}.speak-settings-btn:hover{opacity:1;background:#0000000d}body.dark .speak-settings-btn:hover{background:#ffffff1a}.speak-minimax-toggle-btn{background:none;border:2px solid #e74c3c;cursor:pointer;color:#e74c3c;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px;transition:all .2s}.speak-minimax-toggle-btn:hover{opacity:.8}.speak-minimax-toggle-btn.active{border-color:#3498db;color:#3498db;background:#3498db1a}.speak-api-chat-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--speak-text);padding:4px;line-height:1;opacity:.6;transition:opacity .2s}.speak-api-chat-close:hover{opacity:1}.speak-voice-selector{margin-top:12px;border-top:1px solid var(--speak-border, #e5e7eb);padding-top:12px}body.dark .speak-voice-selector{border-top-color:var(--speak-border-dark, #4b5563)}.speak-voice-filters{display:flex;gap:8px;margin-bottom:10px}.speak-voice-filter-group{flex:1}.speak-voice-filter-group label{display:block;font-size:11px;color:var(--speak-text-muted);margin-bottom:3px}.speak-voice-filter-group select{width:100%;padding:6px 8px;border:1px solid var(--speak-border, #e5e7eb);border-radius:6px;background:var(--speak-bg);color:var(--speak-text);font-size:12px}.speak-voice-filter-group select:focus{outline:none;border-color:var(--speak-primary, #3b82f6)}.speak-voice-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.speak-voice-list-header span:first-child{font-size:12px;font-weight:600;color:var(--speak-text)}.speak-voice-legend{font-size:10px;color:var(--speak-text-muted)}.speak-voice-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:2px}.speak-voice-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;background:var(--speak-bg-secondary, #f9fafb);margin-bottom:4px}.speak-voice-item:hover{border-color:#3b82f666;background:#3b82f60f;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.speak-voice-item.selected{border-color:var(--speak-primary, #3b82f6);background:#3b82f61a;box-shadow:0 2px 12px #3b82f633}body.dark .speak-voice-item{background:var(--speak-bg-secondary-dark, #374151)}.speak-voice-item-info{display:flex;align-items:center;gap:8px}.speak-voice-item-name{font-size:14px;font-weight:500;color:var(--speak-text)}.speak-voice-item-badge{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.speak-voice-badge-ivc{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.speak-voice-badge-system{background:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}body.dark .speak-voice-badge-ivc{background:#78350f;color:#fde68a;border-color:#b45309}body.dark .speak-voice-badge-system{background:#312e81;color:#c7d2fe;border-color:#4f46e5}.speak-voice-badge-piper{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}body.dark .speak-voice-badge-piper{background:#064e3b;color:#6ee7b7;border-color:#059669}.speak-voice-group{margin-bottom:8px}.speak-voice-group-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;padding:8px 12px 4px;border-bottom:1px solid #e5e7eb;margin-bottom:4px}body.dark .speak-voice-group-header{color:#9ca3af;border-bottom-color:#374151}.speak-voice-tabs{display:flex;gap:2px;padding:6px 10px;background:var(--speak-bg-secondary, #f3f4f6);margin:8px 12px;border-radius:10px;border:none}body.dark .speak-voice-tabs{background:var(--speak-bg-secondary-dark, #1f2937)}.speak-voice-tab{flex:1;padding:9px 12px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.2px}.speak-voice-tab:hover{background:#fff9;color:#374151;transform:scale(1.02)}body.dark .speak-voice-tab:hover{background:#ffffff14;color:#f9fafb}.speak-voice-tab.active{background:var(--speak-bg, #fff);color:var(--speak-primary, #3b82f6);box-shadow:0 1px 4px #00000014,0 0 0 1px #0000000a}.speak-voice-tab-content{padding:4px 12px 8px;animation:speak-voice-fade-in .25s ease}@keyframes speak-voice-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.speak-voice-badge-clone{background:#fce7f3;color:#9d174d;border:1px solid #f9a8d4}body.dark .speak-voice-badge-clone{background:#831843;color:#fbcfe8;border-color:#be185d}.speak-voice-item-check{color:var(--speak-primary, #3b82f6);font-size:16px;font-weight:700;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:scale(.5)}.speak-voice-item.selected .speak-voice-item-check{opacity:1;transform:scale(1)}.speak-voice-item.type-piper{background:#4a90d90f}.speak-voice-item.type-kokoro{background:#ff98000f}.speak-voice-item.type-piper:hover{background:#4a90d91f}.speak-voice-item.type-kokoro:hover{background:#ff98001f}.speak-voice-item.type-piper.selected{background:#4a90d929}.speak-voice-item.type-kokoro.selected{background:#ff980029}.speak-voice-badge-kokoro{background:#ffc10726;color:#e6a800;font-weight:700}body.dark .speak-voice-badge-kokoro{background:#ffc10740;color:#ffc107}.speak-voice-loading{font-size:12px;color:var(--speak-text-muted);text-align:center;padding:20px;color:var(--speak-text-muted, #6b7280);font-size:13px}.speak-voice-empty{text-align:center;padding:16px;font-size:12px;color:var(--speak-text-muted)}.speak-voice-download-btn{margin-top:12px;padding:10px 16px;background:var(--speak-accent, #4a90d9);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;width:100%;transition:background .2s,opacity .2s}.speak-voice-download-btn:hover:not(:disabled){background:var(--speak-accent-hover, #3a7fc9)}.speak-voice-download-btn:disabled{opacity:.6;cursor:not-allowed}.speak-voice-empty p{margin:0 0 8px;line-height:1.4}.speak-settings-popup{position:absolute;top:60px;right:20px;background:var(--speak-bg);border:1px solid var(--speak-border);border-radius:12px;padding:16px;width:340px;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 10px 40px #0003;z-index:100;display:none}.speak-settings-popup.show{display:block}.speak-settings-popup h4{margin:0 0 12px;font-size:14px;color:var(--speak-text)}.speak-settings-popup label{display:block;font-size:12px;color:var(--speak-text-muted);margin-bottom:4px}.speak-settings-popup input{width:100%;padding:8px 12px;border:1px solid var(--speak-border);border-radius:6px;font-size:13px;margin-bottom:12px;background:var(--speak-bg);color:var(--speak-text)}.speak-settings-popup input:focus{outline:none;border-color:var(--speak-primary)}.speak-settings-actions{display:flex;gap:8px;justify-content:flex-end}.speak-settings-actions button{padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;border:none}.speak-settings-save{background:var(--speak-primary);background:linear-gradient(135deg,var(--speak-primary, #3b82f6),var(--speak-primary-dark, #2563eb));border:none;color:#fff;box-shadow:0 2px 8px #3b82f64d}.speak-settings-clear{background:#e5e7eb;color:#374151;background:var(--speak-bg-secondary, #f9fafb);border:1px solid var(--speak-border, #e5e7eb);color:var(--speak-text, #374151)}body.dark .speak-settings-clear{background:#4b5563;color:#e5e7eb;background:var(--speak-bg-secondary-dark, #374151);border-color:var(--speak-border-dark, #374151);color:var(--speak-text-dark, #f3f4f6)}.speak-api-chat-lang{gap:8px;background:var(--speak-bg-secondary);font-size:14px;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--speak-bg-secondary, #f3f4f6);border-radius:8px;font-size:13px;color:var(--speak-text);margin-bottom:8px;flex-shrink:0}.speak-api-chat-lang .lang-badge{background:var(--speak-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;font-weight:600;color:var(--speak-text)}.speak-api-chat-conversation{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.speak-message{display:flex;flex-direction:column;max-width:85%}.speak-avatar{width:32px;height:32px;border-radius:50%;background:var(--speak-primary, #3b82f6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.speak-avatar .avatar-icon{font-size:18px}.speak-message.assistant{display:flex;align-items:flex-start;gap:8px;align-self:flex-start}.speak-message.assistant .speak-message-bubble{flex:1;background:var(--speak-bg-secondary);color:var(--speak-text);border-bottom-left-radius:4px}.speak-message.user{align-self:flex-end}.speak-message-bubble{padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5;word-wrap:break-word}.speak-message.user .speak-message-bubble{background:var(--speak-primary);color:#fff;border-bottom-right-radius:4px;background:#10b98126;border:1px solid rgba(16,185,129,.3)}.speak-api-chat-lang span{color:var(--speak-text-muted, #6b7280)}.speak-fallback-input{border-top:1px solid var(--speak-border);display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--speak-bg-secondary, #1f2937);border-radius:8px;margin-top:8px}.speak-fallback-row{display:flex;gap:8px}.speak-fallback-text{border:1px solid var(--speak-border);background:var(--speak-bg);color:var(--speak-text);flex:1;padding:8px 12px;border:1px solid var(--speak-border, #374151);border-radius:6px;background:var(--speak-bg, #111827);color:var(--speak-text, #f3f4f6);font-size:14px}.speak-fallback-text:focus{border-color:var(--speak-primary);outline:none;border-color:var(--speak-primary, #3b82f6)}.speak-fallback-submit{background:var(--speak-primary);padding:8px 16px;background:var(--speak-primary, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.speak-fallback-cancel{background:var(--speak-bg-secondary);color:var(--speak-text);border:1px solid var(--speak-border);padding:8px 16px;background:transparent;color:var(--speak-text-muted, #9ca3af);border:1px solid var(--speak-border, #374151);border-radius:6px;cursor:pointer;font-size:14px}.speak-skip-btn{padding:8px 0;display:flex;justify-content:center;margin-top:8px}.speak-btn-skip{color:var(--speak-text-muted, #6b7280);border:1px solid var(--speak-border);padding:8px 20px;background:transparent;color:var(--speak-text-muted, #9ca3af);border:1px dashed var(--speak-border, #4b5563);border-radius:20px;cursor:pointer;font-size:13px;transition:all .2s}.speak-btn-skip:hover{background:var(--speak-bg-secondary);color:var(--speak-text);color:var(--speak-text, #f3f4f6);border-color:var(--speak-text-muted, #9ca3af);background:#ffffff0d}.speak-encouragement{margin:8px 0;background:#3b82f614;border-left:3px solid var(--speak-primary, #3b82f6);border-radius:0 8px 8px 0;color:var(--speak-text);text-align:center;padding:8px 16px;font-size:13px;color:var(--speak-text-muted, #9ca3af);font-style:italic;animation:fadeIn .3s ease}.speak-settings-popup select{width:100%;padding:8px 12px;border-radius:4px;margin-bottom:8px;border:1px solid var(--speak-border);background:var(--speak-bg);color:var(--speak-text);font-size:13px}.speak-settings-popup select:focus{outline:none;border-color:var(--speak-primary)}.speak-settings-popup hr{margin:12px 0;border:none;border-top:1px solid var(--speak-border)}.speak-settings-popup .speak-tts-budget{font-size:11px;color:#888;margin-bottom:8px}.speak-settings-popup .speak-enrichment-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--speak-text)}.speak-settings-popup .speak-enrichment-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.speak-settings-popup .speak-settings-hr{margin:12px 0;border:none;border-top:1px solid var(--speak-border)}.speak-settings-provider-tabs{display:flex;gap:4px;margin-bottom:12px;background:#ffffff0d;border-radius:8px;padding:3px}.speak-settings-provider-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:none;border-radius:6px;background:transparent;color:var(--speak-text-muted);font-size:11px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.speak-settings-provider-tab:hover{background:#ffffff14;color:var(--speak-text)}.speak-settings-provider-tab.active{background:var(--speak-primary);color:#fff;font-weight:600}.speak-settings-provider-badge{font-size:9px;padding:1px 5px;border-radius:3px;background:#ffffff26;color:inherit;text-transform:uppercase;letter-spacing:.5px}.speak-settings-provider-badge.cloud{background:#64b4ff33}.speak-settings-provider-badge.hd{background:#ffc83233}.speak-settings-provider-badge.clone{background:#9333ea33}.speak-settings-tab.active .speak-settings-provider-badge{background:#ffffff40;color:#fff}.speak-settings-token-warning{display:flex;align-items:center;gap:6px;padding:8px 10px;margin-bottom:10px;border-radius:6px;background:#ffb4321a;border:1px solid rgba(255,180,50,.2);font-size:11px;color:var(--speak-text-muted)}.speak-settings-token-warning-icon{font-size:14px}.speak-settings-tip{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;padding:10px 12px;margin-bottom:12px;border-radius:8px;background:#64b4ff1a;border:1px solid rgba(100,180,255,.2);font-size:12px;color:var(--speak-text-muted);line-height:1.4}.speak-settings-tip-icon{font-size:16px}.speak-settings-tip-dismiss{display:block;margin-top:6px;padding:4px 12px;border:none;border-radius:4px;background:var(--speak-primary);color:#fff;font-size:11px;cursor:pointer}.speak-settings-tip-dismiss:hover{opacity:.9}@media(min-width:900px){.speak-api-chat-modal{width:90%;max-width:900px;height:85vh;max-height:85vh}.speak-api-chat-overlay.show .speak-api-chat-modal{transform:scale(1)}.speak-api-chat-conversation{flex:1;min-height:0}.speak-api-chat-controls{margin-top:auto;padding:16px;flex-shrink:0}.speak-sim-row-1,.speak-sim-row-2{display:contents}.speak-sim-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px}.speak-controls-top{background:var(--speak-bg-secondary, #f9fafb);border-radius:12px;padding:10px 16px}body.dark .speak-controls-top{background:var(--speak-bg-secondary-dark, #1f2937)}}.speak-message-time{font-size:11px;color:var(--speak-text-muted);margin-top:4px;padding:0 4px}.speak-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:var(--speak-bg-secondary);border-radius:16px;width:fit-content}.speak-typing-dot{width:8px;height:8px;background:var(--speak-text-muted);border-radius:50%;animation:speak-typing-bounce 1.4s ease-in-out infinite}.speak-typing-dot:nth-child(2){animation-delay:.2s}.speak-typing-dot:nth-child(3){animation-delay:.4s}@keyframes speak-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.speak-api-chat-controls{padding:12px 16px;border-top:1px solid var(--speak-border);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.speak-controls-top{margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.speak-mic-btn{width:56px;height:56px;border-radius:50%;border:none;background:var(--speak-primary);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 3px 8px #3b82f666;flex-shrink:0}.speak-mic-btn:hover{background:var(--speak-primary-dark);transform:scale(1.05)}.speak-mic-btn:active{transform:scale(.95)}.speak-mic-btn.recording{background:var(--speak-danger);animation:speak-pulse 1s ease-in-out infinite}.speak-mic-btn.disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.speak-mic-btn.initializing{background:#9ca3af;opacity:.6;cursor:not-allowed;box-shadow:none}.speak-mic-btn.ready{animation:speak-ready-pulse 2s ease-in-out 3}.speak-mic-btn.ready.pulse-once{animation:speak-ready-pulse-once .6s ease-out}@keyframes speak-ready-pulse{0%,to{box-shadow:0 3px 8px #3b82f666}50%{box-shadow:0 0 0 14px #3b82f600}}.speak-vad-btn{width:56px;height:56px;border-radius:50%;border:none;background:var(--speak-secondary, #10b981);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 3px 8px #10b98166;flex-shrink:0}.speak-vad-btn:hover{background:#059669;transform:scale(1.05)}.speak-vad-btn:active{transform:scale(.95)}.speak-vad-btn.listening{background:var(--speak-danger);animation:speak-vad-pulse 1s ease-in-out infinite}.speak-vad-btn.disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}@keyframes speak-vad-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 15px #10b98100}}@keyframes speak-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 15px #ef444400}}.speak-status{font-size:14px;color:var(--speak-text);text-align:center;min-height:20px}.speak-status.listening{color:var(--speak-danger);font-weight:500}.speak-status.speaking{color:var(--speak-secondary);font-weight:500}.speak-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:30px}.speak-wave-bar{width:4px;background:var(--speak-primary);border-radius:2px;animation:speak-wave .8s ease-in-out infinite}.speak-wave-bar:nth-child(1){height:10px;animation-delay:0s}.speak-wave-bar:nth-child(2){height:20px;animation-delay:.1s}.speak-wave-bar:nth-child(3){height:15px;animation-delay:.2s}.speak-wave-bar:nth-child(4){height:25px;animation-delay:.3s}.speak-wave-bar:nth-child(5){height:12px;animation-delay:.4s}@keyframes speak-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.speak-error{color:var(--speak-danger);font-size:13px;text-align:center;padding:8px;background:#ef44441a;border-radius:8px}.speak-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--speak-text-muted);gap:12px;padding:40px;text-align:center}.speak-empty-state .icon{font-size:48px;opacity:.5}.speak-empty-state p{margin:0;font-size:14px}.speak-feedback-tts-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 6px;vertical-align:middle;opacity:.6;transition:opacity .2s}.speak-feedback-tts-btn:hover{opacity:1}.speak-ideally-you-say{background:var(--speak-bg-secondary, #f3f4f6);border-left:3px solid var(--speak-primary, #3b82f6);padding:8px 12px;margin:4px 0 4px 20px;border-radius:0 8px 8px 0;font-size:.9em;color:var(--speak-text-muted, #6b7280)}body.dark .speak-ideally-you-say{background:var(--speak-bg-secondary-dark, #374151);color:var(--speak-text-muted-dark, #9ca3af)}.speak-ideally-you-say em{color:var(--speak-primary, #3b82f6);font-style:normal;font-weight:600}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.speak-example-bubble{background:#d1fae5;border-left:3px solid #10b981;padding:8px 12px;margin:4px 0;border-radius:8px;font-size:.95em;max-height:none;overflow-y:auto;word-break:break-word;animation:speak-example-fadein .3s ease-out}body.dark .speak-example-bubble{background:#10b98126;border-left-color:#34d399}.speak-example-bubble .example-label{color:#059669;font-weight:600;margin-right:4px}.speak-example-bubble .example-score{color:#6b7280;font-size:.85em;margin-left:8px}.speak-example-bubble .example-score .score-low{color:#ef4444}.speak-example-bubble .example-browser{color:#059669;font-weight:500}.speak-example-bubble .example-voxtral{color:#6b7280;font-style:italic}.speak-example-bubble .example-vs{color:#9ca3af;font-size:.85em;margin:0 2px}@keyframes speak-example-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.speak-pronunciation{color:var(--speak-text-muted, #6b7280);font-style:italic;font-size:12px;color:var(--speak-text-muted, #9ca3af);margin-left:4px}.speak-ideally-native{color:var(--speak-text-muted, #6b7280);font-size:.85em}body.dark .speak-ideally-native{color:var(--speak-text-muted-dark, #9ca3af)}.speak-check-btn{background:var(--speak-secondary, #10b981);color:#fff;border-color:var(--speak-secondary, #10b981)}.speak-check-btn:hover{background:#059669;border-color:#059669}@media(max-width:600px){.speak-api-chat-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.speak-api-chat-overlay.show .speak-api-chat-modal{transform:none}.speak-api-chat-conversation{flex:1;max-height:none;min-height:0}.speak-api-chat-controls{padding:16px;flex-shrink:0}.speak-mic-btn{width:80px;height:80px}.speak-practice-card-item{padding:8px 10px;gap:8px}.speak-practice-card-tts{width:28px;height:28px;font-size:12px}.speak-practice-card-learning{font-size:13px}.speak-practice-card-native{font-size:11px}}.speak-native-translation{font-size:13px;color:var(--speak-text-muted, #6b7280);margin-top:4px;padding-top:4px;border-top:1px solid var(--speak-border, #e5e7eb);font-style:italic;display:flex;align-items:center;gap:4px}.speak-sim-buttons{display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:12px}.speak-exercise-break{margin:12px auto;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;text-align:center;max-width:320px;box-shadow:0 4px 15px #667eea66}.speak-exercise-break-content{display:flex;flex-direction:column;gap:10px}.speak-exercise-break-content strong{font-size:15px;margin-bottom:4px}.speak-exercise-break button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:transform .1s,box-shadow .1s}.speak-exercise-break button:hover{transform:translateY(-1px)}.speak-exercise-break button:active{transform:translateY(0)}.speak-exercise-btn{background:#fff;color:#667eea}.speak-exercise-btn[data-type=quickdrill]{background:#10b981;color:#fff}.speak-exercise-btn[data-type=crossword]{background:#f59e0b;color:#fff}.speak-exercise-skip{background:#fff3;color:#fff;font-size:12px;padding:6px 12px}.speak-exercise-skip:hover{background:#ffffff4d}.speak-sim-btn{padding:8px 14px;border:1px solid var(--speak-border, #e5e7eb);border-radius:20px;background:var(--speak-bg-secondary, #f3f4f6);color:var(--speak-text, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}body.dark .speak-sim-btn{background:var(--speak-bg-secondary-dark, #374151);color:var(--speak-text-dark, #f3f4f6);border-color:var(--speak-border-dark, #4b5563)}.speak-sim-btn:hover{background:var(--speak-primary, #3b82f6);color:#fff;border-color:var(--speak-primary, #3b82f6);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}body.dark .speak-sim-btn:hover{background:var(--speak-primary, #3b82f6)}.speak-sim-btn:active{transform:translateY(0)}.speak-sim-btn.active{background:var(--speak-primary, #3b82f6);color:#fff;border-color:var(--speak-primary, #3b82f6)}.speak-reply-btn{background:#8b5cf61a;border-color:#8b5cf64d;color:#7c3aed}.speak-reply-btn:hover{background:#8b5cf633}.speak-hint-btn{background:#f59e0b;color:#fff}.speak-hint-btn:hover{background:#d97706}body.dark .speak-hint-btn{background:#b45309;color:#fef3c7}body.dark .speak-hint-btn:hover{background:#92400e}.speak-hint-btn.pulse{animation:speak-hint-pulse 1s ease-in-out 3}@keyframes speak-hint-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f59e0b66}50%{transform:scale(1.15);box-shadow:0 4px 16px #f59e0bb3}}.speak-sim-row-1,.speak-sim-row-2{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.speak-sim-row-1{margin-bottom:8px}.speak-coherence-note{background:#3b82f614;border-left:3px solid var(--speak-primary, #3b82f6);padding:8px 12px;margin:8px 0;font-size:13px;border-radius:0 8px 8px 0;color:var(--speak-text, #374151)}body.dark .speak-coherence-note{background:#3b82f626;color:var(--speak-text-dark, #f3f4f6)}.speak-coherence-exp{display:block;font-style:italic;margin-bottom:4px}.speak-coherence-native{display:block;font-size:12px;color:var(--speak-text-muted, #6b7280);margin-top:4px;font-style:italic}.speak-mistake-note{background:#ef444414;border-left:3px solid var(--speak-danger, #ef4444);padding:8px 12px;margin:8px 0;font-size:13px;border-radius:0 8px 8px 0;color:var(--speak-text, #374151)}body.dark .speak-mistake-note{background:#ef444426;color:var(--speak-text-dark, #f3f4f6)}.speak-mistake-exp{display:block;font-style:italic;margin-bottom:4px}.speak-mistake-native{display:block;font-size:12px;color:var(--speak-text-muted, #6b7280);margin-top:4px;font-style:italic}.speak-vocab-hint-toggle{cursor:pointer;opacity:.6;transition:opacity .2s;margin-left:8px}.speak-vocab-list{display:flex;flex-direction:column;gap:8px}.speak-vocab-arrow{color:var(--speak-primary, #3b82f6);font-weight:700;flex-shrink:0}.speak-fallback-prompt{font-size:13px;color:var(--speak-text-muted, #9ca3af);margin-bottom:4px}.speak-fallback-submit:hover{background:#2563eb}.speak-fallback-cancel:hover{border-color:var(--speak-text-muted, #9ca3af)}.speak-encouragement.success{color:#10b981}.speak-encouragement.error{color:#f59e0b}.speak-replay-btn{background:transparent;border:none;cursor:pointer;font-size:.9em;padding:2px 6px;margin-left:6px;opacity:.6;transition:opacity .2s,transform .1s;vertical-align:middle}.speak-replay-btn:hover{opacity:1;transform:scale(1.1)}.speak-replay-btn:active{transform:scale(.95)}.speak-grammar-tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid #f59e0b;padding:8px 12px;margin:8px 0;border-radius:0 8px 8px 0;font-size:.9em;color:#92400e}.speak-grammar-tip .tip-icon{margin-right:6px}.speak-grammar-tip .tip-text{font-style:italic}body.dark .speak-grammar-tip{background:linear-gradient(135deg,#451a03,#78350f);color:#fcd34d;border-left-color:#f59e0b}.speak-vad-sensitivity{margin:10px 0}.speak-vad-sensitivity label{display:block;margin-bottom:4px;font-size:13px;color:var(--speak-text-muted, #9ca3af)}.speak-score{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin:8px 0;border-radius:20px;font-size:14px;font-weight:500;background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.speak-score-label{color:var(--speak-text-muted, #9ca3af)}.speak-score-value{font-weight:600}.speak-score-value.score-excellent{color:#10b981}.speak-score-value.score-good{color:#3b82f6}.speak-score-value.score-medium{color:#f59e0b}.speak-score-value.score-low{color:#ef4444}.speak-score-heart{font-size:18px;animation:heartbeat .6s ease-in-out 3}.speak-practice-card{margin:10px 0;border-radius:12px;border:1px solid var(--speak-border, #e5e7eb);background:var(--speak-bg-secondary, #f9fafb);overflow:hidden}.speak-practice-card-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:linear-gradient(135deg,#3b82f61a,#6366f114);border-bottom:1px solid var(--speak-border, #e5e7eb);font-size:13px;font-weight:600;color:var(--speak-text, #374151)}.speak-practice-card-count{background:var(--speak-primary, #3b82f6);color:#fff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.speak-practice-card-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--speak-border, rgba(0,0,0,.05));transition:background .15s}.speak-practice-card-item:last-child{border-bottom:none}.speak-practice-card-item:hover{background:var(--speak-bg-hover, rgba(0,0,0,.02))}.speak-practice-card-num{font-size:11px;font-weight:700;color:var(--speak-primary, #3b82f6);min-width:20px;text-align:center}.speak-practice-card-text{flex:1;min-width:0}.speak-practice-card-learning{font-size:14px;font-weight:500;color:var(--speak-text, #1f2937);line-height:1.4}.speak-practice-card-native{font-size:12px;color:var(--speak-text-muted, #9ca3af);margin-top:2px}.speak-practice-card-tts{flex-shrink:0;width:32px;height:32px;border:none;border-radius:50%;background:var(--speak-primary, #3b82f6);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.speak-practice-card-tts:hover{background:var(--speak-primary-dark, #2563eb);transform:scale(1.1)}.speak-practice-card-tts:active{transform:scale(.95)}body.dark .speak-practice-card{border-color:var(--speak-border-dark, #374151);background:var(--speak-bg-secondary-dark, #1f2937)}body.dark .speak-practice-card-header{background:linear-gradient(135deg,#3b82f626,#6366f11a);border-bottom-color:var(--speak-border-dark, #374151);color:var(--speak-text-dark, #f3f4f6)}body.dark .speak-practice-card-learning{color:var(--speak-text-dark, #f3f4f6)}body.dark .speak-practice-card-native{color:var(--speak-text-muted-dark, #9ca3af)}.speak-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;margin:8px 0;border-radius:8px;font-size:13px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:3px solid #3b82f6;color:#1e40af}.speak-tip-icon{font-size:16px;flex-shrink:0}.speak-tip-text{flex:1}.speak-tip-text strong{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#3b82f6}.speak-tip-native{display:block;margin-top:4px;font-size:12px;color:var(--speak-text-muted, #6b7280);font-style:italic}body.dark .speak-tip{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-left-color:#60a5fa;color:#dbeafe}body.dark .speak-tip-text strong{color:#60a5fa}body.dark .speak-tip-native{color:#9ca3af}.speak-feedback{padding:8px 12px;margin:8px 0;border-radius:8px;font-size:13px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#92400e}.speak-feedback strong{color:#f59e0b}.speak-feedback-translation{display:block;margin-top:4px;font-size:12px;color:var(--speak-text-muted, #6b7280)}.speak-enrichment{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;margin:8px 0;border-radius:8px;font-size:13px;background:var(--speak-enrichment-bg, linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%));border-left:3px solid var(--speak-enrichment-border, #3b82f6);color:var(--speak-enrichment-text, #1e40af)}.speak-enrichment-icon{font-size:16px;flex-shrink:0}.speak-enrichment-text{flex:1}.speak-enrichment-text strong{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--speak-enrichment-label, #3b82f6)}.speak-enrichment-native{display:block;margin-top:4px;font-size:12px;color:var(--speak-text-muted, #6b7280);font-style:italic}body.dark .speak-enrichment{background:linear-gradient(135deg,#3b82f626,#3b82f640);border-left:3px solid var(--speak-primary-dark, #3b82f6);color:var(--speak-text-dark, #f3f4f6)}body.dark .speak-enrichment-text strong{color:var(--speak-primary-dark, #60a5fa)}.speak-instruction{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;margin:12px 0;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:4px solid #f59e0b;font-size:15px;color:#92400e;animation:speak-instruction-slide .3s ease-out}body.dark .speak-instruction{background:linear-gradient(135deg,#451a03,#78350f);color:#fcd34d}.speak-instruction-icon{font-size:20px}.speak-instruction-text{font-weight:600}.speak-vocab-preview{background:var(--speak-bg-secondary, #f9fafb);border-radius:12px;padding:12px;border:1px solid var(--speak-border, #e5e7eb);position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:20;max-width:460px;width:calc(100% - 40px);max-height:35vh;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.karaoke-container{background:linear-gradient(135deg,#667eea22,#764ba222);border-radius:12px;padding:16px 20px;margin:8px 0;text-align:center;border:1px solid var(--speak-primary);animation:karaoke-enter .3s ease-out}@keyframes karaoke-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.karaoke-instruction{font-size:14px;color:var(--speak-text-muted);margin-bottom:12px;font-style:italic}.karaoke-phrase{font-size:24px;font-weight:600;line-height:1.6;margin-bottom:8px;letter-spacing:.5px}.karaoke-word{display:inline-block;padding:4px 8px;border-radius:6px;transition:all .15s ease-out;color:var(--speak-text);background:transparent}.karaoke-word.karaoke-current{background:#fbbf2422;color:#d97706;transform:scale(1.1);box-shadow:0 0 12px #fbbf2444}.karaoke-word.karaoke-complete{color:var(--speak-text-muted);background:transparent}.karaoke-native{font-size:14px;color:var(--speak-text-muted);margin-top:8px}.karaoke-container.recording:after{content:"";position:absolute;top:8px;right:12px;width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse-recording 1s infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:600px){.speak-vocab-preview{position:fixed;bottom:80px;right:10px;left:auto;top:auto;transform:none;max-width:200px;max-height:30vh;z-index:1000;box-shadow:0 4px 20px #0003}}body.dark .speak-vocab-preview{background:var(--speak-bg-secondary-dark, #374151);box-shadow:0 4px 16px #0006}.speak-vocab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;color:var(--speak-text-muted, #6b7280);font-weight:500}.speak-vocab-dismiss{cursor:pointer;opacity:.6;font-size:18px}.speak-vocab-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;background:var(--speak-bg, #ffffff);border-radius:8px;font-size:14px;position:relative}.speak-vocab-item-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.speak-vocab-word-group{display:flex;flex-direction:column;flex:1;min-width:0}.speak-vocab-help-btn{cursor:pointer;opacity:.5;font-size:14px;transition:opacity .2s;flex-shrink:0;line-height:1}.speak-vocab-help-btn:hover{opacity:1}body.dark .speak-vocab-item{background:var(--speak-bg-dark, #1f2937)}.speak-vocab-learning{color:var(--speak-text, #374151);font-weight:600;font-size:15px}body.dark .speak-vocab-learning{font-weight:600;color:var(--speak-text-dark, #f3f4f6)}.speak-vocab-native{color:var(--speak-text-muted, #6b7280);font-size:13px}.speak-vocab-why{color:var(--speak-text-muted, #6b7280);font-size:11px;margin-left:8px;font-style:italic}@keyframes speak-instruction-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.speak-corrected-form{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;margin:8px 0;background:linear-gradient(135deg,#fde68a4d,#fcf3c733);border:1px solid rgba(245,158,11,.5);border-radius:12px;font-size:14px;animation:speak-instruction-slide .3s ease-out}body.dark .speak-corrected-form{background:linear-gradient(135deg,#f59e0b33,#fde68a1a);border-color:#f59e0b66}.speak-corrected-form .correct-icon{font-size:16px;flex-shrink:0}.speak-corrected-form .correct-text{color:var(--speak-text, #374151);font-style:italic}body.dark .speak-corrected-form .correct-text{color:var(--speak-text-dark, #f3f4f6)}.hint-panel.visible{opacity:1}.hint-panel-placeholder{text-align:center;padding:16px;color:var(--speak-text-muted, #6b7280);font-size:13px;font-style:italic;animation:hint-placeholder-fade 1s ease-out 1s forwards}@keyframes hint-placeholder-fade{0%{opacity:1}to{opacity:0;display:none}}.hint-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;background:#fff9;border-radius:8px;font-size:14px;margin-bottom:8px}.hint-item:last-child{margin-bottom:0}.hint-item-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.hint-native{color:var(--speak-text-muted, #6b7280);font-weight:500;font-size:13px;flex:1}.hint-arrow{color:var(--speak-primary, #3b82f6);font-weight:700;flex-shrink:0}.hint-learning{color:var(--speak-primary-dark, #2563eb);font-weight:600;flex:1;text-align:right}.hint-help-btn{cursor:pointer;opacity:.5;font-size:14px;transition:opacity .2s;flex-shrink:0;line-height:1}.hint-help-btn:hover{opacity:1}.hint-help-info{font-size:12px;color:#6b7280;margin-top:4px;padding:6px 8px;background:#f3f4f4;border-radius:6px;line-height:1.4;width:100%}.hint-help-info strong{display:block;margin-bottom:2px}body.dark .hint-item{background:#ffffff0d}body.dark .hint-native{color:var(--speak-text-dark, #9ca3af)}body.dark .hint-learning{color:var(--speak-text-dark, #f3f4f6)}body.dark .hint-help-info{background:#0003;color:var(--speak-text-dark, #d1d5db)}body.dark .hint-help-info strong{color:var(--speak-text-dark, #f3f4f6)}.speak-voice-settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10050;display:none;align-items:center;justify-content:center}.speak-voice-settings-modal.show{display:flex}.speak-voice-settings-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.speak-voice-settings-content{position:relative;background:var(--speak-bg, #fff);border-radius:20px;width:90%;max-width:400px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000059,0 0 0 1px #ffffff0d;overflow:hidden;animation:speak-voice-modal-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes speak-voice-modal-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.speak-voice-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--speak-border, #e5e7eb)}.speak-voice-settings-header h3{margin:0;font-size:19px;font-weight:700;color:var(--speak-text, #374151)}.speak-voice-settings-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--speak-text-muted, #6b7280);padding:4px;line-height:1;border-radius:8px;transition:background .2s,color .2s}.speak-voice-settings-close:hover{background:var(--speak-border, #e5e7eb);color:var(--speak-text, #374151)}.speak-voice-settings-body{flex:1;overflow-y:auto;padding:16px 20px}.speak-voice-setting-group{margin-bottom:16px}.speak-voice-setting-group label{display:block;font-size:14px;font-weight:500;color:var(--speak-text, #374151);margin-bottom:6px}.speak-voice-setting-group input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--speak-border, #e5e7eb);outline:none;-webkit-appearance:none}.speak-voice-setting-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--speak-primary, #3b82f6);cursor:pointer}.speak-voice-setting-group select{width:100%;padding:8px 12px;border:1px solid var(--speak-border, #e5e7eb);border-radius:8px;font-size:14px;background:var(--speak-bg, #fff);color:var(--speak-text, #374151);cursor:pointer}.speak-voice-setting-group input[type=checkbox]{margin-right:8px;transform:scale(1.2);vertical-align:middle}.speak-voice-settings-modal .speak-voice-list{max-height:260px;overflow-y:auto;border:1px solid var(--speak-border, #e5e7eb);border-radius:12px;background:var(--speak-bg-secondary, #f9fafb)}.speak-mobile-voice-item{padding:10px 14px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:all .2s ease}.speak-mobile-voice-item:hover{background:var(--speak-border, #e5e7eb)}.speak-mobile-voice-item.selected{background:var(--speak-primary, #3b82f6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.speak-tts-budget{font-size:12px;color:var(--speak-text-muted, #6b7280);padding:8px 0;text-align:center}.speak-settings-hr{border:none;border-top:1px solid var(--speak-border, #e5e7eb);margin:16px 0}.speak-voice-settings-footer{display:flex;gap:10px;padding:16px 22px;border-top:1px solid var(--speak-border, #e5e7eb)}.speak-settings-clear,.speak-settings-save{flex:1;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.speak-settings-save:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}body.dark .speak-voice-settings-content{background:var(--speak-bg-dark, #1f2937)}body.dark .speak-voice-settings-header{border-color:var(--speak-border-dark, #374151)}body.dark .speak-voice-settings-header h3{color:var(--speak-text-dark, #f3f4f6)}body.dark .speak-voice-settings-close{color:var(--speak-text-muted-dark, #9ca3af)}body.dark .speak-voice-settings-close:hover{background:var(--speak-border-dark, #374151);color:var(--speak-text-dark, #f3f4f6)}body.dark .speak-voice-tab.active{background:var(--speak-bg-dark, #1f2937);color:var(--speak-primary, #60a5fa);box-shadow:0 1px 4px #0003,0 0 0 1px #ffffff0d}body.dark .speak-voice-setting-group label{color:var(--speak-text-dark, #f3f4f6)}body.dark .speak-mobile-voice-list{background:var(--speak-bg-secondary-dark, #374151);border-color:var(--speak-border-dark, #374151)}.hint-panel{position:fixed;top:80px;left:50%;transform:translate(-50%);max-width:min(460px,calc(100vw - 40px));width:calc(100% - 40px);background:var(--speak-bg, #ffffff);border:1px solid var(--speak-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:10000030;overflow:hidden;animation:hint-panel-in .3s ease}.hint-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;border-radius:12px 12px 0 0;font-weight:600;font-size:.9rem;color:#92400e;-webkit-user-select:none;user-select:none}@media(min-width:768px){.hint-panel-header{cursor:grab;touch-action:none}.hint-panel-header:active{cursor:grabbing}}.hint-panel-dismiss{cursor:pointer;font-size:1.2rem;padding:0 4px;opacity:.6;transition:opacity .2s}.hint-panel-content{padding:12px 14px;max-height:300px;overflow-y:auto;font-size:.9rem;line-height:1.6}.hint-panel-content p{margin:4px 0}@keyframes hint-panel-in{0%{transform:translate(-50%) translateY(-10px);opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:767px){.hint-panel{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));top:auto;left:50%;transform:translate(-50%);max-width:calc(100vw - 40px);z-index:10000030;cursor:default}@keyframes hint-panel-in{}}body.dark .hint-panel{background:var(--speak-bg-dark, #1f2937);border-color:var(--speak-border-dark, #374151);box-shadow:0 8px 32px #0006}body.dark .hint-panel-header{background:linear-gradient(135deg,#78350ff2,#92400ee6);border-bottom-color:#f59e0b99;color:#fef3c7}.speak-live-preview{opacity:.7;transition:opacity .3s ease;animation:speak-preview-pulse 1.5s ease-in-out infinite}.speak-live-preview.final{opacity:1;animation:none}.speak-live-preview .speak-message-bubble{border:1px dashed var(--speak-border)}@keyframes speak-preview-pulse{0%,to{opacity:.5}50%{opacity:.8}}.speak-voxtral-annotation{font-size:.72rem;color:var(--speak-text-secondary, rgba(255,255,255,.5));padding:2px 12px 4px;margin-bottom:4px;text-align:right;font-style:italic;max-width:80%;margin-left:auto}.fun-onboarding-toast{position:absolute;top:100%;right:0;z-index:100;background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border, rgba(255,255,255,.15));border-radius:10px;padding:12px 14px;min-width:220px;box-shadow:0 8px 24px #0006;animation:fun-toast-in .25s ease-out;margin-top:6px}.fun-toast-header{font-weight:700;font-size:.85rem;margin-bottom:6px;color:var(--text-primary, #fff)}.fun-toast-body{font-size:.78rem;color:var(--text-secondary, rgba(255,255,255,.65));margin-bottom:10px;line-height:1.4}.fun-toast-actions{display:flex;gap:8px;justify-content:flex-end}.fun-toast-btn{border:none;border-radius:6px;padding:5px 14px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.fun-toast-try{background:#3498db;color:#fff}.fun-toast-try:hover{background:#2980b9}.fun-toast-skip{background:transparent;color:var(--text-secondary, rgba(255,255,255,.5));border:1px solid var(--border, rgba(255,255,255,.15))}.fun-toast-skip:hover{background:#ffffff0d}@keyframes fun-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.speak-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit}.speak-confirm-modal{background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border, rgba(255,255,255,.15));border-radius:12px;padding:24px;min-width:280px;max-width:90%;box-shadow:0 12px 40px #00000080;text-align:center}.speak-confirm-modal h3{margin:0 0 12px;font-size:1.1rem;color:var(--text-primary, #fff)}.speak-confirm-modal p{margin:0 0 20px;font-size:.9rem;color:var(--text-secondary, rgba(255,255,255,.7))}.speak-confirm-buttons{display:flex;gap:12px;justify-content:center}.speak-voice-selector-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 20px;padding:8px 12px;background:#ffffff0d;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px}.speak-voice-selector-label{font-size:.85rem;color:var(--text-secondary, rgba(255,255,255,.6));font-weight:500}.speak-voice-selector-name{font-size:.85rem;color:var(--text-primary, #fff);font-weight:600}.speak-voice-selector-change{font-size:.75rem;color:var(--accent, #6c9bff);background:none;border:1px solid var(--accent, #6c9bff);border-radius:4px;padding:2px 8px;cursor:pointer;transition:all .2s}.speak-voice-selector-change:hover{background:var(--accent, #6c9bff);color:#fff}.fun-hint-bubble{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--color-primary-dark, #1a1a2e);border:1px solid var(--color-border, rgba(255,255,255,.15));border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:100;animation:fun-hint-in .2s ease-out;box-shadow:0 4px 12px #0000004d}.fun-hint-arrow{font-size:1.2rem;color:var(--color-primary, #6366f1)}.fun-hint-text{font-size:.8rem;color:var(--text-secondary, rgba(255,255,255,.8))}@keyframes fun-hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){#languageSettingsModal,.verb-modal,.language-settings-modal,.qs-language-modal{align-items:flex-start!important;align-items:stretch!important;height:100dvh!important;max-height:100dvh!important}#topicOverlay,#topicOverlay.show,.modal-overlay .topic-selection-modal{padding:0!important;align-items:stretch!important;height:100vh!important;max-height:100vh!important;z-index:100000!important}#topicOverlay .topic-selection-modal,.modal-overlay .topic-selection-modal{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important}#topicOverlay .modal-body,.topic-selection-modal .modal-body{flex:1!important;overflow-y:auto!important;min-height:0!important}.api-model-modal{padding:0!important;height:100dvh!important;max-height:100dvh!important;padding:0;align-items:center!important}.language-settings-modal-content{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important}.language-settings-modal-content>div:not(.language-settings-footer){flex:1!important;overflow-y:auto!important;min-height:0!important}.language-settings-modal-content .language-settings-footer{flex-shrink:0!important;margin-top:auto!important}.verb-modal-content,.qs-language-modal-content{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.api-model-modal-content{height:100%;max-height:100%;width:100%;max-width:100%;max-height:100vh;border-radius:0}}.recent-modals-tray{position:fixed;bottom:var(--space-4, 16px);right:var(--space-4, 16px);z-index:999998;display:flex;flex-direction:column;gap:var(--gap-xs, 4px);max-width:280px;font-family:inherit;transition:transform var(--duration-normal, .2s) var(--ease-spring, ease),opacity var(--duration-normal, .2s) ease}.recent-modals-tray.hidden{display:none!important}.recent-modals-tray.collapsed .tray-content{display:none}.recent-modals-tray.collapsed .tray-header{border-radius:var(--radius-full, 100px);padding:var(--space-2, 8px) var(--space-3, 12px);cursor:pointer}.recent-modals-tray .tray-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm, 8px);background:var(--bg-panel-left, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;padding:var(--space-2, 8px) var(--space-3, 12px);cursor:pointer;box-shadow:var(--shadow-dark, 0 4px 12px rgba(0,0,0,.15));-webkit-user-select:none;user-select:none;transition:box-shadow var(--duration-fast, .15s) ease}.recent-modals-tray .tray-header:hover{box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,.2))}body.dark .recent-modals-tray .tray-header{background:var(--surface-1, #1e1e2e);border-color:var(--color-border, #333)}.tray-title{font-size:var(--text-12px, 12px);font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.tray-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full, 100px);background:var(--accent-primary, #4a90d9);color:#fff;font-size:11px;font-weight:700;line-height:1}.tray-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:var(--radius-sm, 4px);font-size:16px;line-height:1;transition:background var(--duration-fast, .15s) ease,color var(--duration-fast, .15s) ease}.tray-collapse-btn:hover{background:var(--accent-primary-light, rgba(74, 144, 217, .1));color:var(--accent-primary, #4a90d9)}.tray-content{background:var(--bg-panel-left, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-top:none;border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px);padding:var(--space-2, 8px);box-shadow:var(--shadow-dark, 0 4px 12px rgba(0,0,0,.15));display:flex;flex-direction:column;gap:var(--gap-xs, 4px)}body.dark .tray-content{background:var(--surface-1, #1e1e2e);border-color:var(--color-border, #333)}.recent-modal-card{display:flex;align-items:center;gap:var(--gap-sm, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background var(--duration-fast, .15s) ease,transform var(--duration-fast, .15s) var(--ease-spring, ease)}.recent-modal-card:hover{background:var(--accent-primary-light, rgba(74, 144, 217, .1));transform:translateY(-1px)}.recent-modal-card:active{transform:translateY(0)}.recent-modal-card .card-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 8px);background:var(--accent-primary-light, rgba(74, 144, 217, .1));font-size:14px}.recent-modal-card .card-info{flex:1;min-width:0}.recent-modal-card .card-type{font-size:var(--text-12px, 12px);font-weight:600;color:var(--color-text-main, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .recent-modal-card .card-type{color:var(--color-text-main, #e5e7eb)}.recent-modal-card .card-time{font-size:11px;color:var(--color-text-secondary, #6b7280)}.recent-modal-card .card-dismiss{flex-shrink:0;width:20px;height:20px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:var(--radius-sm, 4px);font-size:12px;line-height:1;opacity:0;transition:opacity var(--duration-fast, .15s) ease,background var(--duration-fast, .15s) ease}.recent-modal-card:hover .card-dismiss{opacity:1}.recent-modal-card .card-dismiss:hover{background:#ef44441a;color:#ef4444}.tray-empty{padding:var(--space-3, 12px) var(--space-2, 8px);text-align:center;font-size:var(--text-12px, 12px);color:var(--color-text-secondary, #6b7280)}.inline-recent-tray{display:none}@media(max-width:767px){.recent-modals-tray{display:none!important}.inline-recent-tray{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 14px;background:linear-gradient(135deg,var(--accent-primary-light, rgba(74, 144, 217, .08)) 0%,transparent 100%);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px)}body.dark .inline-recent-tray{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,transparent 100%);border-color:var(--color-border, #333)}.inline-recent-tray.empty{display:none}.inline-recent-tray-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.inline-recent-tray-title{font-size:11px;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.04em}.inline-tray-card{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background .15s ease}.inline-tray-card:active{background:var(--accent-primary-light, rgba(74, 144, 217, .12))}.inline-tray-card .card-icon{font-size:16px;line-height:1}.inline-tray-card .card-type{font-size:13px;font-weight:600;color:var(--color-text-main, #1f2937);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .inline-tray-card .card-type{color:var(--color-text-main, #e5e7eb)}.inline-tray-card .card-time{font-size:11px;color:var(--color-text-secondary, #6b7280);flex-shrink:0}.inline-tray-card .card-dismiss{flex-shrink:0;width:20px;height:20px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:4px;font-size:14px;line-height:1;padding:0}.inline-tray-card .card-dismiss:active{background:#ef444426;color:#ef4444}.inline-tray-more-btn{width:100%;padding:8px 12px;margin-top:2px;background:#3b82f614;border:1px dashed rgba(59,130,246,.3);border-radius:var(--radius-md, 8px);color:#3b82f6;font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:background .15s ease}body.dark .inline-tray-more-btn{background:#6366f11a;border-color:#6366f14d;color:#818cf8}.inline-tray-more-btn:active{background:#3b82f62e}}/**
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 * 
 * This source code is proprietary. Unauthorized copying, modification,
 * or distribution of this software is strictly prohibited.
 */.pos-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;font-family:var(--font-family, system-ui, sans-serif)}.pos-modal.show{display:flex;align-items:center;justify-content:center}.pos-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pos-modal-content{position:relative;background:var(--bg-primary, #fff);border-radius:16px;width:90%;max-width:600px;max-height:100vh;max-height:100dvh;max-height:-webkit-fill-available;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pos-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f5f5f5);background-image:linear-gradient(135deg,rgba(74,144,217,.04),transparent)}.pos-modal-header h2{margin:0;font-size:18px;font-weight:600}.pos-modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;color:var(--text-secondary, #666);border-radius:8px;transition:background .2s}.pos-modal-close:hover{background:var(--bg-hover, #e5e5e5)}.pos-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:20px}.pos-category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-secondary, #f5f5f5);border:2px solid var(--border-color, #e5e5e5);border-radius:12px;cursor:pointer;transition:all .2s}.pos-category-btn:hover{border-color:var(--color-primary, #6366f1);background:var(--bg-hover, #e5e5e5)}.pos-category-icon{font-size:32px}.pos-category-label{font-size:14px;font-weight:500;color:var(--text-primary, #333)}.pos-tabs-bar{display:flex;align-items:center;border-bottom:1px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f5f5f5)}.pos-tab-back-btn{padding:6px 12px;margin-left:8px;font-size:12px;white-space:nowrap;flex-shrink:0}body.dark .pos-tabs-bar{background:var(--bg-panel-left, #252536);border-color:var(--border-dark, #3a3a4d)}.pos-tabs{display:flex;border-bottom:1px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f5f5f5)}.pos-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary, #666);transition:all .2s}.pos-tab:hover{color:var(--text-primary, #333);background:var(--bg-hover, #e5e5e5)}.pos-tab.active{color:var(--color-primary, #6366f1);border-bottom-color:var(--color-primary, #6366f1)}.pos-tab-content{flex:1;overflow-y:auto;min-height:200px}.pos-tab-panel{padding:16px}.pos-tab-hint{margin:0 0 12px;font-size:13px;color:var(--text-secondary, #666)}.pos-explore-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.pos-filter-btn{padding:6px 12px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e5e5e5);border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s}.pos-filter-btn:hover{border-color:var(--color-primary, #6366f1)}.pos-filter-btn.active{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1)}.pos-verb-list{display:flex;flex-wrap:wrap;gap:8px}.pos-verb-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.pos-verb-btn:hover{border-color:var(--color-primary, #6366f1);background:var(--bg-hover, #e5e5e5)}.pos-verb-infinitive{font-weight:500;color:var(--color-text-main, #333);overflow-wrap:break-word;word-break:break-all}.pos-verb-translation{font-size:12px;font-size:14px;color:var(--text-secondary, #666)}.pos-verb-due{font-size:10px;padding:2px 6px;background:#ef4444;color:#fff;border-radius:10px}.pos-verb-score{font-size:10px;padding:2px 6px;background:var(--color-primary, #6366f1);color:#fff;border-radius:10px}.pos-load-more-btn{display:none}.pos-scroll-sentinel{height:1px;width:100%}.pos-scroll-loading{display:flex;align-items:center;justify-content:center;padding:12px;gap:8px;color:var(--text-muted, #9ca3af);font-size:13px}.pos-scroll-loading:before{content:"";width:14px;height:14px;border:2px solid var(--border-color, #e5e5e5);border-top-color:var(--accent-primary, #4a90d9);border-radius:50%;animation:pos-spin .6s linear infinite}@keyframes pos-spin{to{transform:rotate(360deg)}}.pos-all-controls{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pos-search-input{flex:1;min-width:150px;padding:8px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:14px}.pos-search-input:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f126}.pos-pagination{display:flex;align-items:center;gap:8px}.pos-page-btn{padding:8px 12px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.pos-page-btn:disabled{opacity:.5;cursor:not-allowed}.pos-page-btn:not(:disabled):hover{background:var(--bg-hover, #e5e5e5)}.pos-page-info{font-size:12px;color:var(--text-secondary, #666)}.pos-conjugation-view{padding:16px}.pos-conjugation-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pos-back-btn{padding:8px 12px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.pos-back-btn:hover{background:var(--bg-hover, #e5e5e5)}.pos-verb-name{margin:0;font-size:20px;font-weight:600}.pos-conjugation-content{margin-bottom:16px}.pos-conjugation-actions{display:flex;gap:12px;justify-content:center}.pos-action-btn{padding:10px 20px;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;background:var(--bg-secondary, #f5f5f5)}.pos-action-btn:hover{background:var(--bg-hover, #e5e5e5)}.pos-action-btn.primary{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1)}.pos-action-btn.primary:hover{background:var(--color-primary-dark, #4f46e5)}.pos-modal-footer{padding:16px 20px;border-top:1px solid var(--border-color, #e5e5e5);display:flex;justify-content:center}.pos-btn-cancel{padding:10px 24px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.pos-btn-cancel:hover{background:var(--bg-hover, #e5e5e5)}.pos-loading,.pos-filter-warning{padding:16px;margin:16px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;text-align:center}.pos-filter-warning p{margin:8px 0;color:var(--color-text-main, #e5e5e5)}.pos-no-data-badge{font-size:.75em;margin-left:4px}.pos-error{padding:20px;text-align:center;color:var(--color-error, #dc3545);background:#dc35451a;border-radius:8px;margin:16px;color:#ef4444}.pos-empty,.pos-error{padding:40px 20px;text-align:center;color:var(--text-secondary, #666);font-size:14px}.pos-explore-hint-btn{margin-top:16px;padding:10px 20px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.pos-explore-hint-btn:hover{background:var(--color-primary-dark, #4f46e5)}.conjugation-tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.conjugation-tab{padding:6px 12px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e5e5e5);border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.conjugation-tab:hover{border-color:var(--color-primary, #6366f1)}.conjugation-tab.active{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1)}.conjugation-tables{display:flex;flex-direction:column;gap:16px}.conjugation-mood-section{background:var(--bg-secondary, #f5f5f5);border-radius:12px;padding:12px}.conjugation-mood-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #333)}.conjugation-table{width:100%;border-collapse:collapse;font-size:13px}.conjugation-table th,.conjugation-table td{padding:8px;text-align:center;border:1px solid var(--border-color, #e5e5e5)}.conjugation-header{background:var(--bg-hover, #e5e5e5);font-weight:600;color:var(--text-primary, #333)}.conjugation-header.empty{background:transparent;border:none}.conjugation-number{font-weight:500;color:var(--text-secondary, #666);background:var(--bg-hover, #e5e5e5)}.conjugation-cell{background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a1a);font-weight:500}.conjugation-cell.empty{color:var(--text-secondary, #666)}.conjugation-table-empty{padding:40px 20px;text-align:center;color:var(--text-secondary, #666)}.declension-table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}.declension-table th,.declension-table td{padding:8px;text-align:center;border:1px solid var(--border-color, #e5e5e5)}.declension-header{font-weight:600;color:var(--text-primary, #333);background:var(--bg-hover, #e5e5e5)}.declension-label,.declension-number{font-weight:500;color:var(--text-secondary, #666);background:var(--bg-hover, #e5e5e5);text-align:left}.declension-cell{background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a1a);font-weight:500}.declension-cell.empty,.declension-lemma{color:var(--text-secondary, #666)}.declension-complex-container{display:flex;flex-direction:column;gap:12px}.declension-section{border:1px solid var(--border-color, #e5e5e5);border-radius:8px;overflow:hidden}.declension-lemma{font-size:18px;font-weight:600;color:var(--text-primary, #333)}.declension-complexity{font-size:12px;color:var(--text-secondary, #666);margin-left:8px}.comparison-section,.short-forms-section{margin-bottom:12px}.declension-section-title{font-size:13px;font-weight:600;color:var(--text-secondary, #666);padding:6px 10px;margin:0;background:var(--bg-hover, #e5e5e5);border-bottom:1px solid var(--border-color, #e5e5e5)}.declension-table.comparison,.declension-table.short-forms{margin:0}.vocabulary-card{padding:20px}.vocabulary-card-note{padding:12px;text-align:center;color:var(--text-secondary, #666);font-size:12px;margin-top:10px}.pos-no-data{padding:40px 20px;text-align:center;color:var(--text-secondary, #666)}body.dark .pos-modal-content{background:var(--bg-panel-right, #1e1e2e)}body.dark .pos-modal-header,body.dark .pos-tabs{background:var(--bg-panel-left, #252536);background-image:linear-gradient(135deg,rgba(74,144,217,.08),transparent);border-color:var(--border-dark, #3a3a4d)}body.dark .pos-category-btn,body.dark .pos-verb-btn,body.dark .pos-tab,body.dark .pos-filter-btn,body.dark .pos-load-more-btn,body.dark .pos-search-input,body.dark .pos-back-btn,body.dark .pos-btn-cancel,body.dark .pos-action-btn{background:var(--bg-panel-left, #252536);border-color:var(--border-dark, #3a3a4d);color:var(--color-text-main, #e5e5e5)}body.dark .pos-category-btn:hover,body.dark .pos-verb-btn:hover{background:var(--bg-hover-dark, #3a3a4d)}body.dark .conjugation-mood-section{background:var(--bg-panel-left, #252536)}body.dark .conjugation-table th,body.dark .conjugation-table td{border-color:var(--border-dark, #3a3a4d)}body.dark .conjugation-header,body.dark .conjugation-number{background:var(--bg-hover-dark, #3a3a4d);color:var(--color-text-main, #e5e5e5)}body.dark .conjugation-cell{background:var(--bg-panel-right, #1e1e2e)!important;color:var(--color-text-main, #e5e5e5)!important}body.dark .declension-table th,body.dark .declension-table td{border-color:var(--border-dark, #3a3a4d)}body.dark .declension-header,body.dark .declension-label,body.dark .declension-number{background:var(--bg-hover-dark, #3a3a4d);color:var(--color-text-main, #e5e5e5)}body.dark .declension-cell{background:var(--bg-panel-right, #1e1e2e)!important;color:var(--color-text-main, #e5e5e5)!important}body.dark .declension-section{border-color:var(--border-dark, #3a3a4d)}body.dark .declension-section-title{background:var(--bg-hover-dark, #3a3a4d);color:var(--color-text-main, #e5e5e5)}body.dark .declension-lemma{color:var(--color-text-main, #e5e5e5)}body.dark .declension-table-empty,body.dark .pos-no-data{color:var(--color-text-secondary, #999)}@media(max-width:600px){.pos-modal-content{width:95%;max-height:100vh;max-height:100dvh;max-height:-webkit-fill-available;border-radius:12px}.pos-category-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.pos-category-btn{padding:12px 8px;min-height:44px}.pos-category-icon{font-size:24px}.pos-tabs{overflow-x:auto}.pos-tab{padding:10px 12px;font-size:13px;white-space:nowrap}.pos-tab-content{min-height:150px}.pos-verb-list{gap:6px}.pos-verb-btn{padding:6px 10px;font-size:13px}.pos-conjugation-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.pos-conjugation-table{font-size:11px;min-width:300px}.pos-conjugation-table th,.pos-conjugation-table td{padding:6px 4px}.pos-conjugation-actions{flex-direction:column}.pos-action-btn{width:100%}.declension-table{font-size:11px;min-width:280px}.declension-table th,.declension-table td{padding:6px 4px;font-size:11px}.declension-lemma{font-size:15px}.declension-section{border-radius:6px}.declension-complex-container{gap:8px}}#placementModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9999999999;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:placementFadeIn .25s ease-out}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){#placementModal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080}}@keyframes placementFadeIn{0%{opacity:0}to{opacity:1}}.placement-modal-content{max-width:680px;width:92%;max-height:92vh;overflow-y:auto;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0f,inset 0 1px #ffffff0a;animation:placementSlideUp .35s cubic-bezier(.16,1,.3,1);overscroll-behavior:contain}body:not(.dark) .placement-modal-content{background:linear-gradient(145deg,#fff,#f8faff,#eef2ff);box-shadow:0 25px 80px #0000002e,0 0 0 1px #0000000f,inset 0 1px #fffc}@keyframes placementSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.placement-modal-content::-webkit-scrollbar{width:6px}.placement-modal-content::-webkit-scrollbar-track{background:transparent}.placement-modal-content::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.placement-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;background:linear-gradient(135deg,rgba(74,144,217,.06),transparent)}.placement-header h3{margin:0;font-size:1.3rem;font-weight:700;color:#f0f0ff;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}body:not(.dark) .placement-header h3{color:#1e1b4b}#closePlacementModal{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff14;color:#a0a0c0;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}body:not(.dark) #closePlacementModal{background:#0000000d;color:#6b7280}#closePlacementModal:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}body:not(.dark) #closePlacementModal:hover{background:#0000001a;color:#111}.placement-body{padding:0 32px 32px}.placement-intro{text-align:center;font-size:.95rem;color:#88a;margin:0 0 24px;line-height:1.5}body:not(.dark) .placement-intro{color:#6b7280}.placement-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.placement-level-btn{display:flex;flex-direction:column;align-items:center;padding:12px 6px 10px;border:2px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a;color:#e0e0f0;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:center;line-height:1.3;position:relative;overflow:hidden}body:not(.dark) .placement-level-btn{border-color:#00000014;background:#6366f10a;color:#374151}.placement-level-btn .pl-emoji{font-size:1.4rem;line-height:1;margin-bottom:4px}.placement-level-btn .pl-label{font-size:.7rem;font-weight:600;line-height:1.2;letter-spacing:.01em}.placement-level-btn small{display:block;font-size:.7rem;font-weight:500;opacity:.6;margin-top:3px;letter-spacing:.02em}.placement-level-btn:hover{border-color:#6366f180;background:#6366f11f;transform:translateY(-2px);box-shadow:0 6px 20px #6366f133}body:not(.dark) .placement-level-btn:hover{border-color:#6366f166;background:#6366f114;box-shadow:0 6px 20px #6366f126}.placement-level-btn.selected{border-color:#6366f1;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #6366f166}.placement-level-btn.selected small{opacity:.85}body:not(.dark) .placement-level-btn.selected{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.placement-level-actions{text-align:center}#placementSkipBtn{padding:10px 28px;border:none;border-radius:10px;background:transparent;color:#77a;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:underline;text-underline-offset:3px}body:not(.dark) #placementSkipBtn{color:#9ca3af}#placementSkipBtn:hover{color:#a0a0cc}#placementStageQuestion{text-align:center}.placement-progress-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.placement-progress-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a;transition:all .35s cubic-bezier(.16,1,.3,1)}body:not(.dark) .placement-progress-dot{background:#00000014}.placement-progress-dot.current{background:#6366f1;transform:scale(1.4);box-shadow:0 0 12px #6366f180}.placement-progress-dot.correct,.placement-progress-dot.completed{background:#22c55e;box-shadow:0 0 8px #22c55e4d}.placement-progress-dot.incorrect{background:#ef4444;box-shadow:0 0 8px #ef44444d}.placement-question-card{background:#ffffff08;border-radius:16px;padding:28px 24px;border:1px solid rgba(255,255,255,.06)}.placement-question-footer{text-align:center;margin-top:16px}.placement-skip-mandatory-btn{font-size:.85rem!important;padding:8px 20px!important;opacity:.7;transition:opacity .2s}.placement-skip-mandatory-btn:hover{opacity:1}body:not(.dark) .placement-question-card{background:#ffffffb3;border-color:#0000000d}.placement-question-text{font-size:1.35rem;font-weight:600;color:#f0f0ff;margin-bottom:8px;line-height:1.4}body:not(.dark) .placement-question-text{color:#111827}.placement-question-hint{font-size:.85rem;color:#77a;margin-bottom:24px}body:not(.dark) .placement-question-hint{color:#9ca3af}.placement-options{display:flex;flex-direction:column;gap:10px;text-align:left}.placement-option-btn{padding:16px 20px;border:2px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;color:#e0e0f0;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;display:flex;align-items:center;gap:12px}body:not(.dark) .placement-option-btn{border-color:#00000014;background:#fff;color:#374151}.placement-option-btn:before{content:"";width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.15);flex-shrink:0;transition:all .2s ease}body:not(.dark) .placement-option-btn:before{border-color:#00000026}.placement-option-btn:hover:not(:disabled){border-color:#6366f166;background:#6366f114;transform:translate(4px)}body:not(.dark) .placement-option-btn:hover:not(:disabled){background:#6366f10f}.placement-option-btn:hover:not(:disabled):before{border-color:#6366f1}.placement-option-btn.selected{border-color:#6366f1;background:#6366f126}.placement-option-btn.selected:before{border-color:#6366f1;background:#6366f1;box-shadow:inset 0 0 0 3px #6366f14d}.placement-option-btn.correct{border-color:#22c55e;background:#22c55e1f;color:#86efac}body:not(.dark) .placement-option-btn.correct{color:#166534}.placement-option-btn.correct:before{border-color:#22c55e;background:#22c55e;box-shadow:none}.placement-option-btn.incorrect{border-color:#ef4444;background:#ef44441f;color:#fca5a5}body:not(.dark) .placement-option-btn.incorrect{color:#991b1b}.placement-option-btn.incorrect:before{border-color:#ef4444;background:#ef4444;box-shadow:none}.placement-option-btn:disabled{cursor:default;opacity:.6}.placement-results-card{text-align:center;padding:20px 0}.placement-result-icon{font-size:4.5rem;margin-bottom:12px;animation:placementResultPop .5s cubic-bezier(.16,1,.3,1) .1s both}@keyframes placementResultPop{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.placement-result-level-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#88a;font-weight:600;margin-bottom:4px}body:not(.dark) .placement-result-level-label{color:#9ca3af}.placement-result-level{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1.1;animation:placementResultPop .5s cubic-bezier(.16,1,.3,1) .2s both}body:not(.dark) .placement-result-level{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text}.placement-result-percentile{font-size:.95rem;color:#88a;margin-bottom:16px}body:not(.dark) .placement-result-percentile{color:#6b7280}.placement-result-description{font-size:.95rem;color:#a0a0c0;margin-bottom:28px;line-height:1.6;max-width:380px;margin-left:auto;margin-right:auto}body:not(.dark) .placement-result-description{color:#6b7280}.placement-result-actions{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}#placementStartBtn{padding:16px 28px;border:none;border-radius:14px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #6366f159;letter-spacing:-.01em}#placementStartBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}#placementRetakeBtn{padding:12px 24px;border:none;border-radius:12px;background:#ffffff0f;color:#88a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}body:not(.dark) #placementRetakeBtn{background:#0000000a;color:#9ca3af}#placementRetakeBtn:hover{background:#ffffff1a;color:#c0c0dd}body:not(.dark) #placementRetakeBtn:hover{background:#00000014;color:#374151}.placement-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#88a;gap:16px}body:not(.dark) .placement-loading{color:#9ca3af}.placement-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.08);border-top-color:#6366f1;border-radius:50%;animation:placement-spin .8s linear infinite}body:not(.dark) .placement-spinner{border-color:#0000000f;border-top-color:#6366f1}.placement-loading span{font-size:.9rem}@keyframes placement-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.placement-modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0;min-height:100vh}.placement-header{padding:20px 20px 16px}.placement-header h3{font-size:1.15rem}.placement-body{padding:0 20px 24px}.placement-levels{grid-template-columns:repeat(3,1fr);gap:8px}.placement-level-btn{padding:14px 4px 10px;border-radius:12px;font-size:.88rem}.placement-question-card{padding:20px 16px;border-radius:14px}.placement-question-text{font-size:1.15rem}.placement-option-btn{padding:14px 16px;font-size:.95rem}.placement-result-icon{font-size:3.5rem}.placement-result-level{font-size:2.5rem}}@media(max-width:360px){.placement-levels{grid-template-columns:repeat(2,1fr)}.placement-level-btn{padding:12px 4px 8px}}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999999;animation:panel-fade-in .2s ease}.profile-modal-panel{background:var(--color-bg-panel-light, #2a2a2a);color:var(--color-text-main, #111827);border-radius:var(--radius-xl, 16px);width:94%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modal-slide-in .25s ease-out;box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .2))}body.dark .profile-modal-panel{background:var(--color-bg-panel, #1e1e1e);color:#e0e0e0}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}body.dark .profile-modal-header{border-bottom-color:#2d2d4a}.profile-modal-title{font-size:var(--text-lg, 18px);font-weight:600;margin:0}.profile-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:20px;color:var(--color-text-muted, #666);cursor:pointer;border-radius:var(--radius-md, 8px);transition:background .15s ease}.profile-modal-close:hover{background:var(--color-bg-hover, #f0f0f0)}body.dark .profile-modal-close:hover{background:#ffffff14}.profile-modal-body{flex:1;overflow-y:auto;padding:var(--space-4, 16px) var(--space-5, 20px)}.profile-section{margin-bottom:var(--space-5, 20px)}.profile-section:last-child{margin-bottom:0}.profile-section-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #666);margin-bottom:var(--space-2, 8px)}body.dark .profile-section-label{color:#888}.profile-avatar-row{display:flex;align-items:center;gap:var(--space-4, 16px)}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--color-bg-hover, #f0f0f0);display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;border:2px solid var(--color-border, #e0e0e0);overflow:hidden;transition:border-color .15s ease;flex-shrink:0}.profile-avatar:hover{border-color:var(--color-primary, #4a90d9)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-hint{font-size:13px;color:var(--color-text-muted, #666)}body.dark .profile-avatar-hint{color:#888}.profile-input{width:100%;padding:10px 14px;font-size:15px;border:1.5px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 8px);box-sizing:border-box;background:var(--color-bg-input, #f5f5f5);color:var(--color-text-main, #111827);transition:border-color .15s ease}.profile-input:focus{outline:none;border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d926}body.dark .profile-input{background:#1a1a2e;border-color:#2d2d4a;color:#e0e0e0}body.dark .profile-input:focus{border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d940}.profile-readonly{padding:10px 14px;font-size:15px;background:var(--color-bg-hover, #f0f0f0);border-radius:var(--radius-md, 8px);color:var(--color-text-muted, #666)}body.dark .profile-readonly{background:#ffffff0a;color:#888}.profile-select{width:100%;padding:10px 32px 10px 14px;font-size:15px;border:1.5px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 8px);box-sizing:border-box;background:var(--color-bg-input, #f5f5f5);color:var(--color-text-main, #111827);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}body.dark .profile-select{background-color:#1a1a2e;border-color:#2d2d4a;color:#e0e0e0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23888'/%3E%3C/svg%3E")}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between}.profile-toggle-label{font-size:15px;color:var(--color-text-main, #111827)}body.dark .profile-toggle-label{color:#e0e0e0}.profile-toggle-hint{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:2px}body.dark .profile-toggle-hint{color:#6b7280}.profile-btn{width:100%;padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:opacity .15s ease,transform .1s ease}.profile-btn:active{transform:scale(.98)}.profile-btn-primary{background:var(--color-primary, #4a90d9);color:#fff}.profile-btn-primary:hover{opacity:.9}.profile-btn-logout{background:transparent;color:var(--color-text-muted, #666);border:1.5px solid var(--color-border, #e0e0e0)}.profile-btn-logout:hover{background:var(--color-bg-hover, #f0f0f0)}body.dark .profile-btn-logout{color:#aaa;border-color:#2d2d4a}body.dark .profile-btn-logout:hover{background:#ffffff0f}.profile-error{font-size:12px;color:var(--color-error, #dc2626);margin-top:6px;display:none}.profile-save-feedback{font-size:13px;color:var(--color-success, #22c55e);margin-top:6px;display:none}.profile-divider{height:1px;background:var(--color-border, #e0e0e0);margin:var(--space-3, 12px) 0}body.dark .profile-divider{background:#2d2d4a}.profile-login-prompt{text-align:center;padding:var(--space-6, 24px) 0;color:var(--color-text-muted, #666)}.profile-login-prompt p{margin-bottom:var(--space-3, 12px)}@media(max-width:767px){.profile-modal-overlay{align-items:flex-end;padding:0}.profile-modal-panel{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;animation:modal-slide-up .25s ease-out}}body.welcome-active #main-content,body.welcome-active .header,body.welcome-active #quickSelect,body.welcome-active .sidebar,body.welcome-active footer{opacity:0;pointer-events:none;visibility:hidden}body.welcome-active{overflow:hidden}.welcome-banner-content{display:flex;align-items:center;gap:var(--gap-lg);flex-wrap:wrap}.welcome-banner-icon{font-size:2rem;flex-shrink:0}.welcome-banner-text{flex:1;min-width:200px}.welcome-banner-text h3{margin:0 0 4px;font-size:1.1rem;color:var(--color-text-main)}.welcome-banner-text p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.welcome-banner-actions{display:flex;gap:var(--gap-sm);flex-shrink:0}.welcome-banner-actions .btn-secondary:hover{background:var(--bg-hover)}.step-guide{background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.step-guide.visible{display:block;animation:fadeIn .3s ease}.step-guide-header{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--space-3) 16px;background:var(--bg-hover);border-bottom:1px solid var(--color-border)}.step-guide-icon{font-size:1.2rem}.step-guide-title{flex:1;font-weight:600;font-size:.95rem;color:var(--color-text-main)}.step-guide-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--color-text-secondary);padding:0 4px}.step-guide-close:hover{color:var(--color-text-main)}.step-guide-items{display:flex;padding:var(--space-2);gap:var(--gap-xs);overflow-x:auto}.step-item{flex:1;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);padding:var(--space-2) 4px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:center}.step-item:hover{background:var(--bg-hover)}.step-item.active{background:var(--color-primary-light)}.step-item.completed{background:var(--color-success-light)}.step-number{width:24px;height:24px;border-radius:50%;background:var(--bg-hover);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.step-item.active .step-number{background:var(--color-primary);color:#fff}.step-item.completed .step-number{background:var(--color-success);color:#fff}.step-label{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.step-item.active .step-label{color:var(--color-primary);font-weight:600}.step-item.completed .step-label{color:var(--color-success)}.step-status{font-size:.7rem;color:var(--color-text-secondary)}.tap-hint{text-align:center;font-size:.85rem;color:#ffffff80;margin-top:12px;pointer-events:none}.welcome-modal-overlay{position:fixed;top:0;inset-inline-start:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);z-index:999999;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.welcome-modal-overlay:before,.welcome-modal-overlay:after{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:.15;background:#fff}.welcome-modal-overlay:before{width:300px;height:300px;top:-80px;right:-60px;animation:welcomeOrbFloat 8s ease-in-out infinite;will-change:transform;animation-fill-mode:backwards}.welcome-modal-overlay:after{width:200px;height:200px;bottom:-40px;left:-40px;animation:welcomeOrbFloat 10s ease-in-out infinite reverse;will-change:transform;animation-fill-mode:backwards}@keyframes welcomeOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.magic-link-section{width:100%;margin-top:4px}.magic-link-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--color-text-secondary, #9ca3af);font-size:13px}.magic-link-divider:before,.magic-link-divider:after{content:"";flex:1;height:1px;background:#ffffff26}.magic-link-form{display:flex;flex-direction:column;gap:8px}.magic-link-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#f9fafb;font-size:15px;outline:none;transition:border-color .2s;box-sizing:border-box}.magic-link-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;background:#ffffff1f}.magic-link-input::placeholder{color:#fff6}.btn-magic-link{width:100%;justify-content:center;background:#3b82f6;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-magic-link:hover{background:#2563eb}.btn-magic-link:disabled{opacity:.6;cursor:not-allowed}.welcome-skip-section{margin-top:24px;text-align:center}.btn-skip-login{display:inline-block;width:auto;padding:6px 12px;font-size:12px;font-weight:400;color:#ffffff40;background:transparent;border:none;cursor:pointer;text-decoration:none;transition:color .3s;letter-spacing:.02em}.btn-skip-login:hover{color:#ffffff73;text-decoration:none}.skip-note{font-size:11px;color:#ffffff2e;margin-top:6px}.magic-link-sent{text-align:center;padding:16px 0}.magic-link-sent-icon{font-size:40px;margin-bottom:8px}.magic-link-sent-text{font-size:16px;font-weight:600;color:#f9fafb;margin:0 0 4px}.magic-link-sent-email{font-size:14px;color:#9ca3af;margin:0 0 16px;word-break:break-all}.btn-resend{background:none;border:1px solid rgba(255,255,255,.15);color:#d1d5db;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;transition:border-color .2s,color .2s}.btn-resend:hover{border-color:#3b82f6;color:#3b82f6}.btn-resend:disabled{opacity:.5;cursor:not-allowed}.magic-link-error{margin-top:8px}.magic-link-error-text{color:#ef4444;font-size:13px;margin:0;text-align:center}@media(max-width:480px){.magic-link-input{font-size:16px}}.magic-link-note{font-size:12px;color:var(--color-text-secondary, #9ca3af);text-align:center;margin:4px 0 0}.difficulty-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}.diff-btn{display:flex;flex-direction:column;align-items:center;padding:10px 12px;border-radius:12px;border:2px solid var(--color-border, #e5e7eb);background:var(--color-bg-secondary, #f9fafb);cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center}.diff-btn:hover{border-color:var(--color-primary, #6366f1);background:var(--color-bg-hover, #eef2ff);transform:translateY(-1px)}.diff-btn.active{border-color:var(--color-primary, #6366f1);background:var(--color-bg-active, #eef2ff);box-shadow:0 0 0 3px #6366f126}.diff-btn .diff-emoji{font-size:1.4rem;line-height:1;margin-bottom:4px}.diff-btn .diff-label{font-size:.75rem;font-weight:600;color:var(--color-text-main, #111827);line-height:1.2}.diff-btn .diff-desc{font-size:.65rem;color:var(--color-text-secondary, #6b7280);line-height:1.2;margin-top:2px;max-width:100px}.native-confirm-text{font-weight:400;opacity:.7;font-size:.85em}.welcome-skip-level-link{display:block;text-align:center;margin:10px auto 0;font-size:13px;color:var(--color-text-secondary, #9ca3af);text-decoration:none;cursor:pointer;transition:color .2s ease;padding:4px 0}.welcome-skip-level-link:hover{color:var(--color-primary, #6366f1)}.welcome-skip-level-link[aria-disabled=true]{opacity:.4;pointer-events:none;cursor:default}@media(max-width:480px){.diff-btn{min-width:80px;padding:8px}.diff-btn .diff-desc{display:none}.difficulty-buttons{gap:6px}}.welcome-level-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.welcome-level-header{margin-bottom:12px}.welcome-level-title{font-size:17px;font-weight:700;color:#1e1b4b;margin:0 0 4px}body.dark .welcome-level-title{color:#f9fafb}.welcome-level-subtitle{font-size:13px;color:#6b7280;margin:0}body.dark .welcome-level-subtitle{color:#9ca3af}.welcome-level-section .difficulty-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0 0}.welcome-level-section .diff-btn{flex:1 1 calc(33.333% - 8px);min-width:0;max-width:calc(33.333% - 4px);padding:8px 6px}.welcome-level-section .welcome-skip-level-link{margin-top:12px}@media(max-width:480px){.welcome-level-section .diff-btn{flex:1 1 calc(50% - 6px);max-width:calc(50% - 3px)}.welcome-level-section .diff-btn .diff-desc{display:none}}.welcome-hero-banner{position:relative;width:calc(100% + 80px);margin:-35px -40px 0;height:170px;overflow:hidden;border-radius:28px 28px 0 0}.hero-banner-img,.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0;transition:opacity 1.5s ease-in-out}.hero-slide.active{opacity:1}.hero-slide-dots{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.hero-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:all .3s ease}.hero-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 6px #ffffff80}.hero-banner-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 24px 16px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.2) 60%,transparent 100%);display:flex;flex-direction:column;align-items:center;gap:2px}.lanki-spark-inline{margin-bottom:4px}.hero-banner-overlay .lanki-brand-name{font-size:26px}.hero-banner-overlay .lanki-tagline{font-size:10px;color:#ffffffb3}.lanki-mobile-only{display:none!important}.lanki-desktop-greeting{text-align:center;padding:4px 0 8px}.lanki-desktop-greeting .greeting-text{font-size:22px;font-weight:700;color:#6366f1;letter-spacing:-.3px}.welcome-progress{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:all .3s ease}.progress-dot.active{background:#6366f1;width:24px;border-radius:4px}.progress-dot.done{background:#6366f1}.welcome-value-prop{margin:0 0 20px;font-size:13px;color:#6366f1;font-weight:600;letter-spacing:.2px}.welcome-language-picker .picker-label{font-size:15px;font-weight:700;color:#333}body.dark .welcome-value-prop{color:#a5b4fc}body.dark .welcome-language-picker .picker-label{color:#e5e7eb}@media(max-width:600px){.welcome-hero-banner{display:block;width:calc(100% + 48px);margin:-24px -24px 0;height:180px}.lanki-mobile-only{display:none!important}.lanki-desktop-greeting{display:block!important}.hero-banner-overlay .lanki-brand-name{font-size:22px}.hero-banner-overlay .lanki-tagline{font-size:9px}.hero-slide-dots{bottom:44px}.lanki-hero-greeting{text-align:center;padding-top:8px}}@media(min-width:601px){.welcome-hero-banner{display:block}}.lanki-welcome-hero{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.lanki-spark-logo{position:relative;width:56px;height:56px;margin-bottom:4px}.spark-main{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);background:#fff;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);background:linear-gradient(135deg,#fbbf24,#f59e0b);animation:sparkPulse 3s ease-in-out infinite}.spark-accent-1{position:absolute;top:4px;right:8px;width:10px;height:10px;background:#ffffff80;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);animation:sparkPulse 3s ease-in-out .5s infinite}.spark-accent-2{position:absolute;bottom:6px;left:6px;width:8px;height:8px;background:#ffffff59;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);animation:sparkPulse 3s ease-in-out 1s infinite}@keyframes sparkPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}.lanki-brand-name{font-size:32px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.brand-lanki{color:#fff}.brand-dot{color:#fbbf24;font-size:20px;margin:0 -2px;position:relative;top:-4px}.brand-ai{font-weight:400;font-size:24px;opacity:.6}.lanki-tagline{font-size:12px;color:#fff9;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:8px}.lanki-hero-greeting{margin-top:8px;padding:6px 20px;border-radius:20px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center}.greeting-text{font-size:20px;font-weight:700;line-height:1.3}.greeting-meaning{font-size:10px;color:#ffffff80;margin-top:1px;font-style:italic}.welcome-modal-content .lanki-spark-logo{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6366f14d}.welcome-modal-content .spark-main{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.welcome-modal-content .spark-accent-1,.welcome-modal-content .spark-accent-2{background:#fbbf2466}body.dark .lanki-brand-name,body.dark .brand-lanki{color:#fff}.age-bracket-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px;max-width:400px;margin-left:auto;margin-right:auto}.btn-age-bracket{display:flex;align-items:center;justify-content:center;padding:14px 12px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:opacity .2s,transform .15s,border-color .2s;background:#ffffff0f;color:var(--color-text-main, #e5e7eb);border:1px solid rgba(255,255,255,.15);text-align:center;width:100%}.btn-age-bracket:hover{transform:translateY(-1px);border-color:#ffffff59}.btn-age-bracket.btn-age-minor{grid-column:1 / -1;background:#ff64640f;border:1px dashed rgba(255,100,100,.3);color:var(--color-text-secondary, #9ca3af);font-size:14px}.btn-age-bracket.btn-age-minor:hover{border-color:#ff646480}.age-bracket-range{pointer-events:none}.age-prefer-not-to-say{display:block;text-align:center;margin-top:16px;font-size:13px;color:var(--color-text-secondary, #6b7280);text-decoration:none;cursor:pointer;transition:color .2s}.age-prefer-not-to-say:hover{color:var(--color-text-main, #9ca3af)}.age-blocked-message{margin-top:24px;text-align:center;padding:20px;background:#ffb43214;border-radius:12px;border:1px solid rgba(255,180,50,.2)}.age-blocked-icon{font-size:2rem;margin-bottom:8px}.age-blocked-text{color:var(--color-text-secondary, #9ca3af);font-size:14px;line-height:1.5;margin:0}.btn-age-continue{display:inline-block;margin-top:16px;padding:10px 24px;border:none;border-radius:8px;background:var(--color-primary, #6366f1);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-age-continue:hover{opacity:.85}@media(max-width:480px){.age-bracket-grid{grid-template-columns:1fr 1fr;gap:10px}}.reconciliation-result-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;margin:16px auto;background:var(--bg-secondary, #f0f0f0);border-radius:16px;max-width:280px}.reconciliation-emoji{font-size:36px}.reconciliation-level{font-size:28px;font-weight:700;color:var(--text-primary, #222)}.reconciliation-badge{font-size:13px;color:var(--color-success, #22c55e);font-weight:500;background:var(--color-success-bg, rgba(34,197,94,.1));padding:3px 10px;border-radius:12px;white-space:nowrap}.reconciliation-detail{text-align:center;font-size:14px;color:var(--text-secondary, #666);margin:8px auto;max-width:300px;line-height:1.4}.reconciliation-comparison{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}.reconciliation-item{text-align:center;padding:12px 16px;background:var(--bg-secondary, #f0f0f0);border-radius:12px;min-width:100px}.reconciliation-label{display:block;font-size:12px;color:var(--text-secondary, #888);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.reconciliation-value{font-size:24px;font-weight:700;color:var(--text-primary, #222)}.reconciliation-vs{font-size:14px;color:var(--text-secondary, #aaa);font-weight:500}.reconciliation-options{display:flex;flex-direction:column;gap:8px;margin:12px 0}.reconciliation-option-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:var(--bg-secondary, #f0f0f0);border:2px solid transparent;border-radius:12px;cursor:pointer;font-size:14px;color:var(--text-primary, #222);transition:all .15s ease}.reconciliation-option-btn:hover{border-color:var(--color-primary, #3b82f6);background:var(--bg-tertiary, #e8e8e8)}.reconcile-opt-icon{font-size:16px;width:24px;text-align:center}.reconcile-opt-text{flex:1;text-align:left}.reconcile-retake-btn{color:var(--text-secondary, #666)}@media(max-width:480px){.reconciliation-comparison{flex-direction:column;gap:8px}.reconciliation-vs{display:none}.reconciliation-item{width:100%}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99999999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;opacity:0;animation:confettiFall 2.5s ease-out forwards}.confetti-piece.circle{border-radius:50%}.confetti-piece.square{border-radius:2px}.confetti-piece.strip{width:4px;height:16px;border-radius:2px}.confetti-piece.star{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid currentColor;background:none}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}25%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(720deg) scale(.5)}}.welcome-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-120px);background:#fff;border-radius:16px;padding:16px 28px;box-shadow:0 8px 40px #00000026,0 0 0 1px #0000000d;z-index:99999998;display:flex;align-items:center;gap:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:toastSlideIn .5s cubic-bezier(.34,1.56,.64,1) .3s forwards,toastSlideOut .4s ease-in 3.5s forwards;max-width:90vw}body.dark .welcome-toast{background:#1e1e2e;box-shadow:0 8px 40px #0006,0 0 0 1px #ffffff1a}@keyframes toastSlideIn{to{transform:translate(-50%) translateY(0)}}@keyframes toastSlideOut{to{transform:translate(-50%) translateY(-120px);opacity:0}}.welcome-toast-icon{font-size:28px;flex-shrink:0;animation:toastBounce .6s ease .5s}@keyframes toastBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.welcome-toast-text{display:flex;flex-direction:column;gap:2px}.welcome-toast-title{font-size:16px;font-weight:700;color:#1e1b4b;line-height:1.3}body.dark .welcome-toast-title{color:#f9fafb}.welcome-toast-subtitle{font-size:13px;color:#6b7280;line-height:1.3}body.dark .welcome-toast-subtitle{color:#9ca3af}@media(prefers-reduced-motion:reduce){.confetti-piece{animation:none;opacity:0}.welcome-toast{animation:none;transform:translate(-50%) translateY(0)}}@media(max-width:480px){.welcome-toast{padding:12px 18px;gap:10px}.welcome-toast-icon{font-size:22px}.welcome-toast-title{font-size:14px}.welcome-toast-subtitle{font-size:12px}}.welcome-stage{transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .35s ease;will-change:transform,opacity}.welcome-stage.welcome-stage-exit-left{opacity:0;transform:translate(-60px);pointer-events:none}.welcome-stage.welcome-stage-enter-right{opacity:0;transform:translate(60px)}@media(prefers-reduced-motion:reduce){.welcome-stage{transition:none!important}}.summary-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999998;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;transition:opacity .3s ease;padding:20px}.summary-screen-overlay.visible{opacity:1}.summary-screen-content{background:var(--color-bg-primary, #ffffff);border-radius:20px;padding:40px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;transform:translateY(20px);transition:transform .3s ease}.summary-screen-overlay.visible .summary-screen-content{transform:translateY(0)}.summary-emoji{font-size:3rem;margin-bottom:12px}.summary-title{font-size:1.4rem;font-weight:700;color:var(--color-text-main, #111827);margin:0 0 8px}.summary-level{font-size:1rem;font-weight:600;color:var(--color-primary, #6366f1);margin:0 0 8px}.summary-description{font-size:.9rem;color:var(--color-text-secondary, #6b7280);margin:0 0 24px;line-height:1.5}.summary-orientation{background:var(--color-bg-secondary, #f9fafb);border-radius:12px;padding:16px;margin-bottom:24px;text-align:left}.summary-tip{display:flex;align-items:center;gap:12px;padding:8px 0}.summary-tip+.summary-tip{border-top:1px solid var(--color-border, #e5e7eb)}.summary-tip-icon{font-size:1.1rem;flex-shrink:0}.summary-tip-text{font-size:.85rem;color:var(--color-text-main, #111827)}.summary-tip-text strong{color:var(--color-primary, #6366f1)}.summary-cta-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;background:var(--color-primary, #6366f1);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.summary-cta-btn:hover{opacity:.9;transform:translateY(-1px)}.summary-cta-btn:active{transform:translateY(0)}@media(max-width:480px){.summary-screen-content{padding:32px 20px}.summary-title{font-size:1.2rem}}/**
 * Chat Mode — Main Content Area Overlay
 * 
 * Follows CoursePathView pattern: injects into #main-container,
 * uses CSS grid to span full area, hides panels via body class.
 *
 * Components:
 * - Overlay (inside #main-container, grid-spanning)
 * - Header with title, mode toggle, lang toggle, close
 * - Messages area (scrollable)
 * - Input area (textarea + send)
 * - Helper drawer (quick actions)
 * - Dark mode
 *
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */.chat-overlay{position:relative;width:100%;height:100%;z-index:10;background:var(--bg-primary, #ffffff);display:none;flex-direction:column;-webkit-overflow-scrolling:touch;grid-column:1 / -1;grid-row:2 / -1;overflow:hidden}.chat-overlay.visible{display:flex}body.chat-mode-active #quickSelect,body.chat-mode-active .left-panel,body.chat-mode-active .right-panel,body.chat-mode-active .exercise-panel-header,body.chat-mode-active .mobile-inline-header,body.chat-mode-active #infoBanner{display:none!important}@media(max-width:767px){body.chat-mode-active #topHeader{display:none!important}}body.chat-mode-active #modeChat{background:var(--color-primary, #6366f1);color:#fff;font-weight:600;box-shadow:0 2px 6px #6366f14d}body.chat-mode-active #coursePathOverlay{display:none!important}.chat-overlay.chat-from-homework{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:100000!important;width:100%!important;height:100%!important;max-height:100dvh;grid-column:auto;grid-row:auto}.chat-back-homework-btn{display:none;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-border, rgba(0, 0, 0, .12));border-radius:8px;background:var(--bg-secondary, #f5f5f5);color:var(--color-primary, #6366f1);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.chat-back-homework-btn:hover{background:var(--color-primary, #6366f1);color:#fff}body.dark .chat-back-homework-btn{background:#6366f126;border-color:#6366f14d}.chat-overlay.chat-from-homework .chat-back-homework-btn{display:inline-flex}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08));flex-shrink:0;gap:12px;flex-wrap:wrap}.chat-title-area{display:flex;flex-direction:column}.chat-title{font-size:18px;font-weight:700;color:var(--text-primary, #111827);margin:0}.chat-subtitle{font-size:12px;color:var(--text-muted, #6b7280);margin:2px 0 0}.chat-header-controls{display:flex;align-items:center;gap:10px}.chat-close-btn{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:22px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:background .2s,color .2s}.chat-close-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #111827)}.chat-mode-toggle{display:flex;background:var(--bg-hover, rgba(0, 0, 0, .05));border-radius:12px;padding:2px;gap:2px}.chat-mode-btn{padding:5px 12px;border:none;background:transparent;border-radius:10px;font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s}.chat-mode-btn.active{background:var(--color-primary, #6366f1);color:#fff}.chat-mode-btn:not(.active):hover{background:#0000000d;color:var(--text-primary, #111827)}.chat-sentence-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, rgba(0, 0, 0, .1));background:transparent;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #6b7280);font-size:14px}.chat-sentence-toggle:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #111827)}.chat-sentence-toggle.active{background:var(--color-primary-light, #e0e7ff);border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.chat-history-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, rgba(0, 0, 0, .1));background:transparent;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;color:var(--text-secondary, #6b7280)}.chat-history-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #111827)}.chat-history-drawer{position:absolute;top:0;right:0;width:280px;height:100%;background:var(--bg-primary, #ffffff);border-left:1px solid var(--color-border, rgba(0, 0, 0, .1));z-index:10;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:-4px 0 16px #00000014}.chat-history-drawer.open{transform:translate(0)}.chat-history-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06));flex-shrink:0}.chat-history-drawer-title{font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.chat-history-close-btn{background:none;border:none;font-size:16px;color:var(--text-muted, #6b7280);cursor:pointer;padding:2px 4px;border-radius:4px}.chat-history-close-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #111827)}.chat-history-drawer-body{flex:1;display:flex;flex-direction:column;min-height:0}.chat-history-list{flex:1;overflow-y:auto;padding:8px}.chat-history-empty{text-align:center;padding:24px 16px;color:var(--text-muted, #6b7280);font-size:13px}.chat-history-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;margin-bottom:2px;transition:background .15s}.chat-history-item:hover{background:var(--bg-hover, rgba(0, 0, 0, .03))}.chat-history-item-main{display:flex;align-items:flex-start;gap:6px}.chat-history-item-icon{font-size:12px;flex-shrink:0;line-height:1.4}.chat-history-item-text{font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.4;word-break:break-word}.chat-history-item-time{font-size:10px;color:var(--text-muted, #9ca3af);padding-left:22px}.chat-history-drawer-footer{padding:12px 16px;border-top:1px solid var(--color-border, rgba(0, 0, 0, .06));flex-shrink:0}.chat-history-clear-btn{width:100%;padding:8px 12px;border:1px solid var(--color-error, #ef4444);background:transparent;color:var(--color-error, #ef4444);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.chat-history-clear-btn:hover{background:var(--color-error, #ef4444);color:#fff}.chat-character-badge{display:inline-block;padding:2px 10px;background:var(--color-primary-light, #e0e7ff);color:var(--color-primary, #6366f1);border-radius:10px;font-size:11px;font-weight:600;margin-bottom:4px}.chat-sentence-block{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--color-border, rgba(0, 0, 0, .08))}.chat-sentence-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.chat-messages{flex:1 1 0%;min-height:0;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 24px}.chat-empty-icon{font-size:56px;margin-bottom:16px;opacity:.5}.chat-empty-title{font-size:17px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 6px}.chat-empty-desc{font-size:13px;color:var(--text-muted, #6b7280);margin:0;line-height:1.5;max-width:320px}.chat-message{max-width:85%;animation:chat-msg-in .2s ease}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message-user{align-self:flex-end}.chat-message-user .chat-message-content{background:var(--color-primary, #6366f1);color:#fff;padding:10px 16px;border-radius:18px 18px 4px}.chat-message-assistant{align-self:flex-start;width:100%;max-width:100%}.chat-message-assistant .chat-message-content{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827);padding:12px 16px;border-radius:18px 18px 18px 4px;line-height:1.6;font-size:14px}.chat-message-content p{margin:0 0 8px}.chat-message-content p:last-child{margin-bottom:0}.chat-message-content strong{font-weight:600}.chat-message-content em{font-style:italic}.chat-message-content code{background:#0000000f;padding:2px 6px;border-radius:4px;font-size:13px;font-family:monospace}.chat-message-content pre{background:var(--bg-code, #1f2937);color:#e5e7eb;padding:12px 14px;border-radius:8px;overflow-x:auto;margin:8px 0}.chat-message-content pre code{background:none;padding:0;color:inherit}.chat-message-content ul,.chat-message-content ol{margin:8px 0;padding-left:22px}.chat-message-content li{margin:4px 0;line-height:1.5}.chat-message-content .chat-table,.chat-message-content table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.chat-message-content .chat-table th,.chat-message-content table th{background:var(--bg-hover, rgba(0, 0, 0, .05));font-weight:600;text-align:left;padding:8px 12px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .1))}.chat-message-content .chat-table td,.chat-message-content table td{padding:8px 12px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06))}.chat-message-content .chat-table tr:last-child td,.chat-message-content table tr:last-child td{border-bottom:none}.chat-message-actions{display:flex;gap:4px;margin-top:4px;opacity:0;transition:opacity .2s}.chat-message-assistant:hover .chat-message-actions{opacity:1}.chat-action-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:3px 5px;opacity:.5;transition:opacity .2s,transform .15s}.chat-action-btn:hover{opacity:1;transform:scale(1.15)}.chat-typing{opacity:.7}.chat-typing-dot{display:inline-block;width:7px;height:7px;background:var(--text-muted, #6b7280);border-radius:50%;margin:0 3px;animation:chat-typing-bounce 1.4s infinite ease-in-out}.chat-typing-dot:nth-child(1){animation-delay:0s}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes chat-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-input-area{flex-shrink:0;padding:12px 20px;background:var(--bg-primary, #ffffff);border-top:1px solid var(--color-border, rgba(0, 0, 0, .08))}.chat-input-row{display:flex;align-items:flex-end;gap:10px;max-width:800px;margin:0 auto}.chat-input{flex:1;min-height:48px;max-height:120px;padding:12px 16px;border:1.5px solid var(--color-border, rgba(0, 0, 0, .15));border-radius:24px;font-size:14px;font-family:inherit;resize:none;background:var(--bg-input, #f9fafb);color:var(--text-primary, #111827);transition:all .2s;line-height:1.4}.chat-input:focus{outline:none;border-color:var(--color-primary, #6366f1);background:var(--bg-primary, #ffffff);box-shadow:0 0 0 3px #6366f126}.chat-input::placeholder{color:var(--text-muted, #9ca3af)}.chat-send-btn{width:42px;height:42px;border:2px solid #ef4444;background:var(--color-primary, #6366f1);color:#fff;border-radius:50%;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-btn:hover{background:var(--color-primary-dark, #4f46e5);transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}.chat-helper-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 20px;background:none;border:none;border-top:1px solid var(--color-border, rgba(0, 0, 0, .06));color:var(--text-muted, #6b7280);font-size:12px;cursor:pointer;transition:all .2s}.chat-helper-toggle:hover{background:var(--bg-hover, rgba(0, 0, 0, .03));color:var(--text-primary, #111827)}.chat-helper-toggle-icon{margin-right:4px;transition:transform .2s;display:inline-block}.chat-helper-toggle.open .chat-helper-toggle-icon{transform:rotate(180deg)}.chat-helper-drawer{flex-shrink:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--bg-secondary, #f9fafb);border-top:1px solid var(--color-border, rgba(0, 0, 0, .06))}.chat-helper-drawer.open{max-height:200px;overflow-y:auto}.chat-helper-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px;justify-content:center}.chat-helper-btn{padding:6px 14px;background:var(--bg-primary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:18px;font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s;white-space:nowrap}.chat-helper-btn:hover{background:var(--color-primary-light, #e0e7ff);border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.chat-helper-btn:active{transform:scale(.97)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border, rgba(0, 0, 0, .15));border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-border, rgba(0, 0, 0, .25))}body.dark .chat-overlay{background:var(--bg-primary, #1a1a2e)}body.dark .chat-header{border-bottom-color:#ffffff14}body.dark .chat-title{color:var(--text-primary, #f3f4f6)}body.dark .chat-subtitle{color:var(--text-muted, #9ca3af)}body.dark .chat-close-btn{color:var(--text-secondary, #9ca3af)}body.dark .chat-close-btn:hover{background:#ffffff14;color:var(--text-primary, #f3f4f6)}body.dark .chat-mode-toggle{background:#ffffff0f}body.dark .chat-mode-btn:not(.active){color:var(--text-secondary, #9ca3af)}body.dark .chat-mode-btn:not(.active):hover{background:#ffffff14}body.dark .chat-message-assistant .chat-message-content{background:var(--bg-secondary, #252542);color:var(--text-primary, #f3f4f6)}body.dark .chat-message-content code{background:#ffffff1a}body.dark .chat-message-content pre{background:#111827;color:#e5e7eb}body.dark .chat-empty-title{color:var(--text-primary, #f3f4f6)}body.dark .chat-input{background:var(--bg-secondary, #252542);border-color:#ffffff1a;color:var(--text-primary, #f3f4f6)}body.dark .chat-input:focus{background:var(--bg-secondary, #252542)}body.dark .chat-input-area{background:var(--bg-primary, #1a1a2e);border-top-color:#ffffff14}body.dark .chat-helper-drawer{background:var(--bg-secondary, #252542);border-top-color:#ffffff0f}body.dark .chat-helper-btn{background:var(--bg-secondary, #252542);border-color:#ffffff1a;color:var(--text-secondary, #9ca3af)}body.dark .chat-helper-btn:hover{background:#6366f126;border-color:var(--color-primary, #6366f1)}body.dark .chat-helper-toggle{border-top-color:#ffffff0f;color:var(--text-muted, #9ca3af)}body.dark .chat-helper-toggle:hover{background:#ffffff08;color:var(--text-primary, #f3f4f6)}body.dark .chat-sentence-toggle{border-color:#ffffff1a;color:var(--text-secondary, #9ca3af)}body.dark .chat-sentence-toggle:hover{background:#ffffff14}body.dark .chat-sentence-toggle.active{background:#6366f133;border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}body.dark .chat-history-btn{border-color:#ffffff1a;color:var(--text-secondary, #9ca3af)}body.dark .chat-history-btn:hover{background:#ffffff14;color:var(--text-primary, #f3f4f6)}body.dark .chat-history-drawer{background:var(--bg-primary, #1a1a2e);border-left-color:#ffffff0f;box-shadow:-4px 0 16px #0000004d}body.dark .chat-history-drawer-header{border-bottom-color:#ffffff0f}body.dark .chat-history-item:hover{background:#ffffff0d}body.dark .chat-history-clear-btn{border-color:#ef4444;color:#ef4444}body.dark .chat-history-clear-btn:hover{background:#ef4444;color:#fff}body.dark .chat-character-badge{background:#6366f133;color:var(--color-primary, #818cf8)}body.dark .chat-sentence-block{border-bottom-color:#ffffff0f}@media(max-width:767px){.chat-overlay{position:fixed!important;top:0;left:0;right:0;bottom:44px;width:100%!important;height:auto!important;max-height:calc(100dvh - 44px);z-index:10000!important}.chat-header{padding:8px 12px;gap:6px;flex-wrap:wrap;transition:max-height .25s ease,padding .25s ease,opacity .2s ease;max-height:120px;overflow:hidden}.chat-overlay.header-minimized .chat-header{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}.chat-header-expander{display:none}.chat-overlay.header-minimized .chat-header-expander{display:flex;position:absolute;top:0;left:0;right:0;height:20px;align-items:center;justify-content:center;background:var(--bg-primary, #fff);border-bottom:1px solid var(--color-border, rgba(0,0,0,.08));z-index:5;cursor:pointer}.chat-header-expander span{font-size:11px;opacity:.6;transition:opacity .2s}.chat-header-expander:hover span{opacity:1}.chat-title{font-size:16px}.chat-subtitle{display:none}.chat-header-controls{gap:4px}.chat-mode-toggle{order:-1}.chat-messages{flex:1 1 0%;min-height:0;overflow-y:auto;padding:12px 14px;gap:10px;-webkit-overflow-scrolling:touch}.chat-input-area{padding:8px 12px;flex-shrink:0}.chat-helper-actions{padding:8px 14px}.chat-message{max-width:92%}.chat-character-bar{padding:6px 12px}.chat-helper-toggle{padding:6px;font-size:11px}}.tavern-overlay{position:relative;width:100%;height:100%;z-index:10;display:none;flex-direction:column;grid-column:1 / -1;grid-row:2 / -1;overflow:hidden}.tavern-overlay.visible{display:flex;background:var(--scene-color, #3a2c28);transition:background .6s ease}.tavern-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,var(--scene-glow, rgba(255, 200, 150, .15)) 0%,transparent 65%)}.tavern-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;gap:12px;flex-wrap:wrap;position:relative;z-index:2}.tavern-scene-info{display:flex;flex-direction:column}.tavern-scene-name{font-size:17px;font-weight:700;color:#fff;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.tavern-scene-desc{font-size:12px;color:#ffffffb3;margin:2px 0 0}.tavern-controls{display:flex;align-items:center;gap:8px}.tavern-mode-toggle{display:flex;background:#ffffff1a;border-radius:12px;padding:2px;gap:2px}.tavern-mode-btn{padding:5px 12px;border:none;background:transparent;border-radius:10px;font-size:12px;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .2s}.tavern-mode-btn.active{background:#fff3;color:#fff}.tavern-mode-btn:not(.active):hover{background:#ffffff1a;color:#fff}.tavern-pause-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:5px 10px;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s;min-width:36px}.tavern-pause-btn:hover{background:#ffffff26;color:#fff}.tavern-pause-btn.active{background:#fbbf2440;border-color:#fbbf2480;color:#fbbf24}.tavern-stop-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:5px 14px;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.tavern-stop-btn:hover{background:#ff64644d;border-color:#ff646480;color:#fff}.tavern-close-btn{background:none;border:none;color:#ffffffb3;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.tavern-close-btn:hover{background:#ffffff1a;color:#fff}.tavern-avatar-area{display:flex;justify-content:center;align-items:flex-end;gap:40px;padding:24px 20px 16px;position:relative;z-index:1;flex-shrink:0}.tavern-avatar-circle{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.tavern-avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000004d;animation:tavern-breathing 4s ease-in-out infinite}@keyframes tavern-breathing{0%,to{transform:scale(1);box-shadow:0 4px 16px #0000004d}50%{transform:scale(1.03);box-shadow:0 6px 24px #0006}}.tavern-avatar-circle.active .tavern-avatar-img{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf2466,0 4px 20px #fbbf244d;animation:tavern-breathing 4s ease-in-out infinite,tavern-glow-pulse 1.5s ease-in-out infinite}@keyframes tavern-glow-pulse{0%,to{box-shadow:0 0 0 4px #fbbf2466,0 4px 20px #fbbf244d}50%{box-shadow:0 0 0 6px #fbbf244d,0 4px 28px #fbbf2480}}.tavern-avatar-circle:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#ffc89626;top:-4px;left:50%;transform:translate(-50%);z-index:-1;animation:tavern-shadow-pulse 4s ease-in-out infinite}@keyframes tavern-shadow-pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.15)}}.tavern-avatar-circle.active:before{background:#fbbf244d;animation:tavern-shadow-pulse 2s ease-in-out infinite}.tavern-avatar-name{font-size:13px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.4)}.tavern-thinking{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:none}.tavern-thinking.visible{display:block}.tavern-thinking-bubble{width:20px;height:20px;background:#ffffffe6;border-radius:50%;position:relative;animation:tavern-think-pulse 1s ease-in-out infinite}.tavern-thinking-bubble:before,.tavern-thinking-bubble:after{content:"";position:absolute;width:10px;height:10px;background:#ffffffe6;border-radius:50%;animation:tavern-think-pulse 1s ease-in-out infinite}.tavern-thinking-bubble:before{top:-6px;left:-8px;animation-delay:.15s}.tavern-thinking-bubble:after{top:-12px;left:-16px;width:8px;height:8px;animation-delay:.3s}@keyframes tavern-think-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}}.tavern-user-circle{display:flex;flex-direction:column;align-items:center;gap:8px}.tavern-user-avatar{width:64px;height:64px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 4px 12px #0003}.tavern-user-label{font-size:12px;font-weight:600;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.3)}.tavern-scene-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px 20px;gap:20px}.tavern-scene-picker-title{font-size:18px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3);margin:0}.tavern-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:500px}.tavern-scene-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:16px 12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.tavern-scene-card:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.tavern-scene-card-name{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tavern-messages{flex:1 1 0%;min-height:0;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.tavern-message{animation:tavern-msg-in .25s ease}@keyframes tavern-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tavern-message-char{display:flex;flex-direction:column;gap:2px;max-width:80%}.tavern-msg-header{display:flex;flex-direction:row;align-items:center;gap:6px}.tavern-msg-speaker{font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;padding-left:4px}.tavern-msg-content{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:10px 14px;border-radius:16px 16px 16px 4px;font-size:14px;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:background .15s ease}.tavern-msg-content:hover{background:#fff3}.tavern-message-user{align-self:flex-end}.tavern-message-user .tavern-msg-content{background:#6366f199;border-radius:16px 16px 4px}.tavern-input-area{flex-shrink:0;padding:12px 20px;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tavern-input-row{display:flex;align-items:flex-end;gap:10px;max-width:600px;margin:0 auto}.tavern-input{flex:1;min-height:42px;max-height:100px;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:22px;font-size:14px;font-family:inherit;resize:none;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s;line-height:1.4}.tavern-input:focus{outline:none;border-color:#fff6;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a}.tavern-input::placeholder{color:#ffffff80}.tavern-send-btn{width:42px;height:42px;border:none;background:#fff3;color:#fff;border-radius:50%;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.tavern-send-btn:hover{background:#ffffff4d;transform:scale(1.05)}.tavern-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10}.tavern-pause-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}.tavern-pause-icon{font-size:48px;opacity:.8}.tavern-pause-content p{font-size:18px;font-weight:600;margin:0}.tavern-resume-btn{padding:10px 24px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tavern-resume-btn:hover{background:#ffffff4d}.tavern-continue-bar{display:flex;justify-content:center;padding:8px 20px;background:#0003}.tavern-continue-btn{padding:8px 20px;background:#fbbf24cc;border:none;border-radius:14px;color:#1a1a2e;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.tavern-continue-btn:hover{background:#fbbf24;transform:scale(1.02)}.tavern-msg-tts{background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .2s,background .2s;flex-shrink:0}.tavern-msg-tts:hover{color:#ffffffe6;background:#ffffff1a}.tavern-msg-translation{font-size:12px;color:#ffffff73;font-style:italic;margin-top:4px;padding-left:8px;border-left:2px solid rgba(255,255,255,.15)}.tavern-message-char-1 .tavern-msg-content{background:#ffb48c33;border-left:3px solid rgba(255,180,140,.5)}.tavern-message-char-2 .tavern-msg-content{background:#a0a0e633;border-left:3px solid rgba(160,160,230,.5)}.tavern-translation-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff9;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s}.tavern-translation-btn:hover{background:#ffffff26;color:#ffffffe6}.tavern-translation-btn.active{background:#3b82f64d;border-color:#3b82f680;color:#fff}.tavern-char-tts-btn{position:absolute;top:-4px;right:-4px;background:#00000080;border:none;border-radius:50%;width:24px;height:24px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.tavern-avatar-circle:hover .tavern-char-tts-btn,.tavern-char-tts-btn.active{opacity:1}.tavern-char-tts-btn:hover{background:#000000b3}@media(max-width:767px){.tavern-overlay{position:fixed!important;top:0;left:0;right:0;bottom:44px;width:100%!important;height:auto!important;max-height:calc(100dvh - 44px);z-index:10000!important}.tavern-header{padding:10px 14px;gap:8px;transition:max-height .25s ease,padding .25s ease,opacity .2s ease;max-height:120px;overflow:hidden}.tavern-overlay.header-minimized .tavern-header{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}.tavern-header-expander{display:none}.tavern-overlay.header-minimized .tavern-header-expander{display:flex;position:absolute;top:0;left:0;right:0;height:20px;align-items:center;justify-content:center;background:var(--scene-color, #3a2c28);border-bottom:1px solid rgba(255,255,255,.1);z-index:5;cursor:pointer}.tavern-header-expander span{font-size:11px;opacity:.5;color:#fff9}.tavern-avatar-area{gap:24px;padding:16px 14px 12px}.tavern-avatar-img{width:60px;height:60px}.tavern-user-avatar{width:52px;height:52px;font-size:24px}.tavern-scene-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tavern-messages{flex:1 1 0%;min-height:0;padding:12px 14px;-webkit-overflow-scrolling:touch}.tavern-input-area{padding:10px 14px}.tavern-scene-name{font-size:15px}}.ambient-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.ambient-title{font-size:13px;font-weight:600;color:var(--color-text, #374151)}.ambient-toggle{width:28px;height:28px;border-radius:50%;border:none;background:var(--color-border, #e5e7eb);color:var(--color-text-secondary, #6b7280);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.ambient-toggle:hover{background:var(--color-primary, #6366f1);color:#fff}.ambient-header-actions{display:flex;align-items:center;gap:6px}.ambient-section{padding:14px 16px;margin-bottom:16px;background:var(--bg-input, #f8f9fa);border-radius:16px;border:1px solid var(--color-border, #e5e7eb);transition:opacity .3s ease,display .3s ease;animation:ambientFadeIn .35s ease;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.ambient-section--disabled{opacity:.45;-webkit-user-select:none;user-select:none}.ambient-section--disabled .ambient-tabs,.ambient-section--disabled .ambient-player{opacity:.5;pointer-events:none}@keyframes ambientFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ambient-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.ambient-tab{display:flex;align-items:center;gap:5px;padding:10px 12px;border-radius:12px;border:1px solid var(--color-border, #e5e7eb);background:transparent;font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;-webkit-tap-highlight-color:transparent}.ambient-tab:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1);background:#6366f10d}.ambient-tab:active{transform:scale(.97)}.ambient-tab.active{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1);font-weight:600;box-shadow:0 2px 6px #6366f140}.ambient-player{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;touch-action:pan-y;overflow-y:auto;overflow-x:hidden;min-height:0}.ambient-iframe{width:100%;height:52px;border:none;border-radius:8px;background:transparent}.ambient-msg{font-size:12px;color:var(--color-text-secondary, #9ca3af);text-align:center;padding:8px}.ambient-msg.hidden{display:none}.ambient-tap-to-enable{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:10px;background:var(--color-bg-secondary, rgba(0, 0, 0, .04));color:var(--color-text-secondary, #6b7280);font-size:12px;font-weight:500;cursor:pointer;margin:8px auto;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap}.ambient-tap-to-enable:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .08));color:var(--color-text, #374151)}.ambient-tap-to-enable:active{transform:scale(.97)}body.dark .ambient-tap-to-enable{background:#ffffff0f;color:var(--color-text-secondary, #9ca3af)}body.dark .ambient-tap-to-enable:hover{background:#ffffff1a;color:var(--color-text, #e5e7eb)}.ambient-tap-overlay{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:10px;background:var(--color-bg-secondary, rgba(0, 0, 0, .04));font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280);cursor:pointer;backdrop-filter:none;-webkit-backdrop-filter:none;margin:8px auto;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap}body.dark .ambient-tap-overlay{background:#ffffff0f;color:var(--color-text-secondary, #9ca3af)}.ambient-tap-overlay.hidden{display:none}.ambient-tap-overlay:active{transform:scale(.97)}.ambient-controls--no-audio{display:none!important}.ambient-lofi-error{font-size:12px;color:var(--color-text-secondary, #9ca3af);text-align:center;padding:8px}.ambient-lofi-error a{color:var(--color-primary, #6366f1);text-decoration:underline}.ambient-lofi-retry{display:inline-block;padding:2px 10px;border-radius:6px;border:1px solid var(--color-primary, #6366f1);background:transparent;color:var(--color-primary, #6366f1);font-size:12px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.ambient-lofi-retry:hover{background:var(--color-primary, #6366f1);color:#fff}body.dark .ambient-lofi-retry{border-color:var(--accent-primary, #818cf8);color:var(--accent-primary, #818cf8)}body.dark .ambient-lofi-retry:hover{background:var(--accent-primary, #818cf8);color:#fff}.ambient-lofi-error.hidden{display:none}.ambient-fav-input{display:flex;gap:6px;align-items:center;width:100%}.ambient-fav-url{flex:1;padding:6px 10px;border-radius:8px;border:1px solid var(--color-border, #e5e7eb);font-size:12px;font-family:inherit;background:var(--bg-input, #fff);color:var(--color-text, #374151);outline:none;min-width:0}.ambient-fav-url:focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px #6366f126}.ambient-fav-save{padding:6px 12px;border-radius:8px;border:none;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer;font-size:13px;flex-shrink:0;transition:background .2s ease,transform .1s ease}.ambient-fav-save:hover{background:var(--color-primary-dark, #4f46e5);transform:scale(1.05)}.ambient-fav-save:active{transform:scale(.95)}body.dark .ambient-fav-url{background:var(--bg-input, #232329);border-color:var(--color-border-dark, #374151);color:var(--color-text-main, #f3f4f6)}.ambient-fav-input.hidden{display:none}@keyframes ambientShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.ambient-controls{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.ambient-slider-group{display:flex;align-items:center;gap:6px;flex:1;min-width:100px}.ambient-slider-label{font-size:11px;font-weight:600;color:var(--color-text-secondary, #9ca3af);white-space:nowrap;flex-shrink:0}.ambient-play-pause{width:34px;height:34px;border-radius:50%;border:none;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,transform .1s ease;box-shadow:0 2px 6px #6366f14d}.ambient-play-pause:hover{background:var(--color-primary-dark, #4f46e5);transform:scale(1.05)}.ambient-play-pause:active{transform:scale(.95)}.ambient-controls--hidden{display:none!important}.ambient-volume{flex:1;height:5px;border-radius:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-border, #e5e7eb);cursor:pointer;outline:none;min-width:60px}.ambient-volume::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary, #6366f1);cursor:pointer;box-shadow:0 1px 4px #6366f166;-webkit-transition:transform .15s ease;transition:transform .15s ease}.ambient-volume::-webkit-slider-thumb:hover{transform:scale(1.15)}.ambient-volume::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary, #6366f1);cursor:pointer;border:none;box-shadow:0 1px 4px #6366f166}.ambient-volume::-moz-range-thumb:active{transform:scale(1.3);box-shadow:0 2px 8px #6366f199}.ambient-volume:focus-visible{outline:2px solid var(--color-primary, #6366f1);outline-offset:2px}.ambient-volume-label{font-size:11px;font-weight:600;color:var(--color-text-secondary, #9ca3af);min-width:30px;text-align:right;font-variant-numeric:tabular-nums}body.dark .ambient-section{background:var(--surface-2, #232329);border-color:var(--color-border-dark, #2a2a32)}body.dark .ambient-tab{border-color:var(--color-border-dark, #374151);color:var(--color-text-secondary, #9ca3af)}body.dark .ambient-tab:hover{border-color:var(--accent-primary, #818cf8);color:var(--accent-primary, #818cf8);background:#6366f11a}body.dark .ambient-tab.active{background:var(--accent-primary, #818cf8);border-color:var(--accent-primary, #818cf8);color:#fff;box-shadow:0 2px 6px #6366f159}body.dark .ambient-volume{background:var(--color-border-dark, #374151)}body.dark .ambient-volume-label,body.dark .ambient-msg{color:var(--color-text-secondary, #9ca3af)}body.dark .ambient-play-pause{background:var(--accent-primary, #818cf8);box-shadow:0 2px 6px #6366f159}body.dark .ambient-play-pause:hover{background:var(--accent-primary, #a5b4fc)}body.dark .ambient-toggle{background:var(--color-border-dark, #374151);color:var(--color-text-secondary, #9ca3af)}body.dark .ambient-toggle:hover{background:var(--accent-primary, #818cf8);color:#fff}body.dark .ambient-title{color:var(--color-text, #e5e7eb)}@media(max-width:480px){.ambient-section{padding:12px;border-radius:12px}.ambient-tab{padding:5px 10px;font-size:11px}.ambient-tabs{gap:4px}}@media(prefers-reduced-motion:reduce){.ambient-section{animation:none!important}.ambient-tab,.ambient-play-pause{transition:none!important}}.ambient-autoplay-player{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 0 6px;flex-shrink:0}.autoplay-player-icon{font-size:32px;line-height:1;animation:autoplayPulse 3s ease-in-out infinite}.autoplay-player-info{display:flex;flex-direction:column;align-items:center;gap:1px}.autoplay-player-label{font-size:14px;font-weight:600;color:var(--color-text, #374151)}.autoplay-player-sub{font-size:10px;color:var(--color-text-secondary, #6b7280)}@keyframes autoplayPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}body.dark .autoplay-player-label{color:var(--color-text-main, #f3f4f6)}body.dark .autoplay-player-sub{color:var(--color-text-secondary, #9ca3af)}@media(prefers-reduced-motion:reduce){.autoplay-player-icon{animation:none}}.autoplay-preset-row{display:flex;align-items:center;gap:8px}.autoplay-preset-arrow{width:28px;height:28px;border:none;border-radius:50%;background:var(--color-border, #e5e7eb);color:var(--color-text, #374151);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.autoplay-preset-arrow:hover{background:var(--color-primary, #4f46e5);color:#fff}.autoplay-preset-arrow:active{transform:scale(.9)}body.dark .autoplay-preset-arrow{background:#ffffff1a;color:var(--color-text-secondary, #9ca3af)}body.dark .autoplay-preset-arrow:hover{background:var(--color-primary, #6366f1);color:#fff}.autoplay-track-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary, #9ca3af);margin-top:6px;margin-bottom:2px;text-align:center}body.dark .autoplay-track-label{color:#ffffff59}.autoplay-preset-pills{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;padding:0 12px}.autoplay-pill{padding:4px 10px;border:1px solid var(--color-border, rgba(0,0,0,.12));border-radius:14px;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.autoplay-pill:hover{border-color:var(--color-accent, #6366f1);color:var(--color-accent, #6366f1);background:#6366f10f}.autoplay-pill.active{border-color:var(--color-accent, #6366f1);background:var(--color-accent, #6366f1);color:#fff;font-weight:600}body.dark .autoplay-pill{border-color:#ffffff1f;color:var(--color-text-secondary, #9ca3af)}body.dark .autoplay-pill:hover{border-color:var(--color-accent, #818cf8);color:var(--color-accent, #818cf8)}body.dark .autoplay-pill.active{border-color:var(--color-accent, #818cf8);background:var(--color-accent, #818cf8);color:#fff}@media(max-width:480px){.autoplay-pill{font-size:10px;padding:3px 8px}}.autoplay-arc{width:100%;height:4px;border-radius:2px;background:var(--color-border, #e5e7eb);overflow:hidden}.autoplay-arc-fill{height:100%;border-radius:2px;background:var(--color-primary, #6366f1);transition:width 1s linear}body.dark .autoplay-arc{background:var(--color-border-dark, #374151)}body.dark .autoplay-arc-fill{background:var(--accent-primary, #818cf8)}@media(prefers-reduced-motion:reduce){.autoplay-arc-fill{transition:none}}.ambient-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.ambient-modal-content{position:relative;width:100%;max-width:560px;height:90vh;max-height:90vh;overflow-y:auto;background:var(--bg-input, #ffffff);border-radius:20px;padding:48px 20px 20px;box-shadow:0 8px 32px #00000026;animation:ambientModalIn .25s ease;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}@media(min-width:768px){.ambient-modal-content{max-width:860px}}@media(min-width:1200px){.ambient-modal-content{max-width:960px}}@keyframes ambientModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ambient-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ambient-modal-minimize{position:absolute;top:12px;right:52px;width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:20px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ambient-modal-minimize:hover,.ambient-modal-close:hover{background:var(--color-border, #e5e7eb);color:var(--color-text-main, #111827)}body.dark .ambient-modal-overlay{background:#000000b3}body.dark .ambient-modal-content{background:var(--bg-primary, #1a1a2e);box-shadow:0 8px 32px #00000080}body.dark .ambient-modal-close{color:var(--color-text-secondary, #9ca3af)}body.dark .ambient-modal-close:hover{background:#ffffff1a;color:var(--color-text-main, #f3f4f6)}@media(max-width:480px){.ambient-modal-overlay{padding:0;align-items:flex-end}.ambient-modal-content{max-width:100%;width:100%;height:100vh;max-height:100vh;border-radius:16px 16px 0 0;padding:48px 16px 16px;transition:transform .25s ease}.ambient-modal-close{width:40px;height:40px}.ambient-modal-minimize{display:flex;width:40px;height:40px}}.ambient-minimized-pill{position:fixed;bottom:24px;right:16px;z-index:8999;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-input, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:24px;box-shadow:0 4px 16px #0000001f;font-size:14px;color:var(--color-text-main, #111827);cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.ambient-minimized-pill.visible{opacity:1;transform:translateY(0)}.ambient-minimized-pill:hover{box-shadow:0 6px 20px #0000002e}.ambient-pill-icon{font-size:18px}.ambient-pill-text{font-weight:600}.ambient-pill-tap{font-size:12px;opacity:.5}body.dark .ambient-minimized-pill{background:var(--bg-primary, #1a1a2e);border-color:#ffffff1a;color:var(--color-text-main, #f3f4f6);box-shadow:0 4px 16px #0006}.ambient-radio-section{width:100%;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.ambient-radio-subtabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--color-border, #e5e7eb);padding-bottom:4px}.ambient-radio-subtab{flex:1;padding:6px 12px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.ambient-radio-subtab:hover{background:var(--color-bg-hover, rgba(0,0,0,.05))}.ambient-radio-subtab.active{color:var(--color-text-main, #111827);background:var(--color-bg-active, rgba(0,0,0,.08));font-weight:600}body.dark .ambient-radio-subtab.active{color:var(--color-text-main, #f3f4f6);background:#ffffff1a}.ambient-radio-content,.ambient-podcasts-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.ambient-radio-genres{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.ambient-genre-pill{padding:3px 8px;border:1px solid var(--color-border, #e5e7eb);background:transparent;color:var(--color-text-secondary, #6b7280);font-size:11px;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ambient-genre-pill:hover{border-color:var(--color-accent, #6366f1);color:var(--color-accent, #6366f1)}.ambient-genre-pill.active{background:var(--color-accent, #6366f1);color:#fff;border-color:var(--color-accent, #6366f1)}.ambient-radio-stations{flex:1;overflow-y:auto;overflow-x:hidden;max-height:400px;scrollbar-width:thin}.ambient-radio-stations::-webkit-scrollbar{width:4px}.ambient-radio-stations::-webkit-scrollbar-thumb{background:var(--color-border, #e5e7eb);border-radius:4px}.ambient-station{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s ease}.ambient-station:hover{background:var(--color-bg-hover, rgba(0,0,0,.04))}.ambient-station.active{background:var(--color-accent-light, rgba(99,102,241,.1))}body.dark .ambient-station:hover{background:#ffffff0d}body.dark .ambient-station.active{background:#6366f133}.ambient-station-info{display:flex;flex-direction:column;min-width:0;flex:1}.ambient-station-name{font-size:12px;font-weight:500;color:var(--color-text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ambient-station.active .ambient-station-name{color:var(--color-accent, #6366f1);font-weight:600}.ambient-station-genre{font-size:10px;color:var(--color-text-secondary, #6b7280);text-transform:capitalize}.ambient-station-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.ambient-station-bitrate{font-size:10px;color:var(--color-text-secondary, #6b7280)}.ambient-station-badge{font-size:9px;padding:1px 4px;background:var(--color-success-light, #d1fae5);color:var(--color-success, #059669);border-radius:4px;font-weight:600;text-transform:uppercase}.ambient-station-play{width:28px;height:28px;border:none;background:var(--color-accent, #6366f1);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .15s ease,opacity .15s ease}.ambient-station-play:hover{transform:scale(1.1)}.ambient-station.active .ambient-station-play{background:var(--color-accent-dark, #4f46e5)}.ambient-station-link{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.ambient-station-link:hover{background:var(--color-bg-hover, rgba(0,0,0,.06));color:var(--color-primary, #6366f1)}body.dark .ambient-station-link{color:var(--color-text-secondary, #9ca3af)}body.dark .ambient-station-link:hover{background:#ffffff14;color:var(--color-primary, #818cf8)}.ambient-radio-loading{text-align:center;padding:16px;color:var(--color-text-secondary, #6b7280);font-size:12px}.ambient-radio-loading:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--color-border, #e5e7eb);border-top-color:var(--color-accent, #6366f1);border-radius:50%;animation:ambientSpin .6s linear infinite;margin-right:6px;vertical-align:middle}@keyframes ambientSpin{to{transform:rotate(360deg)}}.ambient-radio-empty{text-align:center;padding:16px;color:var(--color-text-secondary, #6b7280);font-size:12px;font-style:italic}.ambient-podcasts-lang-row{margin-bottom:6px}.ambient-pod-lang-select{width:100%;padding:5px 8px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--bg-primary, white);color:var(--color-text-main, #111827);font-size:12px;cursor:pointer}body.dark .ambient-pod-lang-select{background:var(--bg-primary, #1a1a2e);color:var(--color-text-main, #f3f4f6);border-color:#ffffff1a}.ambient-podcasts-cefr{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.ambient-cefr-pill{padding:3px 8px;border:1px solid var(--color-border, #e5e7eb);background:transparent;color:var(--color-text-secondary, #6b7280);font-size:11px;border-radius:12px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-weight:500}.ambient-cefr-pill:hover{border-color:var(--color-accent, #6366f1);color:var(--color-accent, #6366f1)}.ambient-cefr-pill.active{background:var(--color-accent, #6366f1);color:#fff;border-color:var(--color-accent, #6366f1)}.ambient-podcasts-list{flex:1;overflow-y:auto;overflow-x:hidden;max-height:200px;scrollbar-width:thin}.ambient-podcasts-list::-webkit-scrollbar{width:4px}.ambient-podcasts-list::-webkit-scrollbar-thumb{background:var(--color-border, #e5e7eb);border-radius:4px}.ambient-pod-tile{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s ease;position:relative}.ambient-pod-tile:hover{background:var(--color-bg-hover, rgba(0,0,0,.04))}body.dark .ambient-pod-tile:hover{background:#ffffff0d}.ambient-pod-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.ambient-pod-info{display:flex;flex-direction:column;min-width:0;flex:1}.ambient-pod-title{font-size:12px;font-weight:500;color:var(--color-text-main, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.ambient-pod-creator{font-size:10px;color:var(--color-text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ambient-pod-duration{font-size:10px;color:var(--color-text-secondary, #9ca3af)}.ambient-pod-iframe{width:100%;height:52px;border:none;border-radius:6px;margin-top:4px}.ambient-now-playing{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--color-accent-light, rgba(99,102,241,.08));border-radius:6px;margin-top:6px}.ambient-now-playing-icon{font-size:12px;animation:ambientPulse 2s ease-in-out infinite}@keyframes ambientPulse{0%,to{opacity:1}50%{opacity:.5}}.ambient-now-playing-text{font-size:11px;font-weight:500;color:var(--color-accent, #6366f1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .ambient-now-playing{background:#6366f126}body.dark .ambient-now-playing-text{color:#818cf8}@media(max-width:480px){.ambient-radio-section{max-height:250px}.ambient-radio-stations,.ambient-podcasts-list{max-height:160px}.ambient-genre-pill,.ambient-cefr-pill{font-size:10px;padding:2px 6px}}.ambient-content-subtabs{display:flex;gap:4px;padding:4px 8px;background:#0000000d;border-radius:8px;margin:0 8px 4px}body.dark .ambient-content-subtabs{background:#ffffff0f}.ambient-content-subtab{flex:1;padding:5px 8px;border:none;background:transparent;color:var(--text-secondary, #666);font-size:11px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.ambient-content-subtab:hover{background:#0000000f;color:var(--text-primary, #333)}body.dark .ambient-content-subtab:hover{background:#ffffff14;color:#ddd}.ambient-content-subtab.active{background:var(--accent, #6366f1);color:#fff;font-weight:600}.ambient-pod-type-badge{position:absolute;top:6px;right:6px;background:#000000bf;color:#fff;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;line-height:1.4;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.dark .ambient-pod-type-badge{background:#000000a6}.ambient-pod-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px}.ambient-pod-year{font-size:10px;color:var(--text-tertiary, #999);white-space:nowrap}.ambient-pod-archive{border-left:3px solid var(--accent, #6366f1);padding-left:8px}body.dark .ambient-pod-archive{border-left-color:#818cf8}@media(max-width:480px){.ambient-content-subtabs{margin:0 4px 4px;gap:2px;padding:3px}.ambient-content-subtab{font-size:10px;padding:4px 5px}.ambient-pod-type-badge{font-size:9px;padding:1px 4px}}.ambient-nature-section{padding:12px}.ambient-nature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:400px;margin:0 auto}.ambient-nature-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 8px;border:2px solid var(--color-border, rgba(0,0,0,.08));border-radius:12px;background:var(--color-bg, #fff);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ambient-nature-tile:hover{border-color:var(--color-accent, #6366f1);background:var(--color-bg-hover, rgba(99,102,241,.06));transform:translateY(-1px)}.ambient-nature-tile.active{border-color:var(--color-accent, #6366f1);background:var(--color-accent-light, rgba(99,102,241,.12));box-shadow:0 2px 8px #6366f133}body.dark .ambient-nature-tile{border-color:#ffffff1a;background:#ffffff0a}body.dark .ambient-nature-tile:hover{border-color:var(--color-accent, #818cf8);background:#6366f11a}body.dark .ambient-nature-tile.active{border-color:var(--color-accent, #818cf8);background:#6366f133;box-shadow:0 2px 8px #6366f14d}.ambient-nature-icon{font-size:28px;line-height:1}.ambient-nature-name{font-size:12px;font-weight:500;color:var(--color-text, #1f2937);text-align:center;line-height:1.2}body.dark .ambient-nature-name{color:var(--color-text, #e5e7eb)}@media(max-width:480px){.ambient-nature-grid{grid-template-columns:repeat(3,1fr);gap:8px}.ambient-nature-tile{padding:12px 6px}.ambient-nature-icon{font-size:24px}.ambient-nature-name{font-size:10px}}.ambient-nature-fun-badge{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:4px;background:var(--color-accent-light, rgba(99, 102, 241, .1));color:var(--color-accent, #6366f1);line-height:1.2}body.dark .ambient-nature-fun-badge{background:#818cf826;color:var(--accent-primary, #818cf8)}.ambient-nature-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.ambient-nature-bars span{display:block;width:3px;border-radius:1px;background:var(--color-accent, #6366f1);animation:natureBar .8s ease-in-out infinite}.ambient-nature-bars span:nth-child(1){height:4px;animation-delay:0s}.ambient-nature-bars span:nth-child(2){height:8px;animation-delay:.15s}.ambient-nature-bars span:nth-child(3){height:6px;animation-delay:.3s}@keyframes natureBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}@media(prefers-reduced-motion:reduce){.ambient-nature-bars span{animation:none}}.ambient-audiobooks-content{padding:8px 0;max-height:240px;overflow-y:auto}.ambient-ab-tile{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;gap:8px}.ambient-ab-tile:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .04))}.ambient-ab-tile.active{background:var(--color-primary-alpha, rgba(79, 70, 229, .1))}.ambient-ab-info{flex:1;min-width:0}.ambient-ab-title{display:block;font-size:12px;font-weight:500;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}body.dark .ambient-ab-title{color:var(--color-text, #e5e7eb)}.ambient-ab-meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:2px}.ambient-ab-author{font-size:10px;color:var(--color-text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.ambient-ab-duration,.ambient-ab-chapters,.ambient-ab-cefr{font-size:10px;color:var(--color-text-tertiary, #9ca3af)}.ambient-ab-cefr{background:var(--color-primary-alpha, rgba(79, 70, 229, .1));color:var(--color-primary, #4f46e5);padding:1px 5px;border-radius:4px;font-weight:600;font-size:9px}.ambient-ab-resume{font-size:10px;color:var(--color-primary, #4f46e5);font-weight:500}.ambient-ab-play{width:30px;height:30px;border-radius:50%;border:none;background:var(--color-primary, #4f46e5);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s,background .15s}.ambient-ab-play:hover{transform:scale(1.1)}.ambient-audiobook-player{margin-top:8px;padding:10px;background:var(--color-bg-secondary, #f3f4f6);border-radius:10px}body.dark .ambient-audiobook-player{background:var(--color-bg-tertiary, #1f2937)}.ambient-audiobook-info{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.ambient-audiobook-title{font-size:12px;font-weight:600;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .ambient-audiobook-title{color:var(--color-text, #e5e7eb)}.ambient-audiobook-chapter{font-size:10px;color:var(--color-text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ambient-audiobook-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.ambient-ab-nav{width:28px;height:28px;border-radius:50%;border:none;background:var(--color-border, #e5e7eb);color:var(--color-text, #374151);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ambient-ab-nav:hover{background:var(--color-primary, #4f46e5);color:#fff}.ambient-ab-progress{font-size:10px;color:var(--color-text-secondary, #6b7280);font-variant-numeric:tabular-nums}.ambient-ab-seek{width:100%;height:4px;margin-top:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border, #e5e7eb);border-radius:2px;outline:none}.ambient-ab-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary, #4f46e5);cursor:pointer}.ambient-ab-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-primary, #4f46e5);cursor:pointer;border:none}.ambient-podcasts-shortcuts{display:flex;gap:8px;justify-content:center;margin-top:12px}.ambient-podcast-shortcut{padding:8px 16px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-bg-secondary, #f3f4f6);color:var(--color-text, #374151);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.ambient-podcast-shortcut:hover{background:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5)}body.dark .ambient-podcast-shortcut{background:var(--color-bg-tertiary, #1f2937);border-color:var(--color-border, #374151);color:var(--color-text, #e5e7eb)}.ambient-focus-section{padding:8px 12px}.ambient-focus-subtabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border, #e5e7eb);padding-bottom:4px;margin-bottom:4px}.ambient-focus-subtab{flex:1;padding:8px 6px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:11px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.ambient-focus-subtab-name{font-size:11px;font-weight:600;line-height:1.2}.ambient-focus-subtab-desc{font-size:9px;font-weight:400;opacity:.7;line-height:1.1}.ambient-focus-subtab:hover{background:var(--color-bg-hover, rgba(0,0,0,.05))}.ambient-focus-subtab.active{color:var(--color-text-main, #111827);background:var(--color-bg-active, rgba(0,0,0,.08));font-weight:600}body.dark .ambient-focus-subtab.active{color:var(--color-text-main, #f3f4f6);background:#ffffff1a}.ambient-lofi-source-section{padding:8px 12px 0}.ambient-lofi-source-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border, #e5e7eb);padding-bottom:4px}.ambient-lofi-source-tab{flex:1;padding:6px 8px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:11px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.ambient-lofi-source-tab:hover{background:var(--color-bg-hover, rgba(0,0,0,.05))}.ambient-lofi-source-tab.active{color:var(--color-text-main, #111827);background:var(--color-bg-active, rgba(0,0,0,.08));font-weight:600}body.dark .ambient-lofi-source-tab.active{color:var(--color-text-main, #f3f4f6);background:#ffffff1a}#modeBar{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;right:0;z-index:8000;display:flex;align-items:center;justify-content:center;gap:0;height:44px;background:var(--bg-primary, #ffffff);border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 -2px 8px #0000000f;padding:0 16px;transition:transform .3s ease,opacity .3s ease;touch-action:none;-webkit-tap-highlight-color:transparent}body.hide-mode-bar #modeBar{display:none}body.modal-open #modeBar{transform:translateY(100%);opacity:0;pointer-events:none}.mode-bar-toggle{display:flex;align-items:center;background:var(--bg-hover, rgba(0, 0, 0, .05));border-radius:20px;padding:3px;gap:0;height:34px}.mode-bar-toggle.swiping{transition:transform .08s ease-out}.mode-bar-option{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 18px;height:28px;border:none;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;background:transparent;color:var(--color-text-secondary, #6b7280);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.mode-bar-option.active{color:#fff;font-weight:600}@keyframes mode-glow-pulse{0%,to{box-shadow:0 2px 12px var(--glow-color, rgba(79, 70, 229, .4)),inset 0 1px #fff3}50%{box-shadow:0 3px 20px var(--glow-color, rgba(79, 70, 229, .6)),inset 0 1px #fff3}}.mode-bar-option.active,#modeTools.tools-active{will-change:box-shadow}#modeCourse.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);--glow-color: rgba(79, 70, 229, .45);animation:mode-glow-pulse 2.5s ease-in-out infinite}#modeChill.active{background:linear-gradient(135deg,#10b981,#34d399);--glow-color: rgba(16, 185, 129, .45);animation:mode-glow-pulse 2.5s ease-in-out infinite}#modeTools{--glow-color: rgba(245, 158, 11, .45)}body.tools-showing #modeTools,#modeTools.tools-active{background:linear-gradient(135deg,#f59e0b,#fb923c);color:#fff;font-weight:600;animation:mode-glow-pulse 2.5s ease-in-out infinite}#modeChat.active{background:linear-gradient(135deg,#8b5cf6,#d946ef);--glow-color: rgba(139, 92, 246, .45);animation:mode-glow-pulse 2.5s ease-in-out infinite}.mode-bar-option:not(.active):hover{background:#0000000a;color:var(--color-text-main, #111827)}.mode-bar-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:28px;border:none;border-radius:14px;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:16px;cursor:pointer;transition:all .25s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent;margin-left:8px;touch-action:none}.mode-bar-icon-btn:hover{background:#0000000d;color:var(--color-text-main, #111827)}.mode-bar-icon-btn.muted{opacity:.5}body.dark .mode-bar-icon-btn{color:var(--color-text-secondary, #9ca3af)}body.dark .mode-bar-icon-btn:hover{background:#ffffff14;color:var(--color-text-main, #f3f4f6)}@media(max-width:768px){.mode-bar-icon-btn{width:44px;height:44px;border-radius:22px}.mode-bar-option{padding:0 14px;font-size:12px;gap:4px;min-height:44px;height:auto}.mode-bar-toggle{padding:3px;height:44px}.mode-bar-icon-btn,#barsCollapseBtn,.mode-bar-collapse-btn{touch-action:none}}@media(min-width:769px){.mode-bar-wrapper{grid-area:banner;display:flex;flex-direction:column;align-items:center;width:100%}#modeBar{position:static;height:auto;border-top:none;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06));box-shadow:none;background:transparent;padding:8px 0;z-index:auto;width:100%}body.modal-open #modeBar{transform:none;opacity:1}.mode-bar-option{padding:0 14px;font-size:12px}}body.dark #modeBar{background:var(--bg-primary, #1a1a2e);border-top-color:#ffffff14;box-shadow:0 -2px 8px #0000004d}body.dark .mode-bar-toggle{background:#ffffff0f}body.dark .mode-bar-option:not(.active):hover{background:#ffffff14}body.dark #modeCourse.active{--glow-color: rgba(99, 102, 241, .55)}body.dark #modeChill.active{--glow-color: rgba(52, 211, 153, .55)}body.dark.tools-showing #modeTools,body.dark #modeTools.tools-active{--glow-color: rgba(251, 191, 36, .55)}body.dark #modeChat.active{--glow-color: rgba(167, 139, 250, .55)}body.simple-mode .empty-state-section-label[data-group=tools],body.simple-mode .empty-state-card[data-group=tools]{display:none!important}body.simple-mode .empty-state-suggestions{display:grid!important;grid-template-columns:repeat(3,1fr)}body.simple-mode .empty-state-card:not([data-chill=true]){display:none!important}body.simple-mode .empty-card-label{font-size:var(--font-size-sm, 13px)}body.simple-mode .empty-card-desc{display:none}body.simple-mode .empty-state-card[data-action=characters]{order:-10}body.simple-mode .empty-state-card[data-action=culture]{order:-9}body.simple-mode .empty-state-card[data-action=listening]{order:-8}body.simple-mode .empty-state-card[data-group=fun]{order:0}body.simple-mode .empty-state-section-label[data-group=mode],body.simple-mode .empty-state-section-label[data-group=fun]{display:none!important}body.simple-mode.tools-showing .empty-state-suggestions{grid-template-columns:repeat(3,1fr)!important}body.simple-mode.tools-showing .empty-state-card:not([data-chill=true]){display:flex!important}body.simple-mode.tools-showing .empty-state-section-label{display:block!important}body.simple-mode.tools-showing .empty-state-card{order:unset!important}body.simple-mode .quick-select-buttons.quick-select-greyed-row{display:flex!important;opacity:1!important}body.simple-mode .quick-select-container{position:relative!important;top:auto!important;z-index:10!important;padding-top:4px!important;padding-bottom:4px!important;margin-top:0!important;margin-bottom:0!important}body.simple-mode .quick-select-container:not(:has(.quick-select-greyed-row)){display:none!important}body.simple-mode .quick-select-greyed-row.in-right-panel{display:flex!important;gap:8px;margin-bottom:16px;justify-content:center}body.simple-mode .quick-select-greyed-row.in-right-panel .quick-select-btn{flex:1;min-width:0;height:44px;border-radius:12px;border:2px solid var(--color-border, #e0e0e0);background:var(--surface-0, #fff);transition:all .2s ease}body.simple-mode .quick-select-greyed-row.in-right-panel .quick-select-btn:hover{border-color:var(--color-primary, #4361ee);background:var(--color-primary-soft, #f0f4ff);transform:translateY(-1px)}body.simple-mode .quick-select-greyed-row.in-right-panel .quick-select-icon{font-size:16px}body.simple-mode .quick-select-greyed-row.in-right-panel .quick-select-text{font-size:13px;font-weight:600}body.simple-mode .quick-select-greyed-row.in-right-panel .qs-desc{display:none}body.simple-mode #main-container{gap:2px 16px!important}body.simple-mode .mode-bar-wrapper{padding-top:0!important;padding-bottom:0!important}.qs-collapse-toggle{display:none;background:none;border:none;cursor:pointer;font-size:11px;color:var(--color-text-tertiary, #9ca3af);padding:2px 8px;border-radius:4px;transition:color .15s}.qs-collapse-toggle:hover{color:var(--color-text-secondary, #666)}body.simple-mode .qs-collapse-toggle{display:inline-flex}body.simple-mode .quick-select-container.qs-collapsed{min-height:0!important;height:32px!important;padding:4px 12px!important;overflow:hidden}body.simple-mode .quick-select-container.qs-collapsed .quick-select-buttons,body.simple-mode .quick-select-container.qs-collapsed .quick-select-label{display:none!important}body.simple-mode .quick-select-container.qs-collapsed .qs-collapse-toggle:after{content:"▾ Show"}body.simple-mode .quick-select-container:not(.qs-collapsed) .qs-collapse-toggle:after{content:"▴ Hide"}body.simple-mode .quick-select-buttons.quick-select-greyed-row .quick-select-btn{flex:1;min-width:0;height:36px;border-radius:12px;transition:all .25s ease}body.simple-mode .quick-select-buttons.quick-select-greyed-row .quick-select-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}body.simple-mode .exercise-panel-header,body.simple-mode .difficulty-control,body.simple-mode .phase-selector{display:none!important}body.simple-mode #quickNewBtn{order:-3}body.simple-mode #quickMasterBtn{order:-2}body.simple-mode #quickExploreBtn{order:-1}body.simple-mode .quick-select-buttons .quick-select-btn{border-radius:12px;transition:all .25s ease}body.simple-mode #beginnerProgressBar{display:block!important}.qs-desc{display:none;font-size:11px;font-weight:400;color:var(--color-text-tertiary, #999);margin-top:2px;line-height:1.2}@media(min-width:768px){.quick-select-greyed-row .quick-select-btn{flex-direction:column;padding:6px 10px;gap:0;height:auto;min-height:36px}.quick-select-greyed-row .qs-desc{display:block}}.mode-bar-tools-btn{cursor:pointer}.mode-bar-tools-btn:hover{opacity:.85}#beginnerProgressBar{display:none}#drawerActionsContainer .empty-state-suggestions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}#drawerActionsContainer .empty-state-card{display:flex!important}#drawerActionsContainer .empty-state-section-label{display:block!important}body.dark #modeBar.mb-grammar-warm .mode-bar-icon-btn,#modeBar.mb-grammar-warm .mode-bar-icon-btn{color:#34d399}body.dark #modeBar.mb-grammar-easy .mode-bar-icon-btn,#modeBar.mb-grammar-easy .mode-bar-icon-btn{color:#10b981}body.dark #modeBar.mb-grammar-steady .mode-bar-icon-btn,#modeBar.mb-grammar-steady .mode-bar-icon-btn{color:#3b82f6}body.dark #modeBar.mb-grammar-push .mode-bar-icon-btn,#modeBar.mb-grammar-push .mode-bar-icon-btn{color:#f59e0b}body.dark #modeBar.mb-grammar-max .mode-bar-icon-btn,#modeBar.mb-grammar-max .mode-bar-icon-btn{color:#f97316}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;font-size:18px;cursor:pointer;transition:background .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;color:var(--color-text-secondary, #6b7280)}.notification-bell:hover{background:#0000000f;transform:scale(1.05)}.notification-bell:active{transform:scale(.95)}.notification-bell.has-notifications{color:var(--color-text-main, #111827)}body.dark .notification-bell{color:var(--color-text-secondary, #9ca3af)}body.dark .notification-bell:hover{background:#ffffff14;color:var(--color-text-main, #f3f4f6)}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none;animation:notifBadgePop .3s ease}@keyframes notifBadgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}body.dark .notification-badge{background:#dc2626;box-shadow:0 0 0 2px var(--bg-main, #111827)}.notification-panel{background:var(--bg-surface, #ffffff);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;z-index:1000000001;overflow:hidden;display:flex;flex-direction:column;animation:notifPanelSlide .2s ease-out}@keyframes notifPanelSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}body.dark .notification-panel{background:var(--bg-surface, #1f2937);border-color:#ffffff1a;box-shadow:0 8px 30px #0006}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06));flex-shrink:0}.notif-header-title{font-size:14px;font-weight:700;color:var(--color-text-main, #111827)}.notif-mark-all{font-size:12px;font-weight:500;color:var(--color-primary, #6366f1);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.notif-mark-all:hover{background:#6366f11a}.notif-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1}.notif-scroll::-webkit-scrollbar{width:4px}.notif-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}body.dark .notif-scroll::-webkit-scrollbar-thumb{background:#ffffff26}.notif-section{border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .04))}.notif-section:last-child{border-bottom:none}.notif-section-label{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #9ca3af)}body.dark .notif-section-label{color:var(--color-text-secondary, #6b7280)}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;cursor:pointer;transition:background .15s ease;position:relative}.notif-item:hover{background:#00000008}body.dark .notif-item:hover{background:#ffffff0a}.notif-item:focus-visible{outline:2px solid var(--color-primary, #6366f1);outline-offset:-2px;border-radius:4px}.notif-item-unread{background:#6366f10a}.notif-item-unread:hover,body.dark .notif-item-unread{background:#6366f114}body.dark .notif-item-unread:hover{background:#6366f11f}.notif-item-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary, #6366f1);flex-shrink:0;margin-top:6px}.notif-item-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center;line-height:1;margin-top:1px}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:13px;font-weight:500;color:var(--color-text-main, #111827);line-height:1.3;word-wrap:break-word}.notif-item-user .notif-item-title{font-weight:600}.notif-item-body{font-size:12px;color:var(--color-text-secondary, #6b7280);line-height:1.4;margin-top:2px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:11px;color:var(--color-text-secondary, #9ca3af);margin-top:2px}.notif-show-more{display:block;width:100%;padding:10px 16px;background:none;border:none;border-top:1px solid var(--border-color, rgba(0, 0, 0, .04));font-size:12px;font-weight:500;color:var(--color-primary, #6366f1);cursor:pointer;transition:background .15s;text-align:center}.notif-show-more:hover{background:#6366f10f}.notif-empty{padding:32px 16px;text-align:center}.notif-empty-icon{font-size:32px;margin-bottom:8px;opacity:.6}.notif-empty-text{font-size:14px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.notif-empty-sub{font-size:12px;color:var(--color-text-secondary, #9ca3af);margin-top:4px}@media(max-width:480px){.notification-bell{width:40px;height:40px;font-size:20px}.notification-badge{min-width:18px;height:18px;font-size:11px;line-height:18px}.notification-panel{border-radius:16px 16px 0 0;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-height:70vh;animation:notifPanelSheet .25s ease-out}@keyframes notifPanelSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.game-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--duration-normal, .2s),visibility var(--duration-normal, .2s)}.game-modal.active{opacity:1;visibility:visible}.game-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-container{position:relative;width:100%;max-width:95vw;max-height:95vh;background:var(--bg-primary, #1a1a2e);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,.2));display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.game-container{max-width:900px;height:90vh}}@media(min-width:768px){.game-content{min-height:500px;padding:32px}}.game-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);background:var(--bg-secondary, #16213e);border-bottom:1px solid rgba(255,255,255,.1)}.game-timer{font-size:var(--text-xl, 24px);font-weight:700;color:var(--accent-primary, #4a90d9);font-variant-numeric:tabular-nums}.game-score{font-size:var(--text-lg, 18px);font-weight:600;color:#fbbf24}.game-help{display:flex;gap:var(--gap-sm, 8px)}.game-content{flex:1;padding:var(--space-6, 24px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.game-footer{display:flex;justify-content:center;gap:var(--gap-md, 12px);padding:var(--space-4, 16px);background:var(--bg-secondary, #16213e);border-top:1px solid rgba(255,255,255,.1)}.game-btn{padding:var(--space-2, 8px) var(--space-5, 20px);border:none;border-radius:var(--radius-md, 8px);font-size:var(--text-base, 14px);font-weight:600;cursor:pointer;transition:all var(--duration-fast, .15s)}.game-btn.skip-btn{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2)}.game-btn.skip-btn:hover{background:#ffffff1a;color:#fffc}.game-btn.quit-btn{background:#ef44441a;color:#ef4444;border:1px solid #ef4444}.game-btn.quit-btn:hover{background:#ef4444;color:#fff}.game-btn.help-btn{width:36px;height:36px;padding:0;border-radius:var(--radius-full, 100px);background:#ffffff1a;color:#ffffffb3}.game-btn.help-btn:hover{background:#fff3;color:#fff}.game-results-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10}.game-results-content{text-align:center;padding:var(--space-6, 24px)}.game-results-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:var(--space-6, 24px)}.game-results-stats{display:flex;justify-content:center;gap:var(--space-6, 24px);margin-bottom:var(--space-6, 24px)}.game-results-stats .stat{display:flex;flex-direction:column;align-items:center}.game-results-stats .stat-label{font-size:12px;color:#fff9;text-transform:uppercase;margin-bottom:4px}.game-results-stats .stat-value{font-size:24px;font-weight:700;color:#fbbf24}.game-results-actions{display:flex;justify-content:center;gap:var(--gap-md, 12px)}.minigames-grid-wrapper{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.minigames-grid:before,.minigames-grid:after{content:"";position:absolute;top:0;bottom:0;width:20px;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}.minigames-grid:before{left:0;background:linear-gradient(to right,var(--bg-primary, #1a1a2e),transparent)}.minigames-grid:after{right:0;background:linear-gradient(to left,var(--bg-primary, #1a1a2e),transparent)}.minigames-grid.can-scroll:before,.minigames-grid.can-scroll:after{opacity:1}.game-results-actions .game-btn{padding:var(--space-3, 12px) var(--space-6, 24px);font-size:16px}.game-results-actions .replay-btn{background:var(--accent-primary, #4a90d9);color:#fff;border:none}.game-results-actions .replay-btn:hover{background:var(--accent-primary-hover, #3a7bc8)}.game-results-actions .home-btn{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3)}.game-results-actions .home-btn:hover{background:#ffffff1a;color:#fff}.minigames-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--duration-normal, .2s),visibility var(--duration-normal, .2s)}.minigames-modal.active{opacity:1;visibility:visible}.minigames-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.minigames-container{position:relative;width:100%;max-width:700px;max-height:85vh;background:var(--bg-primary, #1a1a2e);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,.3));display:flex;flex-direction:column;overflow:hidden;margin:var(--space-4, 16px)}.minigames-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--bg-secondary, #16213e);border-bottom:1px solid rgba(255,255,255,.1)}.minigames-title{font-size:22px;font-weight:700;color:#fff;margin:0}.minigames-close{width:36px;height:36px;border:none;background:#ffffff1a;color:#ffffffb3;border-radius:var(--radius-full, 100px);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast, .15s)}.minigames-close:hover{background:#fff3;color:#fff}.minigames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3, 12px);padding:var(--space-4, 16px);overflow-y:auto;flex:1}.minigame-tile{display:flex;flex-direction:column;align-items:center;padding:var(--space-4, 16px) var(--space-3, 12px);background:var(--bg-secondary, #16213e);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all var(--duration-fast, .15s);text-align:center}.minigame-tile:hover{background:#4a90d926;border-color:var(--accent-primary, #4a90d9);transform:translateY(-2px)}.minigame-tile:active{transform:translateY(0)}.minigame-icon{font-size:32px;margin-bottom:var(--space-2, 8px)}.minigame-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.minigame-cefr{font-size:11px;color:var(--accent-primary, #4a90d9);background:#4a90d926;padding:2px 8px;border-radius:var(--radius-full, 100px);margin-bottom:4px}.minigame-desc{font-size:11px;color:#ffffff80;line-height:1.3}.minigames-footer{padding:var(--space-3, 12px);text-align:center;background:var(--bg-secondary, #16213e);border-top:1px solid rgba(255,255,255,.1)}.minigames-hint{font-size:13px;color:#ffffff80}.game-grid{display:grid;gap:var(--gap-sm, 8px);width:100%;max-width:400px}.game-card{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #16213e);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md, 8px);font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration-fast, .15s)}.game-card:hover{border-color:var(--accent-primary, #4a90d9);transform:scale(1.02)}.game-card.flipped{background:#4a90d933;border-color:var(--accent-primary, #4a90d9)}.game-card.matched{background:#22c55e33;border-color:#22c55e;cursor:default}.game-card .card-front,.game-card .card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:inherit}.game-input{width:100%;max-width:300px;padding:var(--space-3, 12px);background:var(--bg-secondary, #16213e);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-md, 8px);color:#fff;font-size:18px;text-align:center;outline:none;transition:border-color var(--duration-fast, .15s)}.game-input:focus{border-color:var(--accent-primary, #4a90d9)}.game-word-bank{display:flex;flex-wrap:wrap;gap:var(--gap-sm, 8px);justify-content:center;margin-top:var(--space-4, 16px)}.game-word-option{padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--bg-secondary, #16213e);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md, 8px);color:#fff;cursor:pointer;transition:all var(--duration-fast, .15s)}.game-word-option:hover{border-color:var(--accent-primary, #4a90d9);background:#4a90d91a}.game-word-option.selected{background:var(--accent-primary, #4a90d9);border-color:var(--accent-primary, #4a90d9)}.game-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;opacity:0;transition:opacity .2s ease}.game-help-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--bg-primary, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl, 16px);padding:24px;max-width:400px;width:90%;z-index:10002;opacity:0;transition:all .2s ease;box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,.3))}.game-help-content h3{margin:0 0 12px;font-size:18px;color:#fff}.game-help-content p{margin:0;font-size:14px;color:#fffc;line-height:1.5}.game-help-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:#ffffff1a;color:#ffffffb3;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.game-help-close:hover{background:#fff3;color:#fff}#gameHelpOverlay.active .game-help-backdrop,#gameHelpOverlay.active .game-help-content{opacity:1}#gameHelpOverlay.active .game-help-content{transform:translate(-50%,-50%) scale(1)}@keyframes xpCountUp{0%{transform:scale(1)}50%{transform:scale(1.3);color:#fbbf24}to{transform:scale(1)}}.stat-value.xp-animating{animation:xpCountUp .5s ease-out}@media(max-width:767px){.game-container{max-width:100%;max-height:100%;border-radius:0}.minigames-container{max-width:100%;max-height:100vh;border-radius:0;margin:0}.minigames-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-2, 8px);padding:var(--space-3, 12px)}.minigame-tile{padding:var(--space-3, 12px) var(--space-2, 8px)}.minigame-icon{font-size:28px}.minigame-name{font-size:12px}.game-footer{flex-wrap:wrap}.game-btn{padding:var(--space-2, 8px) var(--space-4, 16px);font-size:13px}}.truefalse-game{width:100%;max-width:420px;text-align:center;max-width:560px}.tf-header{display:flex;justify-content:space-between;margin-bottom:16px;font-size:14px;color:#ffffffb3}.tf-round strong,.tf-score strong{color:#fbbf24}.truefalse-game .game-instruction{font-size:16px;color:#fffc;margin-bottom:20px}.tf-pair{background:var(--bg-secondary, #16213e);padding:24px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.tf-native{font-size:24px;font-weight:600;color:#fff;margin-bottom:8px}.tf-equals{font-size:20px;color:#fff6;margin-bottom:8px}.tf-learning{font-size:24px;font-weight:600;color:var(--accent-primary, #4a90d9)}.tf-answer-buttons{display:flex;gap:16px;justify-content:center}.tf-btn{flex:1;max-width:140px;padding:16px 24px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all var(--duration-fast, .15s);outline:none;max-width:180px}.tf-btn:focus-visible{outline:2px solid white;outline-offset:2px}.tf-true-btn{background:#22c55e26;border:2px solid #22c55e;color:#22c55e}.tf-true-btn:hover:not(.disabled){background:#22c55e4d;transform:scale(1.05)}.tf-false-btn{background:#ef444426;border:2px solid #ef4444;color:#ef4444}.tf-false-btn:hover:not(.disabled){background:#ef44444d;transform:scale(1.05)}.tf-btn.disabled{opacity:.4;cursor:default;transform:none}.tf-feedback{margin-top:20px;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:600}.tf-feedback.tf-correct{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.tf-feedback.tf-wrong{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.tf-footer{margin-top:16px}.tf-streak{font-size:16px;color:#fbbf24}.game-inline-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #f1f3f5);border-radius:8px 8px 0 0;border-bottom:1px solid var(--border-color, rgba(0,0,0,.1))}.game-inline-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.game-inline-btn.skip-btn{background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, rgba(0,0,0,.15))}.game-inline-btn.skip-btn:hover{background:var(--bg-hover, rgba(0,0,0,.05));color:var(--text-primary, #374151)}.game-inline-btn.help-btn{background:var(--bg-tertiary, rgba(0,0,0,.06));color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, rgba(0,0,0,.15))}.game-inline-btn.help-btn:hover{background:var(--bg-hover, rgba(0,0,0,.1));color:var(--text-primary, #374151)}body.dark .game-inline-controls{background:#1e293be6;border-bottom-color:#ffffff1a}body.dark .game-inline-btn{color:#ffffffb3;border-color:#fff3}body.dark .game-inline-btn:hover{background:#ffffff1a;color:#ffffffe6}body.dark .game-inline-btn.skip-btn{color:#fff9;border-color:#fff3}body.dark .game-inline-btn.skip-btn:hover{background:#ffffff1a;color:#fffc}body.dark .game-inline-btn.help-btn{background:#ffffff1a;color:#ffffffb3;border-color:#fff3}body.dark .game-inline-btn.help-btn:hover{background:#fff3;color:#fff}.tf-feedback:not(.tf-correct):not(.tf-wrong),.wc-feedback:not(.wc-correct):not(.wc-wrong),.cat-feedback:not(.cat-correct):not(.cat-wrong),.rd-feedback:not(.rd-correct):not(.rd-wrong),.lr-feedback:not(.lr-feedback-correct):not(.lr-feedback-wrong),.bo-feedback:not(.bo-correct):not(.bo-wrong){display:none}.riddle-game{min-height:280px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:560px}.rd-header{display:flex;justify-content:space-between;font-size:14px;color:#ffffffb3}.rd-riddle{text-align:center;padding:24px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.rd-icon{font-size:40px;margin-bottom:12px}.rd-clue{font-size:1.25rem;font-weight:500;color:#ffffffe6;margin:0}.rd-input-area{display:flex;gap:8px;max-width:360px;margin:0 auto}.rd-input{flex:1;padding:12px 16px;background:var(--bg-secondary, #16213e);border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:16px;outline:none;transition:border-color .15s ease}.rd-input:focus{border-color:var(--accent-primary, #4a90d9)}.rd-submit-btn{padding:12px 20px;background:var(--accent-primary, #4a90d9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.rd-submit-btn:hover{background:var(--accent-primary-hover, #3a7bc8)}.rd-feedback.rd-correct{display:block;background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3);padding:12px 16px;border-radius:8px;text-align:center;font-weight:600}.rd-feedback.rd-wrong{display:block;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:12px 16px;border-radius:8px;text-align:center;font-weight:600}.rd-footer{text-align:center}.rd-hint-btn{padding:8px 16px;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s ease}.rd-hint-btn:hover:not(:disabled){background:#ffffff26;color:#fffc}.rd-hint-btn:disabled{opacity:.4;cursor:default}.listening-game{min-height:280px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:560px}.lr-header{display:flex;justify-content:space-between;font-size:14px;color:#ffffffb3}.lr-audio-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.lr-play-btn{width:72px;height:72px;font-size:32px;border:none;border-radius:50%;background:#4a90d926;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lr-play-btn:hover{background:#4a90d94d;transform:scale(1.08)}.lr-play-btn:disabled{opacity:.4;cursor:default;transform:none}.lr-replays{font-size:13px;color:#ffffff80;margin:0}.lr-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lr-option{padding:14px 16px;background:var(--bg-secondary, #16213e);border:2px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.lr-option:hover:not(:disabled){border-color:var(--accent-primary, #4a90d9);background:#4a90d91a}.lr-option:disabled{opacity:.5;cursor:default}.lr-option.lr-correct{border-color:#22c55e;background:#22c55e26;color:#22c55e}.lr-option.lr-wrong{border-color:#ef4444;background:#ef444426;color:#ef4444}.lr-feedback.lr-feedback-correct,.lr-feedback.lr-feedback-wrong{display:block;padding:12px 16px;border-radius:8px;text-align:center;font-weight:600;font-size:15px}.lr-feedback.lr-feedback-correct{background:#22c55e26;color:#22c55e}.lr-feedback.lr-feedback-wrong{background:#ef444426;color:#ef4444}.boggle-game{width:100%;max-width:400px}.bo-header{display:flex;justify-content:space-between;margin-bottom:16px;font-size:14px;color:#ffffffb3}.bo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.bo-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #16213e);border:2px solid rgba(255,255,255,.12);border-radius:8px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.bo-tile:hover{border-color:var(--accent-primary, #4a90d9);background:#4a90d91a}.bo-tile.bo-selected{background:#4a90d940;border-color:var(--accent-primary, #4a90d9);transform:scale(1.05)}.bo-current{text-align:center;padding:10px;font-size:18px;font-weight:600;color:#ffffffb3;min-height:40px;background:#ffffff0a;border-radius:8px;margin-bottom:12px}.bo-actions{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.bo-clear-btn,.bo-submit-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.bo-clear-btn{background:#ffffff14;color:#ffffffb3}.bo-clear-btn:hover{background:#ffffff26}.bo-submit-btn{background:var(--accent-primary, #4a90d9);color:#fff}.bo-submit-btn:hover{background:var(--accent-primary-hover, #3a7bc8)}.bo-found{margin-top:12px}.bo-found-label{font-size:12px;color:#ffffff80;margin:0 0 6px}.bo-found-list{display:flex;flex-wrap:wrap;gap:6px}.bo-found-word{display:inline-block;padding:4px 10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:6px;font-size:13px;color:#4ade80}.bo-found-empty{font-size:13px;color:#ffffff59}.categorization-game{width:100%;max-width:560px}.cat-bucket-words{min-height:48px;background:#ffffff08;border:1px dashed rgba(255,255,255,.08);border-radius:6px;padding:4px}.word-chain-game{width:100%;max-width:560px}.game-progress{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:4px}.game-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary, #4a90d9),#22c55e);border-radius:2px;transition:width .4s ease}.crossword-game-placeholder{text-align:center;padding:40px 20px}.crossword-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.crossword-loading h3{color:#fffc;margin:0}.crossword-loading p{color:#ffffff80;font-size:14px;margin:0}.loading-spinner{font-size:28px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.riddle-game{min-height:240px;gap:14px}.rd-riddle{padding:16px}.rd-icon{font-size:32px}.listening-game{min-height:240px;gap:14px}.lr-play-btn{width:60px;height:60px;font-size:26px}.lr-audio-area{padding:20px 16px}.bo-grid{gap:5px}.bo-tile{font-size:17px}.boggle-game{max-width:320px}.game-footer{flex-direction:column;gap:8px}}.game-victory-splash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;background:var(--surface-elevated, #1a1a2e);animation:victoryFadeIn .2s ease-out}.game-victory-card{text-align:center;padding:20px 28px 16px;width:100%;max-width:320px;animation:victoryCardIn .3s ease-out}.game-victory-title{font-size:14px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.game-victory-icon{font-size:22px;margin-right:6px;vertical-align:middle}.game-victory-score{font-size:32px;font-weight:800;color:var(--text-primary, #fff);margin-bottom:4px;animation:victoryScoreIn .4s ease-out .1s both}.game-victory-xp{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:20px;font-weight:800;padding:6px 20px;border-radius:24px;margin-bottom:10px;box-shadow:0 4px 18px #f59e0b73;animation:victoryXpPop .5s cubic-bezier(.34,1.56,.64,1) .2s both}body.dark .game-victory-xp{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.game-victory-stats{display:flex;justify-content:center;gap:20px;margin:12px 0 16px;font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .7));animation:victoryFadeIn .3s ease-out .3s both}.game-victory-stat{display:flex;align-items:center;gap:4px}.game-victory-stat-icon{font-size:14px;opacity:.7}.game-victory-streak{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#f97316;background:#f973161f;padding:3px 10px;border-radius:12px;margin-bottom:12px;animation:victoryFadeIn .3s ease-out .4s both}.game-victory-bar-track{width:100%;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:8px}.game-victory-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent-color, #6c5ce7),#22c55e);border-radius:2px;transform-origin:left;animation:victoryBarShrink 2.5s linear forwards;animation-delay:.3s}.game-victory-confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:11}.game-victory-confetti{position:absolute;width:8px;height:8px;top:-10px;animation:victoryConfettiFall 1.5s ease-out forwards}@keyframes victoryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes victoryCardIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes victoryScoreIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes victoryXpPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes victoryBarShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes victoryConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(200px) rotate(720deg) scale(.6)}}@media(max-width:480px){.game-victory-card{padding:16px 16px 12px}.game-victory-score{font-size:26px}.game-victory-xp{font-size:17px;padding:5px 16px}.game-victory-stats{gap:14px;font-size:12px}}:root{--mm-primary: #f59e0b;--mm-primary-hover: #d97706;--mm-bg: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--mm-card-front-bg: linear-gradient(145deg, #fff 0%, #fef9e7 100%);--mm-card-back-bg: linear-gradient(145deg, #fffbeb 0%, #fef3c7 100%);--mm-card-front-border: rgba(245, 158, 11, .3);--mm-card-back-border: rgba(245, 158, 11, .4);--mm-header-bg: rgba(255, 255, 255, .7);--mm-header-border: rgba(245, 158, 11, .2);--mm-text-dark: #78350f;--mm-text-light: #92400e;--mm-success-bg: linear-gradient(145deg, rgba(34, 197, 94, .2) 0%, rgba(34, 197, 94, .1) 100%);--mm-success-border: #22c55e}body.dark{--mm-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--mm-card-front-bg: linear-gradient(145deg, #292524 0%, #1c1917 100%);--mm-card-back-bg: linear-gradient(145deg, #292524 0%, #1c1917 100%);--mm-card-front-border: rgba(245, 158, 11, .4);--mm-card-back-border: rgba(245, 158, 11, .5);--mm-header-bg: rgba(255, 255, 255, .1);--mm-header-border: rgba(245, 158, 11, .3);--mm-text-dark: #fef3c7;--mm-text-light: #fde68a}body.dark .game-inline-controls{background:#1e293be6;border-bottom:1px solid rgba(245,158,11,.3)}body.dark .game-inline-btn{color:#fef3c7;border-color:#f59e0b80}body.dark .game-inline-btn:hover{background:#f59e0b33;color:#fde68a}body.dark .game-inline-btn.help-btn{background:#f59e0b4d;color:#fef3c7}body.dark .game-inline-btn.help-btn:hover{background:#f59e0b66}.memory-match-game{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;min-height:100%;padding:var(--space-4, 16px);box-sizing:border-box;background:var(--mm-bg);border-radius:16px}.memory-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--mm-header-bg);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-4, 16px);font-size:var(--text-base, 14px);border:1px solid var(--mm-header-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.memory-header strong{color:var(--mm-primary)}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:var(--space-3, 12px);min-height:400px;align-content:center;max-width:100%;margin:0 auto;width:100%}.mm-card{aspect-ratio:1;perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:cardEntrance .4s ease-out backwards}.mm-card-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.mm-card.flipped .mm-card-inner,.mm-card.matched .mm-card-inner{transform:rotateY(180deg)}.mm-card-front,.mm-card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-lg, 12px);box-sizing:border-box}.mm-card-front{background:var(--mm-card-front-bg);border:2px solid var(--mm-card-front-border)}.mm-card-front:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:var(--radius-md, 8px);background:linear-gradient(45deg,transparent 48%,rgba(245,158,11,.1) 49%,rgba(245,158,11,.1) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(245,158,11,.1) 49%,rgba(245,158,11,.1) 51%,transparent 52%)}.mm-card-question{font-size:28px;font-weight:700;color:var(--mm-primary);text-shadow:0 0 20px rgba(245,158,11,.5)}.mm-card-back{background:var(--mm-card-back-bg);border:2px solid var(--mm-card-back-border);transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px}.mm-card-thumb{width:48px;height:48px;object-fit:contain;border-radius:6px;flex-shrink:0}.mm-card-content{font-size:18px;font-weight:600;color:var(--mm-text-dark);text-align:center;padding:var(--space-2, 8px);word-break:break-word;overflow-wrap:break-word;line-height:1.2;max-width:100%}.mm-card.flipped .mm-card-back{border-color:var(--mm-primary);box-shadow:0 0 20px #f59e0b99,inset 0 0 20px #f59e0b1a}.mm-card.matched .mm-card-back{background:var(--mm-success-bg);border-color:var(--mm-success-border)}.mm-card.matched .mm-card-content{color:var(--mm-success-border)}.mm-card.match-success{animation:matchPulse .6s ease-out}@keyframes matchPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes cardEntrance{0%{opacity:0;transform:scale(.8) rotateY(-20deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.memory-footer{display:flex;justify-content:center;padding-top:var(--space-5, 20px)}.mm-restart-btn{padding:var(--space-3, 12px) var(--space-5, 20px);background:var(--mm-primary);border:none;border-radius:var(--radius-md, 8px);color:#fff;font-size:var(--text-base, 14px);font-weight:600;cursor:pointer;transition:all var(--duration-fast, .15s)}.mm-restart-btn:hover{background:var(--mm-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.mm-restart-btn:active{transform:translateY(0)}@media(max-width:479px){.memory-match-game{padding:var(--space-3, 12px)}.memory-grid{grid-template-columns:repeat(3,1fr);gap:10px;min-height:auto}.mm-card-question{font-size:32px}.mm-card-content{font-size:16px;padding:var(--space-2, 8px)}.memory-header{font-size:var(--text-sm, 12px);padding:var(--space-2, 8px)}}@media(max-width:360px){.memory-grid{gap:8px;gap:var(--space-3, 12px);min-height:500px;grid-template-columns:repeat(4,1fr)}.mm-card-question{font-size:28px;font-size:36px}.mm-card-content{font-size:14px;line-height:1.2;font-size:20px}.mm-card.has-thumb .mm-card-content{font-size:14px}.mm-card-thumb{width:56px;height:56px}}@media(min-width:768px){.memory-grid{min-height:560px;gap:var(--space-4, 16px);max-width:640px;grid-template-columns:repeat(4,1fr)}.mm-card-question{font-size:42px}.mm-card-content{font-size:22px}.mm-card.has-thumb .mm-card-content{font-size:15px}.mm-card-thumb{width:64px;height:64px}}@media(min-width:1200px){.memory-grid{min-height:600px;max-width:760px;gap:var(--space-4, 16px);grid-template-columns:repeat(4,1fr)}.mm-card-question{font-size:48px}.mm-card-content{font-size:26px}}@media(min-width:1400px){.memory-grid{min-height:680px;max-width:880px;gap:var(--space-5, 20px);grid-template-columns:repeat(4,1fr)}.mm-card-question{font-size:56px}.mm-card-content{font-size:30px}}@media(prefers-reduced-motion:reduce){.mm-card-inner,.mm-card{transition:none;animation:none}}.game-inline-controls{background:var(--mm-header-bg);border-bottom:1px solid var(--mm-header-border)}.game-inline-btn{background:transparent;color:var(--mm-text-dark);border:1px solid var(--mm-primary)}.game-inline-btn.skip-btn{color:var(--mm-text-dark);border-color:var(--mm-primary)}.game-inline-btn:hover,.game-inline-btn.help-btn{background:var(--mm-primary);color:#fff}.game-inline-btn.help-btn:hover{background:var(--mm-primary-hover)}.reverse-memory-game{display:flex;flex-direction:column;height:100%;padding:var(--space-4, 16px);box-sizing:border-box;position:relative}.rm-header{display:flex;justify-content:space-between;padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--bg-secondary, #16213e);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-4, 16px);font-size:var(--text-base, 14px)}.rm-header strong{color:var(--accent-primary, #4a90d9)}.rm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2, 8px);flex:1;align-content:center;max-width:520px;margin:0 auto;width:100%;position:relative;z-index:2}.rm-card{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #16213e);border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--duration-fast, .15s);padding:var(--space-2, 8px);box-sizing:border-box;animation:cardEntrance .4s ease-out backwards}@keyframes cardEntrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rm-card-content{font-size:14px;font-weight:600;color:#fff;text-align:center;word-break:break-word}.rm-card.rm-word{border-left:3px solid var(--color-warning, #f59e0b)}.rm-card.rm-translation{border-right:3px solid var(--success, #22c55e)}.rm-card:active{transform:scale(.97);box-shadow:0 0 8px #f59e0b4d}.rm-card.selected{background:#f59e0b2e;border-color:var(--color-warning, #f59e0b);box-shadow:0 0 15px #f59e0b66;transform:scale(1.05)}.rm-card.matched{background:#22c55e26;border-color:var(--success, #22c55e);opacity:.7}.rm-card.matched .rm-card-content{color:var(--success, #22c55e)}.rm-card.shake{animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.rm-connections{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.rm-connection-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rm-connection{stroke:var(--success, #22c55e);stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine .5s ease-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.rm-footer{display:flex;justify-content:center;padding-top:var(--space-4, 16px)}.rm-restart-btn{padding:var(--space-2, 8px) var(--space-5, 20px);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md, 8px);color:#fff9;font-size:var(--text-sm, 13px);cursor:pointer;transition:all var(--duration-fast, .15s)}.rm-restart-btn:hover,.rm-restart-btn:active{background:#ffffff1a;color:#fff;border-color:#fff6}@media(max-width:479px){.reverse-memory-game{padding:var(--space-3, 12px)}.rm-grid{gap:var(--space-1, 4px);max-width:320px}.rm-card-content{font-size:11px}.rm-header{font-size:var(--text-sm, 12px)}}@media(min-width:480px){.rm-grid{gap:var(--space-3, 12px);max-width:560px}.rm-card-content{font-size:var(--text-lg, 16px)}}@media(prefers-reduced-motion:reduce){.rm-card,.rm-card.selected,.rm-card.shake,.rm-connection{transition:none;animation:none}}.word-search-game{display:flex;flex-direction:column;height:100%;padding:var(--space-4, 16px);box-sizing:border-box}.ws-header{display:flex;justify-content:space-between;padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--bg-secondary, #16213e);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-3, 12px);font-size:var(--text-base, 14px)}.ws-header strong{color:var(--accent-primary, #4a90d9)}.ws-word-bank{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);justify-content:center;margin-bottom:var(--space-4, 16px)}.ws-word-item{padding:var(--space-1, 4px) var(--space-3, 12px);background:var(--bg-secondary, #16213e);border-radius:var(--radius-full, 100px);font-size:var(--text-sm, 12px);font-weight:600;color:#fffc;transition:all var(--duration-fast, .15s);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-word-item.found{background:#22c55e33;color:var(--success, #22c55e);text-decoration:line-through}.ws-grid-container{flex:1;display:flex;align-items:center;justify-content:center}.ws-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-width:420px;width:100%;aspect-ratio:1;background:var(--bg-secondary, #16213e);padding:var(--space-2, 8px);border-radius:var(--radius-lg, 12px)}.ws-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #1a1a2e);border-radius:var(--radius-sm, 4px);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.ws-letter{font-size:16px;font-weight:600;color:#fffc}.ws-cell.selecting{background:#4a90d966}.ws-cell.selecting .ws-letter{color:#fff}.ws-cell.found{background:#22c55e40;animation:foundPulse .3s ease-out}.ws-cell.found .ws-letter{color:var(--success, #22c55e)}@keyframes foundPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.ws-footer{display:flex;justify-content:center;padding-top:var(--space-4, 16px)}.ws-restart-btn{padding:var(--space-2, 8px) var(--space-5, 20px);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md, 8px);color:#fff9;font-size:var(--text-sm, 13px);cursor:pointer;transition:all var(--duration-fast, .15s)}.ws-restart-btn:hover,.ws-restart-btn:active{background:#ffffff1a;color:#fff;border-color:#fff6}@media(max-width:399px){.word-search-game{padding:var(--space-2, 8px)}.ws-grid{max-width:340px;padding:var(--space-1, 4px);gap:1px}.ws-letter{font-size:12px}.ws-word-item{font-size:11px;padding:2px 8px}}@media(min-width:400px){.ws-grid{max-width:500px}.ws-letter{font-size:20px}}@media(prefers-reduced-motion:reduce){.ws-cell,.ws-cell.found{transition:none;animation:none}}:root{--anagram-vowel: #9333ea;--anagram-consonant: #4a90d9;--anagram-tile-size: 48px;--anagram-correct: #22c55e;--anagram-wrong: #ef4444;--anagram-bg: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--anagram-slot-bg: rgba(255, 255, 255, .9);--anagram-tile-shadow: 0 4px 12px rgba(0, 0, 0, .15);--anagram-bounce: cubic-bezier(.68, -.55, .265, 1.55)}.anagram-game{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;padding:16px;min-height:100%;display:flex;flex-direction:column;background:var(--anagram-bg);border-radius:16px}.ag-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffffb3;border-radius:12px;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ag-round,.ag-score{font-size:14px;color:#64748b;font-weight:600}.ag-round strong,.ag-score strong{color:#1e293b;font-size:18px}.ag-hint{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#ffffffd9;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.ag-hint-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.ag-hint-text{font-size:18px;font-weight:700;color:#334155}.ag-answer-area{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap;min-height:64px;align-items:center}.ag-slot{width:52px;height:56px;background:var(--anagram-slot-bg);border:3px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .25s var(--anagram-bounce);cursor:pointer;position:relative}.ag-slot:hover{border-color:var(--anagram-consonant);transform:translateY(-2px)}.ag-slot.filled{border-style:solid;border-color:var(--anagram-consonant);background:#4a90d91a}.ag-slot.correct{border-color:var(--anagram-correct);background:#22c55e26;animation:slotCorrect .5s ease}.ag-slot.wrong{border-color:var(--anagram-wrong);background:#ef444426;animation:slotShake .5s ease}.ag-slot-letter{font-size:24px;font-weight:800;color:#1e293b;text-transform:uppercase}.ag-letters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px;padding:16px;background:#ffffff80;border-radius:16px}.ag-tile{width:var(--anagram-tile-size);height:var(--anagram-tile-size);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--anagram-bounce);box-shadow:var(--anagram-tile-shadow);position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ag-tile.vowel{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.ag-tile.consonant{background:linear-gradient(135deg,#60a5fa,#4a90d9);color:#fff}.ag-tile:hover:not(.used){transform:scale(1.1) translateY(-4px);box-shadow:0 8px 20px #0003}.ag-tile:active:not(.used){transform:scale(.95)}.ag-tile.used{opacity:.3;transform:scale(.9);cursor:default;box-shadow:none}.ag-tile-letter{font-size:22px;font-weight:800;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ag-actions{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.ag-clear-btn,.ag-submit-btn{padding:12px 28px;border:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.ag-clear-btn{background:#e2e8f0;color:#64748b}.ag-clear-btn:hover{background:#cbd5e1;transform:translateY(-2px)}.ag-submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.ag-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.ag-submit-btn:active{transform:scale(.98)}.ag-footer{display:flex;justify-content:center;margin-top:auto;padding-top:12px}.ag-restart-btn{padding:10px 20px;background:transparent;border:2px solid #cbd5e1;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.ag-restart-btn:hover{border-color:var(--anagram-consonant);color:var(--anagram-consonant);background:#4a90d90d}@keyframes slotCorrect{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes slotShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes successBurst{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.ag-answer-area.correct-complete:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(34,197,94,.6) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:successBurst .6s ease-out forwards;pointer-events:none}.ag-tile.snapping{animation:tileSnap .3s var(--anagram-bounce)}@keyframes tileSnap{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ag-tile.wrong-tile{animation:tileWrong .4s ease}@keyframes tileWrong{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}@media(max-width:400px){:root{--anagram-tile-size: 42px}.anagram-game{padding:12px}.ag-slot{width:46px;height:50px}.ag-slot-letter{font-size:20px}.ag-tile-letter{font-size:18px}.ag-hint-text{font-size:16px}.ag-actions{gap:8px}.ag-clear-btn,.ag-submit-btn{padding:10px 20px;font-size:14px}}@media(max-height:500px){.anagram-game{padding:8px;min-height:unset}.ag-header{padding:8px 12px;margin-bottom:8px}.ag-hint{padding:10px 14px;margin-bottom:12px}.ag-letters{padding:10px;margin-bottom:12px}}body.dark .ag-slot{background:#1e293bcc;border-color:#475569}body.dark .ag-slot.filled{background:#4a90d933}body.dark .ag-slot-letter{color:#f1f5f9}body.dark .anagram-game{--anagram-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}body.dark .ag-hint{background:#1e293bb3}body.dark .ag-hint-text{color:#f1f5f9}body.dark .ag-letters{background:#1e293b80}body.dark .ag-header{background:#1e293b99}body.dark .ag-round,body.dark .ag-score{color:#94a3b8}body.dark .ag-round strong,body.dark .ag-score strong{color:#f1f5f9}.ag-tile:focus-visible,.ag-slot:focus-visible,.ag-clear-btn:focus-visible,.ag-submit-btn:focus-visible,.ag-restart-btn:focus-visible{outline:3px solid var(--anagram-consonant);outline-offset:2px}@media(prefers-contrast:high){.ag-slot{border-width:4px}.ag-tile{border:2px solid currentColor}}/**
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 *
 * This source code is proprietary. Unauthorized copying, modification,
 * or distribution of this software is strictly prohibited.
 */:root{--hangman-primary: #f59e0b;--hangman-figure: #ef4444;--hangman-correct: #22c55e;--hangman-wrong: #ef4444;--hangman-bg: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--hangman-key-bg: #ffffff;--hangman-key-hover: #fef3c7}.hangman-game{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;padding:16px;min-height:100%;display:flex;flex-direction:column;background:var(--hangman-bg);border-radius:16px}.hm-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffffb3;border-radius:12px;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hm-round,.hm-score{font-size:14px;color:#64748b;font-weight:600}.hm-round strong,.hm-score strong{color:#1e293b;font-size:18px}.hm-figure{display:flex;flex-direction:column;align-items:center;padding:20px;background:#fff9;border-radius:16px;margin-bottom:16px}.hm-figure-display{font-size:48px;letter-spacing:8px;min-height:60px;display:flex;align-items:center;justify-content:center}.hm-figure-parts{transition:all .3s ease}.hm-figure-empty{color:#cbd5e1;font-weight:700}.hm-wrong-count{margin-top:8px;display:flex;align-items:center;gap:6px}.hm-wrong-label{font-size:12px;color:#94a3b8;text-transform:uppercase}.hm-wrong-num{font-size:16px;font-weight:700;color:var(--hangman-figure)}.hm-category{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:#ffffffb3;border-radius:10px;margin-bottom:16px}.hm-cat-label{font-size:12px;font-weight:700;text-transform:uppercase;color:#94a3b8}.hm-cat-text{font-size:16px;font-weight:600;color:#334155}.hm-word{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap;min-height:60px;align-items:center}.hm-letter{font-size:28px;font-weight:800;text-transform:uppercase;width:36px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.hm-letter.revealed{color:var(--hangman-correct);animation:letterReveal .4s ease}.hm-letter.revealed-lost{color:var(--hangman-wrong);background:#ef44441a}.hm-keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px;background:#ffffff80;border-radius:12px;margin-bottom:16px}.hm-key{width:100%;aspect-ratio:1;min-width:36px;min-height:36px;border:none;border-radius:8px;background:var(--hangman-key-bg);font-family:inherit;font-size:16px;font-weight:700;color:#334155;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000001a}.hm-key:hover:not(:disabled){background:var(--hangman-key-hover);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.hm-key:active:not(:disabled){transform:scale(.95)}.hm-key:disabled{cursor:default}.hm-key.correct{background:var(--hangman-correct);color:#fff;animation:keyCorrect .3s ease}.hm-key.wrong{background:var(--hangman-wrong);color:#fff;opacity:.6;animation:keyWrong .3s ease}.hm-actions{display:flex;justify-content:center;margin-top:auto}.hm-restart-btn{padding:10px 20px;background:transparent;border:2px solid #cbd5e1;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.hm-restart-btn:hover{border-color:var(--hangman-primary);color:var(--hangman-primary);background:#f59e0b0d}.word-correct{animation:wordCorrect .5s ease}.word-wrong{animation:wordWrong .5s ease}@keyframes letterReveal{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes keyCorrect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes keyWrong{0%{transform:scale(1)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:scale(1)}}@keyframes wordCorrect{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wordWrong{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media(max-width:400px){.hangman-game{padding:12px}.hm-figure-display{font-size:36px;letter-spacing:4px}.hm-keyboard{gap:4px;padding:8px}.hm-key{font-size:14px;min-width:28px;min-height:28px}.hm-letter{font-size:22px;width:30px;height:36px}}@media(max-width:320px){.hm-keyboard{grid-template-columns:repeat(6,1fr)}}@media(max-height:600px)and (orientation:landscape){.hangman-game{padding:8px;min-height:unset}.hm-header{padding:6px 12px;margin-bottom:8px}.hm-figure{padding:10px;margin-bottom:8px}.hm-figure-display{font-size:32px}.hm-word{margin-bottom:10px}.hm-letter{font-size:20px;width:26px;height:32px}.hm-keyboard{padding:6px;gap:3px}.hm-key{font-size:12px;min-width:24px;min-height:24px}}body.dark .hm-header{background:#1e293bb3}body.dark .hm-round,body.dark .hm-score{color:#94a3b8}body.dark .hm-round strong,body.dark .hm-score strong{color:#f1f5f9}body.dark .hangman-game{--hangman-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}body.dark .hm-figure{background:#1e293b99}body.dark .hm-figure-empty{color:#475569}body.dark .hm-category{background:#1e293b99}body.dark .hm-cat-text{color:#f1f5f9}body.dark .hm-word{background:#1e293b66}body.dark .hm-letter{background:#334155cc;color:#f1f5f9}body.dark .hm-keyboard{background:#1e293b80}body.dark .hm-key{background:#334155cc;color:#f1f5f9}body.dark .hm-key:hover:not(:disabled){background:#334155}.hm-key:focus-visible,.hm-restart-btn:focus-visible{outline:3px solid var(--hangman-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hm-letter,.hm-key,.hm-figure-parts{transition:none;animation:none}}@media(prefers-contrast:high){.hm-key,.hm-letter{border:2px solid currentColor}}.quick-drill-game-embed .hangman-game{padding:8px;min-height:unset}.quick-drill-game-embed .hm-header{padding:6px 10px;margin-bottom:8px}.quick-drill-game-embed .hm-category{padding:2px 0}.quick-drill-game-embed .hm-word{margin-bottom:10px;gap:4px}.quick-drill-game-embed .hm-letter{font-size:22px;width:28px;height:36px}.quick-drill-game-embed .hm-keyboard{gap:3px;padding:8px;max-width:100%;box-sizing:border-box}.quick-drill-game-embed .hm-key{font-size:13px;min-width:0;min-height:32px;aspect-ratio:auto}@media(max-width:360px){.quick-drill-game-embed .hm-keyboard{grid-template-columns:repeat(7,1fr);gap:2px;padding:6px}.quick-drill-game-embed .hm-key{font-size:12px;min-height:28px}}.sp-passive-game,.sp-active-game{display:flex;flex-direction:column;align-items:center;padding:12px;font-family:system-ui,-apple-system,sans-serif;color:#e2e8f0;width:100%;height:100%}@media(min-width:768px){.sp-passive-game,.sp-active-game{padding:16px 24px}}.sp-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:420px;margin-bottom:8px;gap:12px}@media(min-width:768px){.sp-header{max-width:none}}.sp-word-display{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0}.sp-word-text{font-size:14px;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:.5px}.sp-word-hint{font-size:18px;font-weight:700;color:#f1f5f9;text-align:center;line-height:1.3}.sp-native-hint{font-size:13px;color:#94a3b8;font-style:italic;margin-top:2px;text-align:center}@media(min-width:768px){.sp-native-hint{font-size:13px}}.sp-word-highlight{color:#6366f1;text-decoration:underline;text-underline-offset:3px}.sp-prompt-wrap{display:flex;flex-direction:column;align-items:center;flex:1}.sp-prompt{font-size:15px;text-align:center;line-height:1.4;flex:1;color:#f1f5f9}@media(min-width:768px){.sp-prompt{font-size:18px}.sp-word-text{font-size:15px}.sp-word-hint{font-size:22px}}.sp-prompt strong{color:#f1f5f9}.sp-progress{font-size:12px;color:#94a3b8;background:#334155;padding:4px 10px;border-radius:12px;white-space:nowrap}.sp-streak{font-size:14px;color:#f59e0b;display:flex;align-items:center;gap:4px;white-space:nowrap}.sp-multiplier{background:#f59e0b;color:#fff;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:700}.sp-feedback{height:28px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-8px);transition:all .3s ease;margin-bottom:4px}.sp-feedback-show{opacity:1;transform:translateY(0)}.sp-feedback-success{color:#22c55e}.sp-feedback-failure{color:#ef4444}.sp-feedback-hint{color:#64748b;font-size:13px}.sp-canvas-container{width:100%;min-height:320px;flex:1 1 auto;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#87ceeb,#dceefb 70%,#f0f7e8);box-shadow:0 4px 12px #0000001a}@media(min-width:768px){.sp-canvas-container{max-width:none;min-height:420px;border-radius:16px}}.sp-canvas-container canvas{display:block;width:100%!important;height:100%!important}.sp-countdown-container{width:100%;max-width:420px;height:22px;background:#334155;border-radius:11px;overflow:hidden;position:relative;margin:8px 0}@media(min-width:768px){.sp-countdown-container{max-width:none}}.sp-countdown-bar{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:11px;transition:width .1s linear}.sp-countdown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:600;color:#94a3b8}.sp-xp-indicator{font-size:13px;font-weight:600;color:#f59e0b;margin:4px 0}.sp-controls{display:flex;gap:8px;margin-top:4px}.sp-btn{display:flex;align-items:center;justify-content:center;padding:8px 14px;font-size:13px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;min-width:44px;min-height:44px}.sp-play-btn{background:#6366f1;color:#fff;font-size:18px;min-width:52px;min-height:48px}.sp-play-btn:hover{background:#4f46e5;transform:scale(1.05)}.sp-next-btn{background:#334155;color:#e2e8f0;border:2px solid #475569}.sp-next-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.sp-reset-btn,.sp-skip-btn{background:#334155;color:#94a3b8;border:2px solid #475569}.sp-reset-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.sp-skip-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.sp-reaction{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);font-size:20px;font-weight:600;color:#6366f1;background:#fff;padding:8px 18px;border-radius:20px;box-shadow:0 4px 15px #00000026;opacity:0;transition:all .3s ease;z-index:100;pointer-events:none}.sp-reaction-show{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:480px){.sp-canvas-container{min-height:280px}.sp-word-text{font-size:12px}.sp-word-hint{font-size:16px}.sp-prompt{font-size:14px}}body.dark .sp-canvas-container{box-shadow:0 4px 12px #0000004d}body.dark .sp-reaction{background:var(--surface-2, #1a1a24);color:var(--accent-primary, #818cf8)}/**
* Course Path Styles — Duolingo-style Zigzag Card Path
* Plain CSS — No Tailwind
*
* Components:
* - Overlay (inside #main-container)
* - Header with active course banner
* - Zigzag alternating cards
* - Zigzag alternating cards
* - Progress bars + tier dots
* - Dark mode
*
* @license Copyright (c) 2026 Lanki
* All rights reserved.
*/.course-path-overlay{position:relative;width:100%;min-height:60vh;z-index:10;background:var(--bg-primary, #ffffff);overflow-y:auto;overflow-x:hidden;display:none;-webkit-overflow-scrolling:touch;touch-action:manipulation;-webkit-tap-highlight-color:transparent;grid-column:1 / -1}.course-path-overlay.visible{display:block}body.course-path-active #quickSelect,body.course-path-active .left-panel,body.course-path-active .right-panel,body.course-path-active .exercise-panel-header,body.course-path-active .mobile-inline-header,body.course-path-active #infoBanner,body.course-path-active .right-panel-footer{display:none!important}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;position:sticky;top:0;background:var(--bg-primary, #ffffff);z-index:5;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06))}.cp-header-left{flex:1}.cp-title{margin:0;font-size:22px;font-weight:800;color:var(--color-text-main, #111827)}.cp-subtitle{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-top:2px}.cp-change-btn{background:none;border:1.5px solid var(--color-primary, #6366f1);color:var(--color-primary, #6366f1);font-size:13px;font-weight:700;padding:6px 16px;border-radius:16px;cursor:pointer;transition:all .15s}.cp-change-btn:hover{background:var(--color-primary, #6366f1);color:#fff}.cp-active-banner{display:flex;align-items:center;gap:10px;margin:12px 20px;padding:10px 14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1.5px solid #c7d2fe;border-radius:12px;cursor:default}.cp-active-icon{font-size:22px;flex-shrink:0}.cp-active-info{flex:1;min-width:0}.cp-active-name{font-size:13px;font-weight:700;color:#4338ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-active-tier{font-size:11px;color:#6366f1;margin-top:1px}.cp-active-continue{background:#4338ca;color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s}.cp-active-continue:hover{background:#3730a3}.cp-path{position:relative;max-width:520px;margin:0 auto;padding:20px 16px 80px}.cp-path:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(180deg,var(--cp-line, #e2e8f0) 0%,var(--cp-line, #e2e8f0) 100%);transform:translate(-50%);border-radius:2px}.cp-card{position:relative;display:flex;align-items:flex-start;margin-bottom:8px;z-index:1;width:82%}.cp-card.left{margin-right:auto;margin-left:0}.cp-card.right{margin-left:auto;margin-right:0}.cp-card-body{display:flex;align-items:center;gap:10px;background:var(--bg-card, #ffffff);border:2px solid var(--cp-card-border, #e2e8f0);border-radius:16px;padding:12px 14px;width:100%;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000a;position:relative}.cp-card-body:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.cp-card-body:active{transform:scale(.98)}.cp-card-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#6366f10f;border-radius:12px;flex-shrink:0}.cp-card-content{flex:1;min-width:0}.cp-card-name{font-size:13px;font-weight:700;color:var(--color-text-main, #111827);line-height:1.3;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cp-card-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.cp-card-cefr{font-size:10px;font-weight:700;color:#fff;background:var(--color-primary, #6366f1);padding:1px 6px;border-radius:6px}.cp-card-progress-label{font-size:10px;font-weight:600;color:var(--color-text-secondary, #6b7280)}.cp-type-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:1px 6px;border-radius:6px;line-height:1.4}.cp-type-badge.grammar{background:#dbeafe;color:#1d4ed8}.cp-type-badge.culture{background:#ede9fe;color:#6d28d9;display:block;text-align:center;margin-top:2px;font-size:8px}.cp-type-grammar .cp-card-body{border-left:3px solid #3b82f6}.cp-type-grammar .cp-card-icon{background:#3b82f614}.cp-type-grammar.done .cp-card-body{border-left-color:#9ca3af}.cp-card-progress-bar{height:4px;background:var(--cp-progress-bg, #e2e8f0);border-radius:2px;margin-top:6px;overflow:hidden}.cp-card-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;transition:width .3s ease}.cp-card-tiers{display:flex;gap:4px;margin-top:5px}.cp-tier-dot{font-size:11px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cp-progress-bg, #f1f5f9);transition:all .15s}.cp-tier-dot.done{background:#ecfdf5}.cp-tier-dot.next{background:#eef2ff;box-shadow:0 0 0 1.5px var(--color-primary, #6366f1)}.cp-tier-dot.locked{opacity:.3;filter:grayscale(.5)}.cp-card-action{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s;white-space:nowrap;min-height:36px}.cp-card-action:hover{filter:brightness(1.1)}.cp-card-action.completed{background:#10b981;cursor:default}.cp-card-action:disabled{background:#10b981;cursor:default;opacity:.8}.cp-card-actions{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.cp-card-delete{background:transparent;color:var(--color-text-secondary, #9ca3af);border:none;border-radius:6px;padding:1px 6px;font-size:9px;cursor:pointer;opacity:0;transition:all .15s;line-height:1;white-space:nowrap}.cp-card:hover .cp-card-delete{opacity:.6}.cp-card-delete:hover{opacity:1;color:#ef4444}.cp-card-refresh{background:transparent;color:var(--color-text-secondary, #9ca3af);border:none;border-radius:6px;width:22px;height:22px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s;line-height:1}.cp-card:hover .cp-card-refresh{opacity:.6}.cp-card-refresh:hover{opacity:1;background:#6366f11a}.cp-refresh-picker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card, #fff);border-radius:16px;box-shadow:0 8px 40px #0003;width:min(360px,90vw);max-height:70vh;display:flex;flex-direction:column;z-index:10001;animation:cp-picker-in .15s ease}@keyframes cp-picker-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cp-refresh-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.cp-refresh-title{font-size:14px;font-weight:700;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.cp-refresh-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-text-secondary, #9ca3af);padding:4px;border-radius:6px;flex-shrink:0}.cp-refresh-close:hover{color:var(--color-text, #1f2937);background:#0000000d}.cp-refresh-subtitle{font-size:11px;color:var(--color-text-secondary, #9ca3af);padding:4px 16px 10px}.cp-refresh-list{overflow-y:auto;padding:0 8px 12px;flex:1}.cp-refresh-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .1s}.cp-refresh-row:hover{background:#6366f10f}.cp-refresh-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;flex-shrink:0}.cp-refresh-row-info{display:flex;flex-direction:column;min-width:0}.cp-refresh-row-name{font-size:13px;font-weight:600;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-refresh-row-native{font-size:11px;color:var(--color-text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .cp-refresh-picker{background:#1e293b;box-shadow:0 8px 40px #00000080}body.dark .cp-refresh-row:hover{background:#6366f11f}.cp-undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:10px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:13px;box-shadow:0 4px 20px #00000040;z-index:10000;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cp-undo-btn{background:#6366f1;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.cp-undo-btn:hover{filter:brightness(1.1)}.cp-switch-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:420px;background:#1f2937;color:#fff;padding:20px 18px;display:flex;flex-direction:column;gap:14px;z-index:10000;animation:slideUpFade .2s ease;box-shadow:0 8px 32px #0006;border-radius:14px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.cp-switch-text{font-size:13px;line-height:1.4}.cp-switch-btns{display:flex;gap:8px;justify-content:flex-end}.cp-switch-cancel{background:#ffffff1a;color:#fffc;border:none;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer}.cp-switch-cancel:hover{background:#fff3}.cp-switch-go{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:700;cursor:pointer}.cp-switch-go:hover{background:#4f46e5}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cp-card.current .cp-card-body{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11f,0 4px 16px #6366f11a}.cp-card.current .cp-card-icon{background:#6366f11f}.cp-card.started .cp-card-body{border-color:#fbbf24}.cp-card.started .cp-card-icon{background:#fef3c7}.cp-card.done .cp-card-body{border-color:#10b981;background:#f0fdf4}.cp-card.done .cp-card-icon{background:#d1fae5}.cp-card.done .cp-card-name{color:#059669}.cp-card.active .cp-card-body{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.cp-card.active .cp-card-body:after{content:"📍";position:absolute;top:-8px;right:-8px;font-size:14px;background:#fff;border-radius:50%;padding:2px}.cp-complete-banner{text-align:center;padding:32px 16px;margin-top:16px}.cp-complete-icon{font-size:48px}.cp-complete-title{font-size:18px;font-weight:800;color:var(--color-text-main, #111827);margin-top:8px}.cp-complete-sub{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-top:4px}.cp-empty{text-align:center;padding:80px 24px}.cp-empty-icon{font-size:48px}.cp-empty-text{font-size:15px;color:var(--color-text-secondary, #6b7280);margin-top:12px}.cp-empty-retry{margin-top:16px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer}.course-path-popup{position:fixed;z-index:9992;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 12px 40px #00000026,0 2px 8px #00000014;padding:20px;width:280px;border:1px solid var(--color-border, rgba(0, 0, 0, .06));animation:course-path-popup-in .2s ease}@keyframes course-path-popup-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.course-path-popup-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.course-path-popup-icon{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#6366f114;flex-shrink:0}.course-path-popup-title{font-size:15px;font-weight:700;color:var(--color-text-main, #111827);line-height:1.3}.course-path-popup-cefr{font-size:11px;color:var(--color-text-secondary, #6b7280);font-weight:500}.course-path-popup-tiers{display:flex;justify-content:center;gap:16px;margin:12px 0 16px;padding:12px 0;border-top:1px solid var(--color-border, rgba(0, 0, 0, .06));border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06))}.tier-dot{display:flex;flex-direction:column;align-items:center;gap:4px}.tier-dot-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid var(--color-border, rgba(0, 0, 0, .12));background:var(--bg-primary, #ffffff);position:relative;transition:all .2s ease}.tier-dot.done .tier-dot-circle{border-color:#10b981;background:#ecfdf5}.tier-dot.done .tier-dot-circle:after{content:"✓";position:absolute;font-size:12px;font-weight:800;color:#059669}.tier-dot.done .tier-dot-circle .tier-dot-emoji{display:none}.tier-dot.available .tier-dot-circle{border-color:#8b5cf6;background:#f5f3ff;cursor:pointer}.tier-dot-label{font-size:10px;font-weight:600;color:var(--color-text-secondary, #6b7280)}.tier-dot.done .tier-dot-label{color:#059669}.tier-dot.available .tier-dot-label{color:#7c3aed}.tier-dot.selected .tier-dot-circle{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140;transform:scale(1.1)}.tier-dot.selected .tier-dot-label{color:#4f46e5;font-weight:700}.course-path-popup-progress{position:relative;height:6px;background:var(--color-border, rgba(0, 0, 0, .08));border-radius:3px;margin:12px 0 4px;overflow:hidden}.course-path-popup-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.course-path-popup-progress-label{position:absolute;right:0;top:-14px;font-size:10px;color:var(--color-text-secondary, #6b7280);font-weight:600}.course-path-popup-switch-warning{font-size:11px;color:#f59e0b;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:6px 10px;margin-bottom:8px;line-height:1.4}.popup-active-course{border-color:var(--color-primary, #6366f1);box-shadow:0 12px 40px #00000026,0 0 0 2px #6366f133}.course-path-popup-start{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d}.course-path-popup-start:hover{filter:brightness(1.1);box-shadow:0 4px 12px #6366f166}.course-path-popup-start:disabled{background:#d1d5db;box-shadow:none;cursor:default}.active-course-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:12px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:10px}.active-course-banner-info{display:flex;align-items:center;gap:10px}.active-course-banner-icon{font-size:24px}.active-course-banner-name{font-size:14px;font-weight:700;color:#4338ca}.active-course-banner-tier{font-size:11px;color:#6366f1;margin-top:1px}.active-course-banner-actions{display:flex;gap:6px}.active-course-banner-btn{padding:5px 10px;border-radius:6px;border:1px solid #c7d2fe;background:#fff;color:#4338ca;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.active-course-banner-btn:hover{background:#eef2ff}.active-course-continue-btn{background:#4338ca;color:#fff;border-color:#4338ca}.active-course-continue-btn:hover{background:#3730a3}body.dark .course-path-overlay{background:#0f1117}body.dark .cp-path:before{background:#ffffff14}body.dark .cp-header{background:#0f1117;border-bottom-color:#ffffff14}body.dark .cp-title{color:#f1f5f9}body.dark .cp-change-btn{border-color:#818cf8;color:#818cf8}body.dark .cp-change-btn:hover{background:#818cf8;color:#0f172a}body.dark .cp-active-banner{background:linear-gradient(135deg,#6366f11f,#6366f10f);border-color:#6366f133}body.dark .cp-active-name{color:#a5b4fc}body.dark .cp-active-tier{color:#818cf8}body.dark .cp-active-continue{background:#6366f1}body.dark .cp-active-continue:hover{background:#818cf8}body.dark .cp-card-body{background:#1e2028e6;border-color:#ffffff14;box-shadow:0 2px 8px #0003}body.dark .cp-card-body:hover{box-shadow:0 6px 20px #0000004d}body.dark .cp-card-icon{background:#6366f11a}body.dark .cp-card-name{color:#e2e8f0}body.dark .cp-card-cefr{background:#4338ca}body.dark .cp-card-progress-bar{background:#ffffff14}body.dark .cp-tier-dot{background:#ffffff0f}body.dark .cp-tier-dot.done{background:#10b98126}body.dark .cp-tier-dot.next{background:#6366f126}body.dark .cp-card.current .cp-card-body{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826,0 4px 16px #6366f126}body.dark .cp-card.done .cp-card-body{background:#10b98114;border-color:#10b9814d}body.dark .cp-card.done .cp-card-icon{background:#10b98126}body.dark .cp-card.done .cp-card-name{color:#6ee7b7}body.dark .cp-card.started .cp-card-body{border-color:#fbbf2466}body.dark .cp-card.started .cp-card-icon{background:#fbbf241a}body.dark .cp-card.active .cp-card-body{border-color:#818cf8}body.dark .cp-card.active .cp-card-body:after{background:#1e1e28}body.dark .cp-complete-title{color:#e2e8f0}body.dark .cp-type-badge.grammar{background:#3b82f633;color:#93c5fd}body.dark .cp-type-badge.culture{background:#6d28d933;color:#c4b5fd}body.dark .cp-type-grammar .cp-card-body{border-left-color:#3b82f6}body.dark .cp-type-grammar .cp-card-icon{background:#3b82f61f}body.dark .cp-type-grammar.done .cp-card-body{border-left-color:#6b7280}body.dark .cp-quiz-overlay{background:#000000b3}body.dark .cp-quiz-card{background:#1e1e28}body.dark .cp-quiz-title{color:#e2e8f0}body.dark .cp-quiz-body{color:#d1d5db}body.dark .cp-quiz-fact{background:#92400e33;color:#fbbf24}body.dark .cpq-option{background:#ffffff0f;color:#d1d5db}body.dark .cpq-option:hover:not(:disabled){background:#6366f126;border-color:#818cf8}body.dark .cpq-option.correct{background:#10b98126;border-color:#10b981}body.dark .cpq-option.wrong{background:#ef444426;border-color:#ef4444}body.dark .course-path-popup{background:#1e1e28;border-color:#ffffff14}body.dark .course-path-popup-title{color:#e2e8f0}body.dark .course-path-popup-cefr{color:#94a3b8}body.dark .course-path-popup-switch-warning{background:#f59e0b1a;border-color:#f59e0b4d}body.dark .active-course-banner{background:linear-gradient(135deg,#6366f11f,#6366f10f);border-color:#6366f133}body.dark .active-course-banner-name{color:#a5b4fc}body.dark .active-course-banner-tier{color:#818cf8}body.dark .active-course-banner-btn{background:#1e1e28cc;color:#a5b4fc;border-color:#6366f14d}body.dark .active-course-banner-btn:hover{background:#6366f126}body.dark .active-course-continue-btn{background:#4338ca;color:#fff;border-color:#4338ca}body.dark .active-course-continue-btn:hover{background:#3730a3}@media(max-width:520px){.cp-card{width:92%}.cp-card.left{margin-left:0;margin-right:auto}.cp-card.right{margin-left:auto;margin-right:0}.cp-card-body{gap:8px;padding:10px 12px}.cp-card-icon{width:36px;height:36px;font-size:22px}.cp-card-name{font-size:12px}.cp-card-action{padding:5px 8px;font-size:10px}.cp-path{padding:12px 0 60px}}.cp-culture{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1;margin-bottom:8px;width:82%;cursor:pointer}.cp-culture.left{margin-right:auto;margin-left:4%}.cp-culture.right{margin-left:auto;margin-right:4%}.cp-culture-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f159;transition:transform .15s,box-shadow .15s}.cp-culture:not(.locked):not(.done):hover .cp-culture-circle{transform:scale(1.1);box-shadow:0 4px 16px #6366f180}.cp-culture-icon{font-size:20px;line-height:1}.cp-culture.done .cp-culture-circle{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98159}.cp-culture.locked{cursor:default;opacity:.45}.cp-culture.locked .cp-culture-circle{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none}.cp-culture-label{font-size:10px;font-weight:700;color:var(--color-text-secondary, #6b7280);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.cp-culture.done .cp-culture-label{color:#059669}.cp-quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000;opacity:0;transition:opacity .25s;padding:16px}.cp-quiz-overlay.show{opacity:1}.cp-quiz-card{background:var(--bg-primary, #fff);border-radius:16px;max-width:min(900px,85vw);width:100%;max-height:92vh;overflow-y:auto;position:relative;padding:32px 40px;box-shadow:0 20px 60px #00000040;transform:translateY(20px);transition:transform .25s}@media(max-width:600px){.cp-quiz-overlay{padding:0}.cp-quiz-card{max-width:100%;max-height:100vh;height:100vh;border-radius:0;padding:24px 16px}}.cp-quiz-overlay.show .cp-quiz-card{transform:translateY(0)}.cp-quiz-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-text-secondary, #6b7280);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cp-quiz-close:hover{background:var(--color-border, rgba(0,0,0,.06))}.cp-quiz-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cp-quiz-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.cp-quiz-font-controls{display:flex;align-items:center;gap:4px}.cp-quiz-font-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--color-border, rgba(0,0,0,.1));background:var(--bg-secondary, #f3f4f6);color:var(--color-text-secondary, #6b7280);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;line-height:1}.cp-quiz-font-btn:hover{background:#ede9fe;color:#6366f1}.cp-quiz-font-btn:active{transform:scale(.95)}.cp-quiz-font-label{font-size:11px;color:var(--color-text-secondary, #9ca3af);min-width:28px;text-align:center}.cp-quiz-icon{font-size:32px}.cp-quiz-title{font-size:20px;font-weight:800;color:var(--color-text-main, #111827);line-height:1.3}.cp-quiz-body{font-size:16px;line-height:1.8;color:var(--color-text-main, #111827);margin-bottom:20px}.cp-quiz-body p+p{margin-top:12px}.cp-quiz-body br+br{display:none}.cp-quiz-body strong{color:#6366f1}.cp-quiz-body em{font-style:italic;color:var(--color-text-secondary, #6b7280)}.cp-quiz-fact{margin-top:14px;padding:12px 16px;background:#fefce8;border-radius:8px;font-size:14px;color:#92400e;line-height:1.5}.cp-quiz-question{border-top:1px solid var(--color-border, rgba(0,0,0,.08));padding-top:16px}.cp-quiz-q-text{font-size:16px;font-weight:700;margin-bottom:14px;color:var(--color-text-main, #111827)}.cp-quiz-options{display:flex;flex-direction:column;gap:8px}.cpq-option{background:var(--bg-secondary, #f3f4f6);border:2px solid transparent;border-radius:10px;padding:12px 16px;font-size:15px;text-align:left;cursor:pointer;transition:all .15s;color:var(--color-text-main, #111827)}.cpq-option:hover:not(:disabled){border-color:#6366f1;background:#ede9fe}.cpq-option.correct{border-color:#10b981;background:#d1fae5}.cpq-option.wrong{border-color:#ef4444;background:#fee2e2}.cp-quiz-feedback{margin-top:10px;font-size:14px;font-weight:700;text-align:center}.cp-quiz-feedback.correct{color:#059669}.cp-quiz-feedback.wrong{color:#dc2626}/**
 * Course Picker Styles — Simplified card list for coursesOnly mode
 * Visually distinct from the generic topic grid
 *
 * Card = icon-box (CEFR color) + native name + progress + action
 *
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */.cpk-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg-primary, #ffffff);border:1.5px solid var(--color-border, #e2e8f0);border-radius:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;width:100%;box-sizing:border-box}.cpk-card:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 2px 10px #6366f11a}.cpk-card.active{border-color:var(--color-primary, #6366f1);border-width:2px;box-shadow:0 2px 14px #6366f124}.cpk-card.done{opacity:.7}.cpk-icon-box{flex-shrink:0;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.cpk-icon-emoji{font-size:22px;line-height:1}.cpk-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cpk-name{font-size:15px;font-weight:600;color:var(--color-text-main, #111827);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpk-progress-row{display:flex;align-items:center;gap:8px}.cpk-progress-bar{flex:1;height:5px;background:var(--color-border, #e2e8f0);border-radius:3px;overflow:hidden}.cpk-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.cpk-card.done .cpk-progress-fill{background:#22c55e!important}.cpk-progress-label{font-size:11px;color:var(--color-text-secondary, #64748b);font-weight:600;flex-shrink:0;min-width:24px}.cpk-action{flex-shrink:0;padding:7px 14px;border:1.5px solid var(--color-primary, #6366f1);border-radius:8px;background:transparent;color:var(--color-primary, #6366f1);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.cpk-action:hover{background:var(--color-primary, #6366f1);color:#fff}.cpk-action.completed{border-color:#22c55e;color:#22c55e;cursor:default;opacity:.7}.cpk-action.completed:hover{background:transparent;color:#22c55e}.cpk-card.active .cpk-action{background:var(--color-primary, #6366f1);color:#fff}.cpk-card.active .cpk-action:hover{background:#4f46e5;color:#fff}.cpk-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary, #64748b);font-size:14px}body.dark .cpk-card{background:#1e2028e6;border-color:var(--color-border, #334155)}body.dark .cpk-card:hover{border-color:var(--color-primary, #818cf8);box-shadow:0 2px 10px #818cf81f}body.dark .cpk-card.active{border-color:var(--color-primary, #818cf8);box-shadow:0 2px 14px #818cf82e}body.dark .cpk-name{color:#f1f5f9}body.dark .cpk-progress-bar{background:#ffffff14}@media(max-width:520px){.cpk-card{padding:10px 12px;gap:10px}.cpk-icon-box{width:36px;height:36px;border-radius:8px}.cpk-icon-emoji{font-size:18px}.cpk-name{font-size:13px}.cpk-action{padding:6px 10px;font-size:11px}}.feedback-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000000;display:flex;align-items:center;justify-content:center;padding:20px;animation:feedbackFadeIn .2s ease}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background:#1e293b;color:#f1f5f9;border-radius:12px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #334155}.feedback-modal-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.feedback-modal-close{background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s,color .2s}.feedback-modal-close:hover{background:#334155;color:#f1f5f9}.feedback-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.feedback-error-preview{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;font-size:13px;line-height:1.5;color:#fca5a5;word-break:break-word;max-height:80px;overflow-y:auto}.feedback-context-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:4px 0;transition:color .2s}.feedback-context-toggle:hover{color:#f1f5f9}.feedback-context-toggle .arrow{display:inline-block;transition:transform .2s;font-size:10px}.feedback-context-toggle.expanded .arrow{transform:rotate(90deg)}.feedback-context-details{display:none;background:#0f172a;border-radius:8px;padding:12px;font-family:Courier New,monospace;font-size:11px;line-height:1.6;color:#94a3b8;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.feedback-context-details.visible{display:block}.feedback-label{font-size:13px;font-weight:500;color:#94a3b8;margin-bottom:4px}.feedback-textarea{width:100%;min-height:100px;max-height:200px;padding:12px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .2s;box-sizing:border-box}.feedback-textarea:focus{outline:none;border-color:#3b82f6}.feedback-textarea::placeholder{color:#64748b}.feedback-email-input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;font-size:13px;transition:border-color .2s;box-sizing:border-box}.feedback-email-input:focus{outline:none;border-color:#3b82f6}.feedback-email-input::placeholder{color:#64748b}.feedback-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid #334155}.feedback-btn{padding:8px 18px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.feedback-btn-cancel{background:#334155;color:#94a3b8}.feedback-btn-cancel:hover{background:#475569;color:#f1f5f9}.feedback-btn-submit{background:#3b82f6;color:#fff}.feedback-btn-submit:hover{background:#2563eb}.feedback-btn-submit:disabled,.feedback-btn-submit.sending{opacity:.5;cursor:not-allowed}.feedback-success{text-align:center;padding:30px 20px}.feedback-success-icon{font-size:48px;margin-bottom:12px}.feedback-success h4{margin:0 0 8px;font-size:16px;color:#f1f5f9}.feedback-success p{margin:0;color:#94a3b8;font-size:13px}@media(max-width:640px){.feedback-modal-overlay{align-items:flex-end;padding:0}.feedback-modal{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0}}body:not(.dark) .feedback-modal{background:#fff;color:#1f2937;box-shadow:0 20px 60px #00000026}body:not(.dark) .feedback-modal-header{border-bottom-color:#e5e7eb}body:not(.dark) .feedback-modal-close:hover{background:#f3f4f6;color:#1f2937}body:not(.dark) .feedback-error-preview{background:#ef44440d;border-color:#ef444433;color:#b91c1c}body:not(.dark) .feedback-context-details{background:#f9fafb;color:#6b7280}body:not(.dark) .feedback-textarea,body:not(.dark) .feedback-email-input{background:#f9fafb;border-color:#d1d5db;color:#1f2937}body:not(.dark) .feedback-btn-cancel{background:#f3f4f6;color:#6b7280}body:not(.dark) .feedback-btn-cancel:hover{background:#e5e7eb;color:#1f2937}body:not(.dark) .feedback-modal-footer{border-top-color:#e5e7eb}body:not(.dark) .feedback-success h4{color:#1f2937}#AboutModal{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10002;display:none;animation:fadeIn .2s ease}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){#AboutModal.show{display:flex;align-items:center;justify-content:center;align-items:flex-start!important;padding-top:0!important;align-items:flex-start;padding-top:0}}.about-modal-content{position:relative;width:95%;max-width:700px;max-height:85vh;margin:16px auto;background:var(--bg-panel-left);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border-radius:0!important;border:none!important;max-height:100%!important;display:flex!important;flex-direction:column!important;box-shadow:none!important}.about-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:20px;flex-shrink:0!important;padding:var(--space-4)!important;padding-top:max(16px,env(safe-area-inset-top,0px))!important;border-bottom:1px solid var(--color-border)!important;background:var(--bg-panel-left)!important;background-image:linear-gradient(135deg,rgba(74,144,217,.04),transparent)!important}.about-modal-content .modal-header h2{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--color-text-main);font-size:20px}.about-modal-content .modal-close{background:none;border:none;font-size:var(--text-2xl);color:var(--color-text-secondary);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all .2s ease;line-height:1}.about-modal-content .modal-close:hover{background:var(--bg-hover);color:var(--color-text-main);transform:rotate(90deg)}.about-modal-body{overflow-y:auto;max-height:calc(85vh - 120px);padding-inline-end:10px;flex:1!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:var(--space-5)!important;padding-inline-start:max(20px,env(safe-area-inset-left,0px))!important;padding-inline-end:max(20px,env(safe-area-inset-right,0px))!important;-webkit-overflow-scrolling:touch!important}.about-modal-body::-webkit-scrollbar{width:8px}.about-modal-body::-webkit-scrollbar-track{background:var(--bg-input);border-radius:var(--radius-sm)}.about-modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.about-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.tutorial-section{margin-top:24px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-border);color:var(--color-text-main);font-size:var(--text-lg);font-weight:600}.about-modal-body h4{color:var(--color-text-main);font-size:var(--text-16px);font-weight:600;margin-top:16px;margin-bottom:8px}.about-modal-body h5{color:var(--color-text-main);font-size:var(--text-base);font-weight:600;margin-top:14px;margin-bottom:6px}.about-modal-body h6{color:var(--color-primary);font-size:var(--text-14px);font-weight:600;margin-top:12px;margin-bottom:4px}.about-modal-body p{color:var(--color-text-main);line-height:1.7;margin-bottom:12px}.about-modal-body ul{color:var(--color-text-main);line-height:1.6;margin-bottom:16px;padding-inline-start:24px}.about-modal-body li{margin-bottom:8px}.about-modal-body code{background:var(--bg-code);color:var(--color-code);padding:2px 6px;border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;display:inline-block}.about-modal-body pre{background:var(--bg-code);color:var(--color-code);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:16px;border:1px solid var(--color-border)}.about-modal-body pre code{background:none;padding:0;border-radius:0;font-size:var(--text-sm)}.about-modal-body strong{color:var(--color-primary);font-weight:600}.about-modal-body .styled-list{list-style-type:none;padding-inline-start:0}.about-modal-body .styled-list li{position:relative;padding-inline-start:20px}.about-modal-body .styled-list li:before{content:"•";position:absolute;inset-inline-start:0;color:var(--color-primary);font-weight:700}.about-modal-content .modal-footer{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--color-border);margin-top:20px;flex-shrink:0!important;padding:var(--space-4)!important;padding-inline-start:max(16px,env(safe-area-inset-left,0px))!important;padding-inline-end:max(16px,env(safe-area-inset-right,0px))!important;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--color-border)!important;background:var(--bg-panel-left)!important}.about-modal-content .btn-secondary{background:var(--bg-input);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 24px;font-size:var(--text-14px);font-weight:600;cursor:pointer;transition:all .2s ease}.about-modal-content .btn-secondary:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.about-modal-content .btn-secondary:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb1a}@media(max-width:767px){#AboutModal{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;width:100%;height:100dvh;height:100vh;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}#AboutModal.show{align-items:flex-start;padding-top:0}.about-modal-content{width:100%;max-width:100%;margin:0;padding:0;border-radius:0;border:none;max-height:100%;display:flex;flex-direction:column;box-shadow:none}.about-modal-content .modal-header{flex-shrink:0;padding:var(--space-4);padding-top:max(16px,env(safe-area-inset-top,0px));border-bottom:1px solid var(--color-border);background:var(--bg-panel-left)}.about-modal-body{flex:1;max-height:none;overflow-y:auto;overflow-x:hidden;padding:var(--space-5);padding-inline-start:max(20px,env(safe-area-inset-left,0px));padding-inline-end:max(20px,env(safe-area-inset-right,0px));-webkit-overflow-scrolling:touch}.about-modal-content .modal-footer{flex-shrink:0;padding:var(--space-4);padding-inline-start:max(16px,env(safe-area-inset-left,0px));padding-inline-end:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--bg-panel-left)}.about-modal-content .modal-header h2{font-size:20px}}@media(min-width:768px){#AboutModal.show{align-items:center;justify-content:center;align-items:center!important;justify-content:center!important}.about-modal-content{max-height:85vh;margin:auto;width:90%;max-width:700px;max-height:85vh!important;margin:auto!important;width:90%!important;max-width:700px!important}.about-modal-body{max-height:calc(85vh - 160px);max-height:calc(85vh - 160px)!important}}.scorecard-v2{font-size:13px}.scorecard-summary{margin-bottom:16px}.summary-title{font-weight:700;font-size:14px;color:var(--color-text-main);margin-bottom:10px}.summary-models{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.summary-model-card{flex:1;min-width:100px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;text-align:center}.summary-model-name{font-weight:600;font-size:12px;color:var(--color-text-main);margin-bottom:6px}.summary-avg-bar{height:6px;background:var(--bg-hover, rgba(255,255,255,.1));border-radius:3px;overflow:hidden;margin-bottom:4px}.summary-avg-fill{height:100%;border-radius:3px;transition:width .4s ease}.summary-avg-num{font-weight:700;font-size:18px;line-height:1.2}.summary-stats{font-size:10px;color:var(--color-text-secondary);margin-top:2px}.sc-table{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.sc-table-header{display:flex;background:var(--bg-input);padding:8px 6px;font-weight:600;font-size:11px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px}.sc-table-header .sc-lang{flex:0 0 90px;padding-inline-start:4px}.sc-table-header .sc-header-cell{flex:1;text-align:center;min-width:0}.sc-table-body{max-height:400px;overflow-y:auto}.sc-group-header{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-hover, rgba(255,255,255,.05));cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border);transition:background .15s}.sc-group-header:hover{background:var(--bg-input)}.sc-group-name{font-weight:700;font-size:12px;color:var(--color-primary);flex:1}.sc-group-avg{font-size:11px;font-weight:600}.sc-group-toggle{font-size:12px;color:var(--color-text-secondary);transition:transform .2s}.sc-group-body.collapsed{display:none}.sc-row{display:flex;align-items:center;padding:5px 6px;border-bottom:1px solid var(--color-border);transition:background .1s}.sc-row:last-child{border-bottom:none}.sc-row:hover{background:var(--bg-hover, rgba(255,255,255,.03))}.sc-lang{flex:0 0 90px;padding-inline-start:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-lang-name{font-weight:500;color:var(--color-text-main);font-size:12px}.sc-cell{flex:1;display:flex;align-items:center;gap:4px;min-width:0;justify-content:center}.sc-bar-track{width:32px;height:6px;background:var(--bg-hover, rgba(255,255,255,.1));border-radius:3px;overflow:hidden;flex-shrink:0}.sc-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.sc-num{font-weight:600;font-size:12px;min-width:12px;text-align:center}.scorecard-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding:10px;background:var(--bg-input);border-radius:var(--radius-md);font-size:11px}.legend-item{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary)}.legend-bar{display:inline-block;width:8px;height:12px;border-radius:2px}.score-5{background-color:#22c55e}.score-4{background-color:#84cc16}.score-3{background-color:#eab308}.score-2{background-color:#f97316}.score-1{background-color:#ef4444}.score-0{background-color:#9ca3af}.scorecard-error{color:var(--color-error, #ef4444);padding:20px;text-align:center}.scorecard-model-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding:8px 10px;background:var(--bg-input);border-radius:var(--radius-md);font-size:11px;color:var(--color-text-secondary)}.scorecard-model-legend .legend-item{color:var(--color-text-secondary)}@media(max-width:600px){.summary-models{gap:6px}.summary-model-card{min-width:70px;padding:6px}.summary-model-name{font-size:10px}.summary-avg-num{font-size:15px}.summary-stats{font-size:9px}.sc-table-header .sc-lang,.sc-lang{flex:0 0 70px}.sc-lang-name{font-size:11px}.sc-bar-track{width:24px;height:5px}.sc-num{font-size:10px}.sc-table-header{font-size:9px}.sc-group-name{font-size:11px}.sc-row{padding:4px}.sc-table-body{max-height:300px}}.language-explainer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000000050;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:16px}.language-explainer-overlay.visible{opacity:1}.language-explainer-modal{background:var(--bg-secondary, #f8f9fa);border-radius:20px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #0003;transform:translateY(30px) scale(.95);transition:transform .35s cubic-bezier(.16,1,.3,1)}.language-explainer-overlay.visible .language-explainer-modal{transform:translateY(0) scale(1)}.explainer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.explainer-header-actions{display:flex;align-items:center;gap:4px}.explainer-header-lang{font-size:14px;font-weight:600;color:var(--text-secondary, #6b7280);letter-spacing:.5px;text-transform:uppercase}.explainer-header-skip{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;font-size:14px;padding:6px 12px;border-radius:8px;transition:all .2s}.explainer-header-skip:hover{background:#0000000f;color:var(--text-primary, #1f2937)}.explainer-header-minimize{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;font-size:16px;font-weight:600;padding:6px 10px;border-radius:8px;transition:all .2s;line-height:1}.explainer-header-minimize:hover{background:#0000000f;color:var(--text-primary, #1f2937)}.explainer-intro-note{margin:12px 20px 0;padding:12px 16px;background:#2ecc711a;border:1px solid rgba(46,204,113,.25);border-radius:12px;color:#16a34a;font-size:14px;line-height:1.5}.explainer-progress{display:flex;gap:6px;padding:12px 20px 0;align-items:center}.explainer-progress-dot{flex:1;height:4px;border-radius:2px;background:#0000001a;transition:all .3s ease}.explainer-progress-dot.active{background:var(--accent, #6c5ce7)}.explainer-progress-dot.completed{background:var(--success, #2ecc71)}.explainer-cards-viewport{flex:1;overflow:hidden;position:relative}.explainer-cards-track{display:flex;transition:transform .4s cubic-bezier(.16,1,.3,1);height:100%}.explainer-card{min-width:100%;padding:24px 24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto}.explainer-card-emoji{font-size:40px;margin-bottom:12px;animation:explainer-bounce-in .5s cubic-bezier(.16,1,.3,1)}@keyframes explainer-bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.explainer-card-heading{font-size:22px;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:12px;line-height:1.3}.explainer-card-body{font-size:15px;line-height:1.6;color:var(--text-secondary, #6b7280);margin-bottom:20px;max-width:440px}.explainer-card-art{width:100%;margin:0 auto 8px;padding:16px;border-radius:16px;background:#00000008;border:1px solid rgba(0,0,0,.06)}.explainer-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 20px;border-top:1px solid var(--border-color, #e5e7eb)}.explainer-btn-back{background:none;border:1px solid rgba(0,0,0,.15);color:var(--text-secondary, #6b7280);padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:80px}.explainer-btn-back:hover{background:#0000000f;color:var(--text-primary, #1f2937)}.explainer-btn-back:disabled{opacity:.3;cursor:not-allowed}.explainer-btn-next{background:var(--accent, #6c5ce7);border:none;color:#fff;padding:10px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.explainer-btn-next:hover{filter:brightness(1.15);transform:translateY(-1px)}.explainer-step-counter{font-size:13px;color:var(--text-secondary, #6b7280);font-variant-numeric:tabular-nums}.explainer-btn-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:0 20px 20px;padding:14px 24px;background:linear-gradient(135deg,var(--accent, #6c5ce7),#a855f7);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;animation:explainer-cta-pulse 2s ease-in-out infinite}.explainer-btn-cta:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 25px #6c5ce759}@keyframes explainer-cta-pulse{0%,to{box-shadow:0 4px 15px #6c5ce733}50%{box-shadow:0 4px 25px #6c5ce766}}.explainer-tts-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 4px;opacity:.55;transition:opacity .15s,transform .15s;line-height:1;vertical-align:middle}.explainer-tts-btn:hover{opacity:1;transform:scale(1.15)}.explainer-tts-btn:active{transform:scale(.95)}.art-char-main .explainer-tts-btn{font-size:18px;opacity:.7;margin-top:2px}.art-tone-mark-wrap{display:inline-flex;align-items:center;gap:2px}.art-tone-mark-wrap .explainer-tts-btn{font-size:14px}.art-script-text-wrap{display:inline-flex;align-items:center;gap:4px}.art-script-text-wrap .explainer-tts-btn{font-size:14px}.art-syllable-char-wrap{display:inline-flex;align-items:center;gap:1px}.art-syllable-char-wrap .explainer-tts-btn{font-size:12px}.art-char-part .explainer-tts-btn{font-size:14px}.art-char-breakdown{display:flex;flex-direction:column;align-items:center;gap:16px}.art-char-main{display:flex;flex-direction:column;align-items:center;gap:4px}.art-char-character{font-size:72px;font-weight:700;line-height:1;color:var(--text-primary, #1f2937)}.art-char-meaning{font-size:14px;color:var(--text-secondary, #6b7280);font-style:italic}.art-char-equation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.art-char-part{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border:2px solid;border-radius:12px;background:#00000005}.art-char-part-char{font-size:36px;font-weight:700;line-height:1}.art-char-part-label{font-size:12px;opacity:.8;text-align:center}.art-char-op{font-size:24px;color:var(--text-secondary, #6b7280);font-weight:300}.art-char-fun{font-size:16px;color:var(--text-secondary, #6b7280);padding:8px 14px;background:#0000000a;border-radius:10px;text-align:center}.art-script-compare{display:flex;flex-direction:column;gap:10px}.art-script-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#00000005;border-radius:10px}.art-script-label{font-size:11px;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;min-width:110px;text-align:right;flex-shrink:0}.art-script-text{font-size:28px;font-weight:700;letter-spacing:2px}.art-script-note{font-size:11px;color:var(--text-secondary, #9ca3af);flex:1;line-height:1.3}.art-tone-contour{display:flex;flex-direction:column;align-items:center;gap:14px}.art-tone-base{font-size:14px;color:var(--text-secondary, #6b7280)}.art-tone-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.art-tone-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid;border-radius:12px;background:#00000005}.art-tone-number{font-size:10px;font-weight:700;color:#fff;padding:2px 8px;border-radius:6px;text-transform:uppercase}.art-tone-mark{font-size:28px;font-weight:700;line-height:1}.art-tone-direction{font-size:20px;opacity:.8}.art-tone-label{font-size:11px;color:var(--text-secondary, #6b7280)}.art-tone-meaning{font-size:13px;color:var(--text-primary, #1f2937);font-weight:600}.art-syllable-grid{display:flex;flex-direction:column;align-items:center;gap:12px}.art-syllable-title{font-size:14px;font-weight:600;color:var(--text-secondary, #6b7280);text-align:center}.art-syllable-table{display:flex;flex-direction:column;gap:4px;width:100%}.art-syllable-row{display:flex;gap:4px;justify-content:center}.art-syllable-cell{display:flex;flex-direction:column;align-items:center;padding:4px 2px;min-width:48px}.art-syllable-char{font-size:20px;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2}.art-syllable-romaji{font-size:9px;color:var(--text-secondary, #9ca3af)}.art-syllable-footer{font-size:13px;color:var(--accent, #6c5ce7);font-weight:600;text-align:center}.art-learning-path{display:flex;align-items:flex-start;justify-content:center;gap:4px;flex-wrap:wrap;padding:8px 0}.art-path-stage{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px}.art-path-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--stage-color, #6c5ce7) 15%,transparent);border:2px solid color-mix(in srgb,var(--stage-color, #6c5ce7) 40%,transparent)}.art-path-label{font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280);text-align:center;max-width:80px}.art-path-arrow{font-size:18px;color:var(--text-secondary, #9ca3af);align-self:center;margin-top:12px}body.dark .language-explainer-overlay{background:#000000a6}body.dark .language-explainer-modal{background:var(--bg-secondary, #1e1e2e);box-shadow:0 25px 60px #00000080}body.dark .explainer-header{border-bottom-color:var(--border-color, rgba(255,255,255,.08))}body.dark .explainer-header-lang,body.dark .explainer-header-skip{color:var(--text-secondary, #a0a0b0)}body.dark .explainer-header-skip:hover{background:#ffffff14;color:var(--text-primary, #fff)}body.dark .explainer-header-minimize{color:var(--text-secondary, #a0a0b0)}body.dark .explainer-header-minimize:hover{background:#ffffff14;color:var(--text-primary, #fff)}body.dark .explainer-intro-note{color:#2ecc71}body.dark .explainer-progress-dot{background:#ffffff1a}body.dark .explainer-card-heading{color:var(--text-primary, #fff)}body.dark .explainer-card-body{color:var(--text-secondary, #c0c0d0)}body.dark .explainer-card-art{background:#ffffff0a;border-color:#ffffff0f}body.dark .explainer-footer{border-top-color:var(--border-color, rgba(255,255,255,.08))}body.dark .explainer-btn-back{border-color:#ffffff26;color:var(--text-secondary, #a0a0b0)}body.dark .explainer-btn-back:hover{background:#ffffff0f;color:var(--text-primary, #fff)}body.dark .explainer-step-counter{color:var(--text-secondary, #a0a0b0)}body.dark .art-char-character{color:var(--text-primary, #fff)}body.dark .art-char-meaning{color:var(--text-secondary, #a0a0b0)}body.dark .art-char-part{background:#ffffff08}body.dark .art-char-op{color:var(--text-secondary, #a0a0b0)}body.dark .art-char-fun{color:var(--text-secondary, #c0c0d0);background:#ffffff0d}body.dark .art-script-row{background:#ffffff08}body.dark .art-script-label,body.dark .art-script-note{color:var(--text-secondary, #808090)}body.dark .art-tone-base{color:var(--text-secondary, #a0a0b0)}body.dark .art-tone-item{background:#ffffff05}body.dark .art-tone-label{color:var(--text-secondary, #a0a0b0)}body.dark .art-tone-meaning,body.dark .art-syllable-char{color:var(--text-primary, #fff)}body.dark .art-syllable-title{color:var(--text-secondary, #c0c0d0)}body.dark .art-syllable-romaji{color:var(--text-secondary, #808090)}body.dark .art-path-label{color:var(--text-secondary, #c0c0d0)}body.dark .art-path-arrow{color:var(--text-secondary, #606070)}body.dark .explainer-skip-confirm{background:#0009}body.dark .explainer-skip-confirm-content{background:var(--bg-primary, #1e1e2e);border-color:var(--border-color, rgba(255,255,255,.12));box-shadow:0 12px 40px #0009}body.dark .explainer-skip-confirm-title{color:var(--text-primary, #f0f0f0)}body.dark .explainer-skip-confirm-body{color:var(--text-secondary, #999)}body.dark .explainer-skip-confirm-skip{border-color:var(--border-color, rgba(255,255,255,.15));color:var(--text-secondary, #999)}body.dark .explainer-skip-confirm-skip:hover{border-color:var(--text-secondary, #999);color:var(--text-primary, #f0f0f0)}body.dark .explainer-minimized-pill{background:var(--bg-secondary, #1e1e2e);border-color:var(--border-color, rgba(255,255,255,.12));box-shadow:0 8px 32px #00000080}body.dark .explainer-pill-text{color:var(--text-primary, #f0f0f0)}@media(max-width:767px){.language-explainer-overlay{padding:0}.language-explainer-modal{max-width:100%;max-height:100vh;height:100%;border-radius:0;transform:translateY(0) scale(1)}.language-explainer-overlay.visible .language-explainer-modal{transform:translateY(0) scale(1)}.explainer-card{padding:20px 20px 16px}.explainer-card-heading{font-size:20px}.explainer-card-body{font-size:14px}.art-char-character{font-size:64px}.art-char-part-char{font-size:32px}.art-script-text{font-size:24px}.art-script-label{min-width:90px;font-size:10px}.art-script-note{display:none}.art-tone-grid{grid-template-columns:1fr 1fr;gap:8px}.art-tone-mark{font-size:24px}.art-syllable-char{font-size:18px}.art-syllable-cell{min-width:42px}.art-path-icon{width:44px;height:44px;font-size:24px}.art-path-label{font-size:10px;max-width:70px}}@media(max-width:360px){.explainer-card-heading{font-size:18px}.art-char-character{font-size:52px}.art-char-part-char{font-size:26px}.art-tone-mark{font-size:20px}.art-syllable-cell{min-width:36px}.art-syllable-char{font-size:15px}}.explainer-skip-confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:16px;z-index:10;opacity:0;transition:opacity .2s ease}.explainer-skip-confirm.visible{opacity:1}.explainer-skip-confirm-content{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:14px;padding:28px 24px 20px;max-width:320px;width:90%;text-align:center;box-shadow:0 12px 40px #00000026}.explainer-skip-confirm-title{font-size:18px;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:8px}.explainer-skip-confirm-body{font-size:13px;color:var(--text-secondary, #6b7280);margin-bottom:20px;line-height:1.5}.explainer-skip-confirm-actions{display:flex;gap:10px;justify-content:center}.explainer-skip-confirm-continue{flex:1;padding:10px 16px;border:none;border-radius:10px;background:var(--accent-color, #6c5ce7);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.explainer-skip-confirm-continue:hover{filter:brightness(1.15)}.explainer-skip-confirm-skip{flex:1;padding:10px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:transparent;color:var(--text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.explainer-skip-confirm-skip:hover{border-color:var(--text-secondary, #6b7280);color:var(--text-primary, #1f2937)}@media(max-width:767px){.explainer-skip-confirm{border-radius:0}}.explainer-minimized-pill{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e5e7eb);border-radius:28px;box-shadow:0 8px 32px #0000001f;cursor:pointer;z-index:1000000060;transition:all .35s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}.explainer-minimized-pill.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.explainer-minimized-pill:hover{box-shadow:0 12px 40px #6c5ce74d;border-color:#6c5ce766;transform:translate(-50%) translateY(-2px)}.explainer-pill-emoji{font-size:18px}.explainer-pill-text{font-size:13px;font-weight:600;color:var(--text-primary, #1f2937)}.explainer-pill-tap{font-size:11px;color:var(--accent, #6c5ce7);opacity:0;transition:opacity .2s}.explainer-minimized-pill:hover .explainer-pill-tap{opacity:1}@media(max-width:480px){.explainer-minimized-pill{bottom:16px;padding:8px 14px}.explainer-pill-tap{display:none}}/**
 * Graph Visualization Styles
 * Plain CSS - No Tailwind dependencies
 * @license Copyright (c) 2026 Lanki
 */.graph-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;align-items:center;justify-content:center}.graph-modal.show{display:flex!important}.graph-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.graph-modal-content{position:relative;background-color:#fff;border-radius:12px;width:90vw;max-width:90vw;max-height:92vh;height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;z-index:1}@media(max-width:767px){.graph-modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0;height:100%}}.graph-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.graph-modal-header h3{margin:0;font-size:18px;color:#1f2937;flex:1}.graph-modal-header h3 span#graphTopicTitle{cursor:pointer;transition:color .15s ease}.graph-modal-header h3 span#graphTopicTitle:hover{color:#3b82f6;text-decoration:underline}body.dark .graph-modal-header h3 span#graphTopicTitle:hover{color:#60a5fa}.graph-modal-controls{display:flex;align-items:center;gap:8px}.graph-voice-settings-btn{background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.graph-voice-settings-btn:hover{color:#4a90d9;background:#6366f11a}.graph-modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:4px}.graph-modal-close:hover{background-color:#f3f4f6}.graph-modal-body{flex:1;overflow:auto;padding:0;min-height:0}.graph-modal-footer{padding:14px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:8px}.graph-footer-left,.graph-footer-right{display:flex;align-items:center;gap:8px}.graph-footer-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}.graph-footer-btn.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:#4f46e5}.graph-footer-btn.primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.graph-footer-btn.secondary{background-color:#f8fafc;color:#475569;border-color:#e2e8f0}.graph-footer-btn.secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#334155}.graph-footer-btn.action{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669}.graph-footer-btn.action:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.graph-footer-btn.action:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.graph-container{position:relative;width:100%;height:100%;min-height:400px}.graph-svg-container{position:relative;width:100%;height:100%;min-height:450px;overflow:hidden;transform-origin:center center;transition:transform .3s ease;background:linear-gradient(135deg,#0f0f12,#18181b,#131318);border-radius:12px}.graph-svg-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.graph-nodes-container{position:absolute;z-index:1;top:50px;left:30px;right:30px;bottom:50px}.graph-edges-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.graph-edge-line{stroke-width:1.5px;fill:none;transition:all .3s ease;stroke:#6366f140;stroke-width:1px;opacity:.8}.graph-edge-curved{stroke-linecap:round;animation:edgePulse 3s ease-in-out infinite}@keyframes edgePulse{0%,to{stroke-opacity:.25;filter:drop-shadow(0 0 2px rgba(99,102,241,.2))}50%{stroke-opacity:.5;filter:drop-shadow(0 0 4px rgba(99,102,241,.4))}}.graph-edge-line.flowing{stroke-dasharray:8 4;animation:edgeFlow 1s linear infinite}@keyframes edgeFlow{to{stroke-dashoffset:-12}}.graph-node{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;background:transparent;border:none;padding:0;transition:all .2s;transform:translate(-50%,-50%);z-index:10}.graph-node:before{content:"";position:absolute;border-radius:50%;width:10px;height:10px;top:0;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f166;z-index:-1;transition:all .2s ease}.graph-node.level-1:before{animation:rootPulse 3s ease-in-out infinite;width:14px;height:14px;background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 3px 12px #6366f180}@keyframes rootPulse{0%,to{box-shadow:0 3px 12px #6366f180}50%{box-shadow:0 3px 25px #818cf8cc}}.graph-node.level-2:before{width:11px;height:11px}.graph-node.level-3:before{width:9px;height:9px;background:linear-gradient(135deg,#6366f1,#5b5bd6)}.graph-node.level-4:before,.graph-node.level-5:before,.graph-node.level-6:before,.graph-node.level-7:before{width:7px;height:7px;background:linear-gradient(135deg,#5b5bd6,#4338ca)}.graph-node:hover:before{transform:translate(-50%) scale(1.3);box-shadow:0 4px 16px #6366f199}.graph-node.level-1:hover:before{transform:translate(-50%) scale(1.2)}.graph-label-stack{display:flex;flex-direction:column;align-items:center;text-align:center;overflow-wrap:break-word;gap:2px;background:linear-gradient(135deg,#232329f2,#18181bf2);border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:8px 12px;margin-top:16px;transition:all .2s ease;max-width:120px;box-shadow:0 4px 12px #0000004d}.graph-node:hover .graph-label-stack{background:linear-gradient(135deg,#2a2a32fa,#232329fa);border-color:#6366f166;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.graph-label-learning{font-weight:600;line-height:1.2;color:#fff;font-size:12px;letter-spacing:.2px}.graph-label-native{font-weight:400;line-height:1.2;color:#a1a1aa;font-size:10px}.graph-node.level-1 .graph-label-stack{padding:10px 16px;margin-top:20px;max-width:150px;border-color:#6366f14d}.graph-node.level-1 .graph-label-learning{font-size:14px}.graph-node.level-1 .graph-label-native{font-size:12px}.graph-node.level-2 .graph-label-stack{padding:6px 10px;margin-top:16px;max-width:110px}.graph-node.level-2 .graph-label-learning{font-size:11px}.graph-node.level-3 .graph-label-stack{padding:5px 8px;margin-top:14px;max-width:95px}.graph-node.level-3 .graph-label-learning{font-size:10px}.graph-node .expand-hint{margin-left:2px;color:#71717a;font-size:9px;opacity:.5}.graph-back-btn{position:absolute;top:16px;left:16px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;z-index:100;display:none;align-items:center;gap:6px;transition:all .2s;background:linear-gradient(135deg,#232329f2,#18181bf2);color:#fafafa;border:1px solid rgba(99,102,241,.25);box-shadow:0 2px 8px #0003}.graph-back-btn:hover{background:linear-gradient(135deg,#2a2a32fa,#232329fa);border-color:#6366f166;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.graph-node.focused-parent{cursor:pointer}.graph-node.focused-parent:hover .graph-label-stack{border-color:#6366f180}.graph-back-indicator{color:#71717a;margin-right:4px;font-size:13px}.graph-node.focused{z-index:30}.graph-node.focused:before{transform:translate(-50%) scale(1.5);box-shadow:0 4px 20px #6366f1b3}.graph-node.focused .graph-label-stack{border-color:#6366f199;box-shadow:0 8px 24px #00000080}.graph-node.faded{opacity:.3;pointer-events:none}.graph-node.loading{opacity:.6;pointer-events:none}.dark .graph-modal-content{background-color:#0f172a}.dark .graph-modal-header{border-color:#334155}.dark .graph-modal-header h3{color:#e2e8f0}.dark .graph-voice-settings-btn{color:#94a3b8}.dark .graph-voice-settings-btn:hover{color:#60a5fa;background:#60a5fa1a}.dark .graph-modal-close{color:#94a3b8}.dark .graph-modal-close:hover{background-color:#1e293b}.dark .graph-modal-footer{border-color:#334155}.dark .graph-footer-btn.secondary{background-color:#1e293bcc;color:#94a3b8;border-color:#47556980}.dark .graph-footer-btn.secondary:hover{background-color:#334155e6;border-color:#64748b99;color:#e2e8f0}@media(max-width:768px){.graph-node.level-1:before{width:12px;height:12px}.graph-node.level-2:before{width:9px;height:9px}.graph-node.level-3:before{width:7px;height:7px}.graph-node.level-4:before{width:6px;height:6px}.graph-label-stack{padding:5px 8px;margin-top:12px;max-width:85px}.graph-label-learning{font-size:10px}.graph-label-native{font-size:8px}.graph-node.level-1 .graph-label-stack{padding:7px 12px;margin-top:16px;max-width:110px}.graph-node.level-2 .graph-label-stack{padding:5px 8px;margin-top:12px;max-width:80px}.graph-back-btn{padding:6px 12px;font-size:12px}}.graph-hybrid-layout{position:relative;width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;overflow:hidden}.graph-mini-overview{position:absolute;top:8px;left:8px;width:120px;height:120px;z-index:50;background:#0f0f1499;border-radius:50%;border:1px solid rgba(99,102,241,.2);overflow:hidden;pointer-events:none}.graph-mini-svg{display:block;width:100%;height:100%}.graph-card-area{display:flex;flex-direction:column;align-items:center;padding:20px 20px 12px;width:100%;gap:12px;overflow-y:auto}.graph-card-top-bar{display:flex;align-items:center;gap:8px;width:100%}.graph-nav-up-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#6366f1;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;padding:0;line-height:1;box-shadow:0 1px 4px #00000014}.graph-nav-up-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}body.dark .graph-nav-up-btn{background:#374151;border-color:#4b5563;color:#818cf8}body.dark .graph-nav-up-btn:hover{background:#6366f1;color:#fff}.graph-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;width:100%;font-size:12px;color:#71717a;min-height:24px}.graph-breadcrumb-item{cursor:pointer;color:#a1a1aa;padding:2px 4px;border-radius:3px;transition:color .15s,background .15s}.graph-breadcrumb-item:hover{color:#e0e0e0;background:#ffffff0d}.graph-breadcrumb-item.active{color:#fbbf24;font-weight:600;cursor:default}.graph-breadcrumb-sep{color:#52525b;font-size:11px}.graph-card-view{width:100%;max-width:420px}.graph-card-main{position:relative;background:linear-gradient(135deg,#6366f11f,#818cf80f);border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:14px 20px;text-align:center;box-shadow:0 2px 10px #0000001f}.graph-card-learning{font-size:22px;font-weight:700;color:#fafafa;line-height:1.2;margin-bottom:4px}.graph-card-native{font-size:16px;font-weight:400;color:#a1a1aa;line-height:1.3}.graph-tts-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 4px;opacity:.5;transition:opacity .15s ease,transform .15s ease;line-height:1}.graph-tts-btn:hover{opacity:1;transform:scale(1.2)}.graph-tts-main{position:absolute;top:8px;right:10px;font-size:18px;opacity:.6}.graph-tts-child{display:inline;vertical-align:middle;font-size:13px;margin-right:2px}.graph-add-more-btn{display:block;width:100%;margin-top:12px;padding:8px 16px;border-radius:8px;border:1px dashed rgba(99,102,241,.3);background:#6366f10d;color:#818cf8;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.graph-add-more-btn:hover{background:#6366f11f;border-color:#6366f180}.graph-add-more-btn:disabled{opacity:.5;cursor:default}body:not(.dark) .graph-add-more-btn{border-color:#6366f133;color:#6366f1;background:#6366f10a}body:not(.dark) .graph-add-more-btn:hover{background:#6366f114}body:not(.dark) .graph-tts-btn{opacity:.4}body:not(.dark) .graph-tts-btn:hover{opacity:.8}.graph-related-section{width:100%}.graph-related-header{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.graph-related-label{font-size:11px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.graph-related-hint{font-size:11px;color:#52525b;font-style:italic}.graph-related-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;width:100%}.graph-related-card{padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column}.graph-related-card:hover{background:#6366f11a;border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.graph-related-learning{font-size:14px;font-weight:600;color:#fafafa;line-height:1.3;margin-bottom:2px;overflow-wrap:break-word;word-break:break-word}.graph-related-native{font-size:12px;color:#71717a;line-height:1.3;overflow-wrap:break-word;word-break:break-word;margin-bottom:4px}.graph-main-img-wrap{display:none;margin:0 auto 6px;border-radius:8px;overflow:hidden;background:#ffffff08;width:72px;height:72px}.graph-main-img-wrap.graph-related-img-loaded{display:block}.graph-main-img-wrap .graph-related-img{width:72px;height:72px;border-radius:8px}body:not(.dark) .graph-main-img-wrap{background:#00000005}.graph-related-img-wrap{display:none;margin-bottom:6px;border-radius:6px;overflow:hidden;background:#ffffff08}.graph-related-img-wrap.graph-related-img-loaded{display:block}.graph-related-img{width:40px;height:40px;object-fit:cover;border-radius:5px;opacity:0;transition:opacity .3s ease}.graph-related-img-wrap.graph-related-img-loaded .graph-related-img{opacity:1}body:not(.dark) .graph-related-img-wrap{background:#00000005}.graph-example-sentence{font-size:11px;color:#a1a1aa;font-style:italic;line-height:1.3;margin-top:4px;padding:4px 6px;background:#6366f114;border-radius:4px;border-left:2px solid rgba(99,102,241,.4)}body:not(.dark) .graph-example-sentence{color:#6b7280;background:#6366f10d}body:not(.dark) .graph-action-btn.example:hover{background:#a855f733;color:#ddd6fe}.graph-related-empty{font-size:13px;color:#52525b;padding:16px;text-align:center;width:100%}body:not(.dark) .graph-card-main{background:linear-gradient(135deg,#6366f10f,#818cf808);border-color:#6366f126;box-shadow:0 2px 8px #0000000f}body:not(.dark) .graph-card-learning{color:#1f2937}body:not(.dark) .graph-card-native{color:#6b7280}body:not(.dark) .graph-related-card{background:#00000005;border-color:#00000014}body:not(.dark) .graph-related-card:hover{background:#6366f10f;border-color:#6366f133}body:not(.dark) .graph-related-learning{color:#1f2937}body:not(.dark) .graph-related-native{color:#9ca3af}body:not(.dark) .graph-breadcrumb-item{color:#9ca3af}body:not(.dark) .graph-breadcrumb-item.active{color:#4f46e5}body:not(.dark) .graph-mini-overview{background:#fffc;border-color:#6366f126}.graph-card-actions{display:flex;gap:4px;margin-top:auto;flex-wrap:wrap}.graph-action-btn{display:inline-flex;align-items:center;gap:2px;padding:3px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;font-size:10px;color:#a1a1aa;transition:all .15s ease;line-height:1;white-space:nowrap}.graph-action-icon{font-size:12px;line-height:1}.graph-action-label{font-size:10px;line-height:1}.graph-action-btn:hover{background:#6366f133;border-color:#6366f166;color:#c7d2fe}.graph-action-btn:disabled{opacity:.5;cursor:default;transform:none}.graph-action-btn.spinning{animation:graph-spin 1s linear infinite}.graph-action-btn.spinning .graph-action-icon{display:inline-block}@keyframes graph-spin{to{transform:rotate(360deg)}}.graph-action-btn.train:hover{background:#10b98133;color:#6ee7b7}.graph-action-btn.known:hover{background:#3b82f633;color:#93c5fd}.graph-action-btn.expand:hover{background:#fbbf2433;color:#fcd34d}.graph-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:#1e1e28f2;color:#e0e0e0;padding:10px 20px;border-radius:8px;font-size:13px;z-index:9999;opacity:0;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.graph-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}body:not(.dark) .graph-toast{background:#fffffff2;color:#1f2937;box-shadow:0 4px 12px #0000001a}body:not(.dark) .graph-action-btn{background:#00000008;border-color:#00000014;color:#6b7280}body:not(.dark) .graph-action-btn:hover{background:#6366f114;border-color:#6366f133;color:#4f46e5}@media(max-width:767px){.graph-hybrid-layout{min-height:250px}.graph-mini-overview{width:60px;height:60px;top:4px;left:4px}.graph-card-area{padding:36px 16px 12px;gap:12px}.graph-card-main{padding:16px 20px}.graph-card-learning{font-size:22px}.graph-card-native{font-size:14px}.graph-related-card{grid-template-columns:1fr;padding:10px 12px}.graph-related-learning{font-size:14px}.graph-related-native{font-size:12px}.graph-breadcrumb{font-size:11px}.graph-breadcrumb-item{min-height:28px;padding:4px 6px}.graph-related-label{font-size:11px}.graph-related-hint{font-size:10px}.graph-action-btn{padding:4px 8px;font-size:12px}.graph-action-label{font-size:11px}}.graph-loading-words{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:14px 24px;width:100%;min-height:160px;padding:20px 30px;overflow:hidden}.graph-loading-word{font-size:14px;font-weight:500;padding:6px 12px;background:#6366f126;border-radius:20px;border:1px solid rgba(99,102,241,.3);cursor:default;-webkit-user-select:none;user-select:none;animation-duration:1.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;opacity:0;animation-name:var(--anim, float-up)}@keyframes float-up{0%{opacity:0;transform:translateY(50px) rotate(var(--rotate, 0deg))}40%{opacity:1;transform:translateY(-15px) rotate(var(--rotate, 0deg))}70%{transform:translateY(8px) rotate(var(--rotate, 0deg))}to{opacity:1;transform:translateY(0) rotate(var(--rotate, 0deg))}}@keyframes float-in-left{0%{opacity:0;transform:translate(-80px) translateY(20px) rotate(calc(var(--rotate, 0deg) - 15deg))}50%{opacity:1;transform:translate(15px) translateY(-10px) rotate(var(--rotate, 0deg))}to{opacity:1;transform:translate(0) translateY(0) rotate(var(--rotate, 0deg))}}@keyframes float-in-right{0%{opacity:0;transform:translate(80px) translateY(20px) rotate(calc(var(--rotate, 0deg) + 15deg))}50%{opacity:1;transform:translate(-15px) translateY(-10px) rotate(var(--rotate, 0deg))}to{opacity:1;transform:translate(0) translateY(0) rotate(var(--rotate, 0deg))}}@keyframes scale-float{0%{opacity:0;transform:scale(.2) translateY(30px) rotate(var(--rotate, 0deg))}60%{opacity:1;transform:scale(1.15) translateY(-8px) rotate(var(--rotate, 0deg))}to{opacity:1;transform:scale(1) translateY(0) rotate(var(--rotate, 0deg))}}@keyframes pop-float{0%{opacity:0;transform:scale(0) translateY(40px) rotate(-20deg)}50%{opacity:1;transform:scale(1.3) translateY(-12px) rotate(8deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(var(--rotate, 0deg))}}.graph-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:30px 20px}.graph-loading-title{font-size:22px;margin-bottom:8px;background:linear-gradient(135deg,#a78bfa,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.graph-example-btn{margin-top:8px;padding:6px 14px;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:8px;color:#c4b5fd;font-size:13px;cursor:pointer;transition:all .2s ease}.graph-example-btn:hover{background:#a855f740;border-color:#a855f780;color:#ddd6fe}.graph-example-display{margin-top:10px;font-size:13px;color:#a1a1aa;font-style:italic;line-height:1.5;padding:10px 14px;background:#6366f114;border-left:3px solid rgba(168,85,247,.5);border-radius:0 6px 6px 0;max-width:400px;text-align:left}body:not(.dark) .graph-example-btn{background:#a855f71a;border-color:#a855f733;color:#7c3aed}body:not(.dark) .graph-example-btn:hover{background:#a855f726;border-color:#a855f74d;color:#6d28d9}body:not(.dark) .graph-example-display{color:#6b7280;background:#6366f10d}body:not(.dark) .graph-loading-word{background:#6366f11a;border-color:#6366f133}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.homework-help-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;align-items:center;justify-content:center}.homework-help-modal.show{display:flex}.hh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.hh-overlay{background:#000000d9}}body.dark .hh-overlay{background:#0a0a0fd9}.hh-content{position:relative;background:var(--bg-primary, #ffffff);border-radius:16px;width:94%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:hhModalIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes hhModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}body.dark .hh-content{background:#1e293b}.hh-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}body.dark .hh-header{border-bottom-color:#ffffff14}.hh-title-group{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.hh-icon{font-size:24px;flex-shrink:0}.hh-title{margin:0;font-size:16px;font-weight:700;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .hh-title{color:#f1f5f9}.hh-subtitle{font-size:12px;color:var(--text-secondary, #6b7280);display:block}body.dark .hh-subtitle{color:#94a3b8}.hh-back-btn{width:34px;height:34px;border:none;background:var(--bg-secondary, #f3f4f6);border-radius:8px;font-size:20px;color:var(--text-primary, #1f2937);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.hh-back-btn:hover{background:var(--border-color, #e5e7eb)}body.dark .hh-back-btn{background:#334155;color:#f1f5f9}body.dark .hh-back-btn:hover{background:#475569}.hh-instructions{border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}body.dark .hh-instructions{border-bottom-color:#ffffff14}.hh-instructions-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 18px;border:none;background:none;color:var(--color-primary, #6366f1);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.hh-instructions-toggle:hover{background:#6366f10f}.hh-instructions-toggle-icon{font-size:10px;transition:transform .2s}.hh-instructions-body{padding:0 18px 12px}.hh-instructions-body p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary, #6b7280)}body.dark .hh-instructions-body p{color:#94a3b8}.hh-mode-switcher{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);flex-shrink:0}body.dark .hh-mode-switcher{background:#1e293b;border-bottom-color:#ffffff14}.hh-mode-btn{flex:1;padding:9px 8px;border:none;background:var(--bg-secondary, #f3f4f6);border-radius:10px;font-size:13px;cursor:pointer;color:var(--text-secondary, #6b7280);font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.hh-mode-btn.active{background:var(--accent-color, #3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.hh-mode-btn:hover:not(.active){background:var(--border-color, #e5e7eb)}body.dark .hh-mode-btn:not(.active){background:#334155;color:#94a3b8}body.dark .hh-mode-btn:hover:not(.active){background:#475569}.hh-mode-btn-disabled{opacity:.35;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.hh-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.hh-nav-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}body.dark .hh-nav-bar{border-bottom-color:#ffffff14}.hh-nav-btn{width:30px;height:30px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:6px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.hh-nav-btn:hover{background:var(--accent-hover, #2563eb)}.hh-nav-btn:active{transform:scale(.92)}.hh-nav-counter{font-size:13px;color:var(--text-secondary);min-width:40px;text-align:center;font-variant-numeric:tabular-nums}body.dark .hh-nav-counter{color:#94a3b8}.hh-mode-body{flex:1;display:none;flex-direction:column;min-height:0;overflow-y:auto}.hh-mode-body.active{display:flex}.hh-learn-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.hh-learn-content .hh-data-item{max-width:560px;width:100%;box-sizing:border-box;padding:20px;border-radius:12px;border-left:4px solid var(--accent-color, #3b82f6);background:var(--bg-secondary, #f9fafb);position:relative}.hh-learn-content .hh-data-content{font-size:16px;line-height:1.6;font-weight:500}.hh-learn-content .hh-data-translation{font-size:14px;color:var(--text-secondary, #6b7280);margin-top:8px}.hh-learn-content .hh-data-hint{font-size:13px;color:#f59e0b;margin-top:8px}.hh-browse-list{flex:1;overflow-y:auto;padding:12px}.hh-browse-list .hh-data-item{position:relative;padding-right:48px}.hh-tips-dock{border-top:1px solid var(--border-color, #e5e7eb);max-height:140px;overflow-y:auto;padding:10px 12px;background:var(--bg-secondary, #f9fafb);flex-shrink:0}.hh-tips-dock-header{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}body.dark .hh-tips-dock{background:#1e293b;border-top-color:#ffffff14}.hh-tip-inline{padding:8px 10px;margin-bottom:6px;background:var(--bg-secondary, #f3f4f6);border-radius:6px;border-left:3px solid #10b981}.hh-tip-inline-title{font-weight:600;font-size:13px;margin-bottom:2px;color:var(--text-primary, #1f2937)}.hh-tip-inline-body{font-size:12px;color:var(--text-secondary, #6b7280)}body.dark .hh-tip-inline{background:#334155;border-left-color:#34d399}body.dark .hh-tip-inline-title{color:#f1f5f9}body.dark .hh-tip-inline-body{color:#94a3b8}.hh-practice-area{flex:1;overflow-y:auto}.hh-practice-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;flex:1}.hh-practice-placeholder .hh-spinner{font-size:2rem;animation:hhSpin 1s linear infinite}.hh-practice-placeholder .hh-spinner-text{font-size:14px;color:var(--text-secondary);margin-top:8px}@keyframes hhSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hh-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;flex:1}.hh-fallback-icon{font-size:2.5rem;margin-bottom:12px}.hh-fallback-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.hh-fallback-sub{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.hh-fallback-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hh-fallback-actions .hh-mode-btn{flex:none;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500}.hh-fallback-actions .hh-mode-btn.btn-primary{background:var(--accent-color, #3b82f6);color:#fff}.hh-fallback-actions .hh-mode-btn.btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151)}.hh-data-item{box-sizing:border-box;padding:10px 12px;border-radius:8px;margin-bottom:8px;background:var(--bg-secondary, #f9fafb);border-left:3px solid var(--accent-color, #3b82f6)}body.dark .hh-data-item{background:#334155;border-left-color:#60a5fa}.hh-data-content{font-weight:500;font-size:14px;color:var(--text-primary, #1f2937);line-height:1.4}body.dark .hh-data-content{color:#f1f5f9}.hh-data-translation{margin-top:4px;font-size:13px;color:var(--text-secondary, #6b7280)}body.dark .hh-data-translation{color:#94a3b8}.hh-data-hint{margin-top:4px;font-size:12px;color:#f59e0b}.hh-tip-card{padding:12px;border-radius:8px;margin-bottom:8px;background:var(--bg-secondary, #f9fafb);border-left:3px solid #10b981}body.dark .hh-tip-card{background:#334155;border-left-color:#34d399}.hh-tip-title{font-weight:600;font-size:14px;color:var(--text-primary, #1f2937);margin-bottom:4px}body.dark .hh-tip-title{color:#f1f5f9}.hh-tip-body{font-size:13px;color:var(--text-secondary, #6b7280);line-height:1.5}body.dark .hh-tip-body{color:#94a3b8}.hh-empty{padding:24px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.hh-item-actions-btn{position:absolute;top:8px;right:8px;padding:4px 8px;border:1px solid var(--border-color, #e5e7eb);background:#fff;border-radius:4px;font-size:14px;cursor:pointer;color:var(--text-secondary);line-height:1}.hh-item-actions-btn:hover{background:var(--bg-secondary)}body.dark .hh-item-actions-btn{background:#1e293b;border-color:#475569;color:#94a3b8}.hh-action-menu{display:none;position:absolute;right:8px;top:100%;margin-top:2px;background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:160px;overflow:hidden}.hh-action-menu.show{display:block}body.dark .hh-action-menu{background:#1e293b;border-color:#475569}.hh-action-item{display:block;width:100%;padding:9px 14px;text-align:left;border:none;background:none;font-size:13px;cursor:pointer;color:var(--text-primary);transition:background .15s}.hh-action-item:hover{background:var(--bg-secondary, #f3f4f6)}body.dark .hh-action-item{color:#f1f5f9}body.dark .hh-action-item:hover{background:#334155}.hh-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--border-color, #e5e7eb);flex-shrink:0}body.dark .hh-footer{border-top-color:#ffffff14}.hh-btn{padding:9px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.hh-btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280)}.hh-btn-secondary:hover{background:var(--border-color, #e5e7eb)}body.dark .hh-btn-secondary{background:#334155;color:#94a3b8}body.dark .hh-btn-secondary:hover{background:#475569}.hh-btn-primary{background:var(--accent-color, #3b82f6);color:#fff}.hh-btn-primary:hover{background:var(--accent-hover, #2563eb)}.hh-btn-print-similar{background:#6366f11a;color:var(--color-primary, #6366f1);border:1px solid rgba(99,102,241,.2)}.hh-btn-print-similar:hover{background:#6366f133}.hh-btn-print-similar:disabled{opacity:.6;cursor:not-allowed}body.dark .hh-btn-print-similar{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.hh-print-similar-picker{display:flex;align-items:center;gap:6px}.hh-picker-label{font-size:12px;color:var(--text-secondary, #6b7280);font-weight:500;white-space:nowrap}.hh-picker-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-primary, white);color:var(--text-primary, #1f2937);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.hh-picker-btn:hover{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1)}body.dark .hh-picker-btn{background:#334155;border-color:#475569;color:#e2e8f0}body.dark .hh-picker-btn:hover{background:var(--color-primary, #6366f1);color:#fff}.hh-panel{flex:1;display:flex;flex-direction:column;min-width:0}.hh-data-panel{border-right:1px solid var(--border-color, #e5e7eb)}.hh-panel-header{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.hh-panel-icon{font-size:16px}.hh-panel-scroll{flex:1;overflow-y:auto;padding:12px;max-height:50vh}body.dark .hh-panel-header{background:#334155;color:#94a3b8}.hh-close{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:24px;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center}.hh-close:hover{background:var(--bg-secondary, #f3f4f6)}body.dark .hh-close{color:#94a3b8}body.dark .hh-close:hover{background:#334155}@media(max-width:600px){.hh-content{max-width:100%;width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.hh-body{flex-direction:column;flex:1;min-height:0}.hh-data-panel{border-right:none;border-bottom:1px solid var(--border-color, #e5e7eb)}.hh-panel-scroll{max-height:30vh}.hh-learn-content{padding:16px;align-items:stretch;justify-content:flex-start}.hh-learn-content .hh-data-item{margin:0 auto 16px;max-width:calc(100% - 32px)}.hh-browse-list{max-height:none}.hh-tips-dock{max-height:100px}}.hh-blank-detected{display:inline-block;padding:1px 8px;border-radius:4px;background:#dcfce7;color:#166534;font-weight:600;border:1px solid #86efac}body.dark .hh-blank-detected{background:#14532d;color:#4ade80;border-color:#166534}.hh-blank-correct{display:inline-block;padding:1px 8px;border-radius:4px;background:#dcfce7;color:#166534;font-weight:600;border:1px solid #22c55e;animation:hhBlankCorrectIn .35s cubic-bezier(.34,1.56,.64,1)}body.dark .hh-blank-correct{background:#14532d;color:#4ade80;border-color:#22c55e}.hh-blank-wrong{display:inline-block;padding:1px 8px;border-radius:4px;background:#fee2e2;color:#991b1b;font-weight:600;border:1px solid #ef4444;text-decoration:line-through;animation:hhBlankWrongIn .3s ease-out}body.dark .hh-blank-wrong{background:#450a0a;color:#fca5a5;border-color:#ef4444}.hh-blank-partial{display:inline-block;padding:1px 8px;border-radius:4px;background:#fef9c3;color:#854d0e;font-weight:600;border:1px solid #eab308;animation:hhBlankPartialIn .35s cubic-bezier(.34,1.56,.64,1)}body.dark .hh-blank-partial{background:#422006;color:#fde047;border-color:#ca8a04}@keyframes hhBlankCorrectIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes hhBlankWrongIn{0%{opacity:0;transform:translate(-4px)}20%{transform:translate(4px)}40%{transform:translate(-3px)}60%{transform:translate(2px)}80%{transform:translate(-1px)}to{opacity:1;transform:translate(0)}}@keyframes hhBlankPartialIn{0%{opacity:0;transform:scale(.85)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.hh-blank-result{animation:hhResultFadeIn .3s ease-out;margin-top:6px;padding:8px 12px;border-radius:6px;font-size:13px;line-height:1.5}@keyframes hhResultFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hh-blank-input-wrap{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--accent-color, #3b82f6)}.hh-blank-input{width:80px;padding:3px 8px;border:1px solid var(--border-color, #d1d5db);border-bottom:2px solid var(--accent-color, #3b82f6);border-radius:4px;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #1f2937);outline:none;transition:border-color .2s}.hh-blank-input:focus{border-bottom-color:var(--accent-hover, #2563eb);box-shadow:0 1px 4px #3b82f633}body.dark .hh-blank-input{background:#1e293b;border-color:#475569;color:#f1f5f9}.hh-check-row{margin-top:12px;display:flex;justify-content:flex-end}.hh-check-btn{padding:7px 18px;background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.hh-check-btn:hover{background:var(--accent-hover, #2563eb)}.hh-check-btn:disabled{background:#9ca3af;cursor:not-allowed}.hh-check-all-row{padding:12px;display:flex;justify-content:center}.hh-check-all-btn{padding:9px 24px;background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:300px}.hh-check-all-btn:hover{background:var(--accent-hover, #2563eb)}.hh-check-all-btn:disabled{background:#9ca3af;cursor:not-allowed}.hh-result-correct{background:#f0fdf4;border-left:3px solid #22c55e}body.dark .hh-result-correct{background:#14532d;border-left-color:#22c55e}.hh-result-wrong{background:#fef2f2;border-left:3px solid #ef4444}body.dark .hh-result-wrong{background:#450a0a;border-left-color:#ef4444}.hh-result-partial{background:#fefce8;border-left:3px solid #eab308}body.dark .hh-result-partial{background:#422006;border-left-color:#ca8a04}.hh-blank-partial-label{font-size:12px;font-weight:600;color:#92400e;margin-top:2px}body.dark .hh-blank-partial-label{color:#fde047}.hh-blank-status{font-size:14px;margin-right:6px}.hh-blank-correct-answer{font-weight:700;color:#166534}body.dark .hh-blank-correct-answer{color:#4ade80}.hh-blank-explanation{margin-top:4px;color:var(--text-secondary, #6b7280);font-style:italic}body.dark .hh-blank-explanation{color:#94a3b8}.hh-blank-examples{margin-top:4px;padding-left:4px}.hh-blank-example{font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.5}body.dark .hh-blank-example{color:#94a3b8}.hh-blank-alternatives{margin-top:6px;padding:6px 8px;background:#00000008;border-radius:4px}body.dark .hh-blank-alternatives{background:#ffffff0d}.hh-blank-alternatives-label{font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}body.dark .hh-blank-alternatives-label{color:#94a3b8}.hh-blank-alternative{font-size:12px;color:var(--text-primary, #374151);line-height:1.6;padding-left:2px}body.dark .hh-blank-alternative{color:#e2e8f0}.hh-progress-bar{display:flex;align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums}body.dark .hh-progress-bar{background:#1e293b;border-bottom-color:#ffffff14}.hh-progress-stat{display:flex;align-items:center;gap:4px;font-weight:600}.hh-progress-stat-correct{color:#16a34a}.hh-progress-stat-partial{color:#ca8a04}.hh-progress-stat-wrong{color:#dc2626}body.dark .hh-progress-stat-correct{color:#4ade80}body.dark .hh-progress-stat-partial{color:#fde047}body.dark .hh-progress-stat-wrong{color:#f87171}.hh-progress-bar-sep{color:var(--text-secondary, #9ca3af);font-size:11px}.hh-print-skeleton-area{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.hh-print-skeleton-card{border-radius:8px;padding:14px 16px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);animation:hhSkeletonPulse 1.5s ease-in-out infinite}body.dark .hh-print-skeleton-card{background:#334155;border-color:#ffffff14}@keyframes hhSkeletonPulse{0%,to{opacity:1}50%{opacity:.55}}.hh-print-skeleton-line{height:14px;border-radius:4px;background:var(--border-color, #e5e7eb);margin-bottom:8px}.hh-print-skeleton-line:last-child{margin-bottom:0;width:60%}.hh-print-skeleton-line.short{width:40%}@media(max-width:600px){.hh-blank-input{width:60px;font-size:13px}.hh-check-btn{padding:6px 14px;font-size:12px}.hh-check-all-btn{font-size:13px}.hh-blank-result{padding:6px 10px;font-size:12px}.hh-progress-bar{gap:8px;font-size:12px;padding:6px 12px}}.scan-first-time-content{background:var(--bg-primary, #fff);border-radius:16px;overflow:hidden}.scan-first-time-header{padding:20px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.scan-first-time-header h3{margin:0;font-size:20px;color:var(--text-primary, #1f2937)}.scan-first-time-body{padding:24px;text-align:center}.scan-first-time-icon{font-size:48px;margin-bottom:16px}.scan-first-time-body h4{margin:0 0 16px;font-size:18px;color:var(--text-primary, #1f2937)}.scan-first-time-body p{margin:0 0 12px;font-size:14px;color:var(--text-secondary, #6b7280);line-height:1.5}.scan-first-time-examples{list-style:none;padding:0;margin:16px 0;text-align:left}.scan-first-time-examples li{padding:8px 12px;margin:4px 0;background:var(--bg-secondary, #f3f4f6);border-radius:8px;font-size:14px;color:var(--text-primary, #1f2937)}.scan-first-time-warning{margin-top:16px;padding:16px;background:var(--bg-secondary, #f3f4f6);border-radius:12px;text-align:left}.scan-first-time-warning strong{display:block;margin-bottom:8px}.scan-first-time-tips{margin-top:20px;padding:16px;background:var(--accent-color, #3b82f6);border-radius:12px;text-align:left;color:#fff}.scan-first-time-tips strong{display:block;margin-bottom:8px}.scan-first-time-tips ul{margin:0;padding-left:20px;font-size:13px;opacity:.95}.scan-first-time-footer{padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);text-align:right}.scan-first-time-btn{padding:12px 24px;background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.scan-first-time-btn:hover{background:var(--accent-hover, #2563eb)}.extracted-words-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;align-items:center;justify-content:center;background:#00000080}.extracted-words-modal.show{display:flex}.extracted-words-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.extracted-words-content{position:relative;background:var(--bg-primary, white);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:extractedModalIn .3s ease}@keyframes extractedModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.extracted-words-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.extracted-words-header h3{margin:0;font-size:18px;color:var(--text-primary, #1f2937)}.extracted-words-close{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:24px;color:var(--text-secondary, #6b7280)}.extracted-words-close:hover{background:var(--bg-secondary, #f3f4f6)}.extracted-words-list{flex:1;overflow-y:auto;padding:16px;max-height:400px}.extracted-word-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer}.extracted-word-item:hover{background:var(--bg-secondary, #f3f4f6)}.extracted-word-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.extracted-word-item label{display:flex;flex:1;justify-content:space-between;cursor:pointer}.extracted-word-item .word-learning{font-weight:500;color:var(--text-primary, #1f2937)}.extracted-word-item .word-native{color:var(--text-secondary, #6b7280);font-size:14px}.extracted-word-item.sentence-item .word-learning{font-style:italic}.extracted-words-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb)}.extracted-words-actions button{padding:10px 16px;border-radius:8px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-primary, white);cursor:pointer;font-size:14px;transition:all .2s}.extracted-words-actions button:hover{background:var(--bg-secondary, #f3f4f6)}.extracted-words-actions button.primary{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.extracted-words-actions button.primary:hover{background:var(--accent-hover, #2563eb)}.extracted-words-actions button.secondary{background:var(--bg-secondary, #f3f4f6)}.action-separator{flex:1}.extracted-words-actions button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}body.dark .extracted-word-item .word-learning{color:#f1f5f9}body.dark .extracted-word-item .word-native{color:#94a3b8}body.dark .extracted-words-content{background:#1e293b}body.dark .extracted-words-header{border-color:#334155}body.dark .extracted-words-header h3{color:#f1f5f9}body.dark .extracted-word-item:hover{background:#334155}/**
 * Reading Pre-Modal Styles
 * 
 * 3-card choice modal before starting a reading exercise.
 * Follows the pre-modal naming convention: .reading-pre-*
 *
 * @license Copyright (c) 2026 Lanki
 */@keyframes readingPreFadeIn{0%{opacity:0}to{opacity:1}}@keyframes readingPreSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reading-pre-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9500;display:none;align-items:center;justify-content:center;animation:readingPreFadeIn .2s ease-out}.reading-pre-overlay.show{display:flex}.reading-pre-content{background:var(--color-surface, #ffffff);border-radius:var(--radius-xl, 20px);padding:28px 32px 24px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;animation:readingPreSlideUp .3s ease-out;text-align:center}body.dark .reading-pre-content{background:var(--color-surface-dark, #1e1e2e)}.reading-pre-title{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 6px;font-family:var(--font-display, "Outfit", sans-serif);font-size:1.35rem;font-weight:700;color:var(--color-text, #1a1a2e)}body.dark .reading-pre-title{color:var(--color-text-dark, #e0e0e0)}.reading-pre-icon{font-size:1.5rem}.reading-pre-subtitle{margin:0 0 20px;font-size:.9rem;color:var(--color-text-secondary, #666)}body.dark .reading-pre-subtitle{color:var(--color-text-secondary-dark, #a0a0a0)}.reading-pre-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.reading-pre-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border-radius:var(--radius-lg, 14px);border:2px solid var(--color-border, #e5e5e5);background:var(--color-surface-2, #f8f9fa);cursor:pointer;transition:all .2s ease;text-align:center;min-height:110px}body.dark .reading-pre-option{background:var(--color-surface-2-dark, #2a2a3e);border-color:var(--color-border-dark, #3a3a4e)}.reading-pre-option:hover{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-bg, rgba(74, 144, 217, .08));transform:translateY(-2px);box-shadow:0 4px 12px #4a90d933}.reading-pre-option:active{transform:translateY(0)}.reading-pre-option:disabled,.reading-pre-option.scan-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.reading-pre-option.scan-disabled{border-color:var(--color-border, #e5e5e5);background:var(--color-surface-2, #f0f0f0)}body.dark .reading-pre-option.scan-disabled{border-color:var(--color-border-dark, #3a3a4e);background:var(--color-surface-2-dark, #2a2a3e)}.reading-pre-option .option-icon{font-size:1.8rem;line-height:1}.reading-pre-option .option-label{font-family:var(--font-display, "Outfit", sans-serif);font-size:.85rem;font-weight:700;color:var(--color-text, #1a1a2e)}body.dark .reading-pre-option .option-label{color:var(--color-text-dark, #e0e0e0)}.reading-pre-option .option-desc{font-size:.72rem;color:var(--color-text-secondary, #888);line-height:1.3;margin:0}body.dark .reading-pre-option .option-desc{color:var(--color-text-secondary-dark, #999)}.reading-pre-cancel{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;border-radius:var(--radius-pill, 9999px);border:1.5px solid var(--color-border, #d0d0d0);background:transparent;color:var(--color-text-secondary, #666);font-family:var(--font-display, "Outfit", sans-serif);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reading-pre-cancel:hover{border-color:var(--color-text-secondary, #999);color:var(--color-text, #333);background:var(--color-surface-2, #f0f0f0)}body.dark .reading-pre-cancel{border-color:var(--color-border-dark, #4a4a5e);color:var(--color-text-secondary-dark, #a0a0a0)}body.dark .reading-pre-cancel:hover{border-color:var(--color-text-secondary-dark, #c0c0c0);color:var(--color-text-dark, #e0e0e0);background:var(--color-surface-2-dark, #2a2a3e)}@media(max-width:480px){.reading-pre-options{grid-template-columns:1fr;gap:10px}.reading-pre-option{flex-direction:row;min-height:auto;padding:12px 16px;text-align:left;gap:12px}.reading-pre-option .option-icon{font-size:1.5rem;flex-shrink:0}.reading-pre-option .option-text{flex:1}.reading-pre-option .option-desc{font-size:.75rem}}.homework-scan-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;align-items:center;justify-content:center}.homework-scan-modal.active{display:flex}.homework-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.homework-scan-overlay{background:#000000d9}}body.dark .homework-scan-overlay{background:#0a0a0fd9}.homework-scan-content{position:relative;background:var(--bg-panel-left, #ffffff);border-radius:var(--radius-xl, 16px);width:90%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-dropdown, 0 10px 40px rgba(0, 0, 0, .15));display:flex;flex-direction:column;animation:homeworkModalIn .35s cubic-bezier(.16,1,.3,1)}@keyframes homeworkModalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}body.dark .homework-scan-content{background:var(--bg-panel-left, #18181b)}.homework-scan-header{display:flex;align-items:center;gap:8px;padding:var(--space-5, 20px) var(--space-5, 20px);border-bottom:1px solid var(--color-border, #e0e0e0)}body.dark .homework-scan-header{border-bottom-color:#ffffff14}.homework-scan-title{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;color:var(--color-text-main, #000000);flex:1}body.dark .homework-scan-title{color:var(--color-text-main, #fafafa)}.homework-scan-icon{font-size:24px}.homework-scan-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:100px;cursor:pointer;color:var(--color-text-secondary, #333333);transition:all .2s}.homework-scan-back:hover{background:var(--bg-hover, #f8f8f8);color:var(--color-text-main, #000000)}body.dark .homework-scan-back{color:var(--color-text-secondary, #a1a1aa)}body.dark .homework-scan-back:hover{background:var(--bg-input, #232329);color:var(--color-text-main, #fafafa)}.homework-scan-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:100px;cursor:pointer;color:var(--color-text-secondary, #333333);transition:all .2s}.homework-scan-close:hover{background:var(--bg-hover, #f8f8f8);color:var(--color-text-main, #000000)}body.dark .homework-scan-close{color:var(--color-text-secondary, #a1a1aa)}body.dark .homework-scan-close:hover{background:var(--bg-input, #232329);color:var(--color-text-main, #fafafa)}.homework-scan-body{padding:var(--space-5, 20px) var(--space-5, 20px);overflow-y:auto;flex:1;min-height:0}.homework-scan-description{margin:0 0 var(--space-4, 16px);font-size:14px;color:var(--color-text-secondary, #333333);text-align:center;line-height:1.5}body.dark .homework-scan-description{color:var(--color-text-secondary, #a1a1aa)}.homework-scan-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3, 12px)}.homework-scan-option{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-input, #ffffff);border:2px solid var(--color-border, #e0e0e0);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s cubic-bezier(.3,2,.6,1);overflow:hidden;text-align:left;width:100%;box-sizing:border-box}.homework-scan-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2563eb0f,#6366f10f);opacity:0;transition:opacity .2s}.homework-scan-option:hover:before{opacity:1}.homework-scan-option:hover{transform:translateY(-3px);box-shadow:0 4px 12px #2563eb33}.homework-scan-option.find-words-option:hover{border-color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.homework-scan-option.find-topic-option:hover{border-color:var(--color-primary, #2563eb);background:linear-gradient(135deg,#eff6ff,#dbeafe)}.homework-scan-option.homework-option:hover{border-color:var(--accent-primary, #6366f1);background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.homework-scan-option.print-option:hover{border-color:#0d9488;background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}body.dark .homework-scan-option{background:var(--bg-input, #232329);border-color:#ffffff14}body.dark .homework-scan-option:hover{box-shadow:0 4px 16px #6366f14d}.homework-scan-option .option-icon{font-size:22px;flex-shrink:0;position:relative;z-index:1}.homework-scan-option .option-title{font-size:14px;font-weight:600;color:var(--color-text-main, #000000);position:relative;z-index:1}body.dark .homework-scan-option .option-title{color:var(--color-text-main, #fafafa)}.homework-scan-option .option-description{font-size:12px;color:var(--color-text-secondary, #333333);line-height:1.3;position:relative;z-index:1}body.dark .homework-scan-option .option-description{color:var(--color-text-secondary, #a1a1aa)}.homework-scan-option-modes{font-size:12px;font-weight:600;color:var(--color-primary, #2563eb);letter-spacing:.2px;position:relative;z-index:1}body.dark .homework-scan-option-modes{color:#93c5fd}.homework-option:hover .homework-scan-option-modes{color:var(--accent-primary, #6366f1)}.homework-option{position:relative}.homework-option .option-badge{position:absolute;top:12px;right:12px;padding:3px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:700;border-radius:4px;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b59;text-transform:uppercase;position:relative;z-index:2}.homework-scan-footer{padding:var(--space-4, 16px) var(--space-5, 20px);border-top:1px solid var(--color-border, #e0e0e0);display:flex;justify-content:center}body.dark .homework-scan-footer{border-top-color:#ffffff14}.homework-scan-cancel{padding:10px 20px;background:transparent;border:1px solid var(--color-border, #e0e0e0);border-radius:100px;font-size:14px;color:var(--color-text-secondary, #333333);cursor:pointer;transition:all .2s}.homework-scan-cancel:hover{background:var(--bg-hover, #f8f8f8);color:var(--color-text-main, #000000)}body.dark .homework-scan-cancel{border-color:#ffffff1f;color:var(--color-text-secondary, #a1a1aa)}body.dark .homework-scan-cancel:hover{background:var(--bg-input, #232329);color:var(--color-text-main, #fafafa)}.homework-scan-preview{margin:0 var(--space-5, 20px) var(--space-3, 12px);background:var(--bg-input, #f5f5f5);border-radius:var(--radius-lg, 12px);padding:var(--space-3, 12px);border:1px solid var(--color-border, #e0e0e0);text-align:center}body.dark .homework-scan-preview{background:var(--bg-input, #232329);border-color:#ffffff14}.homework-scan-preview-img{max-height:100px;max-width:100%;border-radius:var(--radius-md, 8px);object-fit:cover;display:block;margin:0 auto}.homework-scan-retake-btn{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-2, 8px);padding:6px 14px;background:var(--bg-panel-left, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:100px;font-size:13px;color:var(--color-text-secondary, #333333);cursor:pointer;transition:all .2s}.homework-scan-retake-btn:hover{background:#2563eb14;border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb)}body.dark .homework-scan-retake-btn{background:var(--bg-panel-left, #18181b);border-color:#ffffff1f;color:var(--color-text-secondary, #a1a1aa)}body.dark .homework-scan-retake-btn:hover{background:#6366f11f;border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.homework-scan-recent{margin:0 var(--space-5, 20px) var(--space-2, 8px)}.homework-scan-recent-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #333333);margin-bottom:6px}body.dark .homework-scan-recent-label{color:var(--color-text-secondary, #a1a1aa)}.homework-scan-recent-thumbs{display:flex;gap:var(--space-2, 8px)}.homework-scan-recent-thumb{width:52px;height:52px;border-radius:var(--radius-md, 8px);object-fit:cover;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.3,2,.6,1)}.homework-scan-recent-thumb:hover{border-color:var(--color-primary, #2563eb);transform:scale(1.08);box-shadow:0 2px 8px #2563eb33}body.dark .homework-scan-recent-thumb:hover{border-color:var(--accent-primary, #6366f1);box-shadow:0 2px 12px #6366f159}@media(max-width:480px){.homework-scan-content{max-width:100%;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:90vh;max-height:90dvh;max-height:-webkit-fill-available;overflow-y:auto;overscroll-behavior:contain;animation:homeworkModalSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes homeworkModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.homework-scan-header,.homework-scan-body{padding:var(--space-4, 16px) var(--space-4, 16px)}.homework-scan-preview,.homework-scan-recent{margin-left:var(--space-4, 16px);margin-right:var(--space-4, 16px)}.homework-scan-options{grid-template-columns:1fr;gap:8px}.homework-scan-option{padding:10px 12px}.homework-scan-option .option-description,.homework-scan-option .homework-scan-option-modes{display:none}}#hwChoiceModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:999999}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){#hwChoiceModal{background:#000000d9}}body.dark #hwChoiceModal{background:#0a0a0fd9}#hwChoiceModal .hw-choice-content{background:var(--bg-panel-left, #ffffff);border-radius:var(--radius-xl, 16px);width:90%;max-width:400px;padding:24px;text-align:center;box-shadow:var(--shadow-dropdown, 0 10px 40px rgba(0, 0, 0, .15));animation:homeworkModalIn .3s cubic-bezier(.16,1,.3,1)}body.dark #hwChoiceModal .hw-choice-content{background:var(--bg-panel-left, #18181b)}#hwChoiceModal .hw-choice-title{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--color-text-main, #000000);display:flex;align-items:center;justify-content:center;gap:8px}body.dark #hwChoiceModal .hw-choice-title{color:var(--color-text-main, #fafafa)}#hwChoiceModal .hw-choice-subtitle{margin:0 0 20px;font-size:14px;color:var(--color-text-secondary, #333333)}body.dark #hwChoiceModal .hw-choice-subtitle{color:var(--color-text-secondary, #a1a1aa)}#hwChoiceModal .hw-choice-buttons{display:flex;flex-direction:column;gap:10px}#hwChoiceModal .hw-choice-btn{padding:14px;border:none;border-radius:var(--radius-lg, 12px);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.3,2,.6,1);display:flex;align-items:center;justify-content:center;gap:8px}#hwChoiceModal .hw-choice-btn:hover{transform:translateY(-2px)}#hwChoiceModal .hw-choice-btn:active{transform:translateY(0)}#hwChoiceModal .hw-gallery-btn{background:var(--color-primary, #2563eb);color:#fff}#hwChoiceModal .hw-gallery-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}body.dark #hwChoiceModal .hw-gallery-btn{background:var(--accent-primary, #6366f1)}body.dark #hwChoiceModal .hw-gallery-btn:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}#hwChoiceModal .hw-camera-btn{background:#10b981;color:#fff}#hwChoiceModal .hw-camera-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}body.dark #hwChoiceModal .hw-camera-btn{background:#059669}body.dark #hwChoiceModal .hw-camera-btn:hover{background:#047857;box-shadow:0 4px 12px #0596694d}#hwChoiceModal .hw-cancel-btn{padding:10px;background:transparent;border:none;color:var(--color-text-secondary, #666666);cursor:pointer;font-size:14px;transition:color .2s}#hwChoiceModal .hw-cancel-btn:hover{color:var(--color-text-primary, #000000)}body.dark #hwChoiceModal .hw-cancel-btn{color:var(--color-text-secondary, #a1a1aa)}body.dark #hwChoiceModal .hw-cancel-btn:hover{color:var(--color-text-primary, #fafafa)}#hwLoadingModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999999;color:#fff}body.dark #hwLoadingModal{background:#0a0a0fe6}#hwLoadingModal .hw-loading-content{text-align:center}#hwLoadingModal .hw-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hwSpin 1s linear infinite;margin:0 auto 16px}@keyframes hwSpin{to{transform:rotate(360deg)}}#hwLoadingModal .hw-loading-message{margin:0 0 16px;font-size:15px;color:#fff}#hwLoadingModal .hw-loading-cancel{padding:8px 16px;background:#666;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}#hwLoadingModal .hw-loading-cancel:hover{background:#555}#scanHistoryModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;transition:opacity .3s ease}#scanHistoryModal.show{opacity:1}body.dark #scanHistoryModal{background:#0a0a0fe6}#scanHistoryModal .scan-history-content{background:#fff;border-radius:16px;max-width:400px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}body.dark #scanHistoryModal .scan-history-content{background:var(--surface-1, #1e1e2e)}#scanHistoryModal .scan-history-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1)}body.dark #scanHistoryModal .scan-history-header{border-bottom-color:#ffffff1a}#scanHistoryModal .scan-history-header h3{margin:0;font-size:18px;font-weight:600}body.dark #scanHistoryModal .scan-history-header h3{color:#fff}#scanHistoryModal .scan-history-close{background:none;border:none;font-size:24px;color:#888;cursor:pointer;padding:0;line-height:1}#scanHistoryModal .scan-history-close:hover{color:#333}body.dark #scanHistoryModal .scan-history-close:hover{color:#fff}#scanHistoryModal .scan-history-list{flex:1;overflow-y:auto;padding:12px}#scanHistoryModal .scan-history-item{display:flex;align-items:center;padding:12px;border-radius:10px;cursor:pointer;transition:background .2s;margin-bottom:8px}#scanHistoryModal .scan-history-item:hover{background:#0000000d}body.dark #scanHistoryModal .scan-history-item:hover{background:#ffffff14}#scanHistoryModal .scan-history-item:last-child{margin-bottom:0}#scanHistoryModal .scan-history-icon{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;flex-shrink:0}#scanHistoryModal .scan-history-info{flex:1;min-width:0}#scanHistoryModal .scan-history-topic{font-weight:500;font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark #scanHistoryModal .scan-history-topic{color:#fff}#scanHistoryModal .scan-history-meta{font-size:13px;color:#888;margin-top:2px}#scanHistoryModal .scan-history-arrow{font-size:18px;color:#ccc;margin-left:8px}#scanHistoryModal .scan-history-footer{padding:12px 16px;border-top:1px solid rgba(0,0,0,.1)}body.dark #scanHistoryModal .scan-history-footer{border-top-color:#ffffff1a}#scanHistoryModal .scan-history-new{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s}#scanHistoryModal .scan-history-new:hover{opacity:.9}.hw-choice-divider{text-align:center;margin:12px 0;position:relative}.hw-choice-divider:before{content:"";position:absolute;top:50%;left:20%;right:20%;height:1px;background:#0000001a}body.dark .hw-choice-divider:before{background:#ffffff1a}.hw-choice-divider span{position:relative;background:#fff;padding:0 10px;color:#888;font-size:13px}body.dark .hw-choice-divider span{background:var(--surface-1, #1e1e2e);color:#aaa}.hw-history-btn{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.homework-scan-select-words{display:flex;flex-direction:column;flex:1;overflow:hidden}.select-words-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.select-words-back{background:none;border:none;font-size:18px;color:var(--accent-color, #3b82f6);cursor:pointer;padding:4px 8px;border-radius:6px}.select-words-back:hover{background:var(--bg-secondary, #f3f4f6)}.select-words-title{flex:1;font-size:16px;font-weight:600;margin:0;color:var(--text-primary, #1f2937)}.select-words-controls{display:flex;align-items:center;gap:10px}.select-words-toggle-all{background:none;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:4px 10px;font-size:12px;color:var(--text-secondary, #6b7280);cursor:pointer}.select-words-toggle-all:hover{background:var(--bg-secondary, #f3f4f6)}.select-words-counter{font-size:12px;color:var(--text-secondary, #6b7280);font-weight:500;min-width:70px;text-align:right}.select-words-list{flex:1;overflow-y:auto;padding:8px 0}.select-word-row{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid transparent}.select-word-row:hover{background:var(--bg-secondary, #f3f4f6)}.select-word-row.selected{background:#3b82f614;border-bottom-color:#3b82f626}.select-word-checkbox{width:20px;height:20px;accent-color:var(--accent-color, #3b82f6);cursor:pointer;flex-shrink:0}.select-word-content{display:flex;flex-direction:column;gap:2px;min-width:0}.select-word-learning{font-size:15px;font-weight:500;color:var(--text-primary, #1f2937);word-break:break-word}.select-word-native{font-size:13px;color:var(--text-secondary, #6b7280);word-break:break-word}.select-words-footer{padding:12px 16px;border-top:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.select-words-save{width:100%;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;background:var(--accent-color, #3b82f6);color:#fff;transition:all .2s}.select-words-save:disabled{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #9ca3af);cursor:not-allowed}.select-words-save:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}body.dark .select-word-row.selected{background:#3b82f626}body.dark .select-words-save:disabled{background:#334155;color:#64748b}/**
 * Culture Pre-Modal Styles
 *
 * 5-card choice modal before starting a culture exercise.
 * Follows the pre-modal naming convention: .culture-pre-*
 * Matches reading-pre-modal card grid pattern.
 *
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */@keyframes culturePreFadeIn{0%{opacity:0}to{opacity:1}}@keyframes culturePreSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.culture-pre-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9500;display:none;align-items:center;justify-content:center;animation:culturePreFadeIn .2s ease-out}.culture-pre-overlay.show{display:flex}.culture-pre-content{background:var(--color-surface, #ffffff);border-radius:var(--radius-xl, 20px);padding:28px 32px 24px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;animation:culturePreSlideUp .3s ease-out;text-align:center}body.dark .culture-pre-content{background:var(--color-surface-dark, #1e1e2e)}.culture-pre-title{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 6px;font-family:var(--font-display, "Outfit", sans-serif);font-size:1.35rem;font-weight:700;color:var(--color-text, #1a1a2e)}body.dark .culture-pre-title{color:var(--color-text-dark, #e0e0e0)}.culture-pre-icon{font-size:1.5rem}.culture-pre-subtitle{margin:0 0 20px;font-size:.9rem;color:var(--color-text-secondary, #666)}body.dark .culture-pre-subtitle{color:var(--color-text-secondary-dark, #a0a0a0)}.culture-pre-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.culture-pre-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border-radius:var(--radius-lg, 14px);border:2px solid var(--color-border, #e5e5e5);background:var(--color-surface-2, #f8f9fa);cursor:pointer;transition:all .2s ease;text-align:center;min-height:110px}body.dark .culture-pre-option{background:var(--color-surface-2-dark, #2a2a3e);border-color:var(--color-border-dark, #3a3a4e)}.culture-pre-option:hover{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-bg, rgba(74, 144, 217, .08));transform:translateY(-2px);box-shadow:0 4px 12px #4a90d933}body.dark .culture-pre-option:hover{box-shadow:0 4px 12px #4a90d926}.culture-pre-option:active{transform:translateY(0)}.culture-pre-option.last-used{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-bg, rgba(74, 144, 217, .08));box-shadow:0 0 0 1px #4a90d94d}body.dark .culture-pre-option.last-used{background:#4a90d91f;box-shadow:0 0 0 1px #4a90d966}.culture-pre-option-wide{grid-column:1 / -1;flex-direction:row;min-height:auto;padding:14px 20px;gap:12px}.culture-pre-option-wide .option-icon{font-size:1.6rem}.culture-pre-option-wide .option-desc{text-align:left}.culture-pre-option .option-icon{font-size:1.8rem;line-height:1}.culture-pre-option .option-label{font-family:var(--font-display, "Outfit", sans-serif);font-size:.85rem;font-weight:700;color:var(--color-text, #1a1a2e)}body.dark .culture-pre-option .option-label{color:var(--color-text-dark, #e0e0e0)}.culture-pre-option .option-desc{font-size:.72rem;color:var(--color-text-secondary, #888);line-height:1.3;margin:0}body.dark .culture-pre-option .option-desc{color:var(--color-text-secondary-dark, #999)}.culture-pre-countdown{font-size:.82rem;color:var(--color-primary, #4a90d9);min-height:1.4em;margin-bottom:8px;font-weight:500}body.dark .culture-pre-countdown{color:var(--color-primary-dark, #6aabf2)}.culture-pre-browse{margin-bottom:12px}.culture-browse-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:var(--radius-lg, 14px);border:1.5px solid var(--color-accent, #6366f1);background:var(--color-accent-bg, rgba(99, 102, 241, .08));color:var(--color-accent, #6366f1);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.culture-browse-trigger:hover{background:var(--color-accent, #6366f1);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}body.dark .culture-browse-trigger{border-color:var(--color-accent, #818cf8);background:#818cf81a;color:var(--color-accent, #818cf8)}body.dark .culture-browse-trigger:hover{background:var(--color-accent, #818cf8);color:#1e1e2e}.browse-stats{font-weight:400;opacity:.7;font-size:.78rem}.culture-pre-cancel{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;border-radius:var(--radius-pill, 9999px);border:1.5px solid var(--color-border, #d0d0d0);background:transparent;color:var(--color-text-secondary, #888);font-size:.85rem;cursor:pointer;transition:all .2s}.culture-pre-cancel:hover{border-color:var(--color-text, #333);color:var(--color-text, #333)}body.dark .culture-pre-cancel{border-color:var(--color-border-dark, #4a4a5e);color:var(--color-text-secondary-dark, #aaa)}body.dark .culture-pre-cancel:hover{border-color:var(--color-text-dark, #ccc);color:var(--color-text-dark, #ccc)}.culture-pre-option:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:480px){.culture-pre-options{grid-template-columns:1fr 1fr}.culture-pre-content{padding:22px 20px 18px}.culture-pre-option{min-height:90px;padding:12px 6px 10px}}@media(max-width:360px){.culture-pre-options{grid-template-columns:1fr}.culture-pre-option-wide{grid-column:1}}:root{--rm-radius: 16px;--rm-radius-sm: 8px;--rm-radius-full: 9999px;--rm-surface-0: #ffffff;--rm-surface-1: #ffffff;--rm-surface-2: #f8f8f8;--rm-surface-3: #f0f0f0;--rm-text-primary: #1a1a1a;--rm-text-secondary: #666666;--rm-text-muted: #888888;--rm-border: #e5e5e5;--rm-accent: #4a90d9;--rm-accent-light: rgba(74, 144, 217, .15);--rm-accent-medium: rgba(74, 144, 217, .25);--rm-success: #4caf50;--rm-error: #d9534f;--rm-shadow: 0 20px 60px rgba(0, 0, 0, .3);--rm-ease-spring: cubic-bezier(.16, 1, .3, 1)}body.dark{--rm-surface-0: #0a0a0e;--rm-surface-1: #12121a;--rm-surface-2: #1a1a24;--rm-surface-3: #242430;--rm-text-primary: #fafafa;--rm-text-secondary: #a1a1aa;--rm-text-muted: #71717a;--rm-border: rgba(255, 255, 255, .08);--rm-shadow: 0 20px 60px rgba(0, 0, 0, .6)}body.dark .reading-modal-body{color-scheme:dark}.reading-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000001;display:none;align-items:center;justify-content:center}.reading-modal.show{display:flex}.reading-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:readingFadeIn .2s ease-out}body.dark .reading-modal-overlay{background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))){body.dark .reading-modal-overlay{background:#0a0a0ff2}}@keyframes readingFadeIn{0%{opacity:0}to{opacity:1}}.reading-modal-content{position:relative;background:var(--rm-surface-1);border-radius:var(--rm-radius);max-width:800px;width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--rm-shadow);overflow:hidden;animation:readingSlideUp .35s var(--rm-ease-spring) forwards}.reading-modal.show .reading-modal-content{animation:readingSlideUp .35s var(--rm-ease-spring) forwards}@keyframes readingSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reading-modal-header{display:flex;flex-direction:column;gap:4px;padding:8px 16px;background:var(--rm-surface-1);border-bottom:1px solid var(--rm-border);flex-shrink:0}.reading-header-row1{display:flex;align-items:center;gap:8px;min-width:0}.reading-header-row2{display:flex;align-items:center;gap:6px;min-width:0}.reading-modal-header-left{display:flex;align-items:center;gap:12px;min-width:0}.reading-modal-icon{font-size:1.2rem;flex-shrink:0}.reading-modal-title{font-family:Outfit,Inter,sans-serif;font-size:1.1rem;font-weight:600;color:var(--rm-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-modal-title-area{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;cursor:pointer}.reading-modal-title-area:hover{opacity:.8}.reading-difficulty-badge{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:var(--rm-radius-sm);background:var(--color-primary, #4a90d9);color:#fff;flex-shrink:0;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.reading-difficulty-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003;cursor:default}[data-cefr=A0]{background:#4caf50!important}[data-cefr=A1]{background:#8bc34a!important}[data-cefr=A2]{background:#a8b832!important;color:#1a1a1a!important}[data-cefr=B1]{background:#ffc107!important;color:#1a1a1a!important}[data-cefr=B2]{background:#ff9800!important}[data-cefr=C1]{background:#ff5722!important}[data-cefr=C2]{background:#f44336!important}body.dark [data-cefr=A0]{background:#22c55e8c!important;color:#fff!important}body.dark [data-cefr=A1]{background:#8bc34a80!important;color:#fff!important}body.dark [data-cefr=A2]{background:#a8b83280!important;color:#fff!important}body.dark [data-cefr=B1]{background:#ffc10780!important;color:#1a1a1a!important}body.dark [data-cefr=B2]{background:#ff98008c!important;color:#fff!important}body.dark [data-cefr=C1]{background:#ff57228c!important;color:#fff!important}body.dark [data-cefr=C2]{background:#f443368c!important;color:#fff!important}.reading-category-tag{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;padding:2px 10px;border-radius:var(--rm-radius-full);background:var(--rm-surface-3);color:var(--rm-text-secondary);border:1px solid var(--rm-border);flex-shrink:0}.reading-modal-drawer-toggle:focus-visible{outline:2px solid var(--rm-accent);outline-offset:2px}.reading-modal-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:20px;background:var(--rm-surface-0)}.reading-passage-container{flex:1;overflow-y:auto;background:var(--rm-surface-2);border-radius:12px;padding:24px}.reading-passage-content{font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.75;color:var(--rm-text-primary);max-width:60ch;font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--adaptive-font-size, clamp(.95rem, 2.5vw, 1.05rem));line-height:var(--adaptive-line-height, 1.8);max-width:var(--adaptive-max-width, 60ch);font-size:calc(var(--adaptive-font-size, clamp(.95rem, 2.5vw, 1.05rem)) * var(--user-font-scale, 1))}[data-lang^=zh] .reading-passage-content,[data-lang^=ja] .reading-passage-content,[data-lang=ko] .reading-passage-content{font-family:Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,PingFang SC,Microsoft YaHei,Hiragino Sans,Yu Gothic,Malgun Gothic,system-ui,sans-serif;line-height:var(--adaptive-line-height, 2);max-width:var(--adaptive-max-width, 42ch)}.reading-sentence ruby{ruby-position:over;ruby-align:center}.reading-sentence rt{font-size:.55em;font-weight:400;color:var(--rm-text-secondary, #888);-webkit-user-select:none;user-select:none;letter-spacing:0}[data-cefr=A2] .reading-sentence rt,[data-cefr=B1] .reading-sentence rt,[data-cefr=B2] .reading-sentence rt,[data-cefr=C1] .reading-sentence rt,[data-cefr=C2] .reading-sentence rt{color:transparent;transition:color .2s ease}[data-cefr=A2] .reading-sentence:hover rt,[data-cefr=B1] .reading-sentence:hover rt,[data-cefr=B2] .reading-sentence:hover rt{color:var(--rm-text-secondary, #888)}.reading-passage-content[data-size=xs]{font-size:calc(var(--adaptive-font-size, 17px) * .75)}.reading-passage-content[data-size=sm]{font-size:calc(var(--adaptive-font-size, 17px) * .88)}.reading-passage-content[data-size=md]{font-size:calc(var(--adaptive-font-size, 17px) * 1)}.reading-passage-content[data-size=lg]{font-size:calc(var(--adaptive-font-size, 17px) * 1.13)}.reading-font-size-controls{display:flex;align-items:center;gap:4px;margin-right:auto}.reading-font-btn{border:none;background:var(--bg-hover, rgba(0,0,0,.06));transition:opacity .15s,background .15s;color:var(--color-text-secondary, #666);width:32px;height:32px;border-radius:8px;border:1px solid var(--rm-border);background:var(--rm-surface-2);color:var(--rm-text-secondary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;line-height:1}.reading-font-btn:hover{background:var(--bg-active, rgba(0,0,0,.1));background:var(--rm-accent-light);color:var(--rm-accent)}.reading-font-btn:disabled{opacity:.3;cursor:default}.reading-font-label{font-size:12px;color:var(--color-text-tertiary, #888);min-width:40px;font-weight:500;font-size:11px;color:var(--rm-text-muted);min-width:28px;text-align:center}[data-cefr=A0] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A1] .reading-passage-content:not([style*=--adaptive]){font-size:clamp(1.05rem,3vw,1.15rem);line-height:2;max-width:50ch}[data-cefr=A2] .reading-passage-content:not([style*=--adaptive]){line-height:1.85;max-width:55ch}[data-cefr=B1] .reading-passage-content:not([style*=--adaptive]){line-height:1.75;max-width:60ch}[data-cefr=A0][data-lang^=zh] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A1][data-lang^=zh] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A0][data-lang^=ja] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A1][data-lang^=ja] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A0][data-lang=ko] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A1][data-lang=ko] .reading-passage-content:not([style*=--adaptive]){line-height:2.1;max-width:36ch}[data-cefr=A2][data-lang^=zh] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A2][data-lang^=ja] .reading-passage-content:not([style*=--adaptive]),[data-cefr=A2][data-lang=ko] .reading-passage-content:not([style*=--adaptive]){line-height:2.05;max-width:38ch}[data-lang^=ar] .reading-passage-content,[data-lang=ur] .reading-passage-content,[data-lang=fa] .reading-passage-content,[data-lang=he] .reading-passage-content{font-family:Noto Sans Arabic,Vazirmatn,Segoe UI,Tahoma,system-ui,sans-serif}[data-lang=hi] .reading-passage-content,[data-lang=mr] .reading-passage-content,[data-lang=sa] .reading-passage-content{font-family:Noto Sans Devanagari,Mangal,Devanagari MT,system-ui,sans-serif}[data-lang^=ru] .reading-passage-content,[data-lang=uk] .reading-passage-content,[data-lang=bg] .reading-passage-content,[data-lang=el] .reading-passage-content{font-family:Inter,Segoe UI,system-ui,sans-serif}[data-lang=th] .reading-passage-content{font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif}.reading-paragraph{margin:0 0 1.4em;line-height:1.85}.reading-paragraph:last-child{margin-bottom:0}.reading-format-story .reading-passage-content,.reading-format-news .reading-passage-content,.reading-format-lesson .reading-passage-content{padding:20px 24px;background:linear-gradient(135deg,#6366f105,#6366f10d);border-radius:12px;border:1px solid rgba(99,102,241,.06);text-align:left;-webkit-hyphens:auto;hyphens:auto}.reading-format-story .reading-passage-content ::selection,.reading-format-news .reading-passage-content ::selection,.reading-format-lesson .reading-passage-content ::selection{background:#6366f133}.reading-format-story .reading-paragraph+.reading-paragraph,.reading-format-news .reading-paragraph+.reading-paragraph,.reading-format-lesson .reading-paragraph+.reading-paragraph{text-indent:1.5em}[data-cefr=B1] .reading-format-story .reading-paragraph:first-of-type:first-letter,[data-cefr=B1] .reading-format-news .reading-paragraph:first-of-type:first-letter,[data-cefr=B1] .reading-format-lesson .reading-paragraph:first-of-type:first-letter,[data-cefr=B2] .reading-format-story .reading-paragraph:first-of-type:first-letter,[data-cefr=B2] .reading-format-news .reading-paragraph:first-of-type:first-letter,[data-cefr=B2] .reading-format-lesson .reading-paragraph:first-of-type:first-letter,[data-cefr=C1] .reading-format-story .reading-paragraph:first-of-type:first-letter,[data-cefr=C1] .reading-format-news .reading-paragraph:first-of-type:first-letter,[data-cefr=C1] .reading-format-lesson .reading-paragraph:first-of-type:first-letter,[data-cefr=C2] .reading-format-story .reading-paragraph:first-of-type:first-letter,[data-cefr=C2] .reading-format-news .reading-paragraph:first-of-type:first-letter,[data-cefr=C2] .reading-format-lesson .reading-paragraph:first-of-type:first-letter{float:left;font-size:3.2em;line-height:.85;padding-right:8px;padding-top:4px;color:var(--rm-accent);font-weight:700}.reading-passage-content p{margin:0 0 12px;line-height:1.7}.reading-passage-content p:last-child{margin-bottom:0}.reading-passage-text{margin:0;white-space:pre-wrap;word-wrap:break-word}.reading-sentence{cursor:pointer;padding:2px 4px;margin:0 -2px;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;gap:4px}.reading-sentence .sentence-tts-btn,.reading-bubble-text .sentence-tts-btn,.reading-lyrics-line .sentence-tts-btn,.reading-bilingual-learning .sentence-tts-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--rm-text-muted);font-size:12px;cursor:pointer;border-radius:4px;flex-shrink:0;opacity:.4;transition:opacity .15s ease,color .15s ease,background .15s ease;margin-inline-start:auto}.reading-sentence:hover .sentence-tts-btn,.reading-bubble-text:hover .sentence-tts-btn,.reading-lyrics-line:hover .sentence-tts-btn,.reading-bilingual-learning:hover .sentence-tts-btn{opacity:1;color:var(--rm-accent)}.reading-sentence .sentence-tts-btn:hover,.reading-bubble-text .sentence-tts-btn:hover,.reading-lyrics-line .sentence-tts-btn:hover,.reading-bilingual-learning .sentence-tts-btn:hover{background:var(--rm-accent-light)}.reading-sentence .sentence-tts-btn.playing-tts,.reading-bubble-text .sentence-tts-btn.playing-tts,.reading-lyrics-line .sentence-tts-btn.playing-tts,.reading-bilingual-learning .sentence-tts-btn.playing-tts{opacity:1;color:var(--rm-accent);animation:ttsPulse 1s ease-in-out infinite}@keyframes ttsPulse{0%,to{opacity:1}50%{opacity:.5}}.reading-sentence:hover,.reading-sentence.hover{background:var(--rm-accent-light);color:var(--rm-accent)}.reading-sentence.clicked{background:var(--rm-accent-medium);color:var(--rm-accent)}.reading-sentence.translating{background:var(--rm-accent-light);color:var(--rm-accent)}.reading-sentence.translated{background:transparent;color:var(--rm-text-primary);opacity:.6;transition:opacity .3s ease}.reading-sentence.translated:hover{opacity:1}.reading-sentence-loading{color:var(--rm-text-muted);font-style:italic;margin-left:4px;animation:readingPulse 1s ease-in-out infinite}@keyframes readingPulse{0%,to{opacity:.5}50%{opacity:1}}.reading-sentence-translation{color:var(--rm-text-secondary);font-size:.9em;margin:2px 0 10px;padding:8px 12px;background:var(--rm-surface-2);border-left:3px solid var(--rm-accent);border-radius:0 var(--rm-radius-sm) var(--rm-radius-sm) 0;line-height:1.5;animation:translationFadeIn .25s ease-out;display:block;font-size:.85rem;color:var(--rm-text-muted);font-style:italic}@keyframes translationFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reading-sentence-translation+.reading-sentence,.reading-sentence-translation+.reading-sentence.translated{margin-top:4px}.reading-sentence-error{color:var(--rm-error);font-size:.85em;font-style:italic;margin-left:4px}@keyframes readingXP{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.reading-passage-content.reading-format-email{max-width:100%}.reading-passage-content.reading-format-dialogue{display:flex;flex-direction:column;gap:8px}.reading-bubble{max-width:75%;display:flex;flex-direction:column}.reading-bubble-left{align-self:flex-start}.reading-bubble-right{align-self:flex-end;align-items:flex-end}.reading-bubble-avatar{width:26px;height:26px;border-radius:50%;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.3px}.reading-bubble-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.reading-bubble-left .reading-bubble-header{flex-direction:row}.reading-bubble-right .reading-bubble-header{flex-direction:row-reverse}.reading-speaker{font-size:.72rem;color:var(--rm-text-secondary);font-weight:600;line-height:1}.reading-bubble-text{padding:10px 14px;border-radius:14px;line-height:1.6;font-size:.95rem;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;display:flex;align-items:center;gap:4px}.reading-bubble-text:hover{box-shadow:0 2px 8px #0000000f}.reading-bubble-left .reading-bubble-text{background:var(--rm-surface-3);color:var(--rm-text-primary);border-bottom-left-radius:4px}.reading-bubble-right .reading-bubble-text{background:var(--rm-accent);color:#fff;border-bottom-right-radius:4px}body.dark .reading-bubble-left .reading-bubble-text{background:var(--rm-surface-3)}body.dark .reading-speaker{color:var(--rm-text-secondary)}.reading-bilingual-pair{margin-bottom:16px}.reading-bilingual-learning{font-weight:600;color:var(--rm-text-primary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.reading-bilingual-native{font-size:.9em;color:var(--rm-text-secondary);font-style:italic;padding-left:12px;border-left:3px solid var(--rm-accent)}.reading-verse{margin-bottom:16px}.reading-verse-label{font-size:.75rem;color:var(--rm-text-muted);text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.reading-lyrics-line{line-height:1.6;display:flex;align-items:center;gap:4px}.reading-chorus{background:var(--rm-accent-light);padding:12px;border-radius:8px;margin-bottom:16px}.reading-chorus .reading-verse-label{color:var(--rm-accent)}.reading-section{margin-bottom:20px}.reading-section-title{font-weight:600;color:var(--rm-text-primary);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--rm-border)}.reading-example{background:var(--rm-accent-light);padding:8px 12px;border-radius:6px;margin-top:8px}.reading-format-news .reading-headline{font-size:1.2rem;font-weight:700;color:var(--rm-text-primary);margin-bottom:16px;line-height:1.4}.reading-format-news .reading-paragraph{margin-bottom:12px}.reading-email-header{background:var(--rm-surface-3);border-radius:var(--rm-radius) var(--rm-radius) 0 0;padding:12px 16px;border-bottom:1px solid var(--rm-border)}.reading-email-meta-row{display:flex;gap:8px;margin-bottom:4px;font-size:.9rem;line-height:1.4}.reading-email-meta-row:last-child{margin-bottom:0}.reading-email-label{font-weight:600;color:var(--rm-text-secondary);min-width:60px}.reading-email-value{color:var(--rm-text-primary)}.reading-email-body{padding:16px;background:var(--rm-surface-1);border-radius:0 0 var(--rm-radius) var(--rm-radius);max-width:100%}.reading-email-body .reading-paragraph{margin-bottom:12px}.reading-questions-section{margin-top:24px;padding:20px;background:var(--rm-surface-2);border-radius:var(--rm-radius);border:1px solid var(--rm-border)}.reading-question-item{margin-bottom:16px;padding:12px;background:var(--rm-surface-1);border-radius:var(--rm-radius-sm)}.reading-question-item:last-child{margin-bottom:0}.reading-question-text{font-weight:600;color:var(--rm-text-primary);font-size:.95rem;cursor:pointer;transition:background .2s;border-radius:var(--rm-radius-sm);padding:6px 8px;margin:-6px -8px}.reading-question-options{display:flex;flex-direction:column;gap:6px}.reading-question-option{padding:8px 12px;background:var(--rm-surface-3);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);cursor:pointer;transition:all .15s ease;font-size:.9rem;color:var(--rm-text-primary)}.reading-question-option:hover{background:var(--rm-accent-light);border-color:var(--rm-accent);color:var(--rm-accent)}.reading-answer-feedback{margin-top:8px;padding:6px 10px;font-size:.85rem}.reading-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;background:var(--rm-surface-1);border-top:1px solid var(--rm-border);flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}.reading-font-btn:active{transform:scale(.95)}.reading-action-btn{padding:10px 20px;border-radius:var(--rm-radius-full);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;border:none;width:100%;justify-content:center}.reading-modal-header>.focus-flame-container{left:auto;right:72px;top:50%;transform:translateY(-50%)}.reading-modal-drawer-toggle{background:none;border:none;color:var(--rm-text-secondary);font-size:24px;cursor:pointer;padding:4px 8px}.reading-modal-drawer-toggle:hover{color:var(--rm-text-primary)}.reading-voice-settings-btn{background:none;border:none;color:var(--rm-text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;margin-left:auto}.reading-voice-settings-btn:hover{color:var(--rm-accent);background:var(--rm-accent-light)}.reading-modal-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--rm-surface-1);border-left:1px solid var(--rm-border);z-index:10001;display:none;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.reading-modal-drawer.open{display:flex!important;transform:translate(0)}.reading-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--rm-border)}.reading-drawer-header h3{margin:0;font-size:16px;color:var(--rm-text-primary)}.reading-drawer-close{background:none;border:none;color:var(--rm-text-secondary);font-size:24px;cursor:pointer}.reading-drawer-close:hover{color:var(--rm-text-primary)}.reading-drawer-content{flex:1;overflow-y:auto;padding:8px 0}.reading-drawer-section{margin-bottom:16px}.reading-drawer-section-title{padding:8px 16px;margin:0;font-size:12px;font-weight:600;color:var(--rm-text-muted);text-transform:uppercase;letter-spacing:.5px}.reading-drawer-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:var(--rm-text-primary);cursor:pointer;text-align:left;transition:background .2s}.reading-drawer-option:hover{background:var(--rm-surface-3)}.reading-drawer-option .option-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.reading-drawer-option .option-text{flex:1}.reading-drawer-option .option-label{font-weight:500;margin-bottom:2px}.reading-drawer-option .option-desc{font-size:12px;color:var(--rm-text-muted)}.continue-option{background:var(--rm-accent-light);border-radius:8px;margin:0 8px}.continue-option:hover{background:var(--rm-accent-medium)}@media(max-width:767px){.reading-modal-drawer{top:auto;bottom:0;right:0;left:0;width:100%;height:85%;border-left:none;border-top:1px solid var(--rm-border);border-radius:16px 16px 0 0;transform:translateY(100%)}.reading-modal-drawer.open{transform:translateY(0)}}@media(max-width:640px){.reading-modal-content{width:100%;max-height:100vh;border-radius:0;height:100%}.reading-modal-header{padding:8px 12px}.reading-modal-title{font-size:.95rem}.reading-difficulty-badge{font-size:.7rem;padding:2px 6px}.reading-category-tag{font-size:.7rem;padding:2px 8px}.reading-modal-body,.reading-passage-container{padding:16px}.reading-passage-content{font-size:1rem;line-height:1.7}.reading-modal-footer{padding:12px 16px;gap:8px}.reading-action-btn{padding:8px 14px;font-size:.8rem}}@media(max-width:420px){.reading-modal-header-left{gap:8px}.reading-modal-icon{font-size:1rem}.reading-modal-title{font-size:.9rem}.reading-action-btn{padding:8px 12px;font-size:.75rem}}.reading-paragraph-progress{width:100%;height:3px;background:var(--rm-surface-3);border-radius:2px;margin-bottom:8px;overflow:hidden}.reading-paragraph-progress-bar{height:100%;background:var(--rm-accent);border-radius:2px;transition:width .3s var(--rm-ease-spring)}.reading-paragraph-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:12px;border-bottom:1px solid var(--rm-border)}.reading-paragraph-nav-btn{width:36px;height:36px;border:1px solid var(--rm-border);border-radius:var(--rm-radius-full);background:var(--rm-surface-2);color:var(--rm-text-primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reading-paragraph-nav-btn:hover:not(:disabled){background:var(--rm-accent-light);border-color:var(--rm-accent);color:var(--rm-accent)}.reading-paragraph-nav-btn:disabled{opacity:.3;cursor:not-allowed}.reading-paragraph-nav-indicator{font-size:13px;color:var(--rm-text-secondary);font-weight:500;letter-spacing:.5px}.reading-paragraph-batch{line-height:1.8;font-size:1.05rem;color:var(--rm-text-primary);max-width:65ch}.reading-paragraph-load-next{margin-top:20px;padding:10px 16px;text-align:center;background:var(--rm-accent-light);color:var(--rm-accent);border-radius:var(--rm-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.reading-paragraph-load-next:hover{background:var(--rm-accent-medium)}.reading-paragraph-batch-wrapper{position:relative;display:inline-block;width:100%}.reading-paragraph-batch-wrapper .tts-toggle.batch-tts-toggle{top:-8px;right:-12px}.reading-question-counter{font-size:13px;font-weight:600;color:var(--rm-text-muted);text-align:center;margin-bottom:12px}.reading-countdown-bar{display:none;align-items:center;gap:8px;padding:8px 12px;background:var(--rm-surface-2);border-radius:6px;margin-bottom:8px}.reading-countdown-progress{flex:1;height:4px;background:var(--rm-surface-3);border-radius:2px;overflow:hidden}.reading-countdown-fill{height:100%;background:var(--rm-accent);transition:width 50ms linear;width:100%}.reading-countdown-text{font-size:12px;color:var(--rm-text-muted);min-width:80px;text-align:right}.reading-completion{display:flex;flex-direction:column;align-items:center;padding:32px 16px;text-align:center}.reading-completion h3{font-size:18px;margin:0 0 8px;color:var(--rm-text-primary)}.completion-icon{font-size:48px;margin-bottom:16px}.completion-score{font-size:18px;color:var(--rm-text-secondary);margin:0 0 24px}.completion-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.completion-btn{padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s;font-family:inherit}.completion-btn.primary{background:var(--rm-accent);color:#fff}.completion-btn.secondary{background:var(--rm-surface-3);color:var(--rm-text-primary);border:1px solid var(--rm-border)}.completion-btn:active{transform:scale(.97)}.dark .completion-btn.secondary{background:var(--rm-surface-2)}.reading-continue-btn{margin-top:16px;padding:10px 28px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .15s ease}.reading-continue-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.reading-tts-read-all{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--rm-surface-3);border:1px solid var(--rm-border);border-radius:var(--rm-radius-full);color:var(--rm-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-right:8px}.reading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--rm-border);border-top-color:var(--rm-accent);border-radius:50%;animation:readingSpin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes readingSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reading-spinner{animation:none}}.reading-tts-read-all:hover{background:var(--rm-accent-light);border-color:var(--rm-accent);color:var(--rm-accent)}.reading-tts-read-all.speaking{background:var(--rm-accent-medium);border-color:var(--rm-accent);color:var(--rm-accent)}.reading-tts-read-all .tts-icon{font-size:1rem}.has-tts{position:relative}.has-tts:after{content:"▶";position:absolute;top:50%;right:-20px;transform:translateY(-50%);font-size:.5em;color:var(--rm-text-muted);opacity:0;transition:opacity .2s ease}.has-tts:hover:after{opacity:1}.playing-tts{background:var(--rm-accent-light)!important}.playing-tts:after{content:"⏸"!important;opacity:1!important}.reading-word-tooltip{position:fixed;background:var(--rm-surface-1);border:1px solid var(--rm-border);border-radius:var(--rm-radius);padding:12px;box-shadow:var(--rm-shadow);z-index:100000;min-width:180px;animation:readingSlideUp .2s var(--rm-ease-spring) forwards}.reading-word-tooltip .tooltip-word{font-size:1.1rem;font-weight:600;color:var(--rm-text-primary);margin-bottom:8px}.reading-word-tooltip .tooltip-actions{display:flex;gap:8px;align-items:center}.reading-word-tooltip .tooltip-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--rm-accent);color:#fff;border:none;border-radius:var(--rm-radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.reading-word-tooltip .tooltip-save-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.reading-word-tooltip .tooltip-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--rm-surface-3);border:none;border-radius:var(--rm-radius-sm);color:var(--rm-text-secondary);font-size:1rem;cursor:pointer;transition:all .15s ease}.reading-word-tooltip .tooltip-close-btn:hover{background:var(--rm-error);color:#fff}.reading-generator-panel{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--rm-surface-1);z-index:10;display:flex;flex-direction:column;overflow-y:auto}.generator-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--rm-border)}.generator-panel-header h3{margin:0;font-size:1rem;color:var(--rm-text-primary)}.generator-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--rm-text-secondary);font-size:1.2rem;cursor:pointer}.generator-panel-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.generator-field{display:flex;flex-direction:column;gap:8px}.generator-field label{font-size:.85rem;font-weight:600;color:var(--rm-text-secondary)}.generator-select,.generator-input{padding:10px 12px;border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);background:var(--rm-surface-2);color:var(--rm-text-primary);font-size:.9rem}.generator-topic-row{display:flex;gap:8px}.generator-custom-topic{flex:1}.generator-toggle-custom{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--rm-surface-3);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);cursor:pointer}.generator-length-options{display:flex;flex-direction:column;gap:8px}.generator-radio{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--rm-surface-2);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);cursor:pointer;transition:all .15s ease}.generator-radio:hover{background:var(--rm-accent-light);border-color:var(--rm-accent)}.generator-radio input{margin:0}.generator-radio span{font-weight:500;color:var(--rm-text-primary)}.generator-radio small{color:var(--rm-text-muted);margin-left:auto}.generator-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.generator-checkbox input{margin:0}.generator-checkbox span{font-size:.9rem;color:var(--rm-text-primary)}.generator-panel-footer{display:flex;gap:12px;padding:16px;border-top:1px solid var(--rm-border)}.generator-cancel-btn{flex:1;padding:10px 16px;background:var(--rm-surface-3);border:1px solid var(--rm-border);border-radius:var(--rm-radius-full);color:var(--rm-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.generator-cancel-btn:hover{background:var(--rm-surface-2);color:var(--rm-text-primary)}.generator-generate-btn{flex:2;padding:10px 16px;background:var(--rm-accent);border:none;border-radius:var(--rm-radius-full);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.generator-generate-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.reading-rating-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.reading-rating-overlay.visible{opacity:1}.reading-rating-modal{background:var(--rm-surface-1);border-radius:var(--rm-radius);box-shadow:var(--rm-shadow);width:90%;max-width:400px;transform:scale(.9);transition:transform .3s var(--rm-ease-spring)}.reading-rating-overlay.visible .reading-rating-modal{transform:scale(1)}.reading-rating-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--rm-border)}.reading-rating-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--rm-text-primary)}.reading-rating-close{width:28px;height:28px;border:none;background:var(--rm-surface-3);border-radius:50%;font-size:1.2rem;color:var(--rm-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.reading-rating-close:hover{background:var(--rm-surface-2);color:var(--rm-text-primary)}.reading-rating-content{padding:20px}.reading-rating-topic{margin:0 0 4px;font-size:1rem;font-weight:500;color:var(--rm-text-primary)}.reading-rating-level{margin:0 0 12px;font-size:.85rem;color:var(--rm-text-muted)}.reading-rating-score{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--rm-accent-light);border-radius:var(--rm-radius-sm);margin-bottom:16px}.reading-rating-score .score-label{font-size:.9rem;color:var(--rm-text-secondary)}.reading-rating-score .score-value{font-size:1rem;font-weight:600;color:var(--rm-accent)}.reading-rating-question{margin:0 0 12px;font-size:.95rem;color:var(--rm-text-primary);font-weight:500}.reading-rating-options{display:flex;flex-direction:column;gap:8px}.rating-option{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--rm-surface-2);border:2px solid transparent;border-radius:var(--rm-radius-sm);cursor:pointer;transition:all .2s ease;text-align:left}.rating-option:hover{background:var(--rm-surface-3);border-color:var(--rm-accent)}.rating-option.selected{background:var(--rm-accent-light);border-color:var(--rm-accent)}.rating-icon{font-size:1.4rem;line-height:1}.rating-label{display:block;font-size:.95rem;font-weight:600;color:var(--rm-text-primary)}.rating-desc{display:block;font-size:.8rem;color:var(--rm-text-muted);margin-top:2px}.reading-rating-footer{padding:12px 20px;border-top:1px solid var(--rm-border);display:flex;justify-content:center}.reading-rating-skip{padding:8px 20px;background:transparent;border:none;color:var(--rm-text-muted);font-size:.9rem;cursor:pointer;transition:color .2s ease}.reading-rating-skip:hover{color:var(--rm-text-secondary)}.reading-questions{padding:16px;background:var(--rm-surface-2);border-radius:var(--rm-radius);margin-top:16px}.reading-questions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.reading-questions-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--rm-text-primary)}.reading-questions-regen-btn{padding:6px 12px;background:var(--rm-surface-3);border:1px solid var(--rm-border);border-radius:var(--rm-radius-full);font-size:.85rem;color:var(--rm-text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.reading-questions-regen-btn:hover{background:var(--rm-accent-light);border-color:var(--rm-accent)}.reading-questions-regen-btn.loading{opacity:.7;cursor:not-allowed}.reading-questions-list{display:flex;flex-direction:column;gap:12px}.reading-question-item.answered{opacity:.8}.question-text{margin:0 0 10px;font-size:.95rem;color:var(--rm-text-primary);font-weight:500}.question-options{display:flex;flex-direction:column;gap:6px}.question-option{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--rm-surface-2);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);cursor:pointer;transition:all .2s ease;text-align:left}.question-option:hover:not(:disabled){background:var(--rm-surface-3)}.question-option:disabled{cursor:default}.question-option.revealed-correct{background:#4caf5026;border-color:var(--rm-success)}.option-letter{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--rm-surface-3);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--rm-text-secondary)}.revealed-correct .option-letter{background:var(--rm-success);color:#fff}.option-text{font-size:.9rem;color:var(--rm-text-primary)}.question-feedback{margin-top:8px;padding:8px 10px;background:var(--rm-accent-light);border-radius:var(--rm-radius-sm)}.feedback-text{margin:0;font-size:.85rem;color:var(--rm-text-secondary)}.reading-questions-empty{margin:0;padding:20px;text-align:center;color:var(--rm-text-muted);font-size:.9rem}.reading-keyword{background:linear-gradient(135deg,var(--rm-accent-light) 0%,var(--rm-accent-medium) 100%);border-radius:3px;padding:1px 4px;cursor:pointer;transition:all .2s ease;border-bottom:2px solid var(--rm-accent)}.reading-keyword:hover{background:linear-gradient(135deg,var(--rm-accent-medium) 0%,rgba(74,144,217,.4) 100%)}.reading-keyword-tooltip{background:var(--rm-surface-1);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);box-shadow:var(--rm-shadow);min-width:180px;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.keyword-tooltip-header{padding:10px 12px;border-bottom:1px solid var(--rm-border);display:flex;flex-direction:column;gap:2px}.keyword-word{font-size:1rem;font-weight:600;color:var(--rm-text-primary)}.keyword-translation{font-size:.85rem;color:var(--rm-text-muted)}.keyword-tooltip-actions{padding:8px 12px;display:flex;align-items:center;gap:8px}.keyword-save-btn{flex:1;padding:6px 10px;background:var(--rm-accent);border:none;border-radius:var(--rm-radius-sm);color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.keyword-save-btn:hover{filter:brightness(1.1)}.keyword-close-btn{width:26px;height:26px;border:none;background:var(--rm-surface-3);border-radius:50%;font-size:1rem;color:var(--rm-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.keyword-close-btn:hover{background:var(--rm-surface-2);color:var(--rm-text-primary)}.keyword-level{padding:4px 12px 8px;font-size:.75rem;color:var(--rm-text-muted)}.reading-song-selector{padding:20px;background:var(--rm-surface-1);border-radius:var(--rm-radius);max-width:500px;margin:0 auto}.song-selector-header{text-align:center;margin-bottom:20px}.song-selector-header h3{margin:0 0 4px;font-size:1.3rem;font-weight:600;color:var(--rm-text-primary)}.song-selector-subtitle{margin:0;font-size:.9rem;color:var(--rm-text-muted)}.song-selector-form{display:flex;flex-direction:column;gap:16px;transition:opacity .3s ease}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.9rem;font-weight:500;color:var(--rm-text-primary)}.song-form-select,.song-form-input{padding:10px 12px;border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);font-size:.95rem;background:var(--rm-surface-1);color:var(--rm-text-primary);transition:border-color .2s ease}.song-form-select:focus,.song-form-input:focus{outline:none;border-color:var(--rm-accent)}.artist-suggestions{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.artist-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;background:var(--rm-surface-2);border:2px solid transparent;border-radius:var(--rm-radius-sm);cursor:pointer;transition:all .2s ease;text-align:left}.artist-option:hover{background:var(--rm-surface-3);border-color:var(--rm-accent)}.artist-option.selected{background:var(--rm-accent-light);border-color:var(--rm-accent)}.artist-name{font-size:.95rem;font-weight:500;color:var(--rm-text-primary)}.artist-desc{font-size:.8rem;color:var(--rm-text-muted)}.suggestions-hint,.loading-hint{margin:0;padding:12px;text-align:center;font-size:.85rem;color:var(--rm-text-muted)}.song-search-input{display:flex;gap:8px}.song-search-input input{flex:1}.song-search-btn{width:40px;height:40px;border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);background:var(--rm-surface-2);cursor:pointer;transition:all .2s ease}.song-search-btn:hover{background:var(--rm-accent-light);border-color:var(--rm-accent)}.song-type-options{display:flex;flex-direction:column;gap:6px}.song-type-option{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--rm-surface-2);border-radius:var(--rm-radius-sm);cursor:pointer;transition:background .2s ease}.song-type-option:hover{background:var(--rm-surface-3)}.song-type-option input{accent-color:var(--rm-accent)}.song-type-option span{font-size:.9rem;color:var(--rm-text-primary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{accent-color:var(--rm-accent)}.checkbox-label span{font-size:.9rem;color:var(--rm-text-primary)}.song-generate-btn{padding:12px 20px;background:var(--rm-accent);border:none;border-radius:var(--rm-radius-full);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.song-generate-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.song-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.reading-song-selector .song-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px}.loading-spinner{width:36px;height:36px;border:3px solid var(--rm-surface-3);border-top-color:var(--rm-accent);border-radius:50%;animation:spin 1s linear infinite}.song-selector-loading p{margin:0;font-size:.95rem;color:var(--rm-text-muted)}.reading-song-toggle{display:flex;justify-content:center;gap:4px;padding:8px;background:var(--rm-surface-2);border-radius:var(--rm-radius-full);margin-bottom:12px}.reading-song-toggle button{padding:6px 14px;border:none;border-radius:var(--rm-radius-full);background:transparent;color:var(--rm-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reading-song-toggle button:hover{color:var(--rm-text-primary);background:var(--rm-surface-3)}.reading-song-toggle button.active{background:var(--rm-accent);color:#fff}.reading-bilingual-song .reading-lyrics-line{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-bottom:1px solid var(--rm-border)}.reading-bilingual-song .reading-lyrics-line:last-child{border-bottom:none}.reading-lyrics-original{font-size:.95rem;color:var(--rm-text-primary);font-weight:500}.reading-lyrics-translation{font-size:.85rem;color:var(--rm-text-muted);font-style:italic}.reading-display-toggle{display:flex;gap:4px;padding:6px 12px;background:var(--rm-surface-2);border-bottom:1px solid var(--rm-border);justify-content:center}.reading-display-btn{padding:4px 14px;border:1px solid var(--rm-border);border-radius:var(--rm-radius-full);background:transparent;color:var(--rm-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.reading-display-btn:hover{background:var(--rm-accent-light);border-color:var(--rm-accent)}.reading-display-btn.active{background:var(--rm-accent);color:#fff;border-color:var(--rm-accent)}.reading-passage-content[data-display-mode=original] .reading-sentence-translation{display:none}.reading-passage-content[data-display-mode=original] .reading-sentence{display:inline}.reading-passage-content[data-display-mode=translation] .reading-sentence{display:none}.reading-passage-content[data-display-mode=translation] .reading-sentence-translation{display:inline}.reading-passage-content[data-display-mode=both] .reading-sentence,.reading-passage-content[data-display-mode=both] .reading-sentence-translation{display:block}@media(min-width:640px){.reading-passage-content[data-display-mode=both] .reading-sentence{display:block;opacity:1;font-weight:500}.reading-passage-content[data-display-mode=both] .reading-sentence-translation{display:block;padding:4px 12px;margin:2px 0 12px;background:var(--rm-surface-2)}}.passage-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000000}.passage-selector-modal{background:var(--rm-surface-1);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:var(--rm-shadow)}.passage-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.passage-selector-header h3{margin:0;font-size:1.1rem;color:var(--rm-text-primary)}.passage-selector-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--rm-text-secondary);padding:0;line-height:1}.passage-selector-close:hover{color:var(--rm-text-primary)}.passage-selector-select{width:100%;padding:10px 12px;border:1px solid var(--rm-border);border-radius:8px;font-size:.95rem;background:var(--rm-surface-2);color:var(--rm-text-primary);cursor:pointer}.passage-selector-select:focus{outline:none;border-color:var(--rm-accent)}.reading-question-text:hover{background:var(--rm-accent-light)}.reading-question-text:after{content:" 🌐";font-size:.75em;opacity:.4;transition:opacity .2s}.reading-question-text:hover:after{opacity:.8}.reading-question-text.translating{opacity:.7}.reading-question-text.translating:after{content:" 🔄";opacity:.6}.reading-question-text.translated:after{content:" ✅";opacity:.5;font-size:.7em}.reading-question-translation{display:block;color:var(--rm-text-secondary);font-style:italic;font-size:.9em;padding:4px 8px;margin-top:4px;border-left:3px solid var(--rm-accent);border-radius:0 var(--rm-radius-sm) var(--rm-radius-sm) 0;background:var(--rm-accent-light)}.hsk-word{cursor:help;border-bottom:1px dashed rgba(100,100,100,.3);transition:background .15s ease}.hsk-word:hover{background:#4a90d91f;border-radius:2px}.hsk-word[data-hsk="1"]{border-bottom-color:#4caf50}.hsk-word[data-hsk="2"]{border-bottom-color:#2196f3}.hsk-word[data-hsk="3"]{border-bottom-color:#ff9800}.hsk-word-card{position:fixed;background:var(--rm-surface-1, #fff);border:1px solid var(--rm-border, #e0e0e0);border-radius:12px;box-shadow:0 8px 24px #0000002e;padding:12px 16px;min-width:180px;max-width:240px;z-index:10000001;font-family:Noto Sans SC,Noto Sans TC,system-ui,sans-serif;animation:hsk-card-fade-in .15s ease}body.dark .hsk-word-card{background:var(--rm-surface-2, #2a2a2a);border-color:var(--rm-border, #444)}@keyframes hsk-card-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hsk-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.hsk-card-char{font-size:2em;font-weight:700;line-height:1}.hsk-card-level{font-size:.7em;font-weight:600;padding:2px 6px;border-radius:8px;background:var(--color-primary, #4a90d9);color:#fff;white-space:nowrap}.hsk-card-pinyin{font-size:1.1em;color:var(--rm-text-secondary, #888);margin-bottom:2px}.hsk-card-meaning{font-size:.85em;color:var(--rm-text-primary, #333);margin-bottom:8px;line-height:1.3}.hsk-card-actions{display:flex;gap:6px}.hsk-card-btn{border:1px solid var(--rm-border, #e0e0e0);border-radius:8px;padding:4px 10px;font-size:.8em;cursor:pointer;background:var(--rm-surface-3, #f5f5f5);transition:background .15s}.hsk-card-btn:hover{background:var(--color-primary, #4a90d9);color:#fff;border-color:transparent}body.dark .hsk-card-btn{background:var(--rm-surface-3, #3a3a3a);border-color:var(--rm-border, #555)}.reading-practice-cta{display:flex;justify-content:center;padding:16px 0 8px;margin-top:12px;border-top:1px solid var(--rm-border, #e0e0e0)}.reading-practice-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:24px;border:2px solid var(--color-primary, #4a90d9);background:transparent;color:var(--color-primary, #4a90d9);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.reading-practice-btn:hover{background:var(--color-primary, #4a90d9);color:#fff}body.dark .reading-practice-cta{border-top-color:var(--rm-border, #444)}body.dark .reading-practice-btn:hover{background:var(--color-primary, #6a9fd9);color:#111}/**
 * Passage Browse Modal Styles
 *
 * Grid view for browsing all static passages (Reading & Listening).
 * Adapted from culture-browse-modal.css.
 *
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */@keyframes passageBrowseFadeIn{0%{opacity:0}to{opacity:1}}@keyframes passageBrowseSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.passage-browse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9600;display:none;align-items:center;justify-content:center;animation:passageBrowseFadeIn .2s ease-out}.passage-browse-overlay.show{display:flex}.passage-browse-content{background:var(--color-surface, #ffffff);border-radius:var(--radius-xl, 20px);padding:20px 24px;max-width:640px;width:92%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;animation:passageBrowseSlideUp .3s ease-out}body.dark .passage-browse-content{background:var(--color-surface-dark, #1e1e2e)}.passage-browse-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.passage-browse-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin:0;color:var(--color-text, #1a1a2e)}body.dark .passage-browse-title{color:var(--color-text-dark, #e0e0e0)}.passage-browse-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-muted, #888);padding:4px 8px;border-radius:8px;transition:background .15s}.passage-browse-close:hover{background:var(--color-hover, rgba(0,0,0,.06))}.passage-browse-stats{display:flex;gap:12px;font-size:12px;color:var(--color-text-muted, #888);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--color-border, #eee)}body.dark .passage-browse-stats{border-color:var(--color-border-dark, #333)}.passage-browse-stats .stats-total{font-weight:600}.passage-browse-stats .stats-seen{color:var(--color-success, #10b981)}.passage-browse-stats .stats-remaining{color:var(--color-accent, #6366f1)}.passage-browse-filters{display:flex;gap:8px;margin-bottom:14px}.passage-browse-select{flex:1;padding:6px 10px;border-radius:8px;border:1px solid var(--color-border, #ddd);background:var(--color-surface, #fff);color:var(--color-text, #1a1a2e);font-size:13px;cursor:pointer}body.dark .passage-browse-select{background:var(--color-surface-dark, #2a2a3e);border-color:var(--color-border-dark, #444);color:var(--color-text-dark, #e0e0e0)}.passage-browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.passage-browse-card{background:var(--color-surface-alt, #f8f9fa);border:1px solid var(--color-border, #eee);border-radius:10px;padding:10px 12px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.passage-browse-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-accent, #6366f1)}body.dark .passage-browse-card{background:var(--color-surface-alt-dark, #252536);border-color:var(--color-border-dark, #333)}body.dark .passage-browse-card:hover{border-color:var(--color-accent, #818cf8);box-shadow:0 4px 12px #6366f126}.passage-browse-card.card-seen{opacity:.7}.passage-browse-card.card-seen:hover{opacity:1}.passage-browse-card.card-new{border-left:3px solid var(--color-success, #10b981)}.passage-browse-card .card-top{display:flex;align-items:center;gap:6px;margin-bottom:6px}.passage-browse-card .card-format-icon{font-size:14px}.passage-browse-card .card-cefr-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;line-height:1.4}.passage-browse-card .cefr-A0,.passage-browse-card .cefr-A1{background:#dbeafe;color:#1e40af}.passage-browse-card .cefr-A2{background:#dcfce7;color:#166534}.passage-browse-card .cefr-B1{background:#fef3c7;color:#92400e}.passage-browse-card .cefr-B2{background:#fed7aa;color:#9a3412}.passage-browse-card .cefr-C1,.passage-browse-card .cefr-C2{background:#fecaca;color:#9911b}body.dark .passage-browse-card .cefr-A0,body.dark .passage-browse-card .cefr-A1{background:#1e3a5f;color:#93c5fd}body.dark .passage-browse-card .cefr-A2{background:#14532d;color:#86efac}body.dark .passage-browse-card .cefr-B1{background:#713f12;color:#fcd34d}body.dark .passage-browse-card .cefr-B2{background:#7c2d12;color:#fdba74}body.dark .passage-browse-card .cefr-C1,body.dark .passage-browse-card .cefr-C2{background:#7f1d1d;color:#fca5a5}.passage-browse-card .card-seen-badge{margin-left:auto;font-size:11px;color:var(--color-success, #10b981)}.passage-browse-card .card-new-badge{margin-left:auto;font-size:9px;font-weight:700;background:var(--color-success, #10b981);color:#fff;padding:1px 5px;border-radius:3px;text-transform:uppercase}.passage-browse-card .card-title{font-size:12px;font-weight:500;line-height:1.3;color:var(--color-text, #1a1a2e)}body.dark .passage-browse-card .card-title{color:var(--color-text-dark, #e0e0e0)}.passage-browse-card .card-meta{font-size:10px;color:var(--color-text-muted, #888);margin-top:4px}.passage-browse-empty,.passage-browse-loading{text-align:center;padding:32px;color:var(--color-text-muted, #888);font-size:14px}@media(max-width:480px){.passage-browse-content{padding:16px;max-width:100%;width:96%;max-height:90vh}.passage-browse-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px}.passage-browse-title{font-size:16px}}/**
 * Culture Modal Styles
 *
 * Main modal for displaying culture content with comprehension questions.
 * Follows the modal naming convention: .culture-*
 *
 * @license Copyright (c) 2026 Lanki
 * All rights reserved.
 */:root{--cm-surface-0: #ffffff;--cm-surface-1: #f8f8f8;--cm-surface-2: #f0f0f0;--cm-surface-3: #e8e8e8;--cm-text-primary: #1a1a2e;--cm-text-secondary: #666666;--cm-text-muted: #888888;--cm-border: rgba(0, 0, 0, .08);--cm-border-subtle: rgba(0, 0, 0, .04);--cm-accent: #4a90d9;--cm-accent-light: rgba(74, 144, 217, .12);--cm-accent-medium: rgba(74, 144, 217, .22);--cm-success: #27ae60;--cm-error: #e74c3c;--cm-radius: 16px;--cm-radius-sm: 8px;--cm-radius-full: 9999px;--cm-shadow: 0 12px 48px rgba(0, 0, 0, .25)}body.dark{--cm-surface-0: #0a0a0e;--cm-surface-1: #12121a;--cm-surface-2: #1a1a24;--cm-surface-3: #242430;--cm-text-primary: #fafafa;--cm-text-secondary: #a1a1aa;--cm-text-muted: #71717a;--cm-border: rgba(255, 255, 255, .08);--cm-border-subtle: rgba(255, 255, 255, .04);--cm-accent: #6366f1;--cm-accent-light: rgba(99, 102, 241, .12);--cm-accent-medium: rgba(99, 102, 241, .22);--cm-success: #34d399;--cm-error: #f87171;--cm-shadow: 0 12px 48px rgba(0, 0, 0, .6)}body.dark .culture-modal-body{color-scheme:dark}@keyframes cultureFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cultureSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.culture-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.culture-modal-overlay.active,.culture-modal-overlay.show{opacity:1;visibility:visible}.culture-modal-content{background:var(--cm-surface-0);border-radius:16px;max-width:700px;width:95%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--cm-shadow);transform:translateY(20px);transition:transform .3s ease;overflow:hidden}.culture-modal-overlay.active .culture-modal-content,.culture-modal-overlay.show .culture-modal-content{transform:translateY(0)}.culture-modal-header{padding:8px 16px;background:var(--cm-surface-1);border-bottom:1px solid var(--cm-border);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.culture-header-row1{display:flex;align-items:center;gap:8px;min-width:0}.culture-header-row2{display:flex;align-items:center;gap:6px;min-width:0}.culture-modal-title-area{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;cursor:pointer}.culture-icon{font-size:20px;flex-shrink:0}.culture-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--cm-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.culture-difficulty-badge{background:var(--cm-accent);color:#fff;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.culture-category-tag{background:var(--cm-surface-3);color:var(--cm-text-secondary);padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:500;border:1px solid var(--cm-border);flex-shrink:0}.culture-pick-next-btn,.culture-modal-drawer-toggle{background:none;border:none;color:var(--cm-text-secondary);cursor:pointer;padding:4px 8px;border-radius:6px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.culture-pick-next-btn:hover,.culture-modal-drawer-toggle:hover{color:var(--cm-accent);background:var(--cm-accent-light)}.culture-modal-drawer-toggle{margin-left:auto;background:none;border:none;color:var(--cm-text-secondary);font-size:22px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.culture-modal-body{padding:20px;overflow-y:auto;flex:1;background:var(--cm-surface-0)}.culture-text{color:var(--cm-text-primary);--culture-font-scale: 1;font-size:calc(17px * var(--culture-font-scale, 1));line-height:1.6;max-width:65ch;margin-bottom:16px;padding:20px 24px;background:linear-gradient(135deg,#6366f108,#6366f10f);border-radius:12px;border:1px solid rgba(99,102,241,.08);text-align:left;text-align-last:left;-webkit-hyphens:none;hyphens:none;word-break:break-word;position:relative}.culture-text[data-size=xs]{--culture-font-scale: .75}.culture-text[data-size=sm]{--culture-font-scale: .875}.culture-text[data-size=md]{--culture-font-scale: 1}.culture-text[data-size=lg]{--culture-font-scale: 1.125}.culture-text ::selection{background:#6366f140}.culture-read-aloud{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;margin-bottom:10px;border:1px solid var(--cm-border);border-radius:20px;background:var(--cm-surface-0);font-size:13px;color:var(--cm-text-muted);cursor:pointer;transition:all .2s ease}.culture-read-aloud:hover{background:#6366f10f;color:var(--cm-accent);border-color:#6366f133}.culture-read-aloud.reading{background:#6366f11a;color:var(--cm-accent);border-color:#6366f14d;animation:cultureReadPulse 1.5s ease-in-out infinite}@keyframes cultureReadPulse{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 6px #6366f100}}.culture-tap-hint{display:block;text-align:center;font-size:11px;color:var(--cm-text-muted);margin-top:-8px;margin-bottom:12px;opacity:.7}.culture-phrases{background:var(--cm-surface-2);border-radius:8px;padding:12px;margin-top:12px}.culture-phrases-label{font-size:12px;color:var(--cm-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.culture-phrases-text{color:var(--cm-accent);font-style:italic;line-height:1.5}.culture-questions{margin-top:24px;border-top:1px solid var(--cm-border);padding-top:16px}.culture-question{margin-bottom:24px}.culture-question:last-child{margin-bottom:0}.question-text{color:var(--cm-text-primary);margin-bottom:12px;font-weight:500;font-size:.95rem}.question-options{display:flex;flex-direction:column;gap:8px}.culture-option{background:var(--cm-surface-2);border:1px solid var(--cm-border);border-radius:8px;padding:10px 14px;color:var(--cm-text-primary);text-align:left;cursor:pointer;transition:background .2s,border-color .2s;font-size:.9rem}.culture-option:hover:not(:disabled){background:var(--cm-surface-3);border-color:var(--cm-border)}.culture-option:disabled{cursor:default;opacity:.6}.culture-option.correct{background:#27ae6026;border-color:var(--cm-success);color:var(--cm-success)}.culture-option.wrong{background:#e74c3c1f;border-color:var(--cm-error);color:var(--cm-error)}.question-feedback{margin-top:8px;font-weight:500;font-size:.85rem;padding:6px 10px;border-radius:6px;display:none}.question-feedback.correct{display:block;color:var(--cm-success);background:#27ae6014}.question-feedback.incorrect{display:block;color:var(--cm-error);background:#e74c3c14}.culture-option-retry{background:var(--cm-surface-2);border:1px dashed var(--cm-border);border-radius:8px;padding:8px 14px;color:var(--cm-text-secondary);text-align:center;cursor:pointer;transition:all .2s;font-size:.85rem;margin-top:4px}.culture-option-retry:hover{background:var(--cm-accent-light);color:var(--cm-text-secondary)}.culture-modal-footer{padding:16px 20px;background:var(--cm-surface-1);border-top:1px solid var(--cm-border);display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.culture-font-size-controls{display:flex;align-items:center;gap:4px;margin-right:auto}.culture-font-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--cm-border);background:var(--cm-surface-2);color:var(--cm-text-secondary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;line-height:1}.culture-font-btn:hover{background:var(--cm-accent-light);color:var(--cm-accent)}.culture-font-btn:active{transform:scale(.95)}.culture-font-label{font-size:11px;color:var(--cm-text-muted);min-width:28px;text-align:center}.culture-action-btn{background:var(--cm-accent);color:var(--cm-text-primary);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.culture-action-btn:hover{opacity:.9}.culture-action-btn.secondary{background:var(--cm-surface-3);color:var(--cm-text-secondary)}.culture-progress{height:4px;background:var(--cm-surface-2);border-radius:2px;overflow:hidden;margin-bottom:16px}.culture-progress-fill{height:100%;background:var(--cm-accent);transition:width .3s ease;border-radius:2px}.culture-skeleton{padding:8px 0}.skeleton-line{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:28px;width:70%;margin-bottom:20px}.skeleton-text{height:16px;width:100%}.skeleton-text.short{width:60%}.skeleton-divider{height:1px;background:var(--cm-surface-3);margin:20px 0}.skeleton-question{height:20px;width:80%;margin-bottom:16px}.skeleton-option{height:42px;width:100%;margin-bottom:8px;border-radius:8px}.culture-text .culture-paragraph{margin:0 0 1.4em;line-height:inherit}.culture-text .culture-paragraph:last-child{margin-bottom:0}.culture-text .culture-paragraph+.culture-paragraph{text-indent:1.5em}.culture-text .culture-paragraph:first-of-type:first-letter{float:left;font-size:3.2em;line-height:.85;padding-right:8px;padding-top:4px;color:var(--cm-accent);font-weight:700}.culture-sentence-clickable{transition:background .15s;cursor:pointer;border-radius:4px;transition:background .15s,opacity .3s ease;padding:0;margin:0}.culture-sentence-clickable:hover{background:#6366f114;background:var(--cm-accent-light)}.culture-sentence-clickable.culture-sentence-translated{opacity:.7;opacity:1}.culture-sentence-loading{opacity:.6;cursor:wait}.culture-sentence-translation{display:block;font-size:.9em;background:#6366f10f;border-radius:0 6px 6px 0;font-style:italic;animation:cultureTransFadeIn .25s ease-out;background:var(--cm-surface-2);border-left:3px solid var(--cm-accent);border-radius:0 var(--cm-radius-sm) var(--cm-radius-sm) 0;padding:8px 12px;margin:6px 0 12px;font-size:.88rem;color:var(--cm-text-secondary);line-height:1.5;animation:cultureTranslationFadeIn .25s ease-out}@keyframes cultureTransFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.culture-text p{margin:0 0 12px;line-height:1.7}.culture-text p:last-child{margin-bottom:0}.culture-error{text-align:center;padding:20px 0}.culture-error-icon{font-size:48px;margin-bottom:16px}.culture-error-message{color:var(--cm-text-muted);font-size:.95rem;margin-bottom:20px;line-height:1.5}.culture-error-actions{display:flex;gap:10px;justify-content:center}body.dark .culture-modal-content{background:var(--cm-surface-1)}body.dark .culture-modal-header{border-bottom-color:#ffffff14}body.dark .culture-text{background:linear-gradient(135deg,#6366f114,#6366f11f);border-color:#6366f11f}body.dark .culture-text .culture-paragraph:first-of-type:first-letter{color:var(--cm-accent)}body.dark .culture-read-aloud{background:var(--cm-surface-2);border-color:#ffffff14}body.dark .culture-read-aloud:hover{background:#818cf81a;color:var(--cm-accent);border-color:#818cf840}body.dark .culture-sentence-translation{background:#818cf814;border-left-color:var(--cm-accent)}body.dark .culture-tap-hint{color:var(--cm-text-muted)}body.dark .culture-category-tag{background:var(--cm-surface-3)}body.dark .culture-phrases{background:#ffffff0d}body.dark .culture-questions{border-top-color:#ffffff1a}body.dark .culture-option{background:#ffffff0d;border-color:#ffffff1a}body.dark .culture-option:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}body.dark .culture-option-retry{background:#ffffff0d;border-color:#fff3}body.dark .culture-modal-footer{border-top-color:#ffffff14}body.dark .culture-action-btn.secondary,body.dark .culture-progress{background:#ffffff1a}body.dark .skeleton-line{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%)}@media(max-width:640px){.culture-modal-content{width:100%;max-height:100vh;height:100%;border-radius:0}.culture-modal-header{padding:8px 12px;gap:4px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.culture-title{font-size:.95rem}.culture-icon{font-size:18px}.culture-difficulty-badge{font-size:.7rem;padding:2px 6px}.culture-category-tag{font-size:.7rem;padding:2px 8px}.culture-content{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--cm-border-subtle)}.culture-modal-body{padding:16px}.culture-modal-footer{padding:12px 16px;gap:8px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.culture-action-btn{padding:10px 16px;font-size:.85rem;min-height:44px}.culture-option{padding:12px 14px;min-height:44px;font-size:.9rem}.culture-text{font-size:1rem;line-height:1.75;padding:14px 12px;text-align:left;-webkit-hyphens:none;hyphens:none}.culture-text .culture-paragraph:first-of-type:first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit;font-weight:inherit}.culture-text .culture-paragraph+.culture-paragraph{text-indent:0}.question-text{font-size:.9rem}.culture-questions{margin-top:16px;padding-top:12px}.culture-question{margin-bottom:16px}.culture-progress{margin-bottom:12px}.question-options{gap:6px}.culture-phrases{padding:10px}.culture-phrases-text{font-size:.88rem}.question-feedback{font-size:.8rem}.culture-option-retry{min-height:40px;font-size:.8rem}body.dark .culture-content{border-bottom-color:#ffffff0f}}@media(max-width:420px){.culture-modal-title-area{gap:6px}.culture-title{font-size:.9rem}.culture-icon{font-size:16px}.culture-modal-badges{display:none}.culture-action-btn{padding:8px 12px;font-size:.8rem}.culture-option{padding:10px 12px;font-size:.85rem}.culture-text{font-size:1rem}.question-text{font-size:.85rem}}.culture-header-btn{background:none;border:1px solid var(--cm-border);color:var(--cm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:8px;transition:all .2s;white-space:nowrap;line-height:1}.culture-header-btn:hover{background:var(--cm-surface-2);border-color:var(--cm-accent);color:var(--cm-text-primary)}body.dark .culture-header-btn{border-color:#ffffff26;color:var(--cm-text-secondary)}body.dark .culture-header-btn:hover{background:#ffffff0f;border-color:#ffffff4d;color:var(--cm-text-primary)}.culture-sentence-loading:after{content:" ...";animation:cultureEllipsis 1s steps(3) infinite}@keyframes cultureEllipsis{0%{content:" ."}33%{content:" .."}66%{content:" ..."}}.culture-sentence-translated{border-left:3px solid var(--cm-accent);padding-left:8px}@keyframes cultureTranslationFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.culture-title-native{font-size:.85rem;color:var(--cm-text-secondary);font-weight:400;margin-top:4px}@media(max-width:640px){.culture-header-btn{font-size:11px;padding:3px 8px}}@media(max-width:420px){.culture-header-btn{font-size:10px;padding:2px 6px}}.culture-modal-drawer-toggle:hover{color:var(--cm-text-primary)}.culture-modal-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--cm-surface-0);border-left:1px solid var(--cm-border);transform:translate(100%);transition:transform .3s ease;z-index:10001;display:flex;flex-direction:column;box-shadow:var(--cm-shadow)}body.dark .culture-modal-drawer{background:var(--cm-surface-1);border-left-color:#ffffff14}.culture-modal-drawer.open{transform:translate(0)}.culture-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--cm-border)}body.dark .culture-drawer-header{border-bottom-color:#ffffff14}.culture-drawer-header h3{margin:0;font-size:16px;color:var(--cm-text-primary)}.culture-drawer-close{background:none;border:none;color:var(--cm-text-secondary);font-size:24px;cursor:pointer;padding:0;line-height:1}.culture-drawer-close:hover{color:var(--cm-text-primary)}.culture-drawer-content{flex:1;overflow-y:auto;padding:8px 0}.culture-drawer-section{margin-bottom:16px}.culture-drawer-section-title{padding:8px 16px;margin:0;font-size:12px;font-weight:600;color:var(--cm-text-secondary);text-transform:uppercase;letter-spacing:.5px}.culture-drawer-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:var(--cm-text-primary);cursor:pointer;text-align:left;transition:background .2s}.culture-drawer-option:hover{background:var(--cm-surface-2)}body.dark .culture-drawer-option{color:var(--cm-text-muted)}body.dark .culture-drawer-option:hover{background:#ffffff0f}.culture-drawer-option.active{background:var(--cm-accent-light);font-weight:600}.culture-drawer-option .option-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.culture-drawer-option .option-text{flex:1}.culture-drawer-option .option-label{font-weight:500;margin-bottom:2px}.culture-drawer-option .option-desc{font-size:12px;color:var(--cm-text-secondary)}@media(max-width:767px){.culture-modal-drawer{top:auto;bottom:0;right:0;left:0;width:100%;height:55%;border-left:none;border-top:1px solid var(--cm-border);border-radius:16px 16px 0 0;transform:translateY(100%)}.culture-modal-drawer.open{transform:translateY(0)}}:root{--lm-radius: 16px;--lm-radius-sm: 8px;--lm-radius-full: 9999px;--lm-surface-1: #ffffff;--lm-surface-2: #f8f8f8;--lm-surface-3: #f0f0f0;--lm-text-primary: #1a1a1a;--lm-text-secondary: #666666;--lm-text-muted: #888888;--lm-border: #e5e5e5;--lm-accent: #4a90d9;--lm-accent-light: rgba(74, 144, 217, .15);--lm-accent-medium: rgba(74, 144, 217, .25);--lm-success: #4caf50;--lm-error: #d9534f;--lm-shadow: 0 20px 60px rgba(0, 0, 0, .3);--lm-ease-spring: cubic-bezier(.16, 1, .3, 1)}body.dark{--lm-surface-1: #2a2a2a;--lm-surface-2: #333333;--lm-surface-3: #3a3a3a;--lm-text-primary: #f0f0f0;--lm-text-secondary: #a0a0a0;--lm-text-muted: #888888;--lm-border: #404040;--lm-shadow: 0 20px 60px rgba(0, 0, 0, .5)}.listening-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000001;display:none;align-items:center;justify-content:center}.listening-modal.show{display:flex}.listening-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:listeningFadeIn .2s ease-out}body.dark .listening-modal-overlay{background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@keyframes listeningFadeIn{0%{opacity:0}to{opacity:1}}.listening-modal-content{position:relative;background:var(--lm-surface-1);border-radius:var(--lm-radius);max-width:800px;width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--lm-shadow);overflow:hidden;animation:listeningSlideUp .35s var(--lm-ease-spring) forwards}@keyframes listeningSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.listening-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--lm-border);flex-shrink:0;background:linear-gradient(135deg,rgba(74,144,217,.04),transparent)}.listening-modal-header-left{display:flex;align-items:center;gap:12px;min-width:0}.listening-modal-header-right{display:flex;align-items:center;gap:6px;margin-left:auto}.listening-modal-icon{font-size:1.2rem;flex-shrink:0}.listening-modal-title{font-family:Outfit,Inter,sans-serif;font-size:1.1rem;font-weight:600;color:var(--lm-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listening-difficulty-badge{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:var(--lm-radius-sm);background:var(--lm-accent);color:#fff;flex-shrink:0}.listening-category-tag{font-size:.75rem;padding:2px 8px;border-radius:var(--lm-radius-full);background:var(--lm-surface-3);color:var(--lm-text-secondary);flex-shrink:0}.listening-mode-bar{display:flex;flex-direction:column;align-items:center;gap:0;background:var(--lm-surface-2);border-bottom:1px solid var(--lm-border)}.listening-mode-toggle{display:flex;align-items:center;justify-content:center;gap:0;padding:8px 20px 0;width:100%;box-sizing:border-box}.listening-mode-toggle-btn{flex:1;padding:8px 16px;font-size:.85rem;font-weight:600;border:1px solid var(--lm-border);background:var(--lm-surface-1);color:var(--lm-text-secondary);cursor:pointer;transition:all .2s ease}.listening-mode-toggle-btn:first-child{border-radius:var(--lm-radius-full) 0 0 var(--lm-radius-full);border-right:none}.listening-mode-toggle-btn:last-child{border-radius:0 var(--lm-radius-full) var(--lm-radius-full) 0}.listening-mode-toggle-btn:hover{background:var(--lm-surface-3);color:var(--lm-text-primary)}.listening-mode-toggle-btn.selected{background:var(--lm-accent);border-color:var(--lm-accent);color:#fff}.listening-mode-drawer{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;width:100%;box-sizing:border-box}.listening-mode-btn{padding:6px 14px;border-radius:var(--lm-radius-full);font-size:.85rem;font-weight:500;border:1px solid var(--lm-border);background:var(--lm-surface-1);color:var(--lm-text-secondary);cursor:pointer;transition:all .2s ease}.listening-mode-btn:hover{background:var(--lm-surface-3);color:var(--lm-text-primary)}.listening-mode-btn.selected{background:var(--lm-accent);border-color:var(--lm-accent);color:#fff}.listening-mode-btn.selected:hover{background:var(--lm-accent)}.listening-mode-native-chip{padding:0 20px 8px}.listening-native-chip-label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--lm-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 10px;border-radius:var(--lm-radius-full);background:var(--lm-surface-1);border:1px solid var(--lm-border);transition:all .2s ease}.listening-native-chip-label:hover{background:var(--lm-surface-3)}.listening-native-chip-label input[type=checkbox]{accent-color:var(--lm-accent);width:14px;height:14px;margin:0}.listening-modal-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:20px}.listening-passage-content{font-size:calc(var(--adaptive-font-size, 1.05rem) * var(--user-font-scale, 1));line-height:var(--adaptive-line-height, 1.8);max-width:var(--adaptive-max-width, 65ch);color:var(--lm-text-primary);margin:0 auto;width:100%}[data-lang^=zh] .listening-passage-content,[data-lang^=ja] .listening-passage-content,[data-lang=ko] .listening-passage-content{font-family:Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,PingFang SC,Microsoft YaHei,Hiragino Sans,Yu Gothic,Malgun Gothic,system-ui,sans-serif}[data-lang^=ar] .listening-passage-content,[data-lang=ur] .listening-passage-content,[data-lang=fa] .listening-passage-content,[data-lang=he] .listening-passage-content{font-family:Noto Sans Arabic,Vazirmatn,Segoe UI,Tahoma,system-ui,sans-serif}[data-lang=hi] .listening-passage-content,[data-lang=mr] .listening-passage-content{font-family:Noto Sans Devanagari,Mangal,Devanagari MT,system-ui,sans-serif}[data-lang=th] .listening-passage-content{font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif}.listening-sentence{cursor:pointer;padding:2px 4px;margin:0 -2px;border-radius:4px;transition:all .15s ease;display:inline}.listening-sentence:hover{background:var(--lm-accent-light)}.listening-sentence-translation{display:block;color:var(--lm-text-secondary);font-size:.9em;font-style:italic;margin:4px 0 8px;padding:6px 10px;background:var(--lm-accent-light);border-left:3px solid var(--lm-accent);border-radius:0 4px 4px 0}.listening-blank-text{font-family:inherit;line-height:1.8;position:relative;overflow:hidden}.listening-hidden-word{display:inline-block;background:linear-gradient(transparent 60%,var(--lm-accent-light) 60%);padding:0 4px;border-radius:2px;color:var(--lm-text-muted);letter-spacing:1px;min-width:2ch}.listening-blank-sentence{display:block;margin-bottom:8px}.listening-revealed-word{display:inline;color:var(--lm-text-primary)}.listening-blank-input{display:inline-block;border:none;border-bottom:2px solid var(--lm-accent-light, #a0c4ff);background:transparent;text-align:center;font-family:inherit;font-size:inherit;color:var(--lm-text-primary, #333);padding:1px 4px;margin:0 2px;outline:none;transition:border-color .2s,background .2s;min-width:3ch;vertical-align:baseline}.listening-blank-input::placeholder{color:var(--lm-text-muted, #999);letter-spacing:1px}.listening-blank-input:focus{border-bottom-color:var(--lm-accent, #4361ee);background:#4361ee0d}.listening-blank-input.correct{border-bottom-color:#4caf50;background:#4caf5014;color:#2e7d32;font-weight:600}.listening-blank-input.incorrect{border-bottom-color:#f44336;background:#f4433614;color:#c62828}.listening-blank-input:disabled{opacity:.7;cursor:default}.listening-blank-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--lm-border, #e0e0e0)}.listening-check-btn{padding:10px 24px;border:none;border-radius:8px;background:var(--lm-accent, #4361ee);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.listening-check-btn:hover{background:var(--lm-accent-dark, #3451d1);transform:translateY(-1px)}.listening-check-btn:disabled{background:#4caf50;cursor:default;transform:none}.listening-blank-score{font-size:1rem;font-weight:600;min-width:80px}.listening-blank-score.score-good{color:#4caf50}.listening-blank-score.score-ok{color:#ff9800}.listening-blank-score.score-low{color:#f44336}.listening-blank-wrapper{position:relative;display:inline;vertical-align:baseline}.listening-correct-answer{display:block;font-size:.7em;color:#4caf50;font-weight:600;text-align:center;margin-top:1px;line-height:1.2;animation:listeningFadeIn .3s ease}.listening-xp-float{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.75em;font-weight:700;color:#f59e0b;pointer-events:none;white-space:nowrap;animation:listeningXPFloat 1.2s ease-out forwards;z-index:10}@keyframes listeningXPFloat{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-25px)}}@keyframes listeningBlankShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.listening-blank-shake{animation:listeningBlankShake .35s ease}.listening-blank-progress{font-size:.9rem;color:var(--lm-text-muted, #999);font-weight:600}.listening-blank-progress.score-good{color:#4caf50}.listening-confetti-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:100}@keyframes listeningConfettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}@keyframes listeningFadeIn{}@media(pointer:coarse){.listening-blank-input{min-width:6ch;padding:4px 6px}}.listening-blind-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.listening-blind-icon{font-size:3rem;animation:listeningPulse 1.5s ease-in-out infinite}@keyframes listeningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.listening-blind-text{font-size:1.1rem;color:var(--lm-text-secondary);font-weight:500}.listening-audio-controls{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--lm-surface-2);border-radius:var(--lm-radius);margin-bottom:16px}.listening-play-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--lm-accent);color:#fff;border:none;border-radius:var(--lm-radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.listening-play-btn:hover{background:#3a80c9;transform:scale(1.02)}.listening-play-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.listening-play-btn.playing{background:var(--lm-error)}.listening-progress-bar{width:100%;max-width:400px;height:6px;background:var(--lm-surface-3);border-radius:var(--lm-radius-full);overflow:hidden}.listening-progress-fill{height:100%;background:var(--lm-accent);border-radius:var(--lm-radius-full);transition:width .3s ease;width:0%}.listening-progress-text{font-size:.85rem;color:var(--lm-text-secondary)}.listening-skip-btn{padding:8px 16px;background:transparent;border:1px solid var(--lm-border);border-radius:var(--lm-radius-full);font-size:.85rem;color:var(--lm-text-muted);cursor:pointer;transition:all .2s ease}.listening-skip-btn:hover{background:var(--lm-surface-3);color:var(--lm-text-secondary)}.listening-replay-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--lm-surface-3);border:1px solid var(--lm-border);border-radius:var(--lm-radius-full);font-size:.85rem;color:var(--lm-text-secondary);cursor:pointer;transition:all .2s ease}.listening-replay-btn:hover{background:var(--lm-accent-light);border-color:var(--lm-accent);color:var(--lm-accent)}.listening-reveal-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--lm-surface-2);border:1px solid var(--lm-border);border-radius:var(--lm-radius-full);font-size:.9rem;color:var(--lm-text-secondary);cursor:pointer;transition:all .2s ease;margin-top:12px}.listening-reveal-btn:hover{background:var(--lm-accent-light);border-color:var(--lm-accent);color:var(--lm-accent)}.listening-reveal-btn.revealed{background:var(--lm-success);border-color:var(--lm-success);color:#fff}.listening-xp-indicator{font-size:.75rem;padding:2px 6px;border-radius:var(--lm-radius-sm);background:#0000001a;color:inherit}.listening-questions-section{display:none;padding:16px;background:var(--lm-surface-2);border-radius:var(--lm-radius);margin-top:16px}.listening-questions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.listening-questions-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--lm-text-primary)}.listening-question-counter{font-size:.85rem;color:var(--lm-text-muted)}.listening-question-item{padding:12px;background:var(--lm-surface-1);border-radius:var(--lm-radius-sm);margin-bottom:12px}.listening-question-item.active-question{display:block}.listening-question-item:not(.active-question){display:none}.listening-question-text{margin:0 0 10px;font-size:.95rem;font-weight:500;color:var(--lm-text-primary)}.listening-question-options{display:flex;flex-direction:column;gap:6px}.listening-question-option{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--lm-surface-2);border:1px solid var(--lm-border);border-radius:var(--lm-radius-sm);cursor:pointer;transition:all .2s ease;text-align:left}.listening-question-option:hover:not(:disabled){background:var(--lm-surface-3)}.listening-question-option:disabled{cursor:default}.listening-question-option.correct{background:#4caf5026;border-color:var(--lm-success)}.listening-question-option.wrong{background:#d9534f26;border-color:var(--lm-error)}.listening-option-letter{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--lm-surface-3);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--lm-text-secondary);flex-shrink:0}.listening-question-option.correct .listening-option-letter{background:var(--lm-success);color:#fff}.listening-question-option.wrong .listening-option-letter{background:var(--lm-error);color:#fff}.listening-option-text{font-size:.9rem;color:var(--lm-text-primary)}.listening-countdown-bar{height:4px;background:var(--lm-surface-3);border-radius:var(--lm-radius-full);overflow:hidden;margin-top:12px}.listening-countdown-fill{height:100%;background:var(--lm-accent);border-radius:var(--lm-radius-full);transition:width .1s linear}.listening-answer-feedback{margin-top:8px;padding:8px 10px;background:var(--lm-accent-light);border-radius:var(--lm-radius-sm)}.listening-feedback-text{margin:0;font-size:.85rem;color:var(--lm-text-secondary)}.listening-no-questions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.listening-no-questions-icon{font-size:2.5rem}.listening-no-questions-text{font-size:1rem;color:var(--lm-text-secondary)}.listening-exit-btn{padding:10px 20px;background:var(--lm-surface-3);border:1px solid var(--lm-border);border-radius:var(--lm-radius-full);font-size:.9rem;color:var(--lm-text-primary);cursor:pointer;transition:all .2s ease}.listening-exit-btn:hover{background:var(--lm-accent-light);border-color:var(--lm-accent);color:var(--lm-accent)}.listening-summary{padding:20px;text-align:center}.listening-summary-title{font-size:1.2rem;font-weight:600;color:var(--lm-text-primary);margin:0 0 16px}.listening-summary-stats{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.listening-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.listening-stat-value{font-size:1.5rem;font-weight:700;color:var(--lm-text-primary)}.listening-stat-value.correct{color:var(--lm-success)}.listening-stat-value.wrong{color:var(--lm-error)}.listening-stat-label{font-size:.85rem;color:var(--lm-text-muted)}.listening-xp-earned{font-size:1rem;font-weight:600;color:var(--lm-accent);margin-bottom:8px}.listening-xp-earned.halved{color:var(--lm-text-muted);text-decoration:line-through}.listening-reveal-note{font-size:.85rem;color:var(--lm-text-muted);font-style:italic;margin-bottom:16px}.listening-close-btn{padding:10px 24px;background:var(--lm-accent);color:#fff;border:none;border-radius:var(--lm-radius-full);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.listening-close-btn:hover{background:#3a80c9}.listening-summary-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin:0 auto}.listening-another-btn{padding:12px 24px;background:var(--lm-accent);color:#fff;border:none;border-radius:var(--lm-radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.listening-another-btn:hover{background:#3a80c9;transform:scale(1.02)}.listening-summary-actions .listening-close-btn{width:100%;background:transparent;color:var(--lm-text-muted);border:1px solid var(--lm-border);font-weight:500;font-size:.9rem}.listening-summary-actions .listening-close-btn:hover{background:var(--lm-bg-hover);color:var(--lm-text)}[dir=rtl] .listening-blank-text,[dir=rtl] .listening-hidden-word{direction:rtl}[dir=rtl] .listening-question-option{text-align:right}.listening-pace-section{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;border-top:1px solid var(--lm-border);background:var(--lm-surface-2);flex-shrink:0}.listening-pace-label{font-size:.8rem;font-weight:500;color:var(--lm-text-muted);text-transform:uppercase;letter-spacing:.5px}.listening-pace-slider{width:160px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lm-surface-3);border-radius:var(--lm-radius-full);outline:none;cursor:pointer}.listening-pace-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--lm-accent);cursor:pointer;border:2px solid var(--lm-surface-1);box-shadow:0 1px 4px #0003;-webkit-transition:transform .15s ease;transition:transform .15s ease}.listening-pace-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.listening-pace-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--lm-accent);cursor:pointer;border:2px solid var(--lm-surface-1);box-shadow:0 1px 4px #0003}.listening-pace-value{font-size:.85rem;font-weight:600;color:var(--lm-text-secondary);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.listening-passive-container{max-width:600px;margin:0 auto}.listening-passive-sentences{display:flex;flex-direction:column;gap:2px}.listening-passive-sentence{padding:10px 16px;border-radius:var(--lm-radius);transition:background-color .3s ease,transform .3s ease;line-height:1.7}.listening-passive-text{display:block;font-size:1.05rem;color:var(--lm-text-primary)}.listening-passive-native{display:block;font-size:.85rem;color:var(--lm-text-muted);margin-top:2px;font-style:italic}.listening-passive-sentence.listening-passive-active{background:var(--lm-accent-bg, rgba(99, 102, 241, .1));border-left:3px solid var(--lm-accent);transform:scale(1.01)}.listening-passive-sentence.listening-passive-active .listening-passive-text{color:var(--lm-accent);font-weight:600}.listening-passive-sentence.listening-passive-active .listening-passive-native{color:var(--lm-text-secondary)}.listening-passive-native-loading{min-height:18px;display:inline-flex;align-items:center}.listening-passive-native-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--lm-border);border-top-color:var(--lm-accent);border-radius:50%;animation:passiveNativeSpin .8s linear infinite}@keyframes passiveNativeSpin{to{transform:rotate(360deg)}}.listening-repeat-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center}.listening-repeat-start-icon{font-size:3.5rem;animation:listeningPulse 2s ease-in-out infinite}.listening-repeat-start-text{font-size:1.1rem;color:var(--lm-text-secondary);margin:0;font-weight:400}.listening-repeat-start-btn{padding:14px 40px;background:var(--lm-accent);color:#fff;border:none;border-radius:var(--lm-radius-full);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a90d94d}.listening-repeat-start-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #4a90d966}.listening-repeat-container{display:flex;flex-direction:column;min-height:200px}.listening-repeat-sentences{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px 20px;min-height:160px}.listening-repeat-sentence{font-size:1.5rem;font-weight:500;line-height:1.6;color:var(--lm-text-primary);text-align:center;max-width:90%;transition:opacity .3s ease}.listening-repeat-current{opacity:1}.listening-repeat-prev{opacity:.6}.listening-repeat-word{display:inline-block;transition:all .3s ease}@keyframes repeatWordEnter{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.listening-repeat-word-enter{animation:repeatWordEnter .35s ease-out both}@keyframes repeatWordDissolve{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}60%{opacity:.4;transform:translateY(-6px) scale(.98);filter:blur(1px)}to{opacity:0;transform:translateY(-12px) scale(.95);filter:blur(3px)}}.listening-repeat-word-dissolve{animation:repeatWordDissolve .45s ease-out forwards}.listening-repeat-sentence-gone{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transition:all .3s ease}.listening-repeat-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-top:1px solid var(--lm-border);background:var(--lm-surface-2)}.listening-repeat-btn{padding:8px 16px;border-radius:var(--lm-radius-full);font-size:.85rem;font-weight:500;border:1px solid var(--lm-border);background:var(--lm-surface-1);color:var(--lm-text-secondary);cursor:pointer;transition:all .2s ease}.listening-repeat-btn:hover{background:var(--lm-surface-3);color:var(--lm-text-primary)}.listening-repeat-next-btn{background:var(--lm-accent);border-color:var(--lm-accent);color:#fff}.listening-repeat-next-btn:hover{background:#3a80c9;color:#fff}.listening-repeat-pause-btn.resuming{background:var(--lm-accent-light);border-color:var(--lm-accent);color:var(--lm-accent)}.listening-repeat-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.listening-repeat-complete-icon{font-size:2.5rem}.listening-repeat-complete-text{font-size:1.1rem;color:var(--lm-text-secondary);margin:0}.listening-repeat-complete-actions{display:flex;gap:10px;margin-top:8px}.listening-repeat-native{font-size:.85rem;color:var(--lm-text-muted);font-style:italic;margin-top:4px;line-height:1.4}.listening-repeat-current .listening-repeat-native{opacity:0;animation:lmNativeFadeIn .4s ease forwards;animation-delay:.2s}@keyframes lmNativeFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.listening-blind-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.listening-blind-start-icon{font-size:3rem;opacity:.8}.listening-blind-start-text{color:var(--lm-text-secondary);font-size:1rem;margin:0}.listening-blind-play-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:var(--lm-accent);color:#fff;border:none;border-radius:var(--lm-radius-full);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.listening-blind-play-btn:hover{background:#3a80c9;transform:scale(1.03)}.listening-drawer-toggle{background:none;border:none;color:var(--lm-text-secondary);font-size:24px;cursor:pointer;padding:4px 8px}.listening-drawer-toggle:hover{color:var(--lm-text-primary)}.listening-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--lm-surface-1);border-left:1px solid var(--lm-border);z-index:10001;display:none;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.listening-drawer.open{display:flex!important;transform:translate(0)}.listening-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--lm-border)}.listening-drawer-header h3{margin:0;font-size:16px;color:var(--lm-text-primary)}.listening-drawer-close{background:none;border:none;color:var(--lm-text-secondary);font-size:24px;cursor:pointer}.listening-drawer-close:hover{color:var(--lm-text-primary)}.listening-drawer-content{flex:1;overflow-y:auto;padding:8px 0}.listening-drawer-section{margin-bottom:16px}.listening-drawer-section-title{padding:8px 16px;margin:0;font-size:12px;font-weight:600;color:var(--lm-text-muted);text-transform:uppercase;letter-spacing:.5px}.listening-drawer-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:var(--lm-text-primary);cursor:pointer;text-align:left;transition:background .2s}.listening-drawer-option:hover{background:var(--lm-surface-3)}.listening-drawer-option .option-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.listening-drawer-option .option-text{flex:1}.listening-drawer-option .option-label{font-weight:500;margin-bottom:2px}.listening-drawer-option .option-desc{font-size:12px;color:var(--lm-text-muted)}.listening-voice-settings-btn{background:none;border:none;color:var(--lm-text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;margin-right:2px;border-radius:var(--lm-radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.listening-voice-settings-btn:hover{color:var(--lm-accent);background:var(--lm-accent-light)}@media(max-width:767px){.listening-modal-content{max-width:100%;width:100%;max-height:100vh;height:100vh;border-radius:0}.listening-modal-header{flex-wrap:wrap;padding:12px 16px}.listening-modal-header-left{flex:1 1 100%;min-width:0;margin-bottom:8px}.listening-modal-title{white-space:normal;overflow:visible;text-overflow:unset;font-size:1.15rem}.listening-modal-header-right{flex:1 1 100%;justify-content:flex-start;gap:8px}.listening-drawer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-left:none;border-radius:0;transform:translateY(100%);z-index:10}.listening-drawer.open{transform:translateY(0)}}:root{--svs-radius: 16px;--svs-radius-sm: 8px;--svs-radius-full: 9999px;--svs-surface-1: #ffffff;--svs-surface-2: #f8f8f8;--svs-surface-3: #f0f0f0;--svs-text-primary: #1a1a1a;--svs-text-secondary: #666666;--svs-text-muted: #888888;--svs-border: #e5e5e5;--svs-accent: #4a90d9;--svs-accent-light: rgba(74, 144, 217, .15);--svs-accent-medium: rgba(74, 144, 217, .25);--svs-success: #4caf50;--svs-error: #d9534f;--svs-shadow: 0 20px 60px rgba(0, 0, 0, .3);--svs-ease-spring: cubic-bezier(.16, 1, .3, 1)}body.dark{--svs-surface-1: #2a2a2a;--svs-surface-2: #333333;--svs-surface-3: #3a3a3a;--svs-text-primary: #f0f0f0;--svs-text-secondary: #a0a0a0;--svs-text-muted: #888888;--svs-border: #404040;--svs-shadow: 0 20px 60px rgba(0, 0, 0, .5)}.svs-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000030;display:none;align-items:center;justify-content:center}.svs-modal.show{display:flex}.svs-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:svsFadeIn .2s ease-out}body.dark .svs-modal-overlay{background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@keyframes svsFadeIn{0%{opacity:0}to{opacity:1}}.svs-modal-content{position:relative;background:var(--svs-surface-1);border-radius:var(--svs-radius);max-width:480px;width:95%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--svs-shadow);overflow:hidden;animation:svsSlideUp .35s var(--svs-ease-spring) forwards}@keyframes svsSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.svs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--svs-border);flex-shrink:0}.svs-modal-header-left{display:flex;align-items:center;gap:10px}.svs-modal-icon{font-size:20px}.svs-modal-title{font-size:16px;font-weight:600;color:var(--svs-text-primary);margin:0}.svs-modal-header-right{display:flex;align-items:center}.svs-modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--svs-text-secondary);font-size:22px;cursor:pointer;border-radius:var(--svs-radius-sm);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.svs-modal-close:hover{background:var(--svs-surface-3);color:var(--svs-text-primary)}.svs-modal-body{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.svs-provider-tabs{display:flex;gap:6px;margin-bottom:16px}.svs-provider-tab{flex:1;padding:10px 12px;border:1.5px solid var(--svs-border);background:var(--svs-surface-2);border-radius:var(--svs-radius-sm);font-size:13px;font-weight:500;color:var(--svs-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.svs-provider-tab:hover{border-color:var(--svs-accent);color:var(--svs-accent)}.svs-provider-tab:focus-visible{outline:2px solid var(--svs-accent);outline-offset:2px}.svs-provider-tab.active{background:var(--svs-accent-light);border-color:var(--svs-accent);color:var(--svs-accent)}.svs-provider-tab-badge{font-size:10px;padding:2px 5px;border-radius:4px;background:var(--svs-surface-3);color:var(--svs-text-muted);font-weight:600}.svs-provider-tab.active .svs-provider-tab-badge{background:var(--svs-accent-medium);color:var(--svs-accent)}.svs-provider-tab-badge.cloud{background:#4a90d926;color:#4a90d9}.svs-provider-tab-badge.cloud-active{background:#4a90d94d;color:#2d6db8}.svs-provider-tab-badge.hd{background:#ffc10733;color:#e6a800;font-weight:700}.svs-provider-tab.active .svs-provider-tab-badge.hd{background:#ffc10759;color:#c49000}.svs-token-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#d9824a1a;border:1px solid rgba(217,130,74,.3);border-radius:var(--svs-radius-sm);margin-bottom:16px;font-size:12px;color:var(--svs-text-secondary);line-height:1.4}.svs-token-warning-icon{font-size:14px;flex-shrink:0;margin-top:1px}.svs-section{margin-bottom:20px}.svs-section:last-child{margin-bottom:0}.svs-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--svs-text-muted);margin-bottom:10px}.svs-slider-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.svs-slider-row:last-child{margin-bottom:0}.svs-slider-label{font-size:13px;color:var(--svs-text-secondary);min-width:60px}.svs-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--svs-surface-3);border-radius:2px;outline:none;cursor:pointer}.svs-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--svs-accent);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0003;-webkit-transition:transform .15s;transition:transform .15s}.svs-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.svs-slider::-moz-range-thumb{width:18px;height:18px;background:var(--svs-accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 4px #0003}.svs-slider:focus-visible{outline:2px solid var(--svs-accent);outline-offset:4px}.svs-slider-value{font-size:12px;font-weight:600;color:var(--svs-text-primary);min-width:40px;text-align:right}.svs-select-row{display:flex;gap:10px;margin-bottom:12px}.svs-select-row:last-child{margin-bottom:0}.svs-select-group{flex:1;display:flex;flex-direction:column;gap:4px}.svs-select-label{font-size:11px;color:var(--svs-text-muted);font-weight:500}.svs-select{width:100%;padding:8px 28px 8px 10px;border:1.5px solid var(--svs-border);border-radius:var(--svs-radius-sm);background:var(--svs-surface-2);color:var(--svs-text-primary);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}body.dark .svs-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.svs-select:focus{outline:none;border-color:var(--svs-accent)}.svs-voice-list{max-height:240px;overflow-y:auto;border:1.5px solid var(--svs-border);border-radius:var(--svs-radius-sm);background:var(--svs-surface-2)}.svs-voice-loading{padding:24px;text-align:center;color:var(--svs-text-muted);font-size:13px}.svs-voice-empty{padding:24px;text-align:center;color:var(--svs-text-muted);font-size:13px;line-height:1.5}.svs-voice-item{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--svs-border);cursor:pointer;transition:background .1s;gap:10px}.svs-voice-item:last-child{border-bottom:none}.svs-voice-item:hover{background:var(--svs-surface-3)}.svs-voice-item.selected{background:var(--svs-accent-light)}.svs-voice-item-info{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.svs-voice-item-name{font-size:13px;color:var(--svs-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svs-voice-item-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0}.svs-voice-badge-edge{background:#4a90d926;color:#4a90d9}.svs-voice-badge-piper{background:#4caf5026;color:#4caf50}.svs-voice-badge-piper-plus{background:#00968826;color:#009688}.svs-voice-badge-inworld{background:#9c27b026;color:#9c27b0}.svs-voice-badge-clone{background:#ff980026;color:#ff9800}.svs-voice-badge-kokoro{background:#ffc10726;color:#e6a800;font-weight:700}.svs-voice-engine-piper{background:#4a90d90f}.svs-voice-engine-kokoro{background:#ff98000f}.svs-voice-engine-piper:hover{background:#4a90d91f}.svs-voice-engine-kokoro:hover{background:#ff98001f}.svs-voice-engine-piper.selected{background:#4a90d929}.svs-voice-engine-kokoro.selected{background:#ff980029}.svs-voice-item-check{font-size:16px;color:var(--svs-accent);flex-shrink:0;opacity:0;transition:opacity .15s}.svs-voice-item.selected .svs-voice-item-check{opacity:1}.svs-modal-footer{padding:14px 20px;border-top:1px solid var(--svs-border);flex-shrink:0;display:flex;gap:10px;justify-content:flex-end}.svs-btn{padding:10px 20px;border-radius:var(--svs-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none}.svs-btn-secondary{background:var(--svs-surface-3);color:var(--svs-text-secondary)}.svs-btn-secondary:hover{background:var(--svs-border);color:var(--svs-text-primary)}.svs-btn-primary{background:var(--svs-accent);color:#fff}.svs-btn-primary:hover{background:#3a7fc4;transform:translateY(-1px);box-shadow:0 4px 12px #4a90d94d}.svs-btn:focus-visible{outline:2px solid var(--svs-accent);outline-offset:2px}.svs-native-section{margin-top:16px;border-top:1px solid var(--svs-border);padding-top:12px}.svs-native-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0;gap:8px;-webkit-user-select:none;user-select:none}.svs-native-header-left{display:flex;align-items:center;gap:8px}.svs-native-divider-icon{font-size:16px}.svs-native-title{font-weight:600;font-size:14px;color:var(--svs-text)}.svs-native-header-right{display:flex;align-items:center;gap:10px}.svs-native-voice-summary{font-size:12px;color:var(--svs-text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svs-native-voice-summary.svs-native-voice-off{opacity:.5}.svs-native-expand-btn{background:none;border:none;color:var(--svs-text-secondary);cursor:pointer;font-size:12px;padding:4px;transition:transform .2s ease;line-height:1}.svs-native-expand-btn.expanded{transform:rotate(180deg)}.svs-native-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.svs-native-toggle input{opacity:0;width:0;height:0}.svs-native-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--svs-border);transition:.2s;border-radius:20px}.svs-native-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}.svs-native-toggle input:checked+.svs-native-toggle-slider{background-color:var(--svs-accent)}.svs-native-toggle input:checked+.svs-native-toggle-slider:before{transform:translate(16px)}.svs-native-body{padding-top:12px;animation:svsNativeSlideDown .2s ease}@keyframes svsNativeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.svs-native-provider-tabs{margin-bottom:12px}.svs-native-provider-tabs .svs-provider-tab{font-size:12px;padding:6px 10px}.svs-native-select-row{display:flex;gap:12px;margin-bottom:12px}.svs-native-voice-list{max-height:200px}.svs-native-test-section{margin-top:8px}@media(max-width:767px){.svs-modal{align-items:flex-start;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.svs-modal-content{width:100%;max-width:100%;max-height:100%;border-radius:0;animation:svsSlideUpMobile .35s var(--svs-ease-spring) forwards}@keyframes svsSlideUpMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.svs-modal-body{flex:1;overflow-y:auto}}.svs-voice-list::-webkit-scrollbar{width:6px}.svs-voice-list::-webkit-scrollbar-track{background:transparent}.svs-voice-list::-webkit-scrollbar-thumb{background:var(--svs-border);border-radius:3px}.svs-voice-list::-webkit-scrollbar-thumb:hover{background:var(--svs-text-muted)}.svs-cloud-status{font-size:11px;color:var(--svs-text-muted);text-align:center;padding:6px 0}.svs-cloud-status.connected{color:var(--svs-success)}.svs-test-row{display:flex;gap:8px;margin-bottom:6px}.svs-test-input{flex:1;padding:8px 10px;border:1.5px solid var(--svs-border);border-radius:var(--svs-radius-sm);background:var(--svs-surface-2);color:var(--svs-text-primary);font-size:13px}.svs-test-input:focus{outline:none;border-color:var(--svs-accent)}.svs-test-play-btn{width:38px;height:38px;border:none;border-radius:var(--svs-radius-sm);background:var(--svs-accent);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.svs-test-play-btn:hover{background:#3a7fc4;transform:scale(1.05)}.svs-test-play-btn:active{transform:scale(.97)}.svs-test-play-btn.playing{background:var(--svs-success);animation:svsPulse 1s infinite}@keyframes svsPulse{0%,to{opacity:1}50%{opacity:.7}}.svs-test-status{font-size:11px;color:var(--svs-text-muted);min-height:14px}.svs-test-status.error{color:var(--svs-error)}.svs-test-status.playing{color:var(--svs-accent)}.svs-voice-status{font-size:11px;color:var(--svs-text-muted);padding:4px 8px;min-height:18px}.svs-voice-status.error{color:var(--svs-error)}.svs-voice-status.success{color:var(--svs-success)}.svs-voice-item-download{opacity:.75}.svs-voice-item-download:hover{opacity:1}.svs-voice-item-loading{position:relative;pointer-events:none}.svs-voice-item-loading:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--svs-text-muted, #888);border-top-color:var(--svs-accent, #6366f1);border-radius:50%;animation:svs-spin .8s linear infinite}@keyframes svs-spin{to{transform:translateY(-50%) rotate(360deg)}}.svs-voice-item-loading .svs-voice-item-check{visibility:hidden}/**
 * Voice Clone Tab Styles — SimpleVoiceSettingsModal
 *
 * 5-step guided flow: Download → Record/Upload → Process → Preview → Save
 *
 * @license Copyright (c) 2026 Lanki
 */.svs-clone-panel{padding:8px 0}.svs-clone-step{margin-bottom:16px;padding:12px;background:var(--card-bg, rgba(0, 0, 0, .03));border-radius:8px}.svs-clone-step-title{font-size:13px;font-weight:600;margin:0 0 10px;color:var(--text-primary, #1a1a2e)}.svs-clone-download-btn{width:100%;padding:10px}.svs-clone-download-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.svs-clone-progress-bar{flex:1;height:8px;background:var(--border-color, #e0e0e0);border-radius:4px;overflow:hidden}.svs-clone-progress-fill{height:100%;background:var(--accent-color, #4a90d9);border-radius:4px;transition:width .3s ease;width:0%}.svs-clone-progress-text{font-size:12px;font-weight:600;color:var(--accent-color, #4a90d9);min-width:32px}.svs-clone-progress-size{font-size:11px;color:var(--text-secondary, #888);min-width:80px;text-align:right}.svs-clone-ready{display:flex;align-items:center;gap:8px}.svs-clone-ready-badge{font-size:13px;color:var(--color-correct, #22c55e);font-weight:600}.svs-clone-guidance{font-size:12px;color:var(--text-secondary, #888);margin:0 0 6px}.svs-clone-sample-text{font-size:14px;font-style:italic;color:var(--text-primary, #1a1a2e);margin:0 0 12px;padding:8px 12px;background:var(--surface-color, #f5f5f5);border-radius:6px;border-left:3px solid var(--accent-color, #4a90d9)}.svs-clone-waveform{margin:8px 0;text-align:center}.svs-clone-waveform canvas{width:100%;max-width:300px;height:40px;border-radius:4px}.svs-clone-timer{text-align:center;font-size:12px;color:var(--text-secondary, #888);margin:4px 0;font-variant-numeric:tabular-nums}.svs-clone-record-btn,.svs-clone-stop-btn{display:block;margin:8px auto 0;min-width:180px}.svs-clone-stop-btn{background:var(--color-incorrect, #ef4444)!important;color:#fff!important}.svs-clone-divider{text-align:center;font-size:12px;color:var(--text-secondary, #888);margin:12px 0}.svs-clone-upload{text-align:center}.svs-clone-upload-label{cursor:pointer;display:inline-block}.svs-clone-file-info{font-size:12px;color:var(--text-secondary, #888);margin:6px 0 0}.svs-clone-demo{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #e0e0e0);text-align:center}.svs-clone-demo-label{font-size:12px;color:var(--text-secondary, #888);margin:0 0 8px}.svs-clone-demo-btn{font-size:13px}.svs-clone-demo-disclaimer{font-size:10px;color:var(--text-muted, #aaa);margin:6px 0 0;font-style:italic}.svs-clone-processing{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0}.svs-clone-spinner{width:24px;height:24px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--accent-color, #4a90d9);border-radius:50%;animation:svs-clone-spin .8s linear infinite}@keyframes svs-clone-spin{to{transform:rotate(360deg)}}.svs-clone-sub{font-size:12px;color:var(--text-secondary, #888)}.svs-clone-preview-text{font-size:14px;color:var(--text-primary, #1a1a2e);margin:0 0 12px;padding:8px 12px;background:var(--surface-color, #f5f5f5);border-radius:6px}.svs-clone-play-btn{display:block;margin:0 auto 12px}.svs-clone-actions{display:flex;gap:8px;justify-content:center}.svs-clone-name-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--input-bg, #fff);color:var(--text-primary, #1a1a2e);margin-bottom:10px;box-sizing:border-box}.svs-clone-name-input:focus{outline:none;border-color:var(--accent-color, #4a90d9)}.svs-clone-save-final{width:100%}.svs-clone-error{display:flex;align-items:flex-start;gap:6px;padding:10px 12px;margin-top:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:13px;color:var(--color-incorrect, #ef4444)}.svs-clone-error-icon{flex-shrink:0}.svs-clone-error-text{word-break:break-word}.svs-clone-existing{margin-top:16px}.svs-clone-voices-list{display:flex;flex-direction:column;gap:6px}.svs-clone-voice-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-color, #f5f5f5);border-radius:6px;cursor:pointer;transition:background .15s}.svs-clone-voice-item:hover{background:var(--border-color, #e0e0e0)}.svs-clone-voice-icon{font-size:16px}.svs-clone-voice-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary, #1a1a2e)}.svs-clone-voice-lang{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase}.svs-clone-voice-delete{width:24px;height:24px;border:none;background:none;color:var(--text-secondary, #888);font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.svs-clone-voice-delete:hover{color:var(--color-incorrect, #ef4444);background:#ef44441a}.svs-provider-tab-badge.clone{background:var(--badge-clone-bg, #9333ea);color:#fff}body.dark .svs-clone-step{background:#ffffff0d}body.dark .svs-clone-sample-text{background:#ffffff14}body.dark .svs-clone-progress-bar{background:#ffffff26}body.dark .svs-clone-name-input{background:#ffffff0d;border-color:#ffffff26;color:#e0e0e0}body.dark .svs-clone-voice-item{background:#ffffff0d}body.dark .svs-clone-voice-item:hover{background:#ffffff1a}.quick-select-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:quick-select-spin .8s linear infinite;margin-right:6px}@keyframes quick-select-spin{to{transform:rotate(360deg)}}.quick-select-btn.has-spinner .quick-select-text{opacity:.7}body.dark .quick-select-spinner{border-color:#fff3;border-top-color:#fff}.toast-container{position:fixed;bottom:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 20px;border-radius:8px;background:#333;color:#fff;font-size:14px;box-shadow:0 4px 12px #00000026;animation:toastSlideIn .3s ease}.toast.success{background:#10b981}.toast.error{background:#ef4444}.toast.warning{background:#f59e0b}.toast.info{background:#3b82f6}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.quick-retry-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}body.dark .quick-retry-content{background:#1f2937}.quick-retry-header{padding:20px;border-bottom:1px solid #e5e7eb;text-align:center}body.dark .quick-retry-header{border-color:#374151}.quick-retry-header h3{margin:0;font-size:18px;color:#f59e0b}.quick-retry-body{padding:24px;text-align:center}.quick-retry-message{margin:0 0 12px;font-size:14px;color:#374151}body.dark .quick-retry-message{color:#d1d5db}.quick-retry-hint{margin:0;font-size:13px;color:#6b7280}.quick-retry-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center}body.dark .quick-retry-footer{border-color:#374151}.quick-retry-cancel{padding:10px 24px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;font-size:14px}body.dark .quick-retry-cancel{background:#374151;border-color:#4b5563;color:#e5e7eb}.quick-retry-btn{padding:10px 24px;border-radius:8px;border:none;background:#3b82f6;color:#fff;cursor:pointer;font-size:14px;font-weight:500}.quick-retry-btn:hover{background:#2563eb}.image-exercises-content{position:relative;z-index:10001;background:var(--bg-primary, #fff);border-radius:12px;max-height:90vh;overflow-y:auto}.image-exercises-header{padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.image-exercises-header h3{margin:0;font-size:18px;color:var(--text-primary, #1f2937)}.image-exercises-body{padding:20px;overflow-y:auto}.image-preview-container{text-align:center;margin-bottom:20px}.image-preview{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.image-description{background:var(--bg-secondary, #f9fafb);padding:12px 16px;border-radius:8px;margin-bottom:20px}.image-description h4{margin:0 0 8px;font-size:14px;color:var(--text-secondary, #6b7280)}.image-description p{margin:0 0 16px;font-size:14px;color:var(--text-primary, #1f2937)}.scan-result-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #6b7280);margin-bottom:8px}.scan-result-topic{background:linear-gradient(135deg,#dbeafe,#ede9fe);padding:16px;border-radius:12px;margin-bottom:16px;text-align:center}.scan-result-topic-main{font-size:22px;font-weight:700;color:var(--text-primary, #1f2937)}.scan-result-topic-native{font-size:14px;color:var(--text-secondary, #6b7280)}.scan-vocab-list{display:flex;flex-direction:column;gap:8px}.scan-vocab-item{display:flex;align-items:center;padding:8px 12px;background:var(--bg-primary, #fff);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.scan-vocab-word{font-weight:600;color:var(--accent-color, #3b82f6);min-width:120px}.scan-vocab-arrow{color:var(--text-secondary, #9ca3af);margin:0 12px}.scan-vocab-translation{color:var(--text-primary, #1f2937)}.image-exercises-footer{padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.image-exercises-footer button{padding:10px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer}.image-copy-btn{border:1px solid var(--border-color, #d1d5db);background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937)}.image-copy-btn:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--accent-color, #3b82f6)}.image-save-topic-btn{border:1px solid var(--border-color, #d1d5db);background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937)}.image-save-topic-btn:hover{background:#fef3c7;border-color:#f59e0b}body.dark .image-exercises-content{background:#1f2937}body.dark .image-exercises-header,body.dark .image-exercises-footer{border-color:#374151}body.dark .image-exercises-header h3{color:#f3f4f6}body.dark .image-description{background:#111827}body.dark .scan-vocab-item{background:#374151;border-color:#4b5563}body.dark .image-copy-btn,body.dark .image-save-topic-btn{background:#1f2937;border-color:#4b5563;color:#e5e7eb}@media(max-width:600px){.image-exercises-content{max-height:95vh;margin:10px}.image-exercises-body{padding:12px}}.image-export-content{background:var(--bg-primary, #fff);border-radius:16px;overflow:hidden}.image-export-header{padding:20px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.image-export-header h3{margin:0;font-size:18px;color:var(--text-primary, #1f2937)}.image-export-body{padding:24px}.image-export-body p{margin:0 0 16px;color:var(--text-secondary, #6b7280)}.image-export-options{display:flex;flex-direction:column;gap:12px}.export-option-btn{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--bg-primary, #fff);cursor:pointer;font-size:14px}.export-option-btn:hover{border-color:var(--accent-color, #3b82f6);background:var(--bg-secondary, #f3f4f6)}.export-icon{font-size:24px}body.dark .image-export-content{background:#1f2937}body.dark .image-export-header{border-color:#374151}body.dark .image-export-header h3{color:#f3f4f6}body.dark .export-option-btn{background:#1f2937;border-color:#374151;color:#e5e7eb}body.dark .export-option-btn:hover{background:#374151}.image-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.image-lightbox.show{display:flex;align-items:center;justify-content:center}.image-lightbox-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6}.image-lightbox-content{position:relative;max-width:90vw;max-height:90vh;animation:lightboxZoom .3s ease}@keyframes lightboxZoom{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-lightbox-content img{max-width:90vw;max-height:85vh;border-radius:8px;box-shadow:0 4px 24px #00000080}.image-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:8px}.image-lightbox-close:hover{color:#ccc}.image-lightbox-hint{text-align:center;color:#888;font-size:12px;margin-top:12px}.image-error-content{background:var(--bg-primary, #fff);border-radius:16px;overflow:hidden}.image-error-header{padding:20px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.image-error-header h3{margin:0;font-size:18px;color:var(--text-primary, #1f2937)}.image-error-body{padding:24px;text-align:center}.image-error-icon{font-size:48px;margin-bottom:16px}.image-error-message{margin:0 0 20px;padding:12px;background:#fee2e2;border-radius:8px;color:#991b1b;font-size:14px}.image-error-options{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.image-error-retry-btn{padding:10px 20px;border-radius:8px;border:none;background:var(--accent-color, #3b82f6);color:#fff;cursor:pointer}.image-error-raw-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937)}.image-error-footer{padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);text-align:center}.image-error-close-btn{padding:10px 24px;border-radius:8px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937);cursor:pointer}body.dark .image-error-content{background:#1f2937}body.dark .image-error-header{border-color:#374151}body.dark .image-error-header h3{color:#f3f4f6}body.dark .image-error-message{background:#7f1d1d;color:#fecaca}body.dark .image-error-raw-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}body.dark .image-error-close-btn{background:#1f2937;border-color:#4b5563;color:#e5e7eb}.course-creator-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;align-items:center;justify-content:center}.course-creator-modal.active{display:flex}.course-creator-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.course-creator-overlay{background:#000000d9}}body.dark .course-creator-overlay{background:#0a0a0fd9}.course-creator-content{position:relative;background:var(--bg-panel-left, #ffffff);border-radius:var(--radius-xl, 16px);width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-dropdown, 0 10px 40px rgba(0, 0, 0, .15));animation:courseCreatorModalIn .35s cubic-bezier(.16,1,.3,1)}@keyframes courseCreatorModalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}body.dark .course-creator-content{background:var(--bg-panel-left, #18181b)}.course-creator-header{display:flex;align-items:center;gap:12px;padding:var(--space-5, 20px);border-bottom:1px solid var(--color-border, #e0e0e0)}.course-creator-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-md, 8px);cursor:pointer;color:var(--color-text-main, #333);transition:background .2s}.course-creator-back:hover{background:var(--bg-input, #f5f5f5)}.course-creator-title{flex:1;font-size:18px;font-weight:600;color:var(--color-text-main, #1a1a1a);margin:0}body.dark .course-creator-title{color:var(--color-text-main, #f0f0f0)}.course-creator-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-md, 8px);cursor:pointer;color:var(--color-text-secondary, #666);transition:background .2s,color .2s}.course-creator-close:hover{background:var(--bg-input, #f5f5f5);color:var(--color-text-main, #333)}.course-creator-body{padding:var(--space-5, 20px)}.course-creator-empty{text-align:center;padding:var(--space-5, 20px) 0}.course-creator-empty-icon{font-size:48px;margin-bottom:var(--space-4, 16px)}.course-creator-empty-title{font-size:20px;font-weight:600;color:var(--color-text-main, #1a1a1a);margin:0 0 var(--space-2, 8px) 0}.course-creator-empty-desc{font-size:14px;color:var(--color-text-secondary, #666);margin:0 0 var(--space-5, 20px) 0;line-height:1.5}.course-creator-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-lg, 12px);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.course-creator-btn-primary{background:var(--color-primary, #6366f1);color:#fff}.course-creator-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.course-creator-btn-primary:active{transform:translateY(0)}.course-creator-btn-secondary{background:var(--bg-input, #f5f5f5);color:var(--color-text-main, #333)}.course-creator-btn-secondary:hover{background:var(--bg-hover, #ebebeb)}.course-creator-btn-large{width:100%;padding:20px 24px;font-size:16px}.course-creator-scan-options{display:flex;flex-direction:column;gap:var(--space-3, 12px);margin:var(--space-4, 16px) 0}.course-creator-divider{display:flex;align-items:center;gap:var(--space-3, 12px);margin:var(--space-4, 16px) 0;color:var(--color-text-secondary, #999);font-size:13px}.course-creator-divider:before,.course-creator-divider:after{content:"";flex:1;height:1px;background:var(--color-border, #e0e0e0)}.course-creator-pages{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap;margin-bottom:var(--space-4, 16px)}.course-creator-page-thumb{position:relative;width:60px;height:80px;border-radius:var(--radius-md, 8px);overflow:hidden;border:2px solid var(--color-border, #e0e0e0);cursor:pointer;transition:border-color .2s}.course-creator-page-thumb.selected{border-color:var(--color-primary, #6366f1)}.course-creator-page-thumb img{width:100%;height:100%;object-fit:cover}.course-creator-page-thumb-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.course-creator-page-thumb-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:12px;line-height:1;opacity:0;transition:opacity .2s}.course-creator-page-thumb:hover .course-creator-page-thumb-remove{opacity:1}.course-creator-add-page{display:flex;align-items:center;justify-content:center;width:60px;height:80px;border:2px dashed var(--color-border, #ccc);border-radius:var(--radius-md, 8px);cursor:pointer;color:var(--color-text-secondary, #999);font-size:24px;transition:all .2s}.course-creator-add-page:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.course-creator-topics{margin:var(--space-4, 16px) 0}.course-creator-topics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3, 12px)}.course-creator-topics-title{font-size:14px;font-weight:600;color:var(--color-text-main, #333)}.course-creator-topics-count{font-size:12px;color:var(--color-text-secondary, #666);background:var(--bg-input, #f5f5f5);padding:2px 8px;border-radius:10px}.course-creator-topic-item{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);background:var(--bg-input, #f8f8f8);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-2, 8px)}body.dark .course-creator-topic-item{background:var(--bg-hover, #252525)}.course-creator-topic-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary, #6366f1);color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.course-creator-topic-info{flex:1;min-width:0}.course-creator-topic-name{font-size:14px;font-weight:500;color:var(--color-text-main, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-creator-topic-meta{font-size:12px;color:var(--color-text-secondary, #666);display:flex;gap:var(--space-2, 8px)}.course-creator-topic-remove{width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-md, 8px);cursor:pointer;color:var(--color-text-secondary, #999);font-size:18px;opacity:0;transition:opacity .2s,color .2s}.course-creator-topic-item:hover .course-creator-topic-remove{opacity:1}.course-creator-topic-remove:hover{color:#ef4444}.course-creator-field{margin-bottom:var(--space-4, 16px)}.course-creator-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-main, #333);margin-bottom:var(--space-2, 6px)}.course-creator-input{width:100%;padding:12px var(--space-3, 12px);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 8px);font-size:15px;background:var(--bg-input, #ffffff);color:var(--color-text-main, #1a1a1a);transition:border-color .2s,box-shadow .2s}.course-creator-input:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px #6366f11a}.course-creator-input::placeholder{color:var(--color-text-secondary, #999)}.course-creator-textarea{min-height:80px;resize:vertical}.course-creator-hint{font-size:11px;color:var(--color-text-secondary, #999);margin-top:var(--space-1, 4px)}.course-creator-error{color:#ef4444;font-size:13px;margin-top:var(--space-2, 6px)}.course-creator-footer{display:flex;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border-top:1px solid var(--color-border, #e0e0e0)}.course-creator-footer .course-creator-btn{flex:1}.course-creator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5, 40px);text-align:center}.course-creator-spinner{width:40px;height:40px;border:3px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #6366f1);border-radius:50%;animation:courseCreatorSpin .8s linear infinite;margin-bottom:var(--space-4, 16px)}@keyframes courseCreatorSpin{to{transform:rotate(360deg)}}.course-creator-loading-text{font-size:14px;color:var(--color-text-secondary, #666)}.course-creator-preview{background:var(--bg-input, #f8f8f8);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);margin:var(--space-4, 16px) 0}body.dark .course-creator-preview{background:var(--bg-hover, #252525)}.course-creator-preview-header{display:flex;align-items:center;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px);font-size:14px;font-weight:500;color:var(--color-text-main, #333)}.course-creator-preview-list{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.course-creator-preview-item{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px);background:var(--bg-panel-left, #ffffff);border-radius:var(--radius-md, 6px);font-size:13px}body.dark .course-creator-preview-item{background:var(--bg-panel-left, #18181b)}.course-creator-preview-check{color:var(--color-primary, #6366f1);font-weight:600}.course-creator-preview-number{color:var(--color-text-secondary, #999);font-size:11px;min-width:24px}.course-creator-topics-empty{text-align:center;padding:var(--space-4, 16px);color:var(--color-text-secondary, #999);font-size:13px}.course-creator-page-info{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--color-text-secondary, #666);margin-bottom:var(--space-3, 12px)}.course-list{display:flex;flex-direction:column;gap:var(--space-3, 12px);max-height:400px;overflow-y:auto}.course-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px);background:var(--bg-input, #f8f8f8);border-radius:var(--radius-lg, 12px);transition:background .2s}body.dark .course-list-item{background:var(--bg-hover, #252525)}.course-list-item:hover{background:var(--bg-hover, #f0f0f0)}body.dark .course-list-item:hover{background:var(--bg-panel-left, #2a2a2a)}.course-list-info{flex:1;min-width:0}.course-list-title{font-size:15px;font-weight:500;color:var(--color-text-main, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.course-list-meta{font-size:12px;color:var(--color-text-secondary, #666);display:flex;gap:6px}.course-list-actions{display:flex;gap:var(--space-2, 8px)}.course-list-btn{padding:6px 12px;border:none;border-radius:var(--radius-md, 8px);font-size:13px;cursor:pointer;transition:all .2s}.course-list-btn.edit{background:var(--color-primary, #6366f1);color:#fff}.course-list-btn.edit:hover{background:#4f46e5}.course-list-btn.delete{background:transparent;color:#ef4444}.course-list-btn.delete:hover{background:#ef44441a}@media(max-width:480px){.course-creator-content{width:95%;max-height:95vh}.course-creator-header,.course-creator-body{padding:var(--space-4, 16px)}}.pos-exercise-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000;align-items:center;justify-content:center}.pos-exercise-modal.show{display:flex}.pos-exercise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pos-exercise-card{position:relative;width:90%;max-width:560px;max-height:85vh;background:var(--bg-input, #fff);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026;animation:posModalIn .25s ease}@keyframes posModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pos-exercise-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb);background:linear-gradient(135deg,rgba(74,144,217,.04),transparent)}.pos-exercise-title{font-size:var(--font-size-lg, 18px);font-weight:700;color:var(--color-text-main, #111827)}.pos-exercise-badges{display:flex;gap:6px;margin-top:4px}.pos-exercise-badge{font-size:10px;padding:2px 8px;border-radius:4px;background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #2563eb);font-weight:600;text-transform:capitalize}.pos-exercise-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary, #6b7280);padding:4px 8px;border-radius:6px;transition:background .15s}.pos-exercise-close:hover{background:var(--bg-hover, rgba(0,0,0,.05))}.pos-exercise-body{flex:1;overflow-y:auto;padding:20px}.pos-exercise-instructions{font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary, #6b7280);margin-bottom:16px}.pos-exercise-progress{height:4px;background:var(--color-border, #e5e7eb);border-radius:2px;margin-bottom:16px;overflow:hidden}.pos-exercise-progress-fill{height:100%;background:var(--color-primary, #2563eb);border-radius:2px;transition:width .3s ease}.pos-conj-table{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:12px;background:var(--bg-hover, rgba(0,0,0,.03));border-radius:8px;margin-bottom:16px}.pos-conj-row{display:flex;justify-content:space-between;padding:4px 0}.pos-conj-pronoun{font-weight:600;color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-sm, 13px)}.pos-conj-form{font-weight:700;color:var(--color-primary, #2563eb);font-size:var(--font-size-sm, 13px)}.pos-question{margin-bottom:20px;padding:16px;background:var(--bg-hover, rgba(0,0,0,.02));border-radius:10px;border:1px solid var(--color-border, #e5e7eb)}.pos-question-number{font-size:11px;font-weight:700;color:var(--color-primary, #2563eb);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.pos-question-text{font-size:var(--font-size-base, 15px);color:var(--color-text-main, #111827);line-height:1.6;margin-bottom:8px}.pos-subject{font-weight:700;color:var(--color-primary, #2563eb)}.pos-blank{display:inline-block;min-width:80px;border-bottom:2px dashed var(--color-primary, #2563eb);text-align:center;color:var(--color-primary, #2563eb);font-weight:600}.pos-question-hint{font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary, #6b7280);margin-bottom:8px}.pos-question-input-row{display:flex;gap:8px;margin-top:8px}.pos-answer-input{flex:1;padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:var(--font-size-base, 15px);font-family:inherit;outline:none;transition:border-color .15s}.pos-answer-input:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb26;box-shadow:0 0 0 2px #2563eb1a}.pos-check-btn{padding:8px 16px;background:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:8px;font-size:var(--font-size-sm, 13px);font-weight:600;cursor:pointer;transition:background .15s}.pos-check-btn:hover{background:var(--color-primary-dark, #1d4ed8)}.pos-check-btn:disabled{opacity:.5;cursor:default}.pos-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pos-option-btn{padding:10px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--bg-input, #fff);font-size:var(--font-size-sm, 13px);font-family:inherit;cursor:pointer;transition:all .15s}.pos-option-btn:hover:not(:disabled){border-color:var(--color-primary, #2563eb);background:var(--color-primary-light, #dbeafe)}.pos-option-btn.correct{border-color:#27ae60;background:#27ae601a;color:#27ae60;font-weight:700}.pos-option-btn.wrong{border-color:#e74c3c;background:#e74c3c1a;color:#e74c3c}.pos-option-btn:disabled{cursor:default;opacity:.7}.pos-feedback{margin-top:8px;font-size:var(--font-size-sm, 13px)}.pos-correct{color:#27ae60;font-weight:600}.pos-wrong{color:#e74c3c}.pos-wrong strong{color:#27ae60}.pos-score-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--bg-hover, rgba(0,0,0,.03));border-radius:10px;margin-top:12px}.pos-score-value{font-size:24px;font-weight:700;color:var(--color-text-main, #111827)}.pos-score-pct{font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary, #6b7280)}.pos-exercise-footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border, #e5e7eb);justify-content:flex-end}.pos-exercise-btn{padding:8px 16px;border-radius:8px;border:none;font-size:var(--font-size-sm, 13px);font-weight:600;cursor:pointer;transition:background .15s;background:var(--color-primary, #2563eb);color:#fff}.pos-exercise-btn:hover{background:var(--color-primary-dark, #1d4ed8)}.pos-exercise-btn.secondary{background:transparent;color:var(--color-text-secondary, #6b7280);border:1px solid var(--color-border, #e5e7eb)}.pos-exercise-btn.secondary:hover{background:var(--bg-hover, rgba(0,0,0,.05))}body.dark .pos-exercise-card{background:var(--surface-2, #232329)}body.dark .pos-exercise-title{color:var(--color-text-main, #f3f4f6)}body.dark .pos-exercise-header{border-bottom-color:var(--surface-3, #2a2a32)}body.dark .pos-question{background:var(--surface-2, #232329);border-color:var(--surface-3, #2a2a32)}body.dark .pos-question-text{color:var(--color-text-main, #f3f4f6)}body.dark .pos-answer-input,body.dark .pos-option-btn{background:var(--surface-3, #2a2a32);border-color:var(--surface-3, #2a2a32);color:var(--color-text-main, #f3f4f6)}body.dark .pos-conj-table{background:var(--surface-3, #2a2a32)}body.dark .pos-exercise-footer{border-top-color:var(--surface-3, #2a2a32)}body.dark .pos-score-card{background:var(--surface-3, #2a2a32)}body.dark .pos-score-value{color:var(--color-text-main, #f3f4f6)}@media(max-width:768px){.pos-exercise-card{width:95%;max-height:90vh;border-radius:12px}.pos-options-grid,.pos-conj-table{grid-template-columns:1fr}}.finish-story-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.finish-story-overlay.show{opacity:1;visibility:visible}.finish-story-content{background:var(--color-surface, #fff);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.95) translateY(10px);transition:transform .2s ease}.finish-story-overlay.show .finish-story-content{transform:scale(1) translateY(0)}.fs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb)}.fs-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text, #1f2937)}.fs-close-btn{width:32px;height:32px;border:none;background:transparent;font-size:1.5rem;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #6b7280);transition:background .15s ease}.fs-close-btn:hover{background:var(--color-hover, #f3f4f6)}.finish-story-overlay .hidden{display:none!important}.fs-picker-view{padding:20px}.fs-picker-instruction{font-size:.95rem;color:var(--color-text-secondary, #6b7280);margin:0 0 16px}.fs-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.fs-topic-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid var(--color-border, #e5e7eb);border-radius:12px;background:var(--color-surface, #fff);cursor:pointer;transition:all .15s ease}.fs-topic-btn:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-light, #eff6ff)}.fs-topic-icon{font-size:1.5rem}.fs-topic-name{font-size:.875rem;font-weight:500;color:var(--color-text, #1f2937);text-align:center}.fs-picker-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--color-border, #e5e7eb)}.fs-cancel-btn{padding:8px 20px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;font-size:.875rem;transition:all .15s ease}.fs-cancel-btn:hover{background:var(--color-hover, #f3f4f6)}.fs-loading-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.fs-spinner{width:40px;height:40px;border:3px solid var(--color-border, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:fs-spin .8s linear infinite}@keyframes fs-spin{to{transform:rotate(360deg)}}.fs-loading-text{font-size:.95rem;color:var(--color-text-secondary, #6b7280);margin:0}.fs-writing-view{padding:20px}.fs-opening-card{background:var(--color-bg-alt, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:16px;margin-bottom:20px}.fs-opening-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fs-opening-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #6b7280)}.fs-translate-toggle{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:transparent;cursor:pointer;font-size:.8rem;color:var(--color-text-secondary, #6b7280);transition:all .15s ease}.fs-translate-toggle:hover{background:var(--color-hover, #f3f4f6)}.fs-translate-icon{font-size:.9rem}.fs-opening-title{font-size:1.1rem;font-weight:600;margin:0 0 8px;color:var(--color-text, #1f2937)}.fs-opening-text{font-size:1rem;line-height:1.6;margin:0;color:var(--color-text, #1f2937);font-style:italic}.fs-opening-translation{margin-top:12px;padding-top:12px;border-top:1px dashed var(--color-border, #e5e7eb)}.fs-opening-text-native{font-size:.9rem;line-height:1.5;margin:0;color:var(--color-text-secondary, #6b7280)}.fs-continuation{margin-bottom:20px}.fs-continuation-input{width:100%;padding:12px;border:2px solid var(--color-border, #e5e7eb);border-radius:12px;font-size:1rem;line-height:1.6;resize:vertical;min-height:150px;font-family:inherit;color:var(--color-text, #1f2937);background:var(--color-surface, #fff);transition:border-color .15s ease}.fs-continuation-input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.fs-continuation-input::placeholder{color:var(--color-placeholder, #9ca3af)}.fs-continuation-footer{display:flex;justify-content:flex-end;margin-top:8px}.fs-char-count{font-size:.8rem;color:var(--color-text-secondary, #6b7280)}.fs-actions{display:flex;gap:12px;justify-content:center}.fs-save-btn{flex:1;max-width:200px;padding:12px 24px;border:none;border-radius:10px;background:var(--color-primary, #3b82f6);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s ease}.fs-save-btn:hover{background:var(--color-primary-dark, #2563eb)}.fs-back-btn{padding:12px 20px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:.95rem;cursor:pointer;transition:all .15s ease}.fs-back-btn:hover{background:var(--color-hover, #f3f4f6)}.fs-again-btn{flex:1;max-width:200px;padding:12px 24px;border:2px solid var(--color-primary, #3b82f6);border-radius:10px;background:transparent;color:var(--color-primary, #3b82f6);font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s ease}.fs-again-btn:hover{background:var(--color-primary, #3b82f6);color:#fff}@media(max-width:600px){.finish-story-overlay{padding:0}.finish-story-content{width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0}.fs-topic-grid{grid-template-columns:repeat(2,1fr)}.fs-header{padding:12px 16px}.fs-writing-view,.fs-picker-view{padding:16px}.fs-actions{flex-direction:column}.fs-save-btn{max-width:none}}.learning-path-panel{display:flex;flex-direction:column;background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #1f2937);border-radius:12px;margin-bottom:12px;overflow:hidden;border:1px solid var(--color-border, #e5e5e5)}.lp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--color-bg-primary, #fff)}.lp-header-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0}.lp-header-close{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;color:var(--color-text-secondary, #6b7280)}.lp-stats-pill{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 14px;background:var(--color-bg-secondary, #f3f4f6);border-bottom:1px solid var(--color-border, #e5e5e5);font-size:12px;font-weight:600;color:var(--color-text-primary, #1f2937)}.lp-pill-sep{opacity:.3;margin:0 2px}.lp-pill-streak{color:#f7931e}.lp-pill-gems{color:#60a5fa}.learning-path-panel.collapsed .lp-body{display:none}.learning-path-panel.collapsed .lp-header{cursor:pointer;border-bottom:none}.learning-path-panel.collapsed .lp-stats-pill{border-bottom:none;border-radius:0 0 12px 12px}.lp-chevron{font-size:12px;opacity:.5;margin-left:4px}.lp-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--color-bg-primary, #fff);gap:0}.lp-tab:nth-child(3){border-right:1px solid var(--color-border, #e5e5e5)}.lp-tab{flex:1 1 33.33%;min-width:0;padding:10px 6px;background:none;border:none;border-bottom:1px solid var(--color-border, #e5e5e5);font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:color .2s,background .2s;text-align:center}.lp-tab:hover{color:var(--color-text-primary, #1f2937);background:var(--color-bg-hover, rgba(0,0,0,.03))}.lp-tab.active{color:var(--color-btn-primary, #4CAF50);background:#4caf5014;font-weight:600}.lp-tab-content{display:none;padding:16px;overflow-y:visible}.lp-tab-content.active{display:block}.lp-current-level{background:#4caf501a;border-radius:12px;padding:16px;margin-bottom:16px}.lp-level-name{font-size:18px;font-weight:600;margin-bottom:2px}.lp-level-sublabel{font-size:11px;color:var(--color-text-secondary, #6b7280);margin-bottom:8px}.lp-progress-bar{height:8px;background:var(--color-bg-secondary, #f3f4f6);border-radius:4px;overflow:hidden;margin-bottom:4px}.lp-progress-fill{height:100%;background:var(--color-btn-primary, #4CAF50);transition:width .3s}.lp-progress-text{font-size:12px;color:var(--color-text-secondary, #6b7280);text-align:right}.lp-stage-label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;margin-bottom:8px}.lp-stage-name{font-size:15px;font-weight:500}.lp-stage-desc{font-size:13px;color:var(--color-text-secondary, #6b7280)}.lp-next-stage{background:var(--color-bg-secondary, #f3f4f6);border-radius:8px;padding:12px;margin:16px 0}.lp-next-badge{display:inline-block;background:var(--color-btn-primary, #4CAF50);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;margin-bottom:8px}.lp-levels-grid{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border, #e5e5e5)}.lp-level-item{display:flex;flex-direction:column;align-items:center;gap:4px}.lp-level-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.lp-level-dot.completed{background:#4caf50;color:#fff}.lp-level-dot.current{background:var(--color-bg-primary, #fff);border:2px solid var(--color-btn-primary, #4CAF50);color:var(--color-btn-primary, #4CAF50)}.lp-level-dot.locked{background:var(--color-bg-tertiary, #d1d5db);color:#fff}.lp-level-dot-label{font-size:10px;color:var(--color-text-secondary, #6b7280)}.lp-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lp-stat-card{background:var(--color-bg-secondary, #f3f4f6);border-radius:8px;padding:12px;text-align:center}.lp-stat-value{font-size:24px;font-weight:700;color:var(--color-btn-primary, #4CAF50)}.lp-stat-label{font-size:12px;color:var(--color-text-secondary, #6b7280)}.lp-achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lp-badge-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--color-bg-secondary, #f3f4f6);border-radius:8px;text-align:center}.lp-badge-item.locked{opacity:.4}.lp-badge-icon{font-size:24px;margin-bottom:4px}.lp-badge-name{font-size:10px}.lp-section-title{font-size:14px;font-weight:600;margin:16px 0 12px;color:var(--color-text-primary, #1f2937)}@media(max-width:767px){.learning-path-panel{border-radius:0;margin:0 0 12px;border-left:none;border-right:none}.lp-levels-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}}body.dark .learning-path-panel{background:var(--color-bg-primary, #1f2937);border-color:var(--color-border, #374151);color:var(--color-text-primary, #f3f4f6)}body.dark .lp-header{background:var(--color-bg-primary, #1f2937);border-color:var(--color-border, #374151)}body.dark .lp-stats-pill{background:var(--color-bg-tertiary, #374151);border-color:var(--color-border, #374151);color:var(--color-text-primary, #f3f4f6)}body.dark .lp-header-title{color:var(--color-text-primary, #f3f4f6)}body.dark .lp-header-close{color:var(--color-text-secondary, #9ca3af)}body.dark .lp-tabs{background:var(--color-bg-primary, #1f2937);border-color:var(--color-border, #374151)}body.dark .lp-tab{color:var(--color-text-secondary, #9ca3af);border-bottom-color:var(--color-border, #374151)}body.dark .lp-tab:nth-child(3){border-right-color:var(--color-border, #374151)}body.dark .lp-tab:hover{color:var(--color-text-primary, #f3f4f6);background:#ffffff0d}body.dark .lp-tab.active{color:var(--color-btn-primary, #4CAF50);background:#4caf5026}body.dark .lp-current-level{background:#4caf5026}body.dark .lp-level-name{color:var(--color-text-primary, #f3f4f6)}body.dark .lp-progress-bar{background:var(--color-bg-tertiary, #374151)}body.dark .lp-progress-text,body.dark .lp-stage-label{color:var(--color-text-secondary, #9ca3af)}body.dark .lp-stage-name{color:var(--color-text-primary, #f3f4f6)}body.dark .lp-stage-desc{color:var(--color-text-secondary, #9ca3af)}body.dark .lp-next-stage{background:var(--color-bg-tertiary, #374151)}body.dark .lp-levels-grid{border-color:var(--color-border, #374151)}body.dark .lp-level-dot.current{background:var(--color-bg-primary, #1f2937);color:var(--color-btn-primary, #4CAF50)}body.dark .lp-level-dot.locked{background:var(--color-bg-tertiary, #4b5563)}body.dark .lp-level-dot-label{color:var(--color-text-secondary, #9ca3af)}body.dark .lp-stat-card{background:var(--color-bg-tertiary, #374151)}body.dark .lp-stat-value{color:var(--color-btn-primary, #4CAF50)}body.dark .lp-stat-label{color:var(--color-text-secondary, #9ca3af)}body.dark .lp-badge-item{background:var(--color-bg-tertiary, #374151)}body.dark .lp-section-title{color:var(--color-text-primary, #f3f4f6)}.lp-rank-container{padding:0}.lp-rank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lp-rank-header h3{margin:0;font-size:16px;font-weight:600}.lp-rank-info{font-size:11px;color:var(--color-text-secondary, #6b7280)}.lp-rank-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.lp-rank-table{width:100%;border-collapse:collapse;font-size:13px}.lp-rank-table th{text-align:left;padding:8px 6px;border-bottom:2px solid var(--color-border, #e5e5e5);color:var(--color-text-secondary, #6b7280);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.lp-rank-table td{padding:8px 6px;border-bottom:1px solid var(--color-border, #e5e5e5)}.lp-rank-table tbody tr:hover{background:var(--color-bg-secondary, #f3f4f6)}.lp-rank-col-pos{width:45px;white-space:nowrap}.lp-rank-col-lvl{width:35px;text-align:center}.lp-rank-col-xp,.lp-rank-col-weekly{width:50px;text-align:right;font-variant-numeric:tabular-nums}.lp-rank-col-streak{width:45px;text-align:center}.lp-rank-col-tokens{width:60px;text-align:right;font-variant-numeric:tabular-nums}.lp-rank-col-requests{width:55px;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-secondary, #6b7280);font-size:11px}.lp-rank-col-amount{width:60px;text-align:right;font-variant-numeric:tabular-nums}.lp-rank-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.lp-rank-subtabs{display:flex;gap:4px}.lp-rank-subtab{flex:1;padding:7px 8px;border:1px solid var(--color-border, #e5e5e5);border-radius:8px;background:var(--color-bg-secondary, #f3f4f6);font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:all .15s ease}.lp-rank-subtab.active{background:var(--color-accent, #3b82f6);color:#fff;border-color:var(--color-accent, #3b82f6)}.lp-rank-period{display:flex;gap:4px;justify-content:center}.lp-rank-period-btn{padding:4px 10px;border:1px solid var(--color-border, #e5e5e5);border-radius:6px;background:transparent;font-size:11px;cursor:pointer;color:var(--color-text-secondary, #6b7280);transition:all .15s ease}.lp-rank-period-btn.active{background:var(--color-accent-light, #dbeafe);color:var(--color-accent, #3b82f6);border-color:var(--color-accent, #3b82f6);font-weight:600}.lp-badge-progress{height:4px;background:var(--color-bg-tertiary, #e5e7eb);border-radius:2px;margin-top:4px;overflow:hidden}.lp-badge-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent, #3b82f6),var(--color-accent-dark, #2563eb));border-radius:2px;transition:width .3s ease}.lp-badge-progress-text{font-size:9px;color:var(--color-text-tertiary, #9ca3af);text-align:center;margin-top:2px}.lp-next-milestone{font-size:12px;color:var(--color-text-secondary, #6b7280);text-align:center;padding:6px 0;margin-bottom:4px;border-radius:8px;background:var(--color-bg-secondary, #f3f4f6)}.lp-rank-table tbody tr.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.12) 0%,transparent 60%)}.lp-rank-table tbody tr.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.1) 0%,transparent 60%)}.lp-rank-table tbody tr.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.1) 0%,transparent 60%)}.lp-rank-table tbody tr.rank-1:hover,.lp-rank-table tbody tr.rank-2:hover,.lp-rank-table tbody tr.rank-3:hover{filter:brightness(.95)}.lp-rank-table tbody tr.current-user{background:#4caf5014;font-weight:600}.lp-rank-table tbody tr.current-user td{border-bottom:2px solid var(--color-btn-primary, #4CAF50)}.lp-rank-loading td{text-align:center;color:var(--color-text-secondary, #6b7280);padding:24px 8px;font-size:13px}body.dark .lp-rank-header h3{color:var(--color-text-primary, #f3f4f6)}body.dark .lp-rank-info{color:var(--color-text-secondary, #9ca3af)}body.dark .lp-rank-table th{color:var(--color-text-secondary, #9ca3af);border-bottom-color:var(--color-border, #374151)}body.dark .lp-rank-table td{border-bottom-color:var(--color-border, #374151)}body.dark .lp-rank-table tbody tr:hover{background:var(--color-bg-tertiary, #374151)}body.dark .lp-rank-table tbody tr.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.08) 0%,transparent 60%)}body.dark .lp-rank-table tbody tr.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.06) 0%,transparent 60%)}body.dark .lp-rank-table tbody tr.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.06) 0%,transparent 60%)}body.dark .lp-rank-table tbody tr.current-user{background:#4caf501f}body.dark .lp-rank-loading td{color:var(--color-text-secondary, #9ca3af)}body.dark .lp-rank-subtab{background:var(--color-bg-tertiary, #374151);border-color:var(--color-border, #4b5563);color:var(--color-text-secondary, #9ca3af)}body.dark .lp-rank-subtab.active{background:var(--color-accent, #3b82f6);color:#fff;border-color:var(--color-accent, #3b82f6)}body.dark .lp-rank-period-btn{border-color:var(--color-border, #4b5563);color:var(--color-text-secondary, #9ca3af)}body.dark .lp-rank-period-btn.active{background:#3b82f626;color:var(--color-accent, #60a5fa);border-color:var(--color-accent, #3b82f6)}body.dark .lp-badge-progress{background:var(--color-bg-tertiary, #374151)}body.dark .lp-badge-progress-bar{background:linear-gradient(90deg,var(--color-accent, #3b82f6),var(--color-accent-dark, #60a5fa))}body.dark .lp-badge-progress-text{color:var(--color-text-tertiary, #6b7280)}body.dark .lp-next-milestone{background:var(--color-bg-tertiary, #374151);color:var(--color-text-secondary, #9ca3af)}.lp-test-ready{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid var(--color-btn-primary, #4CAF50);border-radius:8px;padding:10px 14px;margin-bottom:12px}.lp-test-ready-text{font-size:13px;font-weight:600;color:var(--color-btn-primary, #4CAF50)}.lp-test-btn{background:var(--color-btn-primary, #4CAF50);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.lp-test-btn:hover{opacity:.85}.lp-test-loading{text-align:center;padding:40px 0;color:var(--color-text-secondary, #6b7280)}.lp-test-loading-spinner{width:32px;height:32px;border:3px solid var(--color-bg-tertiary, #e5e5e5);border-top-color:var(--color-btn-primary, #4CAF50);border-radius:50%;animation:lp-spin .8s linear infinite;margin:0 auto 12px}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-test-error{text-align:center;padding:24px;color:#ef4444}.lp-test-error-detail{font-size:12px;color:var(--color-text-secondary, #6b7280);margin:8px 0 16px}.lp-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lp-test-level{font-size:14px;font-weight:600;color:var(--color-btn-primary, #4CAF50)}.lp-test-progress{font-size:12px;color:var(--color-text-secondary, #6b7280)}.lp-test-question{font-size:15px;line-height:1.5;margin-bottom:16px;padding:12px;background:var(--color-bg-secondary, #f3f4f6);border-radius:8px}.lp-test-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.lp-test-option{text-align:left;padding:10px 14px;background:var(--color-bg-secondary, #f3f4f6);border:2px solid var(--color-border, #e5e5e5);border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s;color:var(--color-text-primary, #1f2937)}.lp-test-option:hover:not(:disabled){border-color:var(--color-btn-primary, #4CAF50);background:#4caf5014}.lp-test-option:disabled{cursor:default;opacity:.7}.lp-test-option.correct{background:#4caf5026;border-color:#4caf50;color:#2e7d32}.lp-test-option.wrong{background:#ef44441f;border-color:#ef4444;color:#c62828}.lp-test-bar{height:4px;background:var(--color-bg-tertiary, #e5e5e5);border-radius:2px;overflow:hidden}.lp-test-bar-fill{height:100%;background:var(--color-btn-primary, #4CAF50);transition:width .3s}.lp-test-explanation{font-size:13px;padding:8px 12px;border-radius:6px;margin-top:8px;line-height:1.4}.lp-test-explanation.correct{background:#4caf501a;color:#2e7d32}.lp-test-explanation.wrong{background:#ef444414;color:#c62828}.lp-test-result{text-align:center;padding:24px 16px;border-radius:12px}.lp-test-result.passed{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.lp-test-result.failed{background:#ef44440f;border:1px solid rgba(239,68,68,.2)}.lp-test-result-emoji{font-size:48px;margin-bottom:8px}.lp-test-result-title{font-size:20px;font-weight:700;margin-bottom:4px;color:var(--color-text-primary, #1f2937)}.lp-test-result-score{font-size:28px;font-weight:700;color:var(--color-btn-primary, #4CAF50);margin:8px 0}.lp-test-result-msg{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-bottom:8px;line-height:1.4}.lp-test-result-time{font-size:12px;color:var(--color-text-secondary, #6b7280);margin-bottom:16px}.lp-test-result-btn{padding:10px 24px}body.dark .lp-test-ready{background:linear-gradient(135deg,#4caf501f,#4caf500a);border-color:var(--color-btn-primary, #4CAF50)}body.dark .lp-test-question{background:var(--color-bg-tertiary, #374151)}body.dark .lp-test-option{background:var(--color-bg-tertiary, #374151);border-color:var(--color-border, #374151);color:var(--color-text-primary, #f3f4f6)}body.dark .lp-test-option:hover:not(:disabled){background:#4caf501a}body.dark .lp-test-bar{background:var(--color-bg-tertiary, #374151)}body.dark .lp-test-result.passed{background:#4caf501a;border-color:#4caf504d}body.dark .lp-test-result.failed{background:#ef444414;border-color:#ef444433}body.dark .lp-test-result-title{color:var(--color-text-primary, #f3f4f6)}body.dark .lp-test-result-score{color:var(--color-btn-primary, #4CAF50)}.lp-vocab-section{background:var(--color-bg-secondary, #f3f4f6);border-radius:8px;padding:12px;cursor:pointer}.lp-vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.lp-vocab-stat{text-align:center}.lp-vocab-value{font-size:20px;font-weight:700;color:var(--color-btn-primary, #4CAF50)}.lp-vocab-label{font-size:11px;color:var(--color-text-secondary, #6b7280)}.lp-in-progress{margin-top:12px}.lp-in-progress-header{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.lp-course-card{background:var(--color-bg-secondary, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;padding:10px 12px;margin-bottom:8px}.lp-course-card-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.lp-course-card-meta{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.lp-course-card-progress-bar{height:5px;background:var(--color-bg-tertiary, #e2e8f0);border-radius:3px;overflow:hidden;margin:6px 0 3px}.lp-course-card-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px}.lp-course-continue-btn{background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:5px;padding:4px 12px;font-size:11px;font-weight:600;cursor:pointer;margin-top:6px}.lp-course-continue-btn:hover{opacity:.85}.lp-empty-courses{text-align:center;padding:16px 8px;font-size:12px;color:var(--color-text-secondary);line-height:1.5}body.dark .lp-course-card{background:#1e293b99;border-color:#47556966}.lp-grammar-mastery{margin-top:12px;padding:12px;background:var(--color-bg-secondary, rgba(249, 250, 251, 1));border-radius:8px;border:1px solid var(--color-border, #e5e5e5)}.lp-grammar-mastery-header{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--color-text-primary)}.lp-grammar-mastery-group{margin-bottom:10px}.lp-grammar-mastery-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:6px}.lp-grammar-mastery-badges{display:flex;flex-wrap:wrap;gap:6px}.lp-grammar-badge-item{position:relative;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;line-height:1.3;transition:transform .15s ease}.lp-grammar-badge-item:hover{transform:scale(1.05)}.lp-grammar-badge-emoji{font-size:10px}.lp-grammar-badge-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-grammar-badge-score{font-weight:700;font-size:10px;margin-left:2px}.lp-grammar-mastered{background:#22c55e26;color:#16a34a}.lp-grammar-learning{background:#eab30826;color:#ca8a04}.lp-grammar-started{background:#f9731626;color:#ea580c}.lp-grammar-new{background:#9ca3af1f;color:#9ca3af}.lp-grammar-adjust-popup{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-elevated, #1e293b);border:1px solid var(--color-border, #475569);border-radius:10px;padding:10px 12px;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:160px;display:flex;flex-direction:column;gap:8px}.lp-grammar-adjust-score{text-align:center;font-size:16px;font-weight:600;color:var(--color-text-primary, #f1f5f9)}.lp-grammar-adjust-buttons{display:flex;justify-content:center;gap:6px}.lp-grammar-adjust-btn{padding:4px 8px;border-radius:6px;border:1px solid var(--color-border, #475569);background:var(--bg-secondary, #334155);color:var(--color-text-primary, #f1f5f9);font-size:12px;cursor:pointer;transition:all .15s}.lp-grammar-adjust-btn:hover:not(:disabled){background:var(--color-accent, #3b82f6)}.lp-grammar-adjust-btn:disabled{opacity:.4;cursor:not-allowed}body.dark .lp-grammar-adjust-popup{background:#1e293b;border-color:#475569}body.dark .lp-grammar-adjust-btn{background:#334155;border-color:#475569}.lp-grammar-cefr{font-size:11px;color:var(--color-text-secondary);margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #e5e5e5)}.lp-grammar-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:8px;background:#6366f11f;color:#6366f1;font-weight:600;margin-left:6px;vertical-align:middle}body.dark .lp-grammar-mastery{background:#1e293b99;border-color:#47556966}body.dark .lp-grammar-mastered{background:#22c55e33;color:#4ade80}body.dark .lp-grammar-learning{background:#eab30833;color:#facc15}body.dark .lp-grammar-started{background:#f9731633;color:#fb923c}body.dark .lp-grammar-new{background:#9ca3af26;color:#9ca3af}body.dark .lp-grammar-badge{background:#6366f133;color:#a5b4fc}.lpf-container{display:flex;flex-direction:column;gap:20px}.lpf-section-title{font-size:13px;font-weight:700;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.lpf-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px}.lpf-summary-item{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-secondary, #f5f5f5);border-radius:10px;padding:8px 4px}body.dark .lpf-summary-item{background:#ffffff0d}.lpf-summary-value{font-size:16px;font-weight:800;color:var(--color-text, #333)}.lpf-summary-label{font-size:9px;color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.lpf-bar-chart{display:flex;align-items:flex-end;height:90px;gap:4px;padding:0 2px}.lpf-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.lpf-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--color-bg-secondary, #eee);border-radius:4px 4px 0 0;overflow:hidden;min-height:4px}body.dark .lpf-bar-wrap{background:#ffffff14}.lpf-bar{width:100%;background:var(--color-primary, #6366f1);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.lpf-bar.today{background:var(--color-btn-primary, #4caf50)}.lpf-bar-label{font-size:9px;color:var(--color-text-muted, #888);margin-top:3px;font-weight:600}.lpf-bar-label.today{color:var(--color-btn-primary, #4caf50)}.lpf-bar-time{font-size:8px;color:var(--color-text-muted, #888)}.lpf-bar-time.today{color:var(--color-btn-primary, #4caf50);font-weight:700}.lpf-ring-section{display:flex;align-items:center;gap:16px;padding:8px 0}.lpf-ring-wrap{position:relative;width:80px;height:80px;flex-shrink:0}.lpf-ring{width:100%;height:100%;transform:rotate(-90deg)}.lpf-ring-bg{fill:none;stroke:var(--color-bg-secondary, #e0e0e0);stroke-width:8}body.dark .lpf-ring-bg{stroke:#ffffff1a}.lpf-ring-fill{fill:none;stroke-width:8;stroke-linecap:round}.lpf-ring-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:900;color:var(--color-text, #333)}body.dark .lpf-ring-score{color:var(--color-text, #e0e0e0)}.lpf-ring-label{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:8px;color:var(--color-text-muted, #888)}.lpf-ring-legend{flex:1;display:flex;flex-direction:column;gap:5px}.lpf-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary, #666)}.lpf-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lpf-calendar{margin-top:4px}.lpf-cal-title{font-size:11px;font-weight:600;color:var(--color-text-secondary, #888);margin-bottom:6px}.lpf-cal-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr);gap:2px}.lpf-cal-cell{aspect-ratio:1;border-radius:2px;background:var(--color-bg-secondary, #eee);min-width:0}body.dark .lpf-cal-cell{background:#ffffff14}.lpf-cal-cell.active{background:var(--color-primary, #6366f1)}.lpf-cal-cell.today{outline:2px solid var(--color-btn-primary, #4caf50);outline-offset:1px}.lpf-cal-legend{display:flex;gap:10px;margin-top:6px;font-size:9px;color:var(--color-text-muted, #888)}.lpf-cal-legend-item{display:flex;align-items:center;gap:4px}.lpf-cal-legend-item .lpf-cal-cell{width:10px;height:10px}.lpf-alltime{display:flex;flex-direction:column;gap:6px;background:var(--color-bg-secondary, #f5f5f5);border-radius:10px;padding:12px}body.dark .lpf-alltime{background:#ffffff0d}.lpf-alltime-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.lpf-at-label{color:var(--color-text-secondary, #888)}.lpf-at-value{font-weight:700;color:var(--color-text, #333)}body.dark .lpf-at-value{color:var(--color-text, #e0e0e0)}.lpt-container{display:flex;flex-direction:column;gap:14px;padding:4px 0}.lpt-quota-card{background:var(--bg-grid-block, #f5f5f5);border-radius:10px;padding:12px}.lpt-quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lpt-tier-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;background:#10b981;color:#fff;text-transform:uppercase;letter-spacing:.5px}.lpt-tier-badge.paid{background:#8b5cf6}.lpt-quota-label{font-size:.8rem;color:var(--color-text-secondary, #666)}.lpt-quota-bar{height:8px;background:var(--color-border, #e5e7eb);border-radius:4px;overflow:hidden}.lpt-quota-bar-fill{height:100%;border-radius:4px;background:#10b981;transition:width .3s ease}.lpt-quota-bar-fill.warning{background:#f59e0b}.lpt-quota-bar-fill.critical{background:#ef4444}.lpt-quota-bar-fill.blocked{background:#dc2626}.lpt-quota-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary, #999);margin-top:4px}.lpt-category-tabs{display:flex;gap:4px;background:var(--bg-grid-block, #f0f0f0);border-radius:8px;padding:3px}.lpt-cat-tab{flex:1;padding:5px 4px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary, #666);font-size:.72rem;cursor:pointer;transition:all .2s}.lpt-cat-tab.active{background:#fff;color:var(--color-text-main, #333);font-weight:600;box-shadow:0 1px 3px #0000001a}.lpt-category-summary{display:flex;gap:8px;justify-content:space-around}.lpt-cat-stat{text-align:center;font-size:.78rem;color:var(--color-text-secondary, #666)}.lpt-sparkline-section{background:var(--bg-grid-block, #f5f5f5);border-radius:10px;padding:10px 12px}.lpt-sparkline-label{font-size:.75rem;color:var(--color-text-secondary, #999);margin-bottom:8px;font-weight:500}.lpt-sparkline-canvas{width:100%;height:60px;display:block}body.dark .lpt-quota-card,body.dark .lpt-sparkline-section,body.dark .lpt-category-tabs{background:var(--surface-2, #252540)}body.dark .lpt-cat-tab.active{background:var(--surface-3, #333355);color:var(--color-text-main, #e0e0e0)}body.dark .lpt-quota-label,body.dark .lpt-cat-stat,body.dark .lpt-sparkline-label,body.dark .lpt-quota-footer{color:var(--color-text-secondary, #aaa)}@media(max-width:767px){.lpt-category-tabs{gap:2px}.lpt-cat-tab{font-size:.65rem;padding:4px 2px}.lpt-category-summary{gap:4px}.lpt-cat-stat{font-size:.7rem}.lpt-sparkline-canvas{height:50px}}.lpf-vocab-section{margin-top:12px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.lpf-vocab-title{font-size:13px;font-weight:600;color:var(--text-secondary, #999);margin-bottom:8px;letter-spacing:.02em}.lpf-vocab-badge{font-size:11px;color:#10b981;margin-left:6px;font-weight:400}.lpf-vocab-empty{font-size:12px;color:var(--text-secondary, #777);padding:12px 0;text-align:center;line-height:1.5}.lpf-vocab-list{max-height:240px;overflow-y:auto;margin-bottom:8px}.lpf-vocab-word{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;-webkit-tap-highlight-color:transparent}.lpf-vocab-word:hover{background:#ffffff0a;border-radius:4px}.lpf-vocab-word.already-saved{opacity:.5}.lpf-vocab-word input[type=checkbox]{accent-color:#10b981;flex-shrink:0}.lpf-vocab-word-learning{font-weight:600;font-size:13px;color:var(--text-primary, #e0e0e0)}.lpf-vocab-word-native{font-size:12px;color:var(--text-secondary, #999);margin-left:auto}.lpf-vocab-word-check{color:#10b981;font-size:11px;font-weight:600;margin-left:auto}.lpf-vocab-actions{display:flex;gap:8px;align-items:center}.lpf-vocab-btn{padding:6px 14px;font-size:12px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease}.lpf-vocab-btn:disabled{opacity:.4;cursor:not-allowed}.lpf-vocab-btn-save{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.lpf-vocab-btn-save:hover:not(:disabled){background:#10b98140}.lpf-vocab-btn-known{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.lpf-vocab-btn-known:hover:not(:disabled){background:#3b82f640}.lpf-vocab-selection-badge{font-size:11px;color:var(--text-secondary, #999);margin-left:auto}body:not(.dark) .lpf-vocab-section{background:#00000005;border-color:#00000014}body:not(.dark) .lpf-vocab-word:hover{background:#00000008}body:not(.dark) .lpf-vocab-word-learning{color:var(--color-text-primary, #1f2937)}body:not(.dark) .lpf-vocab-word-native{color:var(--color-text-secondary, #666)}.lp-missions{margin:12px 0;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}body:not(.dark) .lp-missions{background:#00000005;border-color:#0000000f}.lp-missions-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--color-text-primary, #e5e7eb);margin-bottom:10px}.lp-missions-all-done{font-size:11px;color:#4ade80;font-weight:500}.lp-mission-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:6px;background:#ffffff05;transition:background .2s}.lp-mission-item:hover{background:#ffffff0d}.lp-mission-done{opacity:.55}.lp-mission-done .lp-mission-name{text-decoration:line-through}.lp-mission-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.lp-mission-info{flex:1;min-width:0}.lp-mission-name{font-size:12px;font-weight:600;color:var(--color-text-primary, #e5e7eb);margin-bottom:2px}.lp-mission-desc{font-size:10px;color:var(--color-text-secondary, #9ca3af);margin-bottom:4px}.lp-mission-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.lp-mission-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .4s ease}.lp-mission-bar-weekly{height:5px;background:#ffc1071f}.lp-mission-bar-weekly .lp-mission-bar-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.lp-mission-xp{font-size:11px;font-weight:600;color:#a78bfa;flex-shrink:0;white-space:nowrap}.lp-mission-weekly{border:1px solid rgba(245,158,11,.15);background:#f59e0b0a}.lp-missions-weekly-label{font-size:11px;font-weight:600;color:#f59e0b;margin:10px 0 6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.lp-mission-streak{text-align:center;font-size:11px;color:#fb923c;font-weight:500;padding:6px 0 2px;margin-top:6px}body:not(.dark) .lp-mission-item{background:#00000005}body:not(.dark) .lp-mission-item:hover{background:#0000000a}body:not(.dark) .lp-mission-weekly{border-color:#f59e0b33;background:#f59e0b0a}body:not(.dark) .lp-missions-weekly-label{border-top-color:#00000014}body:not(.dark) .lp-mission-bar{background:#0000000f}body:not(.dark) .lp-mission-xp{color:#7c3aed}.lp-progression-map{display:flex;flex-direction:column;align-items:stretch;padding:16px 12px 8px;position:relative}.lp-map-node{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;position:relative;z-index:1;transition:background .2s}.lp-map-node:hover{background:#ffffff08}.lp-map-locked:hover{background:none}.lp-map-node-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;position:relative;border:2px solid rgba(255,255,255,.1);background:#ffffff0a}.lp-map-completed .lp-map-node-circle{border-color:#4ade80;background:#4ade801f}.lp-map-current .lp-map-node-circle{border-color:#a78bfa;background:#a78bfa1f;animation:lpMapPulse 2s ease-in-out infinite}.lp-map-locked .lp-map-node-circle{border-color:#ffffff0f;background:#ffffff05;opacity:.5}@keyframes lpMapPulse{0%,to{box-shadow:0 0 #a78bfa4d}50%{box-shadow:0 0 12px 4px #a78bfa26}}.lp-map-node-info{flex:1;min-width:0}.lp-map-node-title{font-size:13px;font-weight:600;color:var(--color-text-primary, #e5e7eb);margin-bottom:4px}.lp-map-locked .lp-map-node-title{opacity:.4}.lp-map-node-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:3px}.lp-map-node-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.lp-map-completed .lp-map-node-bar-fill{background:#4ade80}.lp-map-current .lp-map-node-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.lp-map-node-pct{font-size:10px;color:var(--color-text-secondary, #9ca3af)}.lp-map-locked-text{opacity:.5}.lp-map-connector{width:2px;height:16px;margin-left:31px;background:#ffffff0f;position:relative;overflow:hidden}.lp-map-conn-fill{position:absolute;bottom:0;left:0;width:100%;background:#4ade80;transition:height .5s ease}.lp-map-conn-partial .lp-map-conn-fill{background:#a78bfa}body:not(.dark) .lp-map-node:hover{background:#00000005}body:not(.dark) .lp-map-node-circle{border-color:#0000001a;background:#00000008}body:not(.dark) .lp-map-completed .lp-map-node-circle{border-color:#22c55e;background:#22c55e14}body:not(.dark) .lp-map-current .lp-map-node-circle{border-color:#8b5cf6;background:#8b5cf614}body:not(.dark) .lp-map-connector{background:#00000014}body:not(.dark) .lp-map-node-bar{background:#0000000f}@media(max-width:480px){.lp-map-node{padding:6px 8px;gap:8px}.lp-map-node-circle{width:32px;height:32px;font-size:14px}.lp-map-connector{height:10px;margin-left:23px}.lp-mission-item{padding:6px 8px;gap:8px}.lp-mission-icon{font-size:15px}}.lpf-chart-section{margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.lpf-chart-title{font-size:13px;font-weight:600;color:var(--text-secondary, #999);margin-bottom:8px;letter-spacing:.02em}.lpf-scale-selector{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.lpf-scale-btn{padding:3px 8px;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:transparent;color:var(--text-secondary, #999);cursor:pointer;transition:all .15s ease;line-height:1.4}.lpf-scale-btn:hover{background:#ffffff14;color:var(--text-primary, #e0e0e0)}.lpf-scale-btn.active{background:#10b98126;color:#10b981;border-color:#10b9814d;font-weight:600}.lpf-chart-canvas-wrap{position:relative;width:100%;min-height:180px;border-radius:6px;overflow:hidden}.lpf-chart-canvas{display:block;width:100%;height:180px}.lpf-chart-tooltip{position:absolute;pointer-events:none;background:#1e1e28eb;color:#e0e0e0;font-size:11px;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);white-space:nowrap;z-index:20;opacity:0;transition:opacity .12s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d}.lpf-chart-tooltip.visible{opacity:1}.lpf-chart-tooltip-row{display:flex;justify-content:space-between;gap:12px;line-height:1.5}.lpf-chart-tooltip-label{color:var(--text-secondary, #999)}.lpf-chart-tooltip-value{font-weight:600}.lpf-chart-tooltip-value.high{color:#4caf50}.lpf-chart-tooltip-value.medium{color:#ff9800}.lpf-chart-tooltip-value.low{color:#f44336}.lpf-chart-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--text-secondary, #777);font-size:13px;text-align:center;padding:20px}.lpf-chart-empty-icon{font-size:28px;margin-bottom:8px;opacity:.5}.lpf-chart-empty-text{line-height:1.5}.lpf-chart-summary{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.lpf-chart-summary-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px}.lpf-chart-summary-value{font-size:14px;font-weight:700;color:var(--text-primary, #e0e0e0)}.lpf-chart-summary-label{font-size:10px;color:var(--text-secondary, #777);text-transform:uppercase;letter-spacing:.04em}body:not(.dark) .lpf-chart-section{background:#00000005;border-color:#00000014}body:not(.dark) .lpf-scale-btn{border-color:#0000001f;color:var(--color-text-secondary, #666)}body:not(.dark) .lpf-scale-btn:hover{background:#0000000a;color:var(--color-text-primary, #1f2937)}body:not(.dark) .lpf-chart-tooltip{background:#fffffff2;color:#333;border-color:#0000001a;box-shadow:0 4px 12px #00000026}body:not(.dark) .lpf-chart-empty{color:var(--color-text-secondary, #999)}body:not(.dark) .lpf-chart-summary-value{color:var(--color-text-primary, #1f2937)}body:not(.dark) .lpf-chart-summary-label{color:var(--color-text-secondary, #666)}@media(max-width:400px){.lpf-chart-canvas{height:150px}.lpf-chart-canvas-wrap{min-height:150px}.lpf-scale-selector{display:none}.lpf-scale-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;border:1px solid rgba(16,185,129,.3);border-radius:16px;background:#10b9811a;color:#10b981;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lpf-scale-pill:after{content:" ◀▶";font-size:10px;opacity:.6}.lpf-chart-tooltip{display:none}}@media(min-width:401px){.lpf-scale-pill{display:none}}.lpf-bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:#1e1e28f5;border-radius:12px 12px 0 0;padding:8px 16px 16px;transform:translateY(100%);transition:transform .25s ease;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -4px 20px #0000004d}.lpf-bottom-sheet.visible{transform:translateY(0)}.lpf-bottom-sheet-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 10px}.lpf-bottom-sheet-content{display:flex;flex-wrap:wrap;gap:8px 16px}.lpf-bs-row{display:flex;align-items:center;gap:6px;font-size:13px;flex:1 1 auto;min-width:100px}.lpf-bs-label{color:var(--text-secondary, #999);font-size:11px}.lpf-bs-value{font-weight:700;font-size:15px;color:var(--text-primary, #e0e0e0)}.lpf-bs-value.high{color:#4caf50}.lpf-bs-value.medium{color:#ff9800}.lpf-bs-value.low{color:#f44336}body:not(.dark) .lpf-bottom-sheet{background:#fffffffa;box-shadow:0 -4px 20px #00000026}body:not(.dark) .lpf-bottom-sheet-handle{background:#00000026}body:not(.dark) .lpf-bs-value{color:var(--color-text-primary, #1f2937)}body:not(.dark) .lpf-bs-label{color:var(--color-text-secondary, #666)}.lpa-chart-section{margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.lpa-chart-title{font-size:13px;font-weight:600;color:var(--text-secondary, #999);margin-bottom:8px;letter-spacing:.02em}.lpa-period-selector{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.lpa-period-btn{padding:3px 10px;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:transparent;color:var(--text-secondary, #999);cursor:pointer;transition:all .15s ease;line-height:1.4}.lpa-period-btn:hover{background:#ffffff14;color:var(--text-primary, #e0e0e0)}.lpa-period-btn.active{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa4d;font-weight:600}.lpa-bar-canvas-wrap{position:relative;width:100%;min-height:160px;border-radius:6px;overflow:hidden;margin-bottom:8px}.lpa-bar-canvas{display:block;width:100%;height:160px}.lpa-line-canvas-wrap{position:relative;width:100%;min-height:120px;border-radius:6px;overflow:hidden;margin-bottom:8px}.lpa-line-canvas{display:block;width:100%;height:120px}.lpa-activity-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.lpa-activity-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:500;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:transparent;color:var(--text-secondary, #999);cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.4}.lpa-activity-btn:hover{background:#ffffff0f;color:var(--text-primary, #e0e0e0)}.lpa-activity-btn.active{font-weight:600}.lpa-activity-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.lpa-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;color:var(--text-secondary, #777);font-size:13px;text-align:center;padding:20px}.lpa-chart-empty-icon{font-size:28px;margin-bottom:8px;opacity:.5}.lpa-chart-empty-text{line-height:1.5}.lpa-chart-summary{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.lpa-chart-summary-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px}.lpa-chart-summary-value{font-size:14px;font-weight:700;color:var(--text-primary, #e0e0e0)}.lpa-chart-summary-label{font-size:10px;color:var(--text-secondary, #777);text-transform:uppercase;letter-spacing:.04em}body:not(.dark) .lpa-chart-section{background:#00000005;border-color:#00000014}body:not(.dark) .lpa-period-btn{border-color:#0000001f;color:var(--color-text-secondary, #666)}body:not(.dark) .lpa-period-btn:hover{background:#0000000a;color:var(--color-text-primary, #1f2937)}body:not(.dark) .lpa-period-btn.active{background:#8b5cf614;color:#7c3aed;border-color:#8b5cf633}body:not(.dark) .lpa-activity-btn{border-color:#0000001a;color:var(--color-text-secondary, #666)}body:not(.dark) .lpa-activity-btn:hover{background:#0000000a;color:var(--color-text-primary, #1f2937)}body:not(.dark) .lpa-chart-empty{color:var(--color-text-secondary, #999)}body:not(.dark) .lpa-chart-summary-value{color:var(--color-text-primary, #1f2937)}body:not(.dark) .lpa-chart-summary-label{color:var(--color-text-secondary, #666)}@media(max-width:400px){.lpa-bar-canvas{height:130px}.lpa-bar-canvas-wrap{min-height:130px}.lpa-line-canvas{height:100px}.lpa-line-canvas-wrap{min-height:100px}.lpa-activity-btn{font-size:9px;padding:2px 6px}}.pod-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:9999;align-items:center;justify-content:center}.pod-modal.open{display:flex}.pod-modal-content{background:var(--bg-primary, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 16px);width:100%;max-width:820px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 25px 60px #00000080}.pod-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:var(--bg-primary, #1a1a2e);background-image:linear-gradient(135deg,rgba(74,144,217,.06),transparent);z-index:1}.pod-title{font-size:18px;font-weight:700;color:var(--text-primary, #ffffff)}.pod-close-btn{background:transparent;border:none;color:var(--text-muted, #9ca3af);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s;line-height:1}.pod-close-btn:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.pod-search-bar{height:44px;padding:0 16px 0 44px;margin:16px 20px 12px;width:calc(100% - 40px);box-sizing:border-box;background:var(--bg-secondary, #16213e);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #ffffff);font-size:15px;outline:none;transition:border-color .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center;background-size:18px}.pod-search-bar::placeholder{color:var(--text-muted, #9ca3af)}.pod-search-bar:focus{border-color:var(--accent-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d926}.pod-type-filters{display:flex;gap:6px;padding:12px 20px 8px;flex-wrap:wrap}.pod-type-btn{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary, #e5e7eb);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.pod-type-btn:hover{background:#ffffff14;border-color:#ffffff40}.pod-type-btn.active{background:var(--accent-primary, #4a90d9);border-color:var(--accent-primary, #4a90d9);color:#fff}[data-theme=dark] .pod-type-btn{border-color:#ffffff26;color:var(--text-secondary, #e5e7eb)}[data-theme=dark] .pod-type-btn:hover{background:#ffffff14}.pod-cefr-filters{display:flex;gap:6px;padding:0 20px 16px;flex-wrap:wrap}.pod-cefr-btn{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary, #e5e7eb);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.pod-cefr-btn:hover{background:#ffffff14;border-color:#ffffff40}.pod-cefr-btn.active{background:var(--accent-primary, #4a90d9);border-color:var(--accent-primary, #4a90d9);color:#fff}.pod-genre-filters{display:flex;gap:6px;padding:0 20px 12px;flex-wrap:wrap}.pod-genre-btn{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary, #e5e7eb);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.pod-genre-btn:hover{background:#ffffff14;border-color:#ffffff40}.pod-genre-btn.active{background:var(--accent-secondary, #8b5cf6);border-color:var(--accent-secondary, #8b5cf6);color:#fff}[data-theme=dark] .pod-genre-btn{border-color:#ffffff26;color:var(--text-secondary, #e5e7eb)}[data-theme=dark] .pod-genre-btn:hover{background:#ffffff14}.pod-tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 16px}.pod-tile{background:var(--bg-secondary, #16213e);border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s;position:relative}.pod-tile:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.pod-tile-thumb{position:relative;width:100%;padding-top:75%;background:#0d1117;overflow:hidden}.pod-tile-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pod-tile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#000000a6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s;pointer-events:none}.pod-tile:hover .pod-tile-play{background:#4a90d9e6;transform:translate(-50%,-50%) scale(1.1)}.pod-tile-type{position:absolute;top:6px;left:6px;background:#000000b3;color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.pod-tile-cefr{position:absolute;top:6px;right:6px;background:#4a90d9e6;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px}.pod-tile-genre-badge{position:absolute;bottom:6px;left:6px;font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;text-transform:capitalize;letter-spacing:.3px}.pod-tile-genre-badge--drama{background:#ef4444d9;color:#fff}.pod-tile-genre-badge--anime{background:#a855f7e6;color:#fff}.pod-tile-genre-badge--documentary{background:#22c55ed9;color:#fff}.pod-tile-genre-badge--learning{background:#f59e0bd9;color:#fff}.pod-tile-fav{position:absolute;bottom:6px;right:6px;background:#000000b3;border:none;color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pod-tile-fav:hover{background:#ffc107e6}.pod-tile-fav.favorited{color:#ffc107}.pod-tile-link{position:absolute;bottom:6px;right:38px;background:#000000b3;border:none;color:#fffc;font-size:12px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-tap-highlight-color:transparent}.pod-tile-link:hover{background:#6366f1e6;color:#fff}.pod-tile-info{padding:8px}.pod-tile-title{font-size:12px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pod-tile-creator{font-size:11px;color:var(--text-muted, #9ca3af);margin-bottom:4px}.pod-tile-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted, #9ca3af)}.pod-tile-duration{display:flex;align-items:center;gap:4px}.pod-tile-embed{position:relative;width:100%;padding-top:56.25%;background:#000}.pod-tile-embed iframe,.pod-tile-embed audio{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.pod-load-more{display:none}.pod-scroll-sentinel{height:1px;width:100%}.pod-scroll-loading{display:flex;align-items:center;justify-content:center;padding:16px;gap:8px;color:var(--text-muted, #9ca3af);font-size:12px}.pod-scroll-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent-primary, #4a90d9);border-radius:50%;animation:pod-spin .6s linear infinite}@keyframes pod-spin{to{transform:rotate(360deg)}}.pod-empty{text-align:center;padding:48px 20px;color:var(--text-muted, #9ca3af)}.pod-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pod-empty-text{font-size:15px}@media(max-width:600px){.pod-modal-content{max-width:100%;max-height:100vh;border-radius:0;height:100vh}.pod-modal-header{padding:14px 16px;position:sticky;top:0}.pod-search-bar{height:40px;margin:12px 16px 10px;width:calc(100% - 32px);padding-left:40px;font-size:14px}.pod-type-filters{padding:8px 16px 6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pod-type-filters::-webkit-scrollbar{display:none}.pod-type-btn{flex-shrink:0;padding:5px 12px;font-size:12px}.pod-cefr-filters{padding:0 16px 12px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pod-cefr-filters::-webkit-scrollbar{display:none}.pod-cefr-btn{flex-shrink:0;padding:5px 12px;font-size:12px}.pod-tiles-grid{grid-template-columns:1fr;gap:10px;padding:0 16px 16px}.pod-tile-thumb{padding-top:56.25%}.pod-load-more{display:none}}@media(min-width:480px)and (max-width:600px){.pod-tiles-grid{grid-template-columns:repeat(2,1fr);gap:10px}}[data-theme=dark] .pod-modal-content{background:var(--bg-primary, #0f0f1a);border-color:#ffffff14}[data-theme=dark] .pod-modal-header{background:var(--bg-primary, #0f0f1a);background-image:linear-gradient(135deg,rgba(74,144,217,.1),transparent);border-bottom-color:#ffffff0f}[data-theme=dark] .pod-title{color:var(--text-primary, #e8e8f0)}[data-theme=dark] .pod-search-bar{background:var(--bg-secondary, #1a1a2e);border-color:#ffffff14;color:var(--text-primary, #e8e8f0)}[data-theme=dark] .pod-search-bar::placeholder{color:var(--text-muted, #6b7280)}[data-theme=dark] .pod-cefr-btn{border-color:#ffffff1a;color:var(--text-secondary, #c4c4d0)}[data-theme=dark] .pod-cefr-btn:hover{background:#ffffff0d}[data-theme=dark] .pod-tile{background:var(--bg-secondary, #1a1a2e);border-color:#ffffff0f}[data-theme=dark] .pod-tile:hover{border-color:#ffffff26}[data-theme=dark] .pod-tile-title{color:var(--text-primary, #e8e8f0)}[data-theme=dark] .pod-tile-creator,[data-theme=dark] .pod-tile-meta{color:var(--text-muted, #6b7280)}[data-theme=dark] .pod-load-more{border-color:#ffffff1a;color:var(--text-secondary, #c4c4d0)}[data-theme=dark] .pod-load-more:hover{background:#ffffff08;border-color:#fff3}[data-theme=dark] .pod-tile-thumb{background:#080810}.pod-mode-toggle{display:flex;gap:2px;background:#ffffff14;border-radius:8px;padding:2px;margin:0 12px}.pod-mode-toggle-btn{padding:4px 10px;border:none;background:transparent;color:var(--text-muted, #9ca3af);font-size:11px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.pod-mode-toggle-btn.active{background:var(--accent-primary, #4a90d9);color:#fff}.pod-mode-toggle-btn:hover:not(.active){background:#ffffff1a}.pod-player-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;z-index:10001;align-items:center;justify-content:center;flex-direction:column}.pod-player-overlay.open{display:flex}.pod-player-wrapper{width:100%;max-width:960px;height:100%;display:flex;flex-direction:column}.pod-player-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0}.pod-player-title{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px}.pod-player-actions{display:flex;align-items:center;gap:8px}.pod-player-cc-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:transparent;color:var(--text-secondary, #e5e7eb);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.5px}.pod-player-cc-btn:hover{background:#ffffff26;border-color:#ffffff80}.pod-player-speed-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 6px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:transparent;color:var(--text-secondary, #e5e7eb);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.5px}.pod-player-speed-btn:hover{background:#ffffff26;border-color:#ffffff80}.pod-player-speed-btn.active{background:#6366f14d;border-color:#6366f1b3;color:#a5b4fc}.pod-player-close-btn{background:transparent;border:none;color:var(--text-muted, #9ca3af);font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s;line-height:1}.pod-player-close-btn:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.pod-player-container{position:relative;flex:1;max-width:100%;margin:0 16px 16px;border-radius:12px;overflow:hidden;background:#000}.pod-cc-popover{display:none;position:fixed;z-index:10002;width:320px;background:var(--bg-primary, #1a1a2e);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 16px 48px #00000080;overflow:hidden}.pod-cc-popover.open{display:block}.pod-cc-header{padding:12px 16px;font-size:14px;font-weight:700;color:var(--text-primary, #ffffff);border-bottom:1px solid rgba(255,255,255,.08)}.pod-cc-body{padding:12px 16px}.pod-cc-body p{margin:0 0 10px;font-size:13px;color:var(--text-secondary, #e5e7eb);line-height:1.5}.pod-cc-ext-list{list-style:none;padding:0;margin:0 0 12px}.pod-cc-ext-list li{margin-bottom:6px}.pod-cc-ext-list a{display:block;padding:8px 10px;border-radius:8px;background:#ffffff0d;color:var(--text-secondary, #e5e7eb);text-decoration:none;font-size:13px;transition:background .15s}.pod-cc-ext-list a:hover{background:#4a90d926}.pod-cc-ext-list a strong{color:var(--accent-primary, #4a90d9)}.pod-cc-tip{font-size:12px!important;color:var(--text-muted, #9ca3af)!important;padding:8px 10px;background:#ffffff08;border-radius:6px;margin-bottom:0!important}@media(max-width:600px){.pod-mode-toggle-btn{font-size:10px;padding:3px 8px}.pod-player-container{margin:0;border-radius:0}.pod-cc-popover{width:calc(100vw - 24px);right:12px!important}}.pod-tile--radio .pod-tile-thumb{background:linear-gradient(135deg,#1a1a3e,#2d1b69);min-height:80px;display:flex;align-items:center;justify-content:center}.pod-tile-radio-icon{font-size:2rem;opacity:.7}.pod-tile-thumb--radio{aspect-ratio:auto}.pod-tile-bitrate{font-size:.7rem;color:var(--text-muted, #888)}.pod-tile-genre{font-size:.7rem;color:var(--text-muted, #888);text-transform:capitalize}.pod-tile-badge{font-size:.65rem;color:#4caf50;background:#4caf501a;padding:1px 4px;border-radius:3px}.pod-radio-learn{display:flex;flex-direction:column;padding:0;transition:all .3s ease;max-height:100%;overflow:hidden}.pod-radio-learn-controls{display:flex;align-items:center;gap:8px;padding:4px 0}.pod-radio-learn-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary, #ccc);border-radius:20px;padding:6px 14px;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pod-radio-learn-toggle:hover{background:#ffffff1f}.pod-radio-learn-toggle.active{background:#6366f133;border-color:#6366f180;color:#a5b4fc}.pod-radio-pause-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary, #ccc);border-radius:50%;width:34px;height:34px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pod-radio-pause-btn:hover{background:#ffffff26}.pod-radio-sliders-row{display:flex;gap:20px;padding:8px 0 4px;animation:fadeIn .2s ease}.pod-radio-slider-group{display:flex;align-items:center;gap:6px}.pod-radio-slider-label{font-size:.75rem;color:var(--text-muted, #888);white-space:nowrap}.pod-radio-delay-slider,.pod-radio-pace-slider{width:80px;height:4px;accent-color:#6366f1;cursor:pointer}.pod-radio-delay-value,.pod-radio-pace-value{font-size:.75rem;color:var(--text-muted, #888);min-width:30px;text-align:right}.pod-radio-subtitle-box{background:#000000d9;border-radius:12px;padding:16px 20px;margin:12px 0;min-height:80px;position:relative;overflow:hidden}.pod-radio-subtitle-prev{transition:opacity .5s ease}.pod-radio-subtitle-prev.pod-radio-subtitle-fade-out{animation:radioSubFadeOut 1.5s ease forwards}.pod-radio-subtitle-current{position:relative}.pod-radio-learning-text{font-size:1.3rem;font-weight:500;color:#fff;line-height:1.5;margin-bottom:6px}.pod-radio-native-text{font-size:1rem;font-style:italic;color:#ffffff8c;line-height:1.4}.pod-radio-native-fade-in{animation:radioNativeFadeIn .6s ease forwards}@keyframes radioNativeFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pod-radio-replay-tip{font-size:.6rem;color:#fbbf24;vertical-align:super;margin-left:2px}.pod-radio-learn-hint{font-size:.7rem;color:#fff6;text-align:center;padding:4px 8px 0;line-height:1.4}.pod-radio-word{display:inline-block;opacity:0;transform:translateY(8px);animation:radioWordEnter .4s ease forwards}@keyframes radioWordEnter{to{opacity:1;transform:translateY(0)}}@keyframes radioSubFadeOut{0%{opacity:1}to{opacity:.2}}.pod-radio-learn-status{min-height:36px;text-align:center;padding:4px 8px;min-height:28px;display:flex;align-items:center;justify-content:center}.pod-radio-learn-status-text{font-size:.75rem;font-size:.72rem;color:var(--text-muted, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}[data-theme=dark] .pod-tile--radio .pod-tile-thumb{background:linear-gradient(135deg,#0d0d1a,#1a0d3e)}[data-theme=dark] .pod-radio-subtitle-box{background:#000000eb}.pod-tile--audiobook .pod-tile-thumb{background:linear-gradient(135deg,#2d1f3d,#1a2a3d);padding-top:75%}.audiobook-cover{object-fit:cover}.pod-tile--audiobook .pod-tile-thumb img.audiobook-cover{object-fit:contain;background:#0d1117}.pod-tile--audiobook:hover{border-color:#9370db66;box-shadow:0 8px 24px #9370db33}.pod-tile-chapters{font-size:.75rem;color:var(--text-muted, #9ca3af);margin-right:8px}.pod-tile--audiobook .pod-tile-creator{color:var(--text-secondary, #a0aec0);font-size:.85rem}.whisper-download-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000001;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.whisper-download-dialog{background:var(--bg-primary, #ffffff);border-radius:16px;max-width:420px;width:100%;padding:28px;box-shadow:0 20px 60px #0006}[data-theme=dark] .whisper-download-dialog{background:#1e1e2e;box-shadow:0 20px 60px #000000b3}.whisper-download-header{text-align:center;margin-bottom:24px}.whisper-download-icon{font-size:2.5rem;display:block;margin-bottom:8px}.whisper-download-header h3{margin:0 0 8px;font-size:1.2rem;color:var(--text-primary, #1a1a2e)}[data-theme=dark] .whisper-download-header h3{color:#e0e0f0}.whisper-download-subtitle{font-size:.85rem;color:var(--text-muted, #6b7280);margin:0;line-height:1.5}[data-theme=dark] .whisper-download-subtitle{color:#9ca3af}.whisper-download-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.whisper-option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .15s ease}.whisper-option:hover{border-color:#6366f1;background:#6366f10a}.whisper-option:has(input:checked){border-color:#6366f1;background:#6366f114}[data-theme=dark] .whisper-option{border-color:#374151}[data-theme=dark] .whisper-option:hover{border-color:#818cf8;background:#818cf80f}[data-theme=dark] .whisper-option:has(input:checked){border-color:#818cf8;background:#818cf81a}.whisper-option input[type=radio]{margin-top:4px;accent-color:#6366f1;width:18px;height:18px;flex-shrink:0}.whisper-option-title{font-weight:600;font-size:.95rem;color:var(--text-primary, #1a1a2e)}[data-theme=dark] .whisper-option-title{color:#e0e0f0}.whisper-option-size{font-size:.8rem;color:#6366f1;font-weight:500;margin:2px 0}[data-theme=dark] .whisper-option-size{color:#818cf8}.whisper-option-desc{font-size:.78rem;color:var(--text-muted, #6b7280)}[data-theme=dark] .whisper-option-desc{color:#9ca3af}.whisper-download-actions{display:flex;gap:10px;justify-content:flex-end}.whisper-download-cancel{padding:10px 20px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;font-size:.9rem;transition:all .15s ease}.whisper-download-cancel:hover{background:var(--bg-hover, #f3f4f6)}[data-theme=dark] .whisper-download-cancel{border-color:#374151;color:#9ca3af}[data-theme=dark] .whisper-download-cancel:hover{background:#2a2a3e}.whisper-download-confirm{padding:10px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .15s ease}.whisper-download-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.audiobook-player-cover{display:flex;justify-content:center;margin-top:16px}.audiobook-player-cover img{max-width:200px;max-height:200px;border-radius:8px;box-shadow:0 4px 16px #0006;object-fit:cover}.audiobook-player-info{text-align:center;padding:8px 16px}.audiobook-player-author{font-size:.95rem;color:var(--text-secondary, #a0aec0);margin-bottom:4px}.audiobook-player-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.8rem;color:var(--text-muted, #888)}.audiobook-player-cefr{background:#6366f133;color:var(--text-primary, #fff);padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}[data-theme=dark] .audiobook-player-cover img{box-shadow:0 4px 16px #0009}.replay-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000002;display:none;pointer-events:none}.replay-modal.show{display:block;pointer-events:auto}.replay-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:flex-end;animation:fadeIn .2s ease}.replay-content{width:380px;max-width:100%;max-height:85vh;background:var(--bg-primary, #ffffff);border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 32px #0000004d;animation:slideUp .25s ease}[data-theme=dark] .replay-content{background:#1e1e2e;box-shadow:0 -8px 32px #0009}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.replay-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.replay-title-row{display:flex;align-items:center;gap:8px}.replay-title-icon{font-size:1.4rem}.replay-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a2e)}[data-theme=dark] .replay-header h3{color:#e0e0f0}.replay-close-btn{background:#0000000f;border:none;border-radius:50%;width:30px;height:30px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .15s ease;flex-shrink:0}.replay-close-btn:hover{background:#0000001f}[data-theme=dark] .replay-close-btn{background:#ffffff14;color:#9ca3af}[data-theme=dark] .replay-close-btn:hover{background:#ffffff24}.replay-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0;gap:12px}.replay-controls-actions,.replay-rate-group{display:flex;align-items:center;gap:8px}.replay-rate-group label{font-size:.75rem;color:var(--text-muted, #6b7280);flex-shrink:0}.replay-rate-slider{width:80px;accent-color:#6366f1}.replay-rate-value{font-size:.75rem;font-weight:600;color:var(--text-primary, #1a1a2e);min-width:32px}[data-theme=dark] .replay-rate-value{color:#e0e0f0}.replay-clear-btn{background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:5px 12px;font-size:.75rem;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}.replay-clear-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}[data-theme=dark] .replay-clear-btn{border-color:#374151;color:#9ca3af}[data-theme=dark] .replay-clear-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.replay-list{flex:1;overflow-y:auto;padding:8px 0}.replay-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted, #888)}.replay-empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.replay-empty p{margin:0;font-size:.9rem}.replay-empty-sub{font-size:.78rem!important;opacity:.7;margin-top:4px!important}.replay-item{padding:12px 20px;border-bottom:1px solid var(--border-color, #f0f0f0);transition:background .15s ease}.replay-item:hover{background:var(--bg-hover, #f9fafb)}.replay-item.playing{background:#6366f10f}[data-theme=dark] .replay-item{border-bottom-color:#2a2a3e}[data-theme=dark] .replay-item:hover{background:#ffffff08}[data-theme=dark] .replay-item.playing{background:#6366f11a}.replay-item-meta{display:flex;align-items:center;gap:6px;margin-bottom:5px}.replay-item-station{font-size:.72rem;font-weight:600;color:#6366f1}.replay-item-time{font-size:.7rem;color:var(--text-muted, #888)}.replay-item-mode{font-size:.65rem;background:#6366f11a;color:#6366f1;padding:1px 6px;border-radius:10px;margin-left:auto}.replay-item-text{font-size:.85rem;color:var(--text-primary, #1a1a2e);line-height:1.4;margin-bottom:3px}[data-theme=dark] .replay-item-text{color:#e0e0f0}.replay-item-translation{font-size:.75rem;color:var(--text-muted, #888);font-style:italic;line-height:1.3}.replay-item-actions{display:flex;align-items:center;gap:6px;margin-top:7px}.replay-play-btn{background:#6366f11f;border:none;border-radius:50%;width:30px;height:30px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6366f1;transition:all .15s ease;flex-shrink:0}.replay-play-btn:hover{background:#6366f138;transform:scale(1.05)}.replay-play-btn.playing{background:#6366f1;color:#fff}.replay-delete-btn{background:transparent;border:none;border-radius:4px;padding:4px 8px;font-size:.7rem;cursor:pointer;color:var(--text-muted, #888);transition:all .15s ease;opacity:0}.replay-item:hover .replay-delete-btn{opacity:1}.replay-delete-btn:hover{color:#ef4444;background:#fee2e2}.replay-session{border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .replay-session{border-bottom-color:#2a2a3e}.replay-session-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 20px 8px;gap:10px;position:sticky;top:0;background:var(--bg-primary, #ffffff);z-index:1}[data-theme=dark] .replay-session-header{background:#1e1e2e}.replay-session-info{display:flex;flex-direction:column;gap:2px;min-width:0}.replay-session-station{font-size:.85rem;font-weight:700;color:#6366f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-session-meta{font-size:.72rem;color:var(--text-muted, #888)}.replay-session-count{font-size:.68rem;color:var(--text-muted, #aaa)}.replay-session-export-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:4px 10px;font-size:.72rem;color:#6366f1;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.replay-session-export-btn:hover{background:#6366f133;border-color:#6366f1}[data-theme=dark] .replay-session-export-btn{background:#6366f126;border-color:#6366f14d;color:#818cf8}[data-theme=dark] .replay-session-export-btn:hover{background:#6366f140}.replay-session-items{padding:0}.replay-session-items .replay-item{padding-left:28px}.replay-export-all-btn{background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:5px 12px;font-size:.75rem;color:#6366f1;cursor:pointer;transition:all .15s ease}.replay-export-all-btn:hover{background:#6366f114;border-color:#6366f1}[data-theme=dark] .replay-export-all-btn{border-color:#374151;color:#818cf8}[data-theme=dark] .replay-export-all-btn:hover{background:#6366f11f;border-color:#818cf8}.pod-radio-learn.hidden{display:none}.pod-radio-learn-subtitle-area{flex:1 1 50%;max-height:50vh;display:flex;flex-direction:column;background:#000000e0;border-radius:12px;margin:8px 8px 4px;position:relative;overflow:hidden}[data-theme=dark] .pod-radio-learn-subtitle-area{background:#000000f2}.pod-radio-transcript{flex:1;overflow-y:auto;padding:0 20px 12px;scroll-behavior:smooth;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}.pod-radio-transcript:before{content:"";flex:1}.pod-radio-transcript::-webkit-scrollbar{width:4px}.pod-radio-transcript::-webkit-scrollbar-track{background:transparent}.pod-radio-transcript::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.pod-radio-transcript-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.9rem;font-style:italic;pointer-events:none}.pod-radio-transcript-line-row{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.pod-radio-transcript-line{font-size:1.15rem;font-weight:500;color:#ffffffeb;line-height:1.65;margin:0;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;flex:1}.pod-radio-transcript-line-visible{opacity:1;transform:translateY(0)}.pod-radio-transcript-line-row:nth-last-child(n+5) .pod-radio-transcript-line{color:#ffffffa6}.pod-radio-transcript-delay{font-size:.65rem;font-weight:600;color:#ffb464cc;background:#ffb4641a;border-radius:4px;padding:1px 5px;white-space:nowrap;flex-shrink:0;min-width:28px;text-align:center;line-height:1.4}.pod-radio-transcript-native{font-size:.85rem;color:#ffffff73;font-style:italic;line-height:1.4;margin:2px 0 0;padding-left:4px;opacity:0;transition:opacity .5s ease}.pod-radio-transcript-native-visible{opacity:1}.pod-radio-transcript-line-row:nth-last-child(n+5) .pod-radio-transcript-native{color:#ffffff4d}.pod-radio-learn-controls-area{padding:8px 12px 10px;display:flex;flex-direction:column;gap:8px}.pod-radio-learn-type-row{display:flex;gap:0;border-radius:8px;overflow:hidden;background:#00000026;border:1px solid rgba(255,255,255,.08)}.pod-radio-learn-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:var(--text-muted, #888);font-size:.78rem;font-weight:500;line-height:1.2}.pod-radio-learn-type-tab .pod-radio-learn-type-icon{font-size:.9rem}.pod-radio-learn-type-tab .pod-radio-learn-type-desc{font-size:.62rem;color:var(--text-muted, #666);display:none}.pod-radio-learn-type-tab.active{background:#6366f133;color:#818cf8;font-weight:600}.pod-radio-learn-type-tab.active .pod-radio-learn-type-desc{color:#818cf8b3}.pod-radio-learn-type-tab:hover:not(.active){background:#ffffff0d;color:var(--text-primary, #ccc)}body.dark .pod-radio-learn-type-tab.active{background:#6366f14d;color:#a5b4fc}@media(min-width:500px){.pod-radio-learn-type-tab .pod-radio-learn-type-desc{display:block}}.pod-radio-learn-login-prompt{display:none;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:8px;color:#a5b4fc;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pod-radio-learn-login-prompt:hover{background:#6366f133;border-color:#6366f166;color:#c7d2fe}.pod-radio-learn-login-icon{font-size:1rem}.pod-radio-learn-save-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pod-radio-learn-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.pod-radio-learn-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pod-radio-reading-progress{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#6366f11a;border-radius:8px;font-size:.72rem;color:var(--text-muted, #888)}.pod-radio-reading-progress .reading-progress-dot{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:reading-pulse 1.5s ease-in-out infinite}@keyframes reading-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pod-radio-reading-progress .reading-progress-count{font-weight:600;color:#818cf8}.pod-radio-learn-header-row{display:flex;align-items:center;gap:8px}.pod-radio-learn-translate-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.pod-radio-learn-translate-toggle input[type=checkbox]{accent-color:#6366f1;width:14px;height:14px;cursor:pointer}.pod-radio-learn-translate-label{font-size:.72rem;color:var(--text-muted, #888);white-space:nowrap;font-weight:500}.pod-radio-learn-translate-toggle input:checked+.pod-radio-learn-translate-label{color:#6366f1}.pod-radio-learn-minimize-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 8px;font-size:.7rem;cursor:pointer;color:var(--text-muted, #888);transition:all .2s ease;flex-shrink:0;line-height:1}.pod-radio-learn-minimize-btn:hover{background:#ffffff26;color:var(--text-primary, #1a1a2e)}.pod-radio-learn-collapsible{display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;max-height:500px;opacity:1}.pod-radio-learn-collapsible.minimized{max-height:0;opacity:0;pointer-events:none}.pod-radio-learn-minimize-btn.minimized{transform:rotate(180deg)}.pod-radio-learn-mode-tabs{display:flex;gap:6px;flex:1}.pod-radio-learn-mode-tab{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:5px 6px;border-radius:8px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);cursor:pointer;transition:all .2s ease;gap:4px}.pod-radio-learn-mode-tab:hover{border-color:#6366f1;background:#6366f10a}.pod-radio-learn-mode-tab.active{border-color:#6366f1;background:#6366f11a}.pod-radio-learn-mode-tab.active .pod-radio-learn-mode-name{color:#6366f1}.pod-radio-learn-mode-name{font-size:.78rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.pod-radio-learn-mode-cost{font-size:.6rem;color:var(--text-muted, #888);opacity:.7}[data-theme=dark] .pod-radio-learn-mode-tab{background:#252535;border-color:#374151}[data-theme=dark] .pod-radio-learn-mode-name{color:#e0e0f0}.pod-radio-learn-sliders-row{display:flex;gap:16px;padding:4px 0}.pod-radio-learn-slider-group{display:flex;align-items:center;gap:6px;flex:1}.pod-radio-learn-slider-label{font-size:.72rem;color:var(--text-muted, #888);white-space:nowrap}.pod-radio-learn-slider-value{font-size:.72rem;font-weight:600;color:var(--text-primary, #1a1a2e);min-width:28px}.pod-radio-learn-action-bar{display:flex;align-items:center;gap:10px;padding-top:4px}.pod-radio-learn-learn-btn{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.pod-radio-learn-learn-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.pod-radio-learn-learn-btn.active{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:none}.pod-radio-learn-learn-btn.active:hover{transform:none}.pod-radio-learn-pause-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 14px;font-size:.9rem;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0}.pod-radio-learn-pause-btn:hover{background:#ffffff2e}.pod-radio-learn-replay-btn{background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:10px;padding:10px 14px;font-size:.85rem;cursor:pointer;color:#818cf8;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;gap:5px}.pod-radio-learn-replay-btn:hover{background:#6366f140}.pod-radio-learn.audiobook-mode .pod-radio-learn-subtitle-area{display:none}.pod-radio-learn.audiobook-mode .audiobook-subtitle-area{display:flex}.audiobook-subtitle-area{display:none;flex-direction:column;padding:12px 16px 8px;min-height:180px;max-height:220px;background:#000000d1;border-radius:12px;margin:8px 0 4px;overflow:hidden}[data-theme=dark] .audiobook-subtitle-area{background:#000000e6}.audiobook-subtitle-lines{display:flex;gap:16px;flex:1;overflow:hidden;position:relative}.ab-sub-column{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}.ab-sub-col-learning{border-right:1px solid rgba(255,255,255,.15);padding-right:12px}.audiobook-subtitle-lines:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:80%;background:#ffffff40;border-radius:1px;z-index:1}.ab-sub-col-native{padding-left:12px}.ab-sub-separator{width:1px;background:#ffffff40;border-radius:1px;flex-shrink:0;margin:0 4px;align-self:stretch;min-height:60px}.ab-sub-line{font-size:.85rem;line-height:1.35;color:#fff6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;min-height:1.35em;transition:color .3s ease,font-weight .3s ease}.ab-sub-line.ab-sub-current{color:#fff;font-weight:600;font-size:.95rem}.ab-sub-line.ab-sub-empty{color:transparent}.ab-sub-native.ab-sub-pending{color:#ffffff40;font-style:italic}.ab-sub-native.ab-sub-current{color:#ffffffb3;font-style:italic;font-weight:400}.ab-sub-native.ab-sub-past{color:#ffffff4d;font-style:italic}.audiobook-player-info--compact{text-align:center;padding:6px 16px 2px;font-size:.8rem;color:var(--text-muted, #888)}.audiobook-player-info--compact .audiobook-player-author{font-size:.8rem;color:var(--text-muted, #888)}.pod-ytlearn-paste-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 16px 8px;background:var(--bg-secondary, #252540);border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:opacity .2s,max-height .2s;max-height:60px;overflow:hidden}.pod-ytlearn-paste-bar.hidden{display:none}.pod-ytlearn-paste-icon{font-size:16px;flex-shrink:0}.pod-ytlearn-url-input{flex:1;background:transparent;border:none;color:var(--text-primary, #fff);font-size:13px;outline:none;min-width:0}.pod-ytlearn-url-input::placeholder{color:var(--text-muted, #888)}.pod-ytlearn-play-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(99,102,241,.6);border-radius:8px;background:#6366f126;color:#a5b4fc;font-size:14px;cursor:pointer;flex-shrink:0;transition:all .15s}.pod-ytlearn-play-btn:hover{background:#6366f14d;border-color:#6366f1cc}.pod-ytlearn-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--bg-primary, #1a1a2e);border-left:1px solid var(--border, rgba(255, 255, 255, .1));z-index:10002;display:none;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.pod-ytlearn-drawer.open{display:flex!important;transform:translate(0)}.pod-ytlearn-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .1))}.pod-ytlearn-drawer-title{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.pod-ytlearn-drawer-close{background:transparent;border:none;color:var(--text-muted, #9ca3af);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}.pod-ytlearn-drawer-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.pod-ytlearn-drawer-content{flex:1;overflow-y:auto;padding:16px}.pod-ytlearn-drawer-empty{color:var(--text-muted, #888);font-size:13px;text-align:center;padding:40px 16px}.pod-ytlearn-drawer-actions{display:flex;flex-direction:column;gap:8px}.pod-ytlearn-drawer-action{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary, #252540);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-primary, #fff);font-size:13px;cursor:pointer;transition:all .15s;width:100%;text-align:left}.pod-ytlearn-drawer-action:hover{background:#6366f126;border-color:#6366f14d}.pod-ytlearn-drawer-action-icon{font-size:16px;flex-shrink:0}.pod-ytlearn-drawer-explain{margin-top:12px;padding:10px 12px;background:#ffffff0d;border-radius:8px;font-size:13px;line-height:1.5;color:#ccc;max-height:300px;overflow-y:auto}.pod-ytlearn-drawer-explain-loading{color:#888;font-style:italic}.pod-ytlearn-drawer-explain-header{font-weight:600;color:#fff;margin-bottom:6px}.pod-ytlearn-drawer-explain-body p{margin:4px 0}.pod-ytlearn-drawer-explain-body strong{color:#e0e0e0}.pod-ytlearn-drawer-explain-error{color:#ef9a9a;font-size:12px}.pod-player-wrapper.mode-yt-learn{max-width:100%;position:relative}.pod-player-wrapper.mode-yt-learn #podRadioLearn,.pod-player-wrapper.mode-yt-learn #podPlayerCCBtn,.pod-player-wrapper.mode-yt-learn #podSubtitleToggle,.pod-player-wrapper.mode-yt-learn #podSubtitleOverlay{display:none!important}.pod-player-wrapper.mode-yt-learn #podSubtitlePanel{display:block!important;max-height:none!important;border-radius:0!important;margin:0!important;padding:12px 0!important;overflow-y:auto}.pod-player-wrapper.mode-yt-learn #podSubtitlePanel .pod-subtitle-cue{cursor:pointer}@media(min-width:800px){.pod-player-wrapper.mode-yt-learn{flex-direction:row;gap:0;padding:0}.pod-player-wrapper.mode-yt-learn .pod-player-header{position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);padding:8px 16px;pointer-events:none}.pod-player-wrapper.mode-yt-learn .pod-player-header>*{pointer-events:auto}.pod-player-wrapper.mode-yt-learn .pod-player-container{flex:0 0 35%;max-width:420px;min-width:220px;margin:0;border-radius:0;min-height:100%}.pod-player-wrapper.mode-yt-learn #podSubtitlePanel{flex:1;max-height:100%;margin:0;border-radius:0;border-left:1px solid rgba(255,255,255,.08);background:#000000d9}.pod-player-wrapper.mode-yt-learn #podSubtitleLoading,.pod-player-wrapper.mode-yt-learn #podSubtitleError{flex:1;margin:0}}@media(max-width:799px){.pod-player-wrapper.mode-yt-learn{flex-direction:column}.pod-player-wrapper.mode-yt-learn .pod-player-container{flex:0 0 35vh;max-height:50vh;min-height:15vh;max-width:100%;margin:0;border-radius:0;transition:flex-basis .1s ease}.pod-ytlearn-divider{flex:0 0 20px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;background:#ffffff08;position:relative;-webkit-user-select:none;user-select:none}.pod-ytlearn-divider:before{content:"";width:40px;height:4px;border-radius:2px;background:#ffffff40}.pod-ytlearn-divider:active:before,.pod-ytlearn-divider.dragging:before{background:#ffffff80;width:56px}.pod-player-wrapper.mode-yt-learn #podSubtitlePanel{flex:1;min-height:0;margin:0;border-radius:0;background:#000000d9}}@media(max-width:799px){.pod-ytlearn-drawer{top:auto;right:0;bottom:0;left:0;width:100%;height:50vh;transform:translateY(100%);border-left:none;border-top:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:16px 16px 0 0}.pod-ytlearn-drawer.open{transform:translateY(0)}}.pod-country-filters{display:flex;gap:6px;padding:6px 16px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.pod-country-filters.hidden{display:none}.pod-country-btn{flex-shrink:0;padding:4px 12px;border-radius:16px;font-size:12px;background:var(--bg-secondary, rgba(255, 255, 255, .08));border:1px solid var(--border, rgba(255, 255, 255, .12));color:var(--text-secondary, rgba(255, 255, 255, .7));cursor:pointer;transition:all .2s;white-space:nowrap}.pod-country-btn:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .12))}.pod-country-btn.active{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.pod-tile--external{cursor:pointer}.pod-tile--external:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.pod-tile-thumb--external{background:var(--bg-tertiary, rgba(255, 255, 255, .06));display:flex;align-items:center;justify-content:center}.pod-tile-external-icon{font-size:40px;filter:grayscale(.2)}.pod-tile--external .pod-tile-play{background:#3b82f6d9}.pod-tile--external .pod-tile-play:hover{background:#3b82f6}.pod-tile-country{position:absolute;bottom:6px;left:6px;font-size:10px;padding:2px 8px;background:#000000b3;border-radius:10px;color:#fff;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pod-tile-free-badge{position:absolute;top:6px;right:6px;font-size:12px;padding:2px 6px;background:#0009;border-radius:8px}.pod-tile-desc{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .45));margin-top:3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:480px){.pod-country-filters{padding:4px 10px;gap:4px}.pod-country-btn{font-size:11px;padding:3px 8px}.pod-tile-external-icon{font-size:32px}.pod-tile-desc{-webkit-line-clamp:1}}/**
* pod-subtitles.css — Dual subtitle styles for Podcast player
*
* Panel view: scrollable transcript below video
* Overlay view: floating subtitles over video bottom
* Toggle switch: panel ↔ overlay
*
* Font size: controlled via --pod-sub-font-size CSS variable (default 100%)
* Use + / - keys to adjust in 5% steps (range 70%–160%), persisted to localStorage.
*
* @license Copyright (c) 2026 Lanki
*/:root{--pod-sub-font-size: 100%}.pod-subtitle-panel{display:none;max-height:220px;overflow-y:auto;padding:0;margin:0 16px 16px;background:#000000d1;border-radius:0 0 12px 12px;color:#888;font-size:14px;line-height:1.6;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pod-subtitle-panel.visible{display:block}.pod-subtitle-panel::-webkit-scrollbar{width:6px}.pod-subtitle-panel::-webkit-scrollbar-track{background:transparent}.pod-subtitle-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.pod-subtitle-badge-bar{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 6px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px;position:sticky;top:0;z-index:2;background:#000000eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pod-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;letter-spacing:.02em;line-height:1.5;white-space:nowrap}.pod-badge-manual{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.25)}.pod-badge-auto{background:#ffb74d26;color:#ffb74d;border:1px solid rgba(255,183,77,.25)}.pod-badge-yt-full{background:#42a5f526;color:#64b5f6;border:1px solid rgba(66,165,245,.25)}.pod-badge-yt-partial{background:#42a5f51a;color:#64b5f6;border:1px solid rgba(66,165,245,.18)}.pod-badge-llm{background:#ce93d81f;color:#ce93d8;border:1px solid rgba(206,147,216,.2)}.pod-badge-clean{background:#81c7841f;color:#a5d6a7;border:1px solid rgba(129,199,132,.25);cursor:pointer;transition:background .15s,border-color .15s}.pod-badge-clean:hover{background:#81c78438;border-color:#81c78473}.pod-badge-cleaning{background:#81c78414;color:#a5d6a799;border:1px solid rgba(129,199,132,.15);animation:pod-badge-pulse 1.2s ease-in-out infinite}.pod-badge-cleaned{background:#81c7841a;color:#a5d6a780;border:1px solid rgba(129,199,132,.12)}@keyframes pod-badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.pod-subtitle-cue-native.youtube-native{color:#90caf9}.pod-subtitle-cue-native.llm-translated{color:#ce93d8}.pod-subtitle-cue-native.untranslated{color:#fff3;font-style:italic;min-height:0;cursor:pointer}.pod-subtitle-cue-native.untranslated:after{content:attr(data-i18n-hint);font-size:11px;font-style:italic;opacity:0;transition:opacity .2s}.pod-subtitle-cue:hover .pod-subtitle-cue-native.untranslated:after{opacity:1}.pod-subtitle-cue-native.untranslated.login-required:after{opacity:.7}.pod-subtitle-cue:hover .pod-subtitle-cue-native.untranslated.login-required:after{opacity:1}.pod-subtitle-cue-native.translation-arrived{animation:pod-translation-fade .4s ease;animation:pod-subtitle-fadein .4s ease-out}@keyframes pod-translation-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.pod-subtitle-overlay{display:none;position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:max-content;max-width:85%;text-align:left;z-index:10;pointer-events:none;user-select:none;-webkit-user-select:none}.pod-subtitle-overlay.visible{display:block}.pod-subtitle-overlay-drag-handle{height:8px;background:#ffffff1f;border-radius:6px 6px 0 0;cursor:grab;pointer-events:auto;margin:-6px -10px 6px;padding:0 10px;transition:background .2s ease}.pod-subtitle-overlay-drag-handle:hover{background:#ffffff40}.pod-subtitle-overlay-drag-handle:active{cursor:grabbing;background:#ffffff59}.pod-subtitle-overlay-drag-hint{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff80;white-space:nowrap;pointer-events:none;animation:pod-subtitle-hint-fade 3s ease-out forwards}@keyframes pod-subtitle-hint-fade{0%,60%{opacity:1}to{opacity:0}}.pod-subtitle-cue{padding:8px 16px;margin:2px 0;border-radius:6px;transition:background .2s ease;cursor:pointer;font-size:calc(15px * var(--pod-sub-font-size, 1));cursor:default;position:relative}.pod-subtitle-cue-learning{font-size:calc(15px * var(--pod-sub-font-size, 1));line-height:1.4;color:#f0f0f0}.pod-subtitle-cue-native{font-size:calc(13px * var(--pod-sub-font-size, 1));line-height:1.3;color:#ffffffa6;margin-top:4px;padding-top:5px;border-top:1px solid rgba(255,255,255,.12)}.pod-subtitle-cue.active{background:#ffffff12}.pod-subtitle-cue.active .pod-subtitle-cue-learning{color:#fff}.pod-subtitle-cue.active .pod-subtitle-cue-native{color:#fffc}.pod-subtitle-cue.unplayed{color:#666}.pod-subtitle-cue.played{color:#ffffffa6}.pod-subtitle-trans-btn{display:none;align-items:center;justify-content:center;width:32px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#ffffff80;font-size:14px;cursor:pointer;transition:all .2s ease;padding:0;margin:0 4px}.pod-subtitle-trans-btn:hover{background:#ffffff1a;color:#fffc}.pod-subtitle-trans-btn.active{color:#fffc;border-color:#ffffff4d}.pod-subtitle-overlay .pod-subtitle-cue{background:#000000c7;border-radius:8px;padding:10px 18px;display:inline-block;text-align:left;max-width:100%;vertical-align:bottom;pointer-events:none}.pod-subtitle-overlay .pod-subtitle-cue-learning{font-size:calc(17px * var(--pod-sub-font-size, 1));color:#fff;line-height:1.45}.pod-subtitle-overlay .pod-subtitle-cue-native{font-size:calc(14px * var(--pod-sub-font-size, 1));color:#ffffffb3;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.18);line-height:1.35}.pod-subtitle-toggle{display:none;align-items:center;gap:6px;margin:0 8px;font-size:12px;color:#ffffffb3;cursor:pointer;user-select:none;-webkit-user-select:none}.pod-subtitle-toggle.visible{display:flex}.pod-subtitle-toggle input[type=checkbox]{display:none}.pod-subtitle-toggle-track{position:relative;width:36px;height:20px;background:#fff3;border-radius:10px;transition:background .2s ease}.pod-subtitle-toggle input:checked+.pod-subtitle-toggle-track{background:var(--accent, #6366f1)}.pod-subtitle-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease}.pod-subtitle-toggle input:checked+.pod-subtitle-toggle-track .pod-subtitle-toggle-thumb{transform:translate(16px)}.pod-subtitle-toggle-label{white-space:nowrap}.pod-subtitle-loading{display:none;text-align:center;padding:16px;margin:0 16px 16px;color:#ffffff80;font-size:13px}.pod-subtitle-loading.visible{display:block}.pod-subtitle-loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff9;border-radius:50%;animation:pod-subtitle-spin .8s linear infinite;margin-left:8px;vertical-align:middle}@keyframes pod-subtitle-spin{to{transform:rotate(360deg)}}.pod-subtitle-error{display:none;text-align:center;padding:12px 16px;margin:0 16px 16px;background:#ffffff0d;border-radius:0 0 12px 12px;color:#fff6;font-size:13px}.pod-subtitle-error.visible{display:block}.pod-subtitle-cue-native:empty{display:none}@keyframes pod-subtitle-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pod-subtitle-translating{font-style:italic;opacity:.4}@media(max-width:600px){.pod-subtitle-panel{max-height:180px;margin:0;border-radius:0}.pod-subtitle-overlay{bottom:24px;max-width:90%}.pod-subtitle-overlay .pod-subtitle-cue-learning{font-size:calc(15px * var(--pod-sub-font-size, 1))}.pod-subtitle-overlay .pod-subtitle-cue-native{font-size:calc(12px * var(--pod-sub-font-size, 1))}.pod-subtitle-error,.pod-subtitle-loading{margin:0;border-radius:0}}.pod-subtitle-speaker-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;margin-right:6px;vertical-align:middle;letter-spacing:.3px;line-height:1.4}.pod-subtitle-speaker-S1{background:#4a90d94d;color:#7db8e8}.pod-subtitle-speaker-S2{background:#9b59b64d;color:#c39bd3}.pod-subtitle-cue[data-speaker=S1]{border-left:3px solid rgba(74,144,217,.4)}.pod-subtitle-cue[data-speaker=S2]{border-left:3px solid rgba(155,89,182,.4)}.pod-subtitle-cue-expand{margin-top:6px;padding:8px 10px;background:#ffffff0f;border-left:3px solid rgba(99,102,241,.5);border-radius:0 6px 6px 0}.pod-subtitle-expand-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pod-subtitle-expand-native{font-size:calc(13px * var(--pod-sub-font-size, 1));color:#b0b8c8;line-height:1.4}.pod-subtitle-cue-native-pending{color:var(--text-muted, #888);font-style:italic}.pod-subtitle-expand-actions{display:flex;gap:6px;margin-top:6px}.pod-subtitle-expand-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:var(--text-secondary, #e5e7eb);font-size:14px;cursor:pointer;transition:all .15s}.pod-subtitle-expand-action:hover{background:#ffffff1a;border-color:#ffffff4d}.pod-subtitle-cue.ai-cleaned{border-left:2px solid rgba(76,175,80,.35);background:#4caf500d;padding-left:10px;transition:background .3s,border-color .3s}.pod-subtitle-cue.ai-cleaned.active{border-left-color:#4caf5099;background:#4caf501a}.pod-subtitle-cue.ai-cleaned.merged-away{opacity:.45;font-style:italic}.pod-subtitle-cue.ai-cleaned.merged-away .pod-subtitle-cue-learning{color:#ffffff80}.song-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:10000001;align-items:center;justify-content:center}.song-modal.open{display:flex}.song-modal-content{background:var(--bg-primary, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 16px);width:100%;max-width:720px;max-height:85vh;overflow-y:auto;position:relative}.song-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:var(--bg-primary, #1a1a2e);z-index:1}.song-modal-title{font-size:var(--text-18px);font-weight:600;color:var(--text-primary, #fff)}.song-close-btn{background:none;border:none;color:var(--text-secondary, #aaa);font-size:var(--text-20px);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm, 8px);transition:background .2s}.song-close-btn:hover{background:#ffffff1a}.song-modal-body{padding:var(--space-4) var(--space-5)}.song-entry-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);margin:var(--space-4) 0}.song-entry-card{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--space-5) var(--space-4);border-radius:var(--rm-radius);border:2px solid var(--rm-border);background:var(--rm-surface-2);cursor:pointer;transition:all .2s ease;text-align:center}.song-entry-card:hover{border-color:var(--rm-accent);background:var(--rm-accent-light);transform:translateY(-1px)}.song-entry-card .card-icon{font-size:2rem}.song-entry-card .card-title{font-size:var(--text-16px);font-weight:600;color:var(--rm-text-primary)}.song-entry-card .card-desc{font-size:var(--text-12px);color:var(--rm-text-secondary)}.song-entry-card.offline{opacity:.5;cursor:not-allowed;pointer-events:none}.song-entry-card.offline .online-badge{display:block}.online-badge{display:none;font-size:11px;color:var(--rm-text-muted);margin-top:var(--space-2)}.real-song-selector{padding:var(--space-4)}.real-song-selector .search-header{margin-bottom:var(--space-4)}.real-song-selector .search-header h3{font-size:var(--text-16px);color:var(--rm-text-primary);margin:0 0 var(--space-2) 0}.real-song-selector .content-disclaimer{font-size:11px;color:var(--rm-text-muted);padding:var(--space-2) var(--space-3);background:var(--rm-surface-3);border-radius:var(--rm-radius-sm);margin-bottom:var(--space-3)}.song-search-bar{display:flex;gap:var(--gap-sm);margin-bottom:var(--space-4)}.song-search-bar input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);background:var(--rm-surface-1);color:var(--rm-text-primary);font-size:var(--text-14px);outline:none;transition:border-color .2s}.song-search-bar input:focus{border-color:var(--rm-accent);box-shadow:var(--shadow-focus)}.song-search-bar button{padding:var(--space-2) var(--space-4);background:var(--rm-accent);color:#fff;border:none;border-radius:var(--rm-radius-sm);font-size:var(--text-14px);cursor:pointer;white-space:nowrap;transition:opacity .2s}.song-search-bar button:hover{opacity:.9}.song-search-bar button:disabled{opacity:.5;cursor:not-allowed}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--gap-sm);margin-bottom:var(--space-4)}.artist-card{padding:var(--space-3);background:var(--rm-surface-2);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);cursor:pointer;text-align:center;font-size:var(--text-14px);color:var(--rm-text-primary);transition:all .15s ease;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1)}.artist-card:hover{background:var(--rm-accent-light);border-color:var(--rm-accent)}.artist-card.active{background:var(--rm-accent-medium);border-color:var(--rm-accent);font-weight:600}.song-mode-toggle{display:flex;gap:var(--gap-xs);margin-bottom:var(--space-4)}.song-mode-btn{flex:1;padding:var(--space-2) var(--space-3);background:var(--rm-surface-2);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);color:var(--rm-text-secondary);font-size:var(--text-13px);cursor:pointer;transition:all .15s ease}.song-mode-btn:hover{background:var(--rm-surface-3);color:var(--rm-text-primary)}.song-mode-btn.active{background:var(--rm-accent-medium);border-color:var(--rm-accent);color:var(--rm-accent);font-weight:600}.filter-tabs{display:flex;gap:var(--gap-xs, 4px);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--rm-border) transparent;-webkit-overflow-scrolling:touch}.filter-tabs::-webkit-scrollbar{height:4px}.filter-tabs::-webkit-scrollbar-track{background:transparent}.filter-tabs::-webkit-scrollbar-thumb{background:var(--rm-border);border-radius:2px}.filter-tab{flex-shrink:0;padding:4px 10px;font-size:12px;border:1px solid var(--rm-border);background:var(--rm-surface-2);color:var(--rm-text-secondary);border-radius:var(--rm-radius-sm, 6px);cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:28px;display:flex;align-items:center}.filter-tab:hover{background:var(--rm-surface-3);color:var(--rm-text-primary);border-color:var(--rm-accent)}.filter-tab.active{background:var(--rm-accent-medium);border-color:var(--rm-accent);color:var(--rm-accent);font-weight:600}.artist-card.expanded{background:var(--rm-accent-light);border-color:var(--rm-accent)}.artist-card-name{font-weight:600;font-size:var(--text-13px)}.artist-card-meta{font-size:var(--text-11px);color:var(--rm-text-secondary);font-style:italic}.artist-card-expand{font-size:var(--text-11px);color:var(--rm-accent);margin-top:var(--space-1)}.artist-songs{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3);width:100%}.artist-song-btn{width:100%;padding:var(--space-2) var(--space-3);background:var(--rm-surface-1);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm);color:var(--rm-text-primary);font-size:var(--text-12px);text-align:left;cursor:pointer;transition:background .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-song-btn:hover{background:var(--rm-accent-light);border-color:var(--rm-accent)}.song-results-list{max-height:400px;overflow-y:auto;border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm)}.song-result-item{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rm-border);cursor:pointer;transition:background .15s;min-height:44px}.song-result-item:last-child{border-bottom:none}.song-result-item:hover{background:var(--rm-accent-light)}.song-result-item .result-info{flex:1;min-width:0}.song-result-item .result-track{font-size:var(--text-14px);font-weight:500;color:var(--rm-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-result-item .result-artist{font-size:var(--text-12px);color:var(--rm-text-secondary)}.song-result-item .result-duration{font-size:var(--text-12px);color:var(--rm-text-muted);white-space:nowrap}.song-result-item .synced-badge{font-size:10px;padding:2px 6px;background:var(--rm-accent-light);color:var(--rm-accent);border-radius:var(--radius-full);white-space:nowrap}.real-song-lyrics{padding:0;display:flex;flex-direction:column;min-height:400px}.lyrics-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rm-border);background:var(--rm-surface-2)}.lyrics-song-info h4{font-size:var(--text-16px);color:var(--rm-text-primary);margin:0}.lyrics-song-info .song-meta{font-size:var(--text-12px);color:var(--rm-text-secondary)}.song-lyrics-display{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);overflow-y:auto;scroll-behavior:smooth;background:linear-gradient(180deg,var(--rm-surface-2) 0%,var(--rm-bg) 100%)}.lyrics-line{padding:var(--space-2) var(--space-4);margin:2px 0;border-radius:var(--rm-radius);font-size:var(--text-18px);line-height:1.8;color:var(--rm-text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:center;max-width:600px;width:100%;position:relative}.lyrics-line:hover{color:var(--rm-text-primary);background:#ffffff0d;transform:scale(1.01)}.lyrics-line.active{color:var(--rm-accent)!important;background:transparent;font-weight:700;font-size:var(--text-22px);text-shadow:0 0 30px var(--rm-accent);transform:scale(1.05)}.lyrics-line.active:before{content:"♪";position:absolute;left:-24px;top:50%;transform:translateY(-50%);color:var(--rm-accent);font-size:14px;animation:pulseNote 1.5s ease-in-out infinite}@keyframes pulseNote{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.song-lyrics-display:before,.song-lyrics-display:after{content:"";position:sticky;left:0;right:0;height:40px;pointer-events:none;z-index:1}.song-lyrics-display:before{top:0;background:linear-gradient(to bottom,var(--rm-bg),transparent)}.song-lyrics-display:after{bottom:0;background:linear-gradient(to top,var(--rm-bg),transparent)}.bilingual-lyrics{display:flex;flex-direction:column;gap:var(--gap-sm)}.bilingual-pair{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);border-radius:var(--rm-radius);margin-bottom:var(--space-3);max-width:600px;width:100%;align-self:center;background:#ffffff08;border-bottom:1px solid var(--rm-border);transition:all .3s ease}.bilingual-pair:hover{background:#ffffff0f}.bilingual-pair .original{font-size:var(--text-18px);color:var(--rm-text-primary);line-height:1.8;margin-bottom:var(--space-2);text-align:center}.bilingual-pair .translation{font-size:var(--text-14px);color:var(--rm-text-secondary);line-height:1.6;text-align:center;font-style:italic;padding:0;border:none}.bilingual-pair.active .original{color:var(--rm-accent);font-weight:700;font-size:var(--text-20px)}.bilingual-pair.active{background:transparent;border:none;border-left:none}.inline-translation{padding:4px 12px 8px 20px;color:var(--rm-text-secondary);font-size:.9em;font-style:italic;line-height:1.5;border-left:2px solid var(--rm-accent);margin-left:12px;margin-bottom:4px;animation:fadeInTranslate .25s ease}.inline-translation.loading{color:var(--rm-text-tertiary);font-style:normal}.inline-translation.error{color:#e74c3c;font-style:normal;border-left-color:#e74c3c}@keyframes fadeInTranslate{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.youtube-container{margin:var(--space-4) 0;border-radius:var(--rm-radius-sm);overflow:hidden;background:#000}.youtube-container iframe{width:100%;aspect-ratio:16 / 9;border:none;display:block}.youtube-fallback{padding:var(--space-4);text-align:center;background:var(--rm-surface-2);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm)}.youtube-fallback a{display:inline-block;padding:var(--space-2) var(--space-4);background:red;color:#fff;text-decoration:none;border-radius:var(--rm-radius-sm);font-size:var(--text-14px);font-weight:500;transition:opacity .2s}.youtube-fallback a:hover{opacity:.85}.youtube-fallback .fallback-text{font-size:var(--text-12px);color:var(--rm-text-muted);margin-bottom:var(--space-2)}.youtube-mobile-fallback{padding:var(--space-4);text-align:center;background:var(--rm-surface-2);border:1px solid var(--rm-border);border-radius:var(--rm-radius-sm)}.youtube-mobile-fallback .fallback-text{font-size:var(--text-13px);color:var(--rm-text-muted);margin-bottom:var(--space-3)}.mobile-fallback-btns{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.mobile-fallback-btn{display:inline-block;padding:10px 20px;border-radius:var(--rm-radius-sm);font-size:var(--text-14px);font-weight:500;text-decoration:none;cursor:pointer;border:none;width:100%;max-width:260px;text-align:center;transition:opacity .2s}.mobile-fallback-btn:hover{opacity:.85}.mobile-fallback-btn.primary{background:red;color:#fff}.mobile-fallback-btn.secondary{background:var(--rm-surface-1);color:var(--rm-text);border:1px solid var(--rm-border)}.song-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);gap:var(--gap-sm)}.song-loading .spinner{width:32px;height:32px;border:3px solid var(--rm-border);border-top-color:var(--rm-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.song-loading p{color:var(--rm-text-secondary);font-size:var(--text-14px)}.song-error{padding:var(--space-5) var(--space-4);text-align:center}.song-error .error-icon{font-size:2rem;margin-bottom:var(--space-2)}.song-error .error-message{color:var(--rm-text-secondary);font-size:var(--text-14px);margin-bottom:var(--space-3)}.song-error .error-retry{padding:var(--space-2) var(--space-4);background:var(--rm-accent);color:#fff;border:none;border-radius:var(--rm-radius-sm);cursor:pointer;font-size:var(--text-14px);transition:opacity .2s}.song-error .error-retry:hover{opacity:.85}.song-empty{padding:var(--space-5) var(--space-4);text-align:center}.song-empty .empty-icon{font-size:2rem;margin-bottom:var(--space-2)}.song-empty .empty-message{color:var(--rm-text-secondary);font-size:var(--text-14px)}.song-section-divider{display:flex;align-items:center;gap:var(--gap-sm);margin:var(--space-3) 0;color:var(--rm-text-muted);font-size:var(--text-12px)}.song-section-divider:before,.song-section-divider:after{content:"";flex:1;height:1px;background:var(--rm-border)}@media(max-width:768px){.song-modal.open{align-items:stretch;justify-content:stretch}.song-modal-content{max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column}.song-modal-header{flex-shrink:0;border-radius:0}.song-modal-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.song-entry-cards{grid-template-columns:1fr}.bilingual-lyrics{flex-direction:column}.bilingual-column .column-label{cursor:pointer;-webkit-user-select:none;user-select:none}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.song-results-list{max-height:300px}.lyrics-controls{flex-wrap:wrap}.lyrics-toggle-btn{flex:1;min-width:calc(50% - 4px);text-align:center}.add-song-input-row{flex-direction:column}.add-song-fetch-btn{width:100%}.custom-songs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:420px){.song-search-bar{flex-direction:column}.song-search-bar button{width:100%}.artist-grid{grid-template-columns:repeat(2,1fr)}.lyrics-header{flex-direction:column;align-items:flex-start}}.curated-songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3, 8px);margin:var(--space-2, 6px) 0}.curated-song-card{background:var(--rm-surface-2, rgba(255, 255, 255, .06));border:1px solid var(--rm-border, rgba(255, 255, 255, .1));border-radius:var(--rm-radius-sm, 8px);padding:var(--space-3, 8px) var(--space-3, 8px);cursor:pointer;transition:background .15s,border-color .15s}.curated-song-card:hover{background:var(--rm-surface-3, rgba(255, 255, 255, .1));border-color:var(--rm-accent, #6c5ce7)}.curated-song-title{font-size:var(--text-14px, 14px);font-weight:600;color:var(--rm-text, #e2e8f0);margin-bottom:2px}.curated-song-meta{font-size:var(--text-12px, 12px);color:var(--rm-text-muted, #94a3b8)}.curated-badge{display:inline-block;font-size:10px;padding:1px 6px;background:#6c5ce726;color:var(--rm-accent, #6c5ce7);border-radius:4px;margin-top:4px}.add-youtube-song-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2, 6px);width:100%;padding:var(--space-3, 10px) var(--space-4, 14px);background:linear-gradient(135deg,#ff00501f,#ff000014);border:1px dashed rgba(255,0,80,.4);border-radius:var(--rm-radius-sm, 8px);color:#ff5070;font-size:var(--text-14px, 14px);font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-3, 8px)}.add-youtube-song-btn:hover{background:linear-gradient(135deg,#ff005033,#ff000024);border-color:#ff5070;transform:translateY(-1px)}.add-yt-icon{font-size:1.2em}.custom-songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3, 8px);margin:var(--space-2, 6px) 0 var(--space-4, 14px) 0}.custom-song-card{background:var(--rm-surface-2, rgba(255, 255, 255, .06));border:1px solid rgba(255,80,112,.2);border-radius:var(--rm-radius-sm, 8px);padding:var(--space-3, 8px) var(--space-3, 8px);cursor:pointer;transition:background .15s,border-color .15s;position:relative}.custom-song-card:hover{background:var(--rm-surface-3, rgba(255, 255, 255, .1));border-color:#ff5070}.custom-song-title{font-size:var(--text-14px, 14px);font-weight:600;color:var(--rm-text, #e2e8f0);margin-bottom:2px;padding-right:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-song-meta{font-size:var(--text-12px, 12px);color:var(--rm-text-muted, #94a3b8)}.custom-song-badge{display:inline-block;font-size:10px;padding:1px 6px;background:#ff507026;color:#ff5070;border-radius:4px;margin-left:6px;vertical-align:middle}.custom-song-delete{position:absolute;top:6px;right:6px;background:none;border:none;color:var(--rm-text-muted, #94a3b8);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:4px;opacity:0;transition:all .15s}.custom-song-card:hover .custom-song-delete{opacity:1}.custom-song-delete:hover{color:#ef4444;background:#ef44441a}.add-song-panel{padding:var(--space-4, 14px);max-width:500px;margin:0 auto}.add-song-back-btn{background:none;border:none;color:var(--rm-accent, #6c5ce7);font-size:var(--text-14px, 14px);cursor:pointer;padding:var(--space-2, 6px) 0;margin-bottom:var(--space-4, 14px);transition:opacity .15s}.add-song-back-btn:hover{opacity:.8}.add-song-header{text-align:center;margin-bottom:var(--space-5, 18px)}.add-song-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-2, 6px)}.add-song-header h3{font-size:var(--text-20px, 20px);font-weight:700;color:var(--rm-text-primary, #e2e8f0);margin:0 0 var(--space-2, 6px) 0}.add-song-desc{font-size:var(--text-14px, 14px);color:var(--rm-text-secondary, #94a3b8);line-height:1.5}.add-song-input-row{display:flex;gap:var(--gap-sm, 8px);margin-bottom:var(--space-4, 14px)}.add-song-url-input{flex:1;padding:12px 14px;border:1px solid var(--rm-border, rgba(255, 255, 255, .1));border-radius:var(--rm-radius-sm, 8px);background:var(--rm-surface-1, rgba(0, 0, 0, .3));color:var(--rm-text-primary, #e2e8f0);font-size:16px;outline:none;transition:border-color .2s}.add-song-url-input:focus{border-color:#ff5070;box-shadow:0 0 0 2px #ff507026}.add-song-url-input::placeholder{color:var(--rm-text-muted, #64748b)}.add-song-fetch-btn{padding:12px 20px;background:linear-gradient(135deg,#ff5070,#ff3040);color:#fff;border:none;border-radius:var(--rm-radius-sm, 8px);font-size:var(--text-14px, 14px);font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.add-song-fetch-btn:hover{opacity:.9;transform:translateY(-1px)}.add-song-fetch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-song-error{padding:var(--space-4, 14px);text-align:center;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--rm-radius-sm, 8px);margin-top:var(--space-3, 8px)}.add-song-error p{color:var(--rm-text-secondary, #e2e8f0);font-size:var(--text-14px, 14px);margin:0 0 var(--space-2, 6px) 0}.add-song-error-hint{font-size:var(--text-12px, 12px)!important;color:var(--rm-text-muted, #94a3b8)!important}.add-song-error .error-retry{margin-top:var(--space-2, 6px);padding:var(--space-2, 6px) var(--space-3, 10px);background:var(--rm-accent, #6c5ce7);color:#fff;border:none;border-radius:var(--rm-radius-sm, 8px);font-size:var(--text-13px, 13px);cursor:pointer;transition:opacity .15s}.add-song-error .error-retry:hover{opacity:.85}.add-song-tips{margin-top:var(--space-5, 18px);padding:var(--space-3, 8px) var(--space-4, 14px);background:var(--rm-surface-2, rgba(255, 255, 255, .04));border-radius:var(--rm-radius-sm, 8px);font-size:var(--text-12px, 12px);color:var(--rm-text-muted, #94a3b8);line-height:1.6}.add-song-tips p{margin:0 0 var(--space-2, 6px) 0;color:var(--rm-text-secondary, #e2e8f0)}.add-song-tips ul{margin:0;padding-left:18px}.add-song-tips li{margin-bottom:2px}.sc-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);padding:var(--space-6, 24px);color:var(--rm-text-secondary, #e2e8f0)}.sc-loading .spinner{width:32px;height:32px;border:3px solid var(--rm-border, rgba(255,255,255,.15));border-top-color:var(--color-primary, #4361ee);border-radius:50%;animation:sc-spin .8s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc-error{text-align:center;padding:var(--space-6, 24px);color:var(--rm-text-secondary, #e2e8f0)}.sc-exercise{padding:var(--space-4, 16px) 0}.sc-progress{text-align:center;font-size:13px;color:var(--rm-text-secondary, #e2e8f0);margin-bottom:var(--space-4, 16px)}.sc-line-container{text-align:center;margin-bottom:var(--space-5, 20px)}.sc-line-label{font-size:14px;color:var(--rm-text-secondary, #e2e8f0);margin-bottom:var(--space-2, 8px)}.sc-line-text{font-size:20px;font-weight:600;color:var(--rm-text-primary, #fff);font-style:italic;line-height:1.5;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--rm-bg-hover, rgba(255,255,255,.05));border-radius:var(--radius-md, 10px);border-left:3px solid var(--color-primary, #4361ee)}.sc-options{display:flex;flex-direction:column;gap:var(--space-2, 8px);max-width:480px;margin:0 auto}.sc-option-btn{width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--rm-bg-secondary, rgba(255,255,255,.06));border:1px solid var(--rm-border, rgba(255,255,255,.12));border-radius:var(--radius-md, 10px);color:var(--rm-text-primary, #fff);font-size:15px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s;line-height:1.4}.sc-option-btn:hover:not(:disabled){background:var(--rm-bg-hover, rgba(255,255,255,.1));border-color:var(--color-primary, #4361ee)}.sc-option-btn:active:not(:disabled){transform:scale(.98)}.sc-option-btn:disabled{cursor:default;opacity:.7}.sc-option-btn.sc-correct{background:#22c55e33;border-color:#22c55e;color:#4ade80;opacity:1}.sc-option-btn.sc-wrong{background:#ef444433;border-color:#ef4444;color:#f87171;opacity:1}.sc-feedback{text-align:center;margin-top:var(--space-4, 16px);font-size:16px;font-weight:600}.sc-feedback-correct{color:#4ade80}.sc-feedback-wrong{color:#f87171}.sc-next{text-align:center;margin-top:var(--space-4, 16px)}.sc-next-btn{padding:var(--space-2, 8px) var(--space-5, 20px);background:var(--color-primary, #4361ee);color:#fff;border:none;border-radius:var(--radius-md, 10px);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.sc-next-btn:hover{opacity:.9}.sc-summary{text-align:center;padding:var(--space-6, 24px)}.sc-summary-icon{font-size:48px;margin-bottom:var(--space-3, 12px)}.sc-summary-score{font-size:22px;font-weight:700;color:var(--rm-text-primary, #fff);margin-bottom:var(--space-5, 20px)}.sc-summary-actions{display:flex;gap:var(--space-3, 12px);justify-content:center;flex-wrap:wrap}.sc-action-btn{padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-md, 10px);font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--rm-border, rgba(255,255,255,.12));transition:background .15s,opacity .15s}.sc-more-btn{background:var(--color-primary, #4361ee);color:#fff;border-color:var(--color-primary, #4361ee)}.sc-more-btn:hover{opacity:.9}.sc-back-btn{background:transparent;color:var(--rm-text-secondary, #e2e8f0)}.sc-back-btn:hover{background:var(--rm-bg-hover, rgba(255,255,255,.06))}@media(max-width:640px){.sc-line-text{font-size:17px}.sc-option-btn{font-size:14px;padding:var(--space-2, 8px) var(--space-3, 12px)}.sc-summary-actions{flex-direction:column}.sc-action-btn{width:100%}}.admin-tab.active{color:var(--color-primary, #6366f1);border-bottom:2px solid var(--color-primary, #6366f1)}.mobile-drawer-admin-btn{width:100%;padding:12px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-drawer-admin-btn:hover{opacity:.9}.avatar-container{position:fixed;bottom:80px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;transition:opacity .4s ease,transform .15s ease;will-change:transform,opacity}.avatar-container.avatar-position-bottom-right{right:20px}.avatar-container.avatar-position-bottom-left{left:20px}.avatar-container.avatar-hidden{display:none}#avatarContainer2{width:200px;height:260px}#avatarContainer2 canvas{width:100%!important;height:100%!important}.avatar-canvas-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000004d;border:2px solid rgba(255,255,255,.2);animation:avatar-breathe 3.5s ease-in-out infinite;transition:border-radius .4s ease,width .4s ease,height .4s ease,border-color .3s ease,box-shadow .3s ease;will-change:border-radius,width,height}.avatar-canvas-wrap.speaking,.avatar-container.avatar-speaking .avatar-canvas-wrap{border-color:#63b3ed99;box-shadow:0 0 20px #63b3ed33,0 4px 24px #63b3ed4d}.avatar-container.avatar-waking{opacity:0}.avatar-canvas{display:block;position:absolute;top:0;left:0;border-radius:16px;transition:opacity .4s ease}.avatar-idle-video{position:absolute;top:0;left:0;object-fit:cover;border-radius:16px;transition:opacity .4s ease}.avatar-name{font-size:11px;color:var(--text-secondary, #999);background:#00000080;padding:2px 8px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;transition:opacity .3s ease}[data-theme=dark] .avatar-canvas-wrap{border-color:#ffffff1a;box-shadow:0 4px 20px #00000080}[data-theme=dark] .avatar-canvas-wrap.speaking,[data-theme=dark] .avatar-container.avatar-speaking .avatar-canvas-wrap{border-color:#63b3ed66;box-shadow:0 0 16px #63b3ed26,0 4px 20px #63b3ed33}[data-theme=amoled] .avatar-canvas-wrap{border-color:#ffffff0d;box-shadow:0 2px 10px #0009}[data-theme=amoled] .avatar-canvas-wrap.speaking,[data-theme=amoled] .avatar-container.avatar-speaking .avatar-canvas-wrap{border-color:#63b3ed4d;box-shadow:0 0 10px #63b3ed1a,0 2px 10px #63b3ed26}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.003)}}@keyframes avatar-wake-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes avatar-gesture-in{0%{transform:scale(1)}to{transform:scale(1.05)}}.avatar-container.avatar-waking-up{animation:avatar-wake-fade .4s ease forwards}.avatar-container.avatar-gesture .avatar-canvas-wrap{animation:avatar-gesture-in .4s ease forwards}@media(max-width:768px){.avatar-container{bottom:70px}.avatar-container.avatar-position-bottom-right{right:10px}.avatar-container.avatar-position-bottom-left{left:10px}}@media(max-width:480px){.avatar-container{bottom:60px}.avatar-name{font-size:10px;padding:1px 6px}}.avatar-compare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.avatar-compare-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.avatar-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:620px;width:100%}.avatar-compare-cell{width:100%;max-width:180px;aspect-ratio:3 / 4;border:2px solid rgba(255,255,255,.15);border-radius:16px;background:#1e1e1ee6;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.avatar-compare-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;color:#ffffffb3;background:#0009;padding:4px 8px;border-radius:0 0 14px 14px;z-index:2}.avatar-compare-cell canvas{width:100%!important;height:100%!important;display:block}.avatar-compare-cell .avatar-compare-th{width:100%;height:100%;background:linear-gradient(180deg,#e8e0dc,#ddd5d0,#d0c8c2,#c4bbb5,#b8afa8,#ada59e);border-radius:0;overflow:hidden}.avatar-compare-cell .avatar-compare-th canvas{width:100%!important;height:100%!important;object-fit:cover}.avatar-compare-cell .avatar-canvas-wrap{width:100%!important;height:100%!important;position:absolute;top:0;left:0;border-radius:0;border:none;box-shadow:none}.avatar-compare-cell .avatar-canvas-wrap canvas{width:100%!important;height:100%!important}.avatar-compare-cell .avatar-canvas-wrap video{width:100%!important;height:100%!important}.avatar-compare-cell.speaking{border-color:#63b3ed99;box-shadow:0 0 15px #63b3ed40}body.avatar-compare-active>*:not(.avatar-compare-overlay){display:none!important}@media(max-width:800px)and (min-width:601px){.avatar-compare-grid{grid-template-columns:1fr 1fr;max-width:420px}}@media(max-width:600px){.avatar-compare-grid{grid-template-columns:1fr;gap:12px;max-width:320px}.avatar-compare-cell{max-width:280px}}.avatar-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:as-fade-in .2s ease}@keyframes as-fade-in{0%{opacity:0}to{opacity:1}}.as-modal{background:var(--bg-primary, #fff);border-radius:16px;width:420px;max-width:95vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;color:var(--color-text-main, #111)}.as-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}.as-header h3{margin:0;font-size:18px;font-weight:600}.as-close-btn{background:none;border:none;font-size:22px;cursor:pointer;color:var(--color-text-secondary, #6b7280);padding:4px 8px;border-radius:8px;transition:background .15s}.as-close-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .05))}.as-body{padding:16px 20px}.as-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06))}.as-section:last-of-type{border-bottom:none}.as-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);margin:0 0 10px}.as-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;cursor:pointer}.as-toggle-label{font-size:14px;font-weight:500}.as-hint{font-size:12px;color:var(--color-text-secondary, #6b7280);margin:4px 0 0}.as-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;background:var(--bg-hover, #d1d5db);border-radius:12px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.as-toggle:checked{background:var(--color-primary, #6366f1)}.as-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.as-toggle:checked:after{transform:translate(18px)}.as-char-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.as-char-card{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;border:2px solid var(--color-border, rgba(0, 0, 0, .08));cursor:pointer;transition:all .2s ease}.as-char-card:hover{border-color:var(--color-primary, #6366f1);background:var(--bg-hover, rgba(99, 102, 241, .05))}.as-char-card.as-char-selected{border-color:var(--color-primary, #6366f1);background:#6366f11a;box-shadow:0 0 0 1px var(--color-primary, #6366f1)}.as-char-avatar{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;margin-bottom:8px;background:var(--bg-hover, #e5e7eb)}.as-char-avatar img{width:100%;height:100%;object-fit:cover}.as-char-type-badge{position:absolute;top:-2px;right:-2px;font-size:8px;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:4px;line-height:1.4;color:#fff;z-index:2;pointer-events:none}.as-badge-mesh{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 1px 4px #6366f166}.as-badge-video{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 1px 4px #f59e0b66}.as-char-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--color-primary, #6366f1)}.as-char-name{font-size:14px;font-weight:600}.as-char-meta{font-size:11px;color:var(--color-text-secondary, #6b7280)}.as-option-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.as-option-label{font-size:14px;font-weight:500}.as-btn-group{display:flex;gap:4px}.as-opt-btn{padding:6px 16px;font-size:13px;font-weight:500;border:1px solid var(--color-border, rgba(0, 0, 0, .12));border-radius:8px;background:var(--bg-secondary, #f9fafb);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s}.as-opt-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .05))}.as-opt-btn.as-opt-active{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1)}.as-disabled{opacity:.4;pointer-events:none}.as-info{margin-top:12px;padding:12px;border-radius:10px;background:var(--bg-secondary, #f3f4f6);font-size:12px;color:var(--color-text-secondary, #6b7280);line-height:1.6}.as-info p{margin:0 0 4px}.as-info p:last-child{margin-bottom:0}body.dark .as-modal{background:var(--surface-1, #12121a);color:var(--color-text-main, #fafafa)}@media(max-width:480px){.as-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}}.image-search-ui{display:flex;flex-direction:column;gap:12px;width:100%}.image-search-bar{display:flex;align-items:center;gap:8px;padding:0}.image-search-input{flex:1;padding:10px 14px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:14px;background:var(--input-bg, #fff);color:var(--text-primary, #222);outline:none;transition:border-color .2s}.image-search-input:focus{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 3px #6366f126}.image-search-input::placeholder{color:var(--text-muted, #999)}.image-search-btn{padding:10px 16px;border:none;border-radius:8px;background:var(--accent-color, #6366f1);color:#fff;font-size:16px;cursor:pointer;transition:opacity .2s,transform .1s}.image-search-btn:hover{opacity:.9}.image-search-btn:active{transform:scale(.96)}.image-search-btn:disabled{opacity:.5;cursor:not-allowed}.image-search-credit-hint{font-size:11px;color:var(--text-muted, #999);white-space:nowrap}.image-search-status{font-size:12px;min-height:18px;transition:color .2s}.image-search-status.loading{color:var(--text-secondary, #666)}.image-search-status.success{color:var(--success-color, #22c55e)}.image-search-status.error{color:var(--error-color, #ef4444)}.image-search-grid{display:grid;gap:8px;width:100%}.image-search-empty{grid-column:1 / -1;text-align:center;padding:32px;color:var(--text-muted, #999);font-size:14px}.image-search-card{position:relative;border-radius:8px;overflow:hidden;background:var(--card-bg, #f5f5f5);border:1px solid var(--border-color, #e5e5e5);transition:transform .2s,box-shadow .2s}.image-search-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-search-thumb-wrapper{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--card-bg, #f0f0f0)}.image-search-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.image-search-card:hover .image-search-thumb{transform:scale(1.05)}.image-search-label{padding:6px 8px;font-size:11px;color:var(--text-secondary, #555);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--card-bg, #fafafa)}@media(max-width:640px){.image-search-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px}.image-search-label{font-size:10px;padding:4px 6px}.image-search-credit-hint{display:none}.image-search-input{padding:8px 12px;font-size:13px}.image-search-btn{padding:8px 12px}}body.dark .image-search-card{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .06))}body.dark .image-search-label{background:var(--surface-2, #1a1a24);color:var(--color-text-secondary, #a1a1aa)}body.dark .image-search-input{background:var(--surface-2, #1a1a24);border-color:var(--color-border, rgba(255, 255, 255, .08));color:var(--color-text-main, #fafafa)}body.dark .image-search-thumb-wrapper{background:var(--surface-3, #242430)}.word-image-preview{display:none;justify-content:center;align-items:center;min-height:72px;padding:4px 0 8px}.word-image-preview.has-image{display:flex}.img-preview-thumb{display:inline-flex;align-items:center}.img-preview-thumb-img{display:block;transition:opacity .2s,transform .2s}.img-preview-thumb-img:hover{opacity:1!important;transform:scale(1.1)}.image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999999;cursor:zoom-out}.image-lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #0006}.image-lightbox-overlay .lightbox-source{position:absolute;bottom:16px;font-size:11px;color:#fff9;text-align:center;width:100%;left:0}