.landing-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-6);transition:background-color var(--transition-slow)}.landing-theme-dark{background-color:#0a0a0a;color:var(--color-text-primary)}.landing-theme-danger{background:radial-gradient(circle at center,#1a0a0a,#0a0a0a);color:var(--color-danger-light)}.landing-theme-info{background:radial-gradient(circle at center,#0a1020,#0a0a0a);color:var(--color-info-light)}.landing-theme-success{background:radial-gradient(circle at center,#0a1a0a,#0a0a0a);color:var(--color-success-light)}.landing-theme-gradient{background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);color:var(--color-text-primary)}.landing-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,var(--color-primary-start) 0%,transparent 70%);opacity:.1;animation:pulse 4s ease-in-out infinite;pointer-events:none;z-index:0}.landing-skip{position:absolute;top:max(var(--space-4),var(--safe-area-top));right:var(--space-4);background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);z-index:10}.landing-skip:hover,.landing-skip:active{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);color:var(--color-text-primary);transform:scale(1.05)}.landing-progress{position:absolute;top:50%;right:var(--space-6);transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-3);z-index:10}.landing-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-primary);transition:all var(--transition-base)}.landing-progress-dot.active{background:var(--color-primary-start);box-shadow:0 0 12px var(--color-primary-start);transform:scale(1.5)}.landing-progress-dot.completed{background:var(--color-primary-end)}.landing-content{max-width:600px;width:100%;text-align:center;z-index:5;position:relative}.landing-phase{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.landing-icon{font-size:clamp(4rem,10vw,8rem);filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));-webkit-user-select:none;user-select:none}.landing-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);letter-spacing:-.03em;margin:0;text-transform:uppercase;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-text{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text-primary);margin:0;max-width:500px}.landing-subtext{font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-secondary);margin:0;font-style:italic}.landing-cta{margin-top:var(--space-8);padding:var(--space-5) var(--space-10);font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xl);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.landing-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.2) 100%);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity var(--transition-base)}.landing-cta:hover:before,.landing-cta:active:before{opacity:1}.landing-cta:hover,.landing-cta:active{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-2xl),var(--shadow-glow)}.landing-replay{margin-top:var(--space-4);background:transparent;border:none;color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);padding:var(--space-2) var(--space-4)}.landing-replay:hover,.landing-replay:active{color:var(--color-text-primary);transform:scale(1.1)}@media(max-width:640px){.landing-progress{top:auto;bottom:max(var(--space-6),var(--safe-area-bottom));left:50%;right:auto;transform:translate(-50%);flex-direction:row}.landing-icon{font-size:clamp(3rem,15vw,6rem)}.landing-cta{width:100%;max-width:320px}}@media(prefers-reduced-motion:reduce){.landing-bg-gradient,.landing-icon{animation:none}.landing-cta:before{animation:none}}.dashboard-container{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-20) + var(--safe-area-bottom))}.dashboard-hero{margin-bottom:var(--space-8)}.dashboard-greeting h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2);color:var(--color-text-primary)}.dashboard-greeting p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.dashboard-band-score{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.band-score-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.band-score-value{font-size:clamp(3rem,10vw,4rem);font-weight:var(--font-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-2)}.band-score-target{font-size:var(--text-sm);color:var(--color-text-secondary)}.dashboard-xp-section{margin-bottom:var(--space-6)}.xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.xp-label{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.xp-value{font-size:var(--text-sm);color:var(--color-text-secondary)}.xp-bar{height:var(--progress-height-lg);background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 0 12px var(--color-primary-start);position:relative}.xp-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.xp-percentage{text-align:right;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-primary-start)}.stat-icon-fire{color:var(--color-warning)}.stat-icon-trophy{color:var(--color-success)}.stat-content{text-align:center}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.dashboard-modules{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.module-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.module-card:hover:before{opacity:1}.module-card:hover{border-color:var(--color-primary-start);box-shadow:var(--shadow-xl),0 0 20px #667eea33}.module-card.locked{cursor:not-allowed;opacity:.6;filter:grayscale(50%)}.module-card.locked:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--glass-border)}.module-card.completed{border-color:var(--color-success)}.module-card.completed:before{background:linear-gradient(90deg,var(--color-success),var(--color-success-light));opacity:1}.module-lock-overlay{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2}.lock-icon{font-size:var(--text-xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.module-complete-badge{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);box-shadow:var(--shadow-lg);z-index:2}.module-icon{font-size:3rem;margin-bottom:var(--space-4);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.module-info{display:flex;flex-direction:column;gap:var(--space-3)}.module-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.module-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-normal)}.module-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-text-tertiary)}.module-duration{display:flex;align-items:center;gap:var(--space-1)}.xp-badge{background:var(--gradient-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.module-progress{display:flex;align-items:center;gap:var(--space-2)}.module-progress-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.module-progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.module-progress-text{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium);min-width:35px;text-align:right}@media(max-width:768px){.modules-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(3,1fr)}.stat-card{padding:var(--space-3)}.stat-icon{width:40px;height:40px}.stat-value{font-size:var(--text-xl)}}.time-management-module{width:100%}.theory-content{max-width:700px;margin:0 auto}.theory-title{font-size:var(--text-3xl);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-6)}.theory-intro{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-8)}.theory-intro p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-primary);margin:0}.theory-section{margin-bottom:var(--space-10)}.theory-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-5)}.pain-point-section h3{color:var(--color-danger)}.pain-point-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);padding:var(--space-5)}.pain-point-card h4{color:var(--color-danger-light);margin-bottom:var(--space-3)}.pain-point-card ul{margin:var(--space-4) 0;padding-left:var(--space-5)}.pain-point-card li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.stat-highlight{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.stat-highlight strong{color:var(--color-warning);display:block;margin-bottom:var(--space-1)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card-theory{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-number{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-start);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.insight-box{background:var(--color-bg-secondary);border-left:4px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.strategy-breakdown{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.strategy-breakdown h4{color:var(--color-text-primary);margin-bottom:var(--space-5)}.passage-timeline{display:flex;flex-direction:column;gap:var(--space-5)}.timeline-item{display:flex;gap:var(--space-4);align-items:flex-start}.timeline-marker{min-width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-xl);color:#fff}.timeline-marker.passage-1{background:linear-gradient(135deg,#10b981,#34d399)}.timeline-marker.passage-2{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.timeline-marker.passage-3{background:linear-gradient(135deg,#ef4444,#f87171)}.timeline-content strong{display:block;color:var(--color-text-primary);margin-bottom:var(--space-2)}.timeline-content p{color:var(--color-text-secondary);margin:0}.strategy-tips{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5)}.strategy-tips h4{color:var(--color-text-primary);margin-bottom:var(--space-4)}.technique-list{list-style:none;padding:0}.technique-list li{padding:var(--space-3);margin-bottom:var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.technique-list li strong{color:var(--color-primary-start)}.theory-cta{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;color:#fff}.theory-cta h4{margin-bottom:var(--space-2)}.theory-cta p{margin:0;opacity:.9}.practice-exercise{max-width:800px;margin:0 auto}.practice-timer{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);text-align:center}.timer-display{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.timer-time{font-size:var(--text-4xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.timer-target{font-size:var(--text-lg);color:var(--color-text-tertiary)}.timer-controls{display:flex;gap:var(--space-3);justify-content:center}.btn-primary,.btn-secondary,.btn-ghost,.btn-submit{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2);border:none}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-secondary)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.btn-submit{background:var(--color-success);color:#fff;width:100%;justify-content:center;margin-top:var(--space-6);font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}.practice-passage{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.passage-title{color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:var(--text-xl)}.passage-text{line-height:var(--leading-loose);color:var(--color-text-secondary);font-size:var(--text-base);white-space:pre-line}.practice-questions h3{color:var(--color-text-primary);margin-bottom:var(--space-3)}.question-instruction{color:var(--color-text-secondary);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.question-instruction-detail{color:var(--color-text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.question-card{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-base)}.question-card.correct{border-color:var(--color-success);background:#10b9811a}.question-card.incorrect{border-color:var(--color-danger);background:#ef44441a}.question-number{display:inline-block;background:var(--gradient-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.question-text{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.answer-options{display:flex;flex-direction:column;gap:var(--space-2)}.answer-option{background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-3)}.answer-option:hover{border-color:var(--color-primary-start);background:var(--color-bg-elevated)}.answer-option.selected{border-color:var(--color-primary-start);background:#667eea33}.answer-option input{margin:0}.answer-option span{flex:1;font-weight:var(--font-medium);color:var(--color-text-primary)}.correct-indicator{color:var(--color-success)}.explanation{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.results-card{background:var(--glass-bg);border:2px solid var(--color-success);border-radius:var(--radius-2xl);padding:var(--space-8);margin-top:var(--space-8);text-align:center}.results-card h3{color:var(--color-text-primary);margin-bottom:var(--space-6)}.results-score{margin-bottom:var(--space-6)}.score-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.score-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff}.score-label{font-size:var(--text-sm);color:#fffc;text-transform:uppercase}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.result-stat{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.result-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:var(--space-2)}.result-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.battle-mode-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.battle-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.battle-mode-placeholder h3{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-3)}.battle-desc{color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-4)}.coming-soon-badge{display:inline-block;background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm)}.tfng-logic-module{width:100%}.logic-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.logic-box{padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid}.binary-logic{background:#3b82f61a;border-color:var(--color-info)}.ielts-logic{background:#ef44441a;border-color:var(--color-danger)}.logic-box h5{color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:var(--text-lg)}.logic-box p{margin-bottom:var(--space-2);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.logic-note{font-size:var(--text-sm);font-style:italic;color:var(--color-text-tertiary);margin-top:var(--space-2)}.critical-rule{background:var(--color-bg-elevated);border-left:4px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-5);display:flex;gap:var(--space-3);align-items:flex-start}.critical-rule strong{color:var(--color-warning)}.logic-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.matrix-card{background:var(--glass-bg);border:2px solid;border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.matrix-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.true-card{border-color:var(--color-success)}.false-card{border-color:var(--color-danger)}.ng-card{border-color:var(--color-warning)}.matrix-icon{margin-bottom:var(--space-4);color:inherit}.true-card .matrix-icon{color:var(--color-success)}.false-card .matrix-icon{color:var(--color-danger)}.ng-card .matrix-icon{color:var(--color-warning)}.matrix-card h4{color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:var(--text-xl)}.matrix-card>p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.matrix-card ul{text-align:left;padding-left:var(--space-5);margin:var(--space-3) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.matrix-card li{margin-bottom:var(--space-2)}.matrix-example{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);text-align:left;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.matrix-example strong{color:var(--color-text-primary);display:block;margin-bottom:var(--space-2)}.answer-true{color:var(--color-success);font-weight:var(--font-bold)}.answer-false{color:var(--color-danger);font-weight:var(--font-bold)}.answer-ng{color:var(--color-warning);font-weight:var(--font-bold)}.blue-car-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-2xl);padding:var(--space-6);margin:var(--space-8) 0}.blue-car-section h3{font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-4)}.section-intro{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.blue-car-interactive{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6)}.blue-car-content{margin-bottom:var(--space-5)}.text-box,.statement-box{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.text-label,.statement-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.text-content,.statement-content{font-size:var(--text-lg);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.reveal-button{width:100%;padding:var(--space-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.reveal-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.answer-reveal{text-align:center;padding:var(--space-5);background:var(--color-bg-elevated);border-radius:var(--radius-lg)}.answer-badge{display:inline-block;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:#fff}.answer-badge.true{background:var(--color-success)}.answer-badge.false{background:var(--color-danger)}.answer-badge.not-given{background:var(--color-warning)}.explanation-text{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.blue-car-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.nav-btn{padding:var(--space-2) var(--space-5);background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-medium)}.nav-btn:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-primary-start)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.example-counter{color:var(--color-text-secondary);font-weight:var(--font-semibold)}.trap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.trap-card{background:var(--color-bg-secondary);border:2px solid var(--color-danger);border-radius:var(--radius-xl);padding:var(--space-5);position:relative}.trap-number{position:absolute;top:-16px;left:var(--space-4);width:36px;height:36px;background:var(--color-danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg)}.trap-card h4{color:var(--color-text-primary);margin:var(--space-3) 0}.trap-card p{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:var(--text-sm)}.trap-example{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.trap-example strong{color:var(--color-danger)}.strategy-step{display:flex;gap:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);align-items:flex-start}.step-number{min-width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg)}.step-content h4{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:var(--text-lg)}.feature-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6)}.toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-slider{position:relative;width:48px;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);transition:background var(--transition-base)}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base)}.toggle-label input:checked+.toggle-slider{background:var(--color-success)}.toggle-label input:checked+.toggle-slider:after{transform:translate(24px)}.toggle-text{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:var(--font-medium)}.keyword-hint{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.qualifier-alert{color:var(--color-warning);font-weight:var(--font-bold)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.trap-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-danger);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.incorrect-indicator{color:var(--color-danger)}.explanation{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.correct-exp{background:#10b9811a;border:1px solid var(--color-success)}.incorrect-exp{background:#ef44441a;border:1px solid var(--color-danger)}.explanation strong{display:block;margin-bottom:var(--space-2);font-size:var(--text-base)}.explanation p{margin:0;color:var(--color-text-secondary)}.score-percentage{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-3)}.result-actions{display:flex;gap:var(--space-3);justify-content:center}.result-actions button{flex:1;max-width:200px}@media(max-width:640px){.logic-comparison,.trap-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions button{max-width:none}}.paraphrasing-module{width:100%}.trap-example-box{background:var(--color-bg-secondary);border-left:4px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0}.trap-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.trap-content{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-secondary)}.trap-content strong{color:var(--color-text-primary);display:inline}.highlight-danger{background:var(--color-danger);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-semibold)}.critical-insight{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-5);color:var(--color-info-light);line-height:var(--leading-relaxed)}.paraphrasing-levels{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.level-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid;border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base)}.level-card:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.level-card.expanded{box-shadow:var(--shadow-xl)}.level-header{display:flex;align-items:center;gap:var(--space-4)}.level-number{min-width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-xl)}.level-info{flex:1}.level-info h4{color:var(--color-text-primary);margin:0 0 var(--space-1);font-size:var(--text-lg)}.level-info p{color:var(--color-text-secondary);margin:0;font-size:var(--text-sm)}.level-difficulty{font-weight:var(--font-semibold);font-size:var(--text-sm)}.level-examples{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-primary)}.level-examples h5{color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:var(--text-base)}.example-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--text-sm)}.original-text{flex:1;color:var(--color-text-secondary);font-weight:var(--font-medium)}.arrow-icon{color:var(--color-primary-start)}.paraphrase-text{flex:1;color:var(--color-text-primary);font-weight:var(--font-semibold)}.hierarchy-note{background:var(--color-bg-secondary);border-left:4px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-6);display:flex;gap:var(--space-3);align-items:flex-start}.hierarchy-note strong{color:var(--color-warning)}.synonym-flashcard{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-xl);margin-top:var(--space-6)}.flashcard-word{font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em}.flashcard-synonym{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff3;color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.flashcard-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.flashcard-btn{padding:var(--space-3) var(--space-5);background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.flashcard-btn:hover{background:#ffffff4d;transform:scale(1.05)}.flashcard-counter{color:#ffffffe6;font-weight:var(--font-medium);min-width:60px}.strategy-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.strategy-box h4{color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:var(--text-xl)}.strategy-list{list-style:none;counter-reset:strategy-counter;padding:0}.strategy-list li{counter-increment:strategy-counter;position:relative;padding-left:var(--space-10);margin-bottom:var(--space-5);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.strategy-list li:before{content:counter(strategy-counter);position:absolute;left:0;top:0;width:32px;height:32px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold)}.strategy-list li strong{color:var(--color-text-primary);display:block;margin-bottom:var(--space-1)}.strategy-list li em{color:var(--color-text-tertiary);font-size:var(--text-sm)}.paraphrase-hint{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.paraphrase-hint strong{color:var(--color-text-primary)}.answer-input{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.answer-input label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium);color:var(--color-text-primary)}.paragraph-input{width:80px;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center;transition:all var(--transition-fast)}.paragraph-input:focus{outline:none;border-color:var(--color-primary-start);background:var(--color-bg-elevated)}.paragraph-input:disabled{opacity:.6;cursor:not-allowed}.answer-indicator{display:flex;align-items:center}.correct-icon{color:var(--color-success)}.incorrect-icon{color:var(--color-danger)}.level-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff}.paraphrase-comparison{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0}.comparison-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-2);align-items:flex-start}.comparison-row:last-child{margin-bottom:0}.comparison-row .label{min-width:120px;font-weight:var(--font-bold);color:var(--color-text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.comparison-row .text{flex:1;color:var(--color-text-primary);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}@media(max-width:640px){.level-header{flex-wrap:wrap}.level-difficulty{width:100%;margin-top:var(--space-2)}.example-row{flex-direction:column;align-items:flex-start}.arrow-icon{transform:rotate(90deg)}.flashcard-word{font-size:var(--text-3xl)}.comparison-row{flex-direction:column;gap:var(--space-1)}.comparison-row .label{min-width:auto}}.heading-matcher-module{width:100%}.time-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0}.time-item{background:var(--glass-bg);border:2px solid;border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.time-item.inefficient{border-color:var(--color-danger)}.time-item.efficient{border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.time-label{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.time-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:var(--space-3) 0}.time-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.skimming-hierarchy{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.hierarchy-level{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.hierarchy-level.level-1{border-left:4px solid #10b981}.hierarchy-level.level-2{border-left:4px solid #f59e0b}.hierarchy-level.level-3{border-left:4px solid #3b82f6}.level-priority{min-width:90px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.level-content{flex:1}.level-content h4{color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:var(--text-lg)}.level-content p{color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:var(--leading-relaxed)}.hierarchy-example{background:var(--color-bg-secondary);border-left:3px solid var(--color-primary-start);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.hierarchy-example strong{color:var(--color-text-primary);display:block;margin-bottom:var(--space-2)}.topic-sentence{background:linear-gradient(90deg,#6366f133,#a855f733);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-semibold)}.distractor-rules{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.rule-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.rule-icon{flex-shrink:0}.rule-content{flex:1}.rule-content h4{color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:var(--text-base)}.rule-content p{color:var(--color-text-secondary);margin:0 0 var(--space-3);line-height:var(--leading-relaxed)}.rule-example{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-loose)}.strategy-steps{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.strategy-step{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.step-number{min-width:48px;height:48px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-xl);flex-shrink:0}.step-content h4{color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:var(--text-lg)}.step-content p{color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.interactive-example{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.example-paragraph{margin-bottom:var(--space-5)}.example-paragraph h4{color:var(--color-text-primary);margin-bottom:var(--space-3)}.example-paragraph p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md)}.example-headings{display:flex;flex-direction:column;gap:var(--space-3)}.example-headings h4{color:var(--color-text-primary);margin-bottom:var(--space-2)}.heading-option{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--transition-base)}.heading-option:hover{border-color:var(--color-primary-start);background:var(--color-bg-elevated);transform:translate(4px)}.heading-option.distractor{opacity:.8}.example-explanation{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.heading-instructions{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.heading-instructions h3{color:var(--color-text-primary);margin:0 0 var(--space-3)}.heading-instructions p{color:var(--color-text-secondary);margin:0 0 var(--space-2);line-height:var(--leading-relaxed)}.instruction-note{color:var(--color-warning)!important;font-weight:var(--font-semibold);font-style:italic}.headings-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.headings-list h4{color:var(--color-text-primary);margin:0 0 var(--space-4)}.heading-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:all var(--transition-base)}.heading-item.used{opacity:.5}.heading-item.correct-heading{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.heading-number{min-width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.heading-text{flex:1;color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.correct-mark{color:var(--color-success)}.paragraphs-section{display:flex;flex-direction:column;gap:var(--space-6)}.paragraph-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5)}.paragraph-card.correct{border-color:var(--color-success);box-shadow:0 0 20px #10b9811a}.paragraph-card.incorrect{border-color:var(--color-danger)}.paragraph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.paragraph-label{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg)}.answer-status{display:flex;align-items:center}.status-correct{color:var(--color-success)}.status-incorrect{color:var(--color-danger)}.paragraph-text{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5);font-size:var(--text-base)}.heading-selector{display:flex;flex-direction:column;gap:var(--space-2)}.heading-selector label{font-weight:var(--font-semibold);color:var(--color-text-primary)}.heading-dropdown{width:100%;padding:var(--space-3);background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.heading-dropdown:focus{outline:none;border-color:var(--color-primary-start);background:var(--color-bg-elevated)}.heading-dropdown:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.time-breakdown{grid-template-columns:1fr}.hierarchy-level{flex-direction:column}.level-priority{width:100%}.distractor-rules{grid-template-columns:1fr}.rule-card{flex-direction:column}}.speed-reading-module{width:100%}.speed-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0}.speed-scenario{background:var(--glass-bg);border:2px solid;border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.speed-scenario.slow{border-color:var(--color-danger)}.speed-scenario.fast{border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.scenario-label{font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.scenario-time{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-2) 0}.scenario-result{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-top:var(--space-3);font-style:italic}.speed-killers{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.killer-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:flex-start}.killer-number{min-width:56px;height:56px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-2xl);flex-shrink:0}.killer-content h4{color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:var(--text-xl)}.killer-definition{color:var(--color-warning);font-weight:var(--font-semibold);font-style:italic;margin:0 0 var(--space-3)}.killer-solution{background:#10b9811a;border-left:3px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.killer-solution strong{color:var(--color-success)}.wpm-targets{display:grid;gap:var(--space-3);margin-top:var(--space-6)}.wpm-level{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid;border-radius:var(--radius-lg);padding:var(--space-4);display:grid;grid-template-columns:140px 100px 1fr;gap:var(--space-4);align-items:center}.wpm-level.level-beginner{border-left-color:#6b7280}.wpm-level.level-intermediate{border-left-color:#f59e0b}.wpm-level.level-advanced{border-left-color:#10b981}.wpm-level.level-expert{border-left-color:#8b5cf6;box-shadow:0 0 20px #8b5cf633}.wpm-range{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.wpm-band{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-start)}.wpm-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.wpm-note{background:var(--color-bg-secondary);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.protocol-steps{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.protocol-step{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.reading-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.passage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.passage-header h3{color:var(--color-text-primary);margin:0}.word-count{background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm)}.start-reading-btn{width:100%;padding:var(--space-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base)}.start-reading-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.reading-active{display:flex;flex-direction:column;gap:var(--space-5)}.timer-display{background:#3b82f61a;border:2px solid var(--color-info);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-info-light);font-weight:var(--font-bold);font-size:var(--text-lg)}.reading-text{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--color-text-primary);font-size:var(--text-lg);line-height:var(--leading-loose);text-align:justify}.finish-reading-btn{padding:var(--space-3) var(--space-6);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.finish-reading-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.reading-tip{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);font-style:italic}.speed-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.metric-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.metric-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:var(--space-2) 0}.metric-target{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2)}.comprehension-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.comprehension-section h3{color:var(--color-text-primary);margin:0 0 var(--space-2)}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.performance-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.perf-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.perf-value{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:var(--space-2) 0}.perf-value.good{color:var(--color-success)}.perf-value.needs-work{color:var(--color-warning)}.perf-badge{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-2)}.answers-review{margin-top:var(--space-6)}.answers-review h4{color:var(--color-text-primary);margin-bottom:var(--space-4)}.answer-review{background:var(--color-bg-secondary);border-left:4px solid;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.answer-review.correct{border-left-color:var(--color-success)}.answer-review.incorrect{border-left-color:var(--color-danger)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:var(--font-semibold)}.check-icon{color:var(--color-success)}.x-icon{color:var(--color-danger)}.review-answer{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.review-explanation{color:var(--color-text-tertiary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media(max-width:640px){.speed-comparison{grid-template-columns:1fr}.wpm-level{grid-template-columns:1fr;gap:var(--space-2)}.speed-metrics,.performance-grid{grid-template-columns:1fr}}.cognitive-load-module{width:100%}.fatigue-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0}.timeline-stage{background:var(--glass-bg);border:2px solid;border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.timeline-stage.fresh{border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.timeline-stage.declining{border-color:var(--color-warning)}.timeline-stage.critical{border-color:var(--color-danger)}.stage-time{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.stage-label{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.stage-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.load-types{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.load-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid;border-radius:var(--radius-xl);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:flex-start}.load-card.intrinsic{border-left-color:var(--color-info)}.load-card.extraneous{border-left-color:var(--color-danger)}.load-card.germane{border-left-color:var(--color-success)}.load-icon{font-size:var(--text-4xl);flex-shrink:0}.load-content{flex:1}.load-content h4{color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:var(--text-xl)}.load-definition{color:var(--color-warning);font-weight:var(--font-semibold);font-style:italic;margin:0 0 var(--space-3)}.load-strategy{background:#6366f11a;border-left:3px solid var(--color-primary-start);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.load-strategy strong{color:var(--color-primary-light)}.tactics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.tactic-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5)}.tactic-number{width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);margin-bottom:var(--space-3)}.tactic-card h4{color:var(--color-text-primary);margin:0 0 var(--space-3);font-size:var(--text-lg)}.tactic-card p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.protocol-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.protocol-item{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.protocol-item .check-icon{color:var(--color-success);flex-shrink:0;margin-top:2px}.protocol-text{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.protocol-text strong{color:var(--color-text-primary)}.scenario-header{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.scenario-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.scenario-title h3{color:var(--color-text-primary);margin:0}.scenario-meta{display:flex;gap:var(--space-3);flex-wrap:wrap}.load-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.load-badge.load-high{background:#ef444433;color:var(--color-danger)}.load-badge.load-medium{background:#f59e0b33;color:var(--color-warning)}.challenge-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#6366f133;color:var(--color-primary-light);font-size:var(--text-xs);font-weight:var(--font-semibold)}.scenario-description{background:var(--color-bg-secondary);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);display:flex;gap:var(--space-3);align-items:flex-start}.scenario-description p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.start-scenario-btn{width:100%;padding:var(--space-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);margin-bottom:var(--space-5)}.start-scenario-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.timer-bar{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.timer-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.timer-progress{background:var(--color-bg-secondary);height:8px;border-radius:var(--radius-full);overflow:hidden}.timer-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease}.passage-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.passage-box h4{color:var(--color-text-primary);margin:0 0 var(--space-3)}.passage-text{color:var(--color-text-secondary);line-height:var(--leading-loose);text-align:justify}.questions-section h4{color:var(--color-text-primary);margin-bottom:var(--space-4)}.question-card.cognitive{margin-bottom:var(--space-4)}.cognitive-tips{background:#10b9811a;border-left:3px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-6)}.cognitive-tips h4{color:var(--color-success);margin:0 0 var(--space-2)}.cognitive-tips p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.bonus-note{font-size:var(--text-xs);color:var(--color-success);margin-top:var(--space-1)}@media(max-width:768px){.fatigue-timeline,.tactics-grid{grid-template-columns:1fr}}@media(max-width:640px){.load-card{flex-direction:column}.load-icon{text-align:center;width:100%}}.passage3-module{width:100%}.difficulty-progression{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0}.passage-difficulty{background:var(--glass-bg);border:2px solid;border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.passage-difficulty.passage-1{border-color:var(--color-success)}.passage-difficulty.passage-2{border-color:var(--color-warning)}.passage-difficulty.passage-3{border-color:var(--color-danger);box-shadow:0 0 30px #ef44444d}.passage-label{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);color:var(--color-text-secondary)}.passage-level{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.passage-stats{display:flex;flex-direction:column;gap:var(--space-2)}.passage-stats .stat{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.killer-cards{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.killer-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--color-danger);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:flex-start}.killer-number{width:48px;height:48px;background:var(--gradient-danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-2xl);flex-shrink:0}.killer-content{flex:1}.killer-content h4{color:var(--color-text-primary);margin:0 0 var(--space-3);font-size:var(--text-xl)}.killer-content p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-3)}.killer-impact{background:#ef44441a;border-left:3px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text-secondary)}.killer-impact strong{color:var(--color-danger)}.energy-model{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.energy-allocation{margin-bottom:var(--space-6)}.energy-bar{display:flex;height:60px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.energy-segment{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-sm);transition:all var(--transition-base)}.energy-segment:hover{filter:brightness(1.2)}.passage1-energy{background:linear-gradient(135deg,#10b981,#059669)}.passage2-energy{background:linear-gradient(135deg,#f59e0b,#d97706)}.passage3-energy{background:linear-gradient(135deg,#ef4444,#dc2626)}.energy-tactics h4{color:var(--color-text-primary);margin:0 0 var(--space-3)}.energy-tactics ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.energy-tactics li{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.energy-tactics li strong{color:var(--color-text-primary)}.protocol-steps{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.protocol-step{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:flex-start}.step-number{width:50px;height:50px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0}.step-content{flex:1}.step-content h4{color:var(--color-text-primary);margin:0 0 var(--space-3);font-size:var(--text-xl)}.step-content p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-2)}.step-content ul{margin:var(--space-3) 0;padding-left:var(--space-5);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.step-content ul strong{color:var(--color-text-primary)}.mindset-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.mindset-card p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.mindset-card em{color:var(--color-danger);font-style:italic}.math-breakdown{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.math-item{color:var(--color-text-secondary);font-size:var(--text-sm)}.math-item strong{color:var(--color-text-primary);font-size:var(--text-base)}.mindset-shift-text{background:#6366f11a;border-left:3px solid var(--color-primary-start);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.mindset-shift-text strong{color:var(--color-primary-light)}.mindset-shift-text em{color:var(--color-warning);font-style:italic}.inline-icon{vertical-align:middle;margin-right:var(--space-2);color:var(--color-primary-light)}.passage-header{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.passage-title{display:flex;align-items:flex-start;gap:var(--space-3)}.passage-title h3{color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.passage-meta{display:flex;gap:var(--space-3);flex-wrap:wrap}.difficulty-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.difficulty-badge.extreme{background:#ef444433;color:var(--color-danger)}.word-count{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#6366f133;color:var(--color-primary-light);font-size:var(--text-xs);font-weight:var(--font-semibold)}.cognitive-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.cognitive-badge.high,.cognitive-badge.very-high{background:#f59e0b33;color:var(--color-warning)}.start-container{display:flex;flex-direction:column;gap:var(--space-5)}.protocol-reminder{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--color-primary-start);border-radius:var(--radius-xl);padding:var(--space-5)}.protocol-reminder h4{color:var(--color-text-primary);margin:0 0 var(--space-3)}.protocol-reminder ol{margin:0;padding-left:var(--space-5);color:var(--color-text-secondary);line-height:var(--leading-loose)}.protocol-reminder li{margin-bottom:var(--space-2)}.protocol-reminder li strong{color:var(--color-text-primary)}.start-passage-btn{width:100%;padding:var(--space-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base)}.start-passage-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.timer-display{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-weight:var(--font-semibold)}.timer-display .overtime{color:var(--color-danger);animation:pulse 1s infinite}.overtime-warning{color:var(--color-danger);display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);animation:pulse 1s infinite}.passage-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.passage-content h4{color:var(--color-text-primary);margin:0 0 var(--space-3)}.passage-text{color:var(--color-text-secondary);line-height:var(--leading-loose);text-align:justify;white-space:pre-line}.question-card.passage3{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:3px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.question-type{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-light);background:#6366f11a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.answer-option.mc{flex-direction:row;padding:var(--space-3)}.perf-percentage{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.perf-badge.success{background:#10b98133;color:var(--color-success);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);margin-top:var(--space-2)}.perf-badge.warning{background:#f59e0b33;color:var(--color-warning);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);margin-top:var(--space-2)}@media(max-width:768px){.difficulty-progression{grid-template-columns:1fr}.energy-bar{flex-direction:column;height:auto}.energy-segment{height:50px}}@media(max-width:640px){.killer-card,.protocol-step{flex-direction:column}.killer-number,.step-number{align-self:center}}.vocab-expander-module{width:100%}.trap-list{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.trap-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--color-warning);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.trap-number{width:40px;height:40px;background:var(--gradient-warning);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-xl);flex-shrink:0}.trap-content{flex:1}.trap-content h5{color:var(--color-text-primary);margin:0 0 var(--space-2);font-size:var(--text-lg)}.trap-content p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-3)}.example{background:#6366f11a;border-left:3px solid var(--color-primary-start);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.example strong{color:var(--color-primary-light)}.method-steps{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.method-step{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}.step-icon{font-size:3rem;flex-shrink:0}.step-content h4{color:var(--color-text-primary);margin:0 0 var(--space-2)}.step-content p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.method-example{margin-top:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.context-sentence{color:var(--color-text-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-3)}.vocab-highlight{background:linear-gradient(120deg,#6366f14d,#6366f11a);padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-semibold);color:var(--color-primary-light)}.inference{padding-top:var(--space-2);border-top:1px dashed var(--glass-border);font-size:var(--text-sm);color:var(--color-success)}.word-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.word-category{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4)}.word-category h4{color:var(--color-text-primary);margin:0 0 var(--space-3);font-size:var(--text-base)}.word-category p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.strategy-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.strategy-card h4{color:var(--color-text-primary);margin:0 0 var(--space-3)}.strategy-card p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-5)}.timeline{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.timeline-item{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.timeline-day{background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);white-space:nowrap}.timeline-content{color:var(--color-text-secondary);font-size:var(--text-sm)}.timeline-result{background:#10b9811a;border-left:3px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-secondary);margin-top:var(--space-2)}.pro-tip{background:#6366f11a;border-left:3px solid var(--color-primary-start);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-text-secondary)}.pro-tip strong{color:var(--color-primary-light)}.vocab-practice{max-width:800px;margin:0 auto}.vocab-header{margin-bottom:var(--space-6)}.vocab-progress{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5)}.progress-label{color:var(--color-text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.progress-bar{background:var(--color-bg-secondary);border-radius:var(--radius-full);height:12px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{background:var(--gradient-primary);height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-percentage{text-align:right;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.flashcard-container{perspective:1000px;margin-bottom:var(--space-6);min-height:500px;display:flex;align-items:center;justify-content:center}.flashcard{width:100%;max-width:600px;height:500px;cursor:pointer;transform-style:preserve-3d}.flashcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);overflow-y:auto}.flashcard-back,.flashcard-inner.flipped .flashcard-front{transform:rotateY(180deg)}.flashcard-inner.flipped .flashcard-back{transform:rotateY(0)}.word-number{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.vocab-word{color:var(--color-text-primary);font-size:3rem;font-weight:var(--font-bold);margin:var(--space-4) 0;text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pronunciation{text-align:center;color:var(--color-text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-2)}.part-of-speech{text-align:center;color:var(--color-primary-light);font-style:italic;margin-bottom:var(--space-5)}.context-section,.definition-section,.synonyms-section,.collocations-section,.word-family-section,.ielts-example-section{margin-bottom:var(--space-4)}.context-section h4,.definition-section h4,.synonyms-section h4,.collocations-section h4,.word-family-section h4,.ielts-example-section h4{color:var(--color-text-primary);font-size:var(--text-sm);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.context-sentence{background:var(--color-bg-secondary);border-left:3px solid var(--color-primary-start);border-radius:var(--radius-md);padding:var(--space-3);line-height:var(--leading-loose);color:var(--color-text-secondary)}.highlight{background:linear-gradient(120deg,#6366f14d,#6366f11a);padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-semibold);color:var(--color-primary-light)}.flip-hint{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-4);font-style:italic}.definition{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.synonym-tags,.family-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.synonym-tag,.family-tag{background:#6366f11a;color:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm)}.collocation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.collocation-item{color:var(--color-text-secondary);font-size:var(--text-sm)}.ielts-example{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-style:italic}.flashcard-controls{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-6)}.control-btn{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-base)}.control-btn.secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.control-btn.secondary:hover:not(:disabled){background:var(--glass-bg)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.knowledge-buttons{display:flex;gap:var(--space-3)}.control-btn.review{background:#f59e0b33;color:var(--color-warning)}.control-btn.review:hover{background:#f59e0b4d}.control-btn.know{background:var(--gradient-success);color:#fff}.control-btn.know:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.completion-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.completion-card h3{color:var(--color-text-primary);margin:0 0 var(--space-5);text-align:center}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.stat-item{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.stat-icon{flex-shrink:0}.stat-icon.success{color:var(--color-success)}.stat-icon.review{color:var(--color-warning)}.stat-content{flex:1}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.reset-btn{width:100%;padding:var(--space-3);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base)}.reset-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.practice-tip{background:#10b9811a;border-left:3px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.practice-tip strong{color:var(--color-success)}@media(max-width:768px){.word-categories{grid-template-columns:1fr}.flashcard-controls{flex-direction:column}.knowledge-buttons{justify-content:center}.vocab-word{font-size:2rem}.flashcard{height:450px}}.mock-tests-module{width:100%;height:100%}.theory-content{padding:1.5rem;max-width:800px;margin:0 auto;animation:fadeIn .4s ease}.theory-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.theory-intro{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:#e2e8f0}.theory-section{margin-bottom:2.5rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.theory-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;margin-bottom:1rem;color:#f7fafc}.importance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.importance-card{padding:1.25rem;background:#667eea1a;border-radius:10px;border:1px solid rgba(102,126,234,.2);transition:transform .2s,box-shadow .2s}.importance-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d}.importance-icon{font-size:2rem;margin-bottom:.75rem}.importance-card h4{font-size:1.1rem;margin-bottom:.5rem;color:#a5b4fc}.importance-card p{font-size:.95rem;color:#cbd5e0;line-height:1.5}.test-structure{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.structure-item{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#ffffff0d;border-radius:8px}.structure-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:60px}.structure-details strong{display:block;font-size:1.1rem;color:#f7fafc;margin-bottom:.25rem}.structure-details p{font-size:.9rem;color:#cbd5e0}.strategy-phase{margin-top:1.5rem;padding:1.25rem;background:#10b9811a;border-left:4px solid #10b981;border-radius:8px}.strategy-phase h4{font-size:1.15rem;color:#6ee7b7;margin-bottom:.75rem}.strategy-checklist{list-style:none;padding-left:0}.strategy-checklist li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.strategy-checklist li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.band-score-table{margin-top:1.5rem}.band-row{display:grid;grid-template-columns:80px 150px 1fr;align-items:center;padding:.75rem 1rem;border-radius:6px;margin-bottom:.5rem;transition:transform .2s}.band-row:hover{transform:translate(5px)}.band-9{background:linear-gradient(90deg,#10b98133,#10b9810d)}.band-8{background:linear-gradient(90deg,#3b82f633,#3b82f60d)}.band-7{background:linear-gradient(90deg,#8b5cf633,#8b5cf60d)}.band-6{background:linear-gradient(90deg,#f59e0b33,#f59e0b0d)}.band-5{background:linear-gradient(90deg,#ef444433,#ef44440d)}.band-number{font-size:1.5rem;font-weight:700;color:#f7fafc}.band-range{font-family:Courier New,monospace;color:#cbd5e0}.band-desc{font-size:.9rem;color:#a0aec0}.pain-point-section .pitfall-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.pitfall-item{display:flex;gap:1rem;padding:1rem;background:#ef44441a;border-radius:8px;border-left:3px solid #ef4444}.pitfall-icon{font-size:1.5rem}.pitfall-content strong{display:block;color:#fca5a5;margin-bottom:.25rem}.pitfall-content p{font-size:.9rem;color:#cbd5e0;line-height:1.5}.theory-cta{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:12px;border:2px solid rgba(102,126,234,.3);text-align:center}.cta-icon{color:#667eea;margin-bottom:1rem}.theory-cta h4{font-size:1.4rem;margin-bottom:.75rem;color:#f7fafc}.theory-cta p{line-height:1.7;color:#e2e8f0}.cta-emphasis{margin-top:1rem;padding:1rem;background:#fbbf2426;border-radius:8px;font-weight:500}.test-selection{padding:1.5rem;max-width:1200px;margin:0 auto}.selection-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selection-subtitle{font-size:1.05rem;color:#cbd5e0;margin-bottom:2rem;line-height:1.6}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.test-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s ease}.test-card:hover{background:#ffffff0f;border-color:#667eea66;box-shadow:0 8px 24px #667eea33}.test-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.test-number{font-size:1.5rem;font-weight:700;color:#a5b4fc}.test-difficulty{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.difficulty-easy{background:#10b98133;color:#6ee7b7}.difficulty-medium{background:#f59e0b33;color:#fbbf24}.difficulty-hard{background:#ef444433;color:#fca5a5}.test-card h4{font-size:1.2rem;margin-bottom:1rem;color:#f7fafc}.test-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;font-size:.9rem;color:#cbd5e0}.select-test-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.select-test-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.test-intro{padding:2rem;max-width:800px;margin:0 auto}.test-intro h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#f7fafc}.intro-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem}.intro-card h3{font-size:1.5rem;margin-bottom:1.25rem;color:#a5b4fc}.instruction-list{list-style:none;padding-left:0}.instruction-list li{padding:.75rem 1rem;margin-bottom:.75rem;background:#667eea1a;border-left:3px solid #667eea;border-radius:6px;line-height:1.6}.passage-preview{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.passage-preview h4{font-size:1.1rem;margin-bottom:1rem;color:#cbd5e0}.preview-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;margin-bottom:.5rem;background:#ffffff08;border-radius:6px}.preview-meta{font-size:.85rem;color:#94a3b8}.intro-actions{display:flex;gap:1rem;justify-content:center}.test-container{padding:1rem;max-width:1200px;margin:0 auto}.test-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.08)}.timer-display{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#f7fafc}.timer-warning{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.progress-display{display:flex;align-items:center;gap:1rem}.progress-bar{width:200px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.passage-nav{display:flex;gap:.75rem;margin-bottom:1.5rem;justify-content:center}.passage-nav-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#cbd5e0;font-weight:600;cursor:pointer;transition:all .2s}.passage-nav-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.passage-nav-btn:hover:not(.active){background:#ffffff14}.passage-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.passage-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.passage-header h3{font-size:1.8rem;color:#a5b4fc;margin-bottom:.5rem}.passage-header h4{font-size:1.3rem;color:#f7fafc;margin-bottom:.5rem}.passage-meta{font-size:.95rem;color:#94a3b8}.passage-text{margin-bottom:3rem;line-height:1.8;color:#e2e8f0;font-size:1.05rem}.passage-text p{margin-bottom:1.25rem;text-align:justify}.questions-section{padding-top:2rem;border-top:2px solid rgba(102,126,234,.3)}.questions-section h4{font-size:1.3rem;margin-bottom:1.5rem;color:#a5b4fc}.question-item{margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.question-number{font-weight:700;color:#667eea;font-size:1.1rem}.question-type{padding:.25rem .75rem;background:#667eea33;border-radius:12px;font-size:.8rem;color:#a5b4fc}.question-text{font-size:1.05rem;line-height:1.6;margin-bottom:1rem;color:#f7fafc}.answer-options{display:flex;flex-direction:column;gap:.75rem}.option-label{display:flex;align-items:center;padding:.75rem 1rem;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s}.option-label:hover{background:#667eea1a;border-color:#667eea4d}.option-label input[type=radio]{margin-right:.75rem;cursor:pointer}.option-label input[type=radio]:checked+span{color:#a5b4fc;font-weight:600}.answer-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#f7fafc;font-size:1rem;transition:border-color .2s}.answer-input:focus{outline:none;border-color:#667eea}.test-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.test-results{padding:2rem;max-width:1000px;margin:0 auto}.results-header{text-align:center;margin-bottom:3rem}.results-trophy{color:#fbbf24;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(251,191,36,.5))}.results-header h2{font-size:2.5rem;margin-bottom:.5rem;color:#f7fafc}.test-completed-name{font-size:1.2rem;color:#cbd5e0}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:3rem}.result-stat-large{grid-column:span 2;text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:16px;border:2px solid rgba(102,126,234,.3)}.result-stat-large .stat-value{font-size:4rem;font-weight:700}.result-stat{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.result-stat .stat-value{font-size:2rem;font-weight:700;color:#f7fafc;margin-bottom:.5rem}.result-stat .stat-label{font-size:.9rem;color:#94a3b8}.results-breakdown{margin-bottom:2rem}.results-breakdown h3{font-size:1.8rem;margin-bottom:1.5rem;color:#f7fafc}.passage-result{margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.passage-result h4{font-size:1.3rem;color:#a5b4fc;margin-bottom:.5rem}.passage-score{font-size:1.1rem;color:#cbd5e0;margin-bottom:1.5rem}.question-review{display:flex;flex-direction:column;gap:.75rem}.question-result{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:8px}.question-result.correct{background:#10b9811a;border-left:3px solid #10b981}.question-result.incorrect{background:#ef44441a;border-left:3px solid #ef4444}.question-result-icon{flex-shrink:0;margin-top:.25rem}.question-result.correct .question-result-icon{color:#10b981}.question-result.incorrect .question-result-icon{color:#ef4444}.question-result-content{flex:1}.answer-comparison{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.9rem}.your-answer{color:#cbd5e0}.correct-answer{color:#10b981;font-weight:600}.results-actions{display:flex;gap:1rem;justify-content:center}.battle-mode{padding:1.5rem;max-width:1000px;margin:0 auto}.battle-intro{text-align:center;margin-bottom:3rem}.battle-icon{color:#ef4444;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(239,68,68,.5))}.battle-intro h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-intro p{font-size:1.1rem;color:#cbd5e0;line-height:1.7}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.challenge-card{padding:1.5rem;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--challenge-color),transparent);opacity:0;transition:opacity .3s}.challenge-card.difficulty-easy{--challenge-color: #10b981}.challenge-card.difficulty-medium{--challenge-color: #f59e0b}.challenge-card.difficulty-hard{--challenge-color: #ef4444}.challenge-card:hover{transform:translateY(-5px);border-color:var(--challenge-color);box-shadow:0 10px 30px #0000004d}.challenge-card:hover:before{opacity:1}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.challenge-header h4{font-size:1.2rem;color:#f7fafc}.difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700}.badge-easy{background:#10b98133;color:#6ee7b7}.badge-medium{background:#f59e0b33;color:#fbbf24}.badge-hard{background:#ef444433;color:#fca5a5}.challenge-description{font-size:.95rem;color:#cbd5e0;margin-bottom:1.25rem;line-height:1.5}.challenge-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#94a3b8}.personal-best-mini{padding:.5rem 1rem;background:#fbbf2426;border-radius:6px;text-align:center;font-weight:600;color:#fbbf24;font-size:.9rem}.challenge-details{margin-top:2rem;padding:2rem;background:#ffffff0d;border:2px solid rgba(102,126,234,.3);border-radius:16px}.challenge-details h3{font-size:1.6rem;text-align:center;margin-bottom:1.5rem;color:#f7fafc}.detail-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.detail-stat{text-align:center}.detail-stat strong{display:block;font-size:2rem;color:#667eea}.challenge-tips{margin-bottom:2rem;padding:1.5rem;background:#10b9811a;border-radius:10px;border-left:3px solid #10b981}.challenge-tips h4{font-size:1.1rem;color:#6ee7b7;margin-bottom:.75rem}.challenge-tips ul{list-style:none;padding-left:0}.challenge-tips li{padding-left:1.5rem;margin-bottom:.5rem;position:relative}.challenge-tips li:before{content:"→";position:absolute;left:0;color:#10b981}.challenge-actions{display:flex;gap:1rem;justify-content:center}.btn-start-battle{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.btn-start-battle:hover{box-shadow:0 6px 20px #ef444466!important}.battle-complete{padding:2rem;max-width:600px;margin:0 auto;text-align:center}.battle-result-header{margin-bottom:2rem}.result-trophy{margin-bottom:1rem}.result-trophy.new-best{color:#fbbf24;animation:trophyGlow 1s ease-in-out infinite}@keyframes trophyGlow{0%,to{filter:drop-shadow(0 0 20px rgba(251,191,36,.8))}50%{filter:drop-shadow(0 0 40px rgba(251,191,36,1))}}.new-best-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;font-weight:700;margin-bottom:1rem}.battle-result-header h2{font-size:2.5rem;margin-bottom:.5rem;color:#f7fafc}.challenge-name{font-size:1.2rem;color:#cbd5e0}.battle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.battle-stat{padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.battle-stat .stat-icon{margin-bottom:.75rem;color:#667eea}.battle-stat .stat-value{font-size:2rem;font-weight:700;color:#f7fafc;margin-bottom:.5rem}.battle-stat .stat-label{font-size:.9rem;color:#94a3b8}.personal-best{padding:1rem 1.5rem;background:#fbbf241a;border-radius:8px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.best-score{font-size:1.3rem;font-weight:700;color:#fbbf24}.battle-actions{display:flex;gap:1rem;justify-content:center}.battle-active{padding:2rem;max-width:800px;margin:0 auto}.battle-timer{text-align:center;margin-bottom:2rem}.battle-timer .time-display{font-size:3rem;font-weight:700;color:#f7fafc;margin-top:1rem}.time-critical{color:#ef4444;animation:pulse 1s infinite}.battle-progress{text-align:center;margin-bottom:2rem}.battle-progress h3{font-size:1.5rem;color:#a5b4fc;margin-bottom:1rem}.progress-tracker{max-width:400px;margin:0 auto}.progress-fill-battle{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .3s ease}.battle-simulation{padding:3rem 2rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);text-align:center}.simulation-note{font-size:1.2rem;margin-bottom:1rem;color:#f7fafc}.battle-simulation p{color:#cbd5e0;line-height:1.7;margin-bottom:2rem}.simulate-btn{padding:1rem 2rem;font-size:1.1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0d;color:#cbd5e0;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff14}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.test-grid,.challenges-grid,.results-summary{grid-template-columns:1fr}.result-stat-large{grid-column:span 1}.battle-stats{grid-template-columns:1fr}.test-header{flex-direction:column;gap:1rem}.theory-title{font-size:1.5rem}.battle-intro h2{font-size:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.module-view-container{min-height:100vh;background:var(--color-bg-primary);padding-bottom:calc(var(--space-20) + var(--safe-area-bottom))}.module-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:var(--space-4);position:sticky;top:0;z-index:100}.back-button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:inline-flex;align-items:center;margin-bottom:var(--space-3)}.back-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.module-header-content{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.module-icon-large{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.module-header-text h1{font-size:var(--text-xl);margin:0 0 var(--space-1);color:var(--color-text-primary)}.module-header-text p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.module-header-stats{display:flex;gap:var(--space-2);flex-wrap:wrap}.stat-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-chip-xp{background:var(--gradient-primary);border-color:transparent;color:#fff;font-weight:var(--font-semibold)}.module-tabs{display:flex;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);position:sticky;top:140px;z-index:90}.module-tab{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.module-tab:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.module-tab.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-md)}.module-content{padding:var(--space-6) var(--space-4);max-width:800px;margin:0 auto}.module-not-found,.module-locked-view,.module-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-6)}.lock-icon-large{font-size:4rem;margin-bottom:var(--space-4)}.module-placeholder h3{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.module-placeholder p{color:var(--color-text-secondary);font-size:var(--text-lg)}:root{--color-primary-start: #667eea;--color-primary-end: #764ba2;--gradient-primary: linear-gradient(135deg, var(--color-primary-start) 0%, var(--color-primary-end) 100%);--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-danger: #ef4444;--color-danger-light: #f87171;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-elevated: #475569;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-disabled: #64748b;--color-border-primary: #334155;--color-border-secondary: #475569;--color-border-focus: var(--color-primary-start);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-max-width: 640px;--container-padding: var(--space-4);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(102, 126, 234, .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--safe-area-top: env(safe-area-inset-top, 0);--safe-area-bottom: env(safe-area-inset-bottom, 0);--safe-area-left: env(safe-area-inset-left, 0);--safe-area-right: env(safe-area-inset-right, 0)}:root{--landing-phase-duration: 3s;--landing-fade-duration: .8s}:root{--progress-height: 8px;--progress-height-lg: 12px}:root{--card-hover-lift: -4px;--card-hover-scale: 1.02}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#root{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--font-semibold)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}p:last-child{margin-bottom:0}a{color:var(--color-primary-start);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-end)}strong{font-weight:var(--font-semibold);color:var(--color-text-primary)}small{font-size:var(--text-sm);color:var(--color-text-tertiary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn var(--duration-normal) ease-out}.fade-out{animation:fadeOut var(--duration-normal) ease-out}.slide-up{animation:slideUp var(--duration-normal) ease-out}.slide-down{animation:slideDown var(--duration-normal) ease-out}.scale-in{animation:scaleIn var(--duration-normal) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-secondary)}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-md)}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.spinner{border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary-start);border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hide-mobile{display:none}@media(min-width:640px){.hide-mobile{display:block}.hide-desktop{display:none}}.safe-top{padding-top:max(var(--space-4),var(--safe-area-top))}.safe-bottom{padding-bottom:max(var(--space-4),var(--safe-area-bottom))}.safe-left{padding-left:max(var(--container-padding),var(--safe-area-left))}.safe-right{padding-right:max(var(--container-padding),var(--safe-area-right))}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}