.lessons-layout{max-width:1000px;margin:0 auto;padding:40px 24px 80px}.lessons-tabs{display:flex;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-bottom:20px;flex-wrap:wrap}.tab-btn{flex:1;min-width:120px;padding:12px 20px;border:none;background:0 0;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.tab-btn:hover{background:var(--bg-card);color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:var(--shadow-glow)}.level-filter{display:flex;align-items:center;gap:8px;margin-bottom:32px;flex-wrap:wrap}.filter-label{font-size:13px;color:var(--text-muted);font-weight:600}.filter-btn{padding:6px 18px;border-radius:999px;border:1px solid var(--border);background:0 0;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.filter-btn:hover{background:var(--bg-card);color:var(--text-primary)}.filter-btn.active{background:rgba(75,86,148,.2);border-color:rgba(114,136,174,.45);color:var(--primary-light)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeUp .4s ease}.tab-header{margin-bottom:32px;text-align:center}.tab-header h1{font-size:32px;margin-bottom:8px}.tab-header p{color:var(--text-secondary);font-size:15px}.xp-hint{display:inline-block;margin-top:12px;padding:6px 16px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:999px;font-size:13px;color:var(--accent-light)}.mode-selector{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.mode-btn{padding:8px 24px;border-radius:999px;border:1px solid var(--border);background:0 0;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.mode-btn.active{background:rgba(75,86,148,.2);border-color:var(--primary);color:var(--primary-light)}.flashcard-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-counter{font-size:14px;color:var(--text-muted);font-weight:500}.flashcard-wrapper{perspective:1000px;margin:0 auto 24px;max-width:500px}.flashcard{width:100%;height:340px;cursor:pointer;position:relative}.flashcard-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.flashcard-back,.flashcard-front{position:absolute;inset:0;border-radius:var(--radius-lg);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.flashcard-front{background:linear-gradient(135deg,rgba(75,86,148,.15),rgba(114,136,174,.1));border:1px solid rgba(114,136,174,.35)}.flashcard-back{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(59,130,246,.08));border:1px solid rgba(16,185,129,.3);transform:rotateY(180deg)}.card-level-badge{position:absolute;top:16px;left:16px;font-size:12px;background:rgba(75,86,148,.2);color:var(--primary-light);padding:4px 12px;border-radius:999px;border:1px solid rgba(114,136,174,.35)}.fc-word{font-size:52px;font-weight:900;font-family:'Space Grotesk',sans-serif;margin-bottom:8px;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fc-phonetic{font-size:18px;color:var(--primary-light);margin-bottom:20px}.fc-tap-hint{font-size:13px;color:var(--text-muted)}.fc-example-label,.fc-meaning-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;align-self:flex-start}.fc-meaning{font-size:18px;color:var(--text-primary);font-weight:500;margin-bottom:16px;text-align:left;width:100%}.fc-example{font-size:15px;color:var(--text-secondary);font-style:italic;text-align:left;width:100%;margin-bottom:20px}.fc-actions{display:flex;gap:8px;margin-top:8px}.fc-action-btn{padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition);font-family:Inter,sans-serif}.fc-hard{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.fc-good{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.fc-easy{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.fc-action-btn:hover{transform:translateY(-2px)}.flashcard-progress{max-width:500px;margin:0 auto}.fc-stats{display:flex;justify-content:center;gap:16px;margin-top:10px}.fc-stat{font-size:13px;color:var(--text-muted)}.word-list{display:flex;flex-direction:column;gap:8px}.word-list-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;cursor:pointer;transition:var(--transition)}.word-list-item.open,.word-list-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.wli-word{font-size:18px;font-weight:700;margin-bottom:4px}.wli-phonetic{font-size:13px;color:var(--primary-light)}.wli-meaning{font-size:15px;color:var(--text-secondary);margin-top:12px;display:none}.wli-example{font-size:14px;color:var(--text-muted);font-style:italic;margin-top:4px;display:none}.wli-toggle{font-size:12px;color:var(--primary-light);margin-top:8px;font-weight:600}.grammar-cards{display:flex;flex-direction:column;gap:24px}.grammar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:var(--transition)}.grammar-card:hover{border-color:var(--border-hover)}.gc-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.gc-icon{width:50px;height:50px;background:var(--bg-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid var(--border)}.gc-title{font-size:20px;font-weight:700;margin-bottom:4px}.gc-level{display:inline-block}.gc-rule{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.gc-formula{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;color:var(--primary-light);margin-bottom:16px}.gc-examples{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.gc-example{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px 16px}.gc-correct{font-size:14px;color:#34d399;margin-bottom:4px}.gc-incorrect{font-size:14px;color:#f87171}.gc-tip{font-size:14px;color:var(--accent-light);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);padding:10px 16px}.reading-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:28px}.rp-header{margin-bottom:16px}.rp-title{font-size:22px;font-weight:700;margin-top:8px}.rp-text{font-size:15px;line-height:1.9;color:var(--text-secondary);border-left:3px solid var(--primary);padding-left:20px;margin-bottom:24px;background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:20px 20px 20px 24px}.rp-questions h4{font-size:16px;margin-bottom:16px}.rp-question{margin-bottom:20px}.rp-q-text{font-size:15px;font-weight:500;margin-bottom:10px}.rp-options{display:flex;flex-direction:column;gap:8px}.rp-option{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;font-size:14px;font-family:Inter,sans-serif;transition:var(--transition)}.rp-option:hover:not([disabled]){background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.rp-option.correct{background:rgba(16,185,129,.15);border-color:var(--success);color:#34d399}.rp-option.wrong{background:rgba(239,68,68,.15);border-color:var(--danger);color:#f87171}.rp-score{padding:14px 20px;border-radius:var(--radius-sm);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#34d399;font-weight:600;font-size:15px;margin-top:16px}.rp-score.perfect{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:var(--accent-light)}.phrases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.phrase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:var(--transition)}.phrase-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.phrase-card.revealed{border-color:rgba(16,185,129,.3);background:linear-gradient(180deg,rgba(16,185,129,.05),var(--bg-card))}.phrase-text{font-size:18px;font-weight:700;margin:10px 0;color:var(--text-primary)}.phrase-reveal-hint{font-size:12px;color:var(--text-muted)}.phrase-meaning{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.phrase-example{font-size:13px;color:var(--text-muted);font-style:italic}@media (max-width:768px){.phrases-grid{grid-template-columns:1fr}.fc-word{font-size:36px}.flashcard{height:300px}}