.flashcards-page.svelte-3pf8ly{max-width:800px;margin:0 auto;text-align:center}h1.svelte-3pf8ly{color:var(--primary);margin-bottom:1.5rem}.mode-selector.svelte-3pf8ly{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.mode-btn.svelte-3pf8ly{background:var(--bg-surface);border:1px solid var(--border-default);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);font-size:.9rem}.mode-btn.svelte-3pf8ly:hover{border-color:var(--primary);color:var(--primary)}.mode-btn.active.svelte-3pf8ly{background:var(--primary);color:var(--bg-body);border-color:var(--primary)}.options-bar.svelte-3pf8ly{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--bg-surface);border-radius:var(--radius-md)}.toggle-option.svelte-3pf8ly{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary)}.toggle-option.svelte-3pf8ly input:where(.svelte-3pf8ly){accent-color:var(--primary)}.progress-text.svelte-3pf8ly{color:var(--text-secondary);font-size:.9rem}.flashcard-container.svelte-3pf8ly{perspective:1000px;margin-bottom:1.5rem}.flashcard.svelte-3pf8ly{width:100%;max-width:400px;height:500px;margin:0 auto;cursor:pointer}.flashcard-inner.svelte-3pf8ly{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped.svelte-3pf8ly .flashcard-inner:where(.svelte-3pf8ly){transform:rotateY(180deg)}.flashcard-front.svelte-3pf8ly,.flashcard-back.svelte-3pf8ly{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;box-shadow:0 8px 24px #0003}.flashcard-front.svelte-3pf8ly{background:linear-gradient(135deg,#2c3e50,#1a252f);color:#fff}.flashcard-back.svelte-3pf8ly{background:var(--bg-card);border:1px solid var(--border-subtle);transform:rotateY(180deg)}.card-image.svelte-3pf8ly{max-width:180px;max-height:300px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d}.card-placeholder.svelte-3pf8ly{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-emoji.svelte-3pf8ly{font-size:5rem}.card-hint.svelte-3pf8ly{color:#fff9;font-size:.9rem}.card-number.svelte-3pf8ly{position:absolute;top:1rem;left:1rem;background:var(--primary);color:var(--bg-body);padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:700}.card-name.svelte-3pf8ly{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem}.card-emoji-large.svelte-3pf8ly{font-size:3rem;margin-bottom:1rem}.card-keywords.svelte-3pf8ly{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.6}.card-description.svelte-3pf8ly{color:var(--text-primary);font-size:1rem;line-height:1.5;margin-bottom:.75rem}.card-description-long.svelte-3pf8ly{color:var(--text-secondary);font-size:.85rem;line-height:1.5;max-height:80px;overflow-y:auto}.lecture-toggle.svelte-3pf8ly{margin-top:.5rem;padding:.4rem .75rem;background:#d4af3726;border:1px solid rgba(212,175,55,.4);border-radius:6px;color:var(--primary);cursor:pointer;font-size:.8rem;transition:all .2s ease}.lecture-toggle.svelte-3pf8ly:hover{background:#d4af3740}.lecture-panel.svelte-3pf8ly{margin-top:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-lg);max-height:400px;overflow-y:auto}.lecture-header.svelte-3pf8ly{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(212,175,55,.2)}.lecture-header.svelte-3pf8ly h3:where(.svelte-3pf8ly){color:var(--primary);margin:0;font-size:1.1rem}.close-lecture.svelte-3pf8ly{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.close-lecture.svelte-3pf8ly:hover{color:var(--danger)}.lecture-content.svelte-3pf8ly{color:var(--text-primary);line-height:1.7;font-size:.95rem}.lecture-content.svelte-3pf8ly strong{color:var(--primary)}.lecture-content.svelte-3pf8ly em{color:var(--text-primary);font-style:italic}.flip-hint.svelte-3pf8ly{color:var(--text-muted);font-size:.85rem;margin-top:.5rem}.navigation.svelte-3pf8ly{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.nav-btn.svelte-3pf8ly{background:var(--bg-surface);border:1px solid var(--border-default);padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.nav-btn.svelte-3pf8ly:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.nav-btn.svelte-3pf8ly:disabled{opacity:.5;cursor:not-allowed}.nav-btn.skip.svelte-3pf8ly{background:transparent}.answer-buttons.svelte-3pf8ly{display:flex;gap:1rem}.answer-btn.svelte-3pf8ly{padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.answer-btn.unknown.svelte-3pf8ly{background:var(--danger);color:#fff}.answer-btn.unknown.svelte-3pf8ly:hover{opacity:.9}.answer-btn.known.svelte-3pf8ly{background:var(--success);color:#fff}.answer-btn.known.svelte-3pf8ly:hover{opacity:.9}.stats-bar.svelte-3pf8ly{display:flex;justify-content:center;gap:2rem}.stat.svelte-3pf8ly{display:flex;flex-direction:column;align-items:center}.stat-label.svelte-3pf8ly{font-size:.8rem;color:var(--text-secondary)}.stat-value.svelte-3pf8ly{font-size:1.5rem;font-weight:700}.stat.known.svelte-3pf8ly .stat-value:where(.svelte-3pf8ly){color:var(--success)}.stat.unknown.svelte-3pf8ly .stat-value:where(.svelte-3pf8ly){color:var(--danger)}.session-complete.svelte-3pf8ly{padding:3rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.session-complete.svelte-3pf8ly h2:where(.svelte-3pf8ly){color:var(--primary);margin-bottom:2rem}.final-stats.svelte-3pf8ly{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.stat-card.svelte-3pf8ly{padding:1.5rem 2rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center}.stat-card.known.svelte-3pf8ly{background:#2ecc7126;color:var(--success)}.stat-card.unknown.svelte-3pf8ly{background:#e74c3c26;color:var(--danger)}.stat-card.svelte-3pf8ly .stat-value:where(.svelte-3pf8ly){font-size:3rem;font-weight:700}.stat-card.svelte-3pf8ly .stat-label:where(.svelte-3pf8ly){font-size:.9rem;opacity:.8}.success-rate.svelte-3pf8ly{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.btn.svelte-3pf8ly{padding:.75rem 2rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.btn.primary.svelte-3pf8ly{background:var(--primary);color:var(--bg-body)}.btn.primary.svelte-3pf8ly:hover{opacity:.9}@media (max-width: 600px){.flashcard.svelte-3pf8ly{height:450px}.card-image.svelte-3pf8ly{max-width:140px;max-height:240px}.mode-selector.svelte-3pf8ly{gap:.25rem}.mode-btn.svelte-3pf8ly{padding:.4rem .75rem;font-size:.8rem}.navigation.svelte-3pf8ly{flex-direction:column}.answer-buttons.svelte-3pf8ly{width:100%}.answer-btn.svelte-3pf8ly{flex:1}}