.flashcards-gen-page{min-height:100vh;padding-bottom:60px}.flashcards-gen-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1121e6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.flashcards-gen-header-left{align-items:center;gap:16px;display:flex}.flashcards-gen-hero{text-align:center;background:radial-gradient(at top,#d6c29112,#0000 60%);padding:56px 40px 40px}.flashcards-gen-title{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:clamp(28px,4vw,46px);font-weight:800}.flashcards-gen-subtitle{color:#94a3b8;max-width:520px;margin:0 auto;font-size:16px;line-height:1.7}.flashcards-form-wrap{max-width:720px;margin:40px auto;padding:0 40px}.flashcards-form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;padding:40px}.form-step-label{letter-spacing:.8px;text-transform:uppercase;color:#d6c291;margin-bottom:8px;font-size:12px;font-weight:700}.form-step-title{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.form-step-desc{color:#94a3b8;margin-bottom:16px;font-size:14px;line-height:1.5}.flashcard-textarea{color:#f1f5f9;resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:200px;padding:16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.7;transition:border-color .2s,box-shadow .2s}.flashcard-textarea:focus{border-color:#d6c29180;box-shadow:0 0 0 3px #d6c29114}.flashcard-textarea::placeholder{color:#94a3b866}.char-counter{color:#475569;text-align:right;margin-top:6px;font-size:12px}.form-divider{background:#ffffff12;height:1px;margin:28px 0}.flashcard-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.num-label{color:#94a3b8;flex-shrink:0;font-size:14px;font-weight:500}.num-selector{gap:8px;display:flex}.num-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:48px;height:40px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.num-btn.active,.num-btn:hover{color:#d6c291;background:#d6c29126;border-color:#d6c29180}.btn-generate-flashcards{color:#0b1121;cursor:pointer;background:linear-gradient(135deg,#d6c291,#b89f6a);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:28px;padding:16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 24px #d6c2914d}.btn-generate-flashcards:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #d6c29166}.btn-generate-flashcards:disabled{opacity:.5;cursor:not-allowed}.gen-spinner{border:2px solid #0003;border-top-color:#0b1121;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fc-error{color:#ef5350;background:#f443361a;border:1px solid #f443364d;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:13px}.fc-history{max-width:720px;margin:0 auto 40px;padding:0 40px}.fc-history h2{margin-bottom:16px;font-family:Outfit,sans-serif;font-size:18px}.fc-history-item{cursor:pointer;color:inherit;background:#1e293b66;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 18px;text-decoration:none;transition:all .2s;display:flex}.fc-history-item:hover{background:#1e293bb3;border-color:#d6c29133}.fc-history-icon{font-size:24px}.fc-history-info{flex:1}.fc-history-title{margin-bottom:2px;font-size:14px;font-weight:600}.fc-history-meta{color:#64748b;font-size:12px}.fc-history-arrow{color:#d6c291;font-size:18px}@media (max-width:640px){.flashcards-gen-hero,.flashcards-form-wrap,.fc-history{padding-left:20px;padding-right:20px}.flashcards-form-card{padding:24px}}