.learn-mode-container{min-height:calc(100vh - 80px);padding-top:32px;padding-bottom:60px}.learn-progress-bar-container{max-width:720px;margin:0 auto 32px}.learn-progress-info{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.back-nav-btn{align-items:center;gap:6px;display:flex}.learn-card-counter{color:var(--text-secondary);font-size:.9rem;font-weight:600}.learn-seen-count{color:var(--text-muted);font-size:.82rem}.learn-progress-track{background:var(--bg-surface-elevated);border-radius:6px;height:6px;overflow:hidden}.learn-progress-fill{background:linear-gradient(90deg, var(--accent-color), #a855f7);border-radius:6px;height:100%;transition:width .4s}.learn-card-wrapper{perspective:1200px;max-width:640px;margin:0 auto;animation:.4s cubic-bezier(.34,1.2,.64,1) both card-enter}.learn-flashcard{cursor:pointer;width:100%;min-height:420px;transform-style:preserve-3d;transition:transform 50ms;position:relative}.learn-flashcard:hover{transform:scale(1.01)}.learn-flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-inner{width:100%;min-height:420px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.2,.64,1);position:relative}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:420px;padding:40px 36px;display:flex;position:absolute}.flashcard-front{background:var(--bg-surface);text-align:center}.flashcard-back{background:var(--bg-surface-elevated);justify-content:flex-start;align-items:flex-start;gap:16px;transform:rotateY(180deg)}.fc-tag-row{align-items:center;gap:10px;display:flex}.fc-type-tag{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.fc-category-tag{color:var(--text-muted);background:var(--bg-surface-elevated);border-radius:100px;padding:3px 10px;font-size:.75rem}.fc-icon-box{border-radius:var(--radius-lg);opacity:.8;border:1px solid;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.fc-front-text{font-family:var(--font-heading);text-align:center;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.2}.fc-flip-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;animation:1s 1s both fade-in;display:flex}.fc-back-label{font-family:var(--font-heading);color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.3}.fc-detail-text{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.fc-hook-block,.fc-trap-block{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;width:100%;padding:12px 14px;font-size:.85rem;line-height:1.5;display:flex}.fc-hook-block{background:#eab30814;border:1px solid #eab30833}.fc-trap-block{background:#f43f5e14;border:1px solid #f43f5e33}.learn-nav-row{justify-content:center;align-items:center;gap:16px;max-width:640px;margin-top:28px;margin-left:auto;margin-right:auto;display:flex}.learn-next-btn{min-width:200px}.next-hint{animation:2s infinite pulse-glow}.learn-complete-card{flex-direction:column;align-items:center;gap:16px;max-width:480px;margin:80px auto 0;padding:48px 40px;display:flex}.complete-icon-box{background:#6366f11f;border:1px solid #6366f14d;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:8px;display:flex}.complete-desc{color:var(--text-secondary);text-align:center;font-size:1rem;line-height:1.6}.complete-xp-reward{color:#eab308;background:#eab3081f;border:1px solid #eab30840;border-radius:100px;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:700;display:flex}.complete-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}@media (max-width:768px){.flashcard-face{padding:28px 20px}.fc-front-text{font-size:1.5rem}.learn-nav-row{flex-direction:column}.learn-next-btn{width:100%}}