#flashcard-container{width:100%;max-width:780px;margin:0 auto;padding-bottom:2rem;display:none}.fc-controls{background:color-mix(in srgb, var(--app-surface-strong,#0f172a) 88%, transparent 12%);border:1px solid #94a3b829;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(740px,100%);margin:0 auto 1.25rem;padding:.72rem .85rem .72rem 1rem;display:flex;box-shadow:0 12px 28px #02061729,inset 0 1px #ffffff09}.fc-controls-copy{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.fc-controls-kicker{color:var(--text-q,#f8fafc);letter-spacing:.01em;font-size:.86rem;font-weight:750}#fc-page-info{color:color-mix(in srgb, var(--text-q,#f8fafc) 62%, #64748b 38%);font-variant-numeric:tabular-nums;font-size:.78rem}.fc-review-btn.glass-btn{color:var(--text-q,#f8fafc);box-shadow:none;background:#94a3b814;border-color:#94a3b833;flex:none;padding:.58rem .9rem}.fc-review-btn.glass-btn:hover{background:#94a3b821;border-color:#94a3b852;box-shadow:0 8px 18px #02061724}#fc-grid{justify-content:center;align-items:flex-start;width:100%;max-width:740px;margin:0 auto;display:flex}.flashcard-wrapper{perspective:1000px;cursor:pointer;background-color:#0000;outline:none;width:min(680px,100%);height:clamp(350px,54vh,480px);transition:transform .25s,box-shadow .25s}.flashcard-wrapper:hover{transform:translateY(-3px)}.flashcard-wrapper:focus-visible{outline:2px solid color-mix(in srgb, var(--g1,#60a5fa) 42%, #ffffff80 58%);outline-offset:5px;border-radius:18px}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:18px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 18px 44px #02061747,0 3px 10px #0206172e}.flashcard-wrapper.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid color-mix(in srgb, var(--app-border,#334155) 82%, var(--g1,#60a5fa) 18%);background:linear-gradient(145deg, color-mix(in srgb, var(--card-bg,#0f172a) 95%, var(--g1,#60a5fa) 5%) 0%, color-mix(in srgb, var(--card-bg,#0f172a) 96%, var(--g2,#f472b6) 4%) 100%);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1.35rem,4vw,2.25rem);display:flex;position:absolute;overflow:hidden}.flashcard-back{justify-content:space-between;transform:rotateY(180deg)}.fc-q-text{color:var(--text-q);-ms-overflow-style:none;scrollbar-width:none;max-height:90%;font-size:clamp(1.08rem,2.3vw,1.4rem);font-weight:600;line-height:1.42;overflow-y:auto}.fc-q-text::-webkit-scrollbar{display:none}.fc-a-text{color:color-mix(in srgb, var(--text-q,#f8fafc) 88%, #94a3b8 12%);text-align:left;-ms-overflow-style:none;scrollbar-width:none;border-bottom:1px solid #94a3b829;flex:1;width:100%;margin-bottom:1rem;padding:.4rem 0 .85rem;font-size:clamp(.98rem,2vw,1.15rem);line-height:1.55;overflow-y:auto}.fc-a-text::-webkit-scrollbar{display:none}.fc-a-correct{color:color-mix(in srgb, #86efac 76%, var(--text-q,#f8fafc) 24%);margin-bottom:.5rem;font-weight:750;display:block}.fc-actions{flex-wrap:wrap;gap:.55rem;width:100%;display:flex}.fc-btn{border:1px solid var(--btn-border,#94a3b847);border-radius:var(--btn-radius-sm,10px);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:var(--btn-surface-soft,#0f172a9e);color:var(--btn-text,#e2e8f0);flex:calc(50% - .25rem);padding:.62rem .45rem;font-size:.75rem;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s,color .2s;box-shadow:0 5px 14px #0206171f}.fc-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0206172e}.fc-btn:active{transform:translateY(0)}.fc-btn.btn-again{background:color-mix(in srgb, #ef4444 7%, var(--btn-surface-soft,#0f172a9e) 93%);border-color:color-mix(in srgb, #ef4444 30%, var(--btn-border,#94a3b847) 70%);color:color-mix(in srgb, #fca5a5 74%, var(--btn-text,#e2e8f0) 26%);box-shadow:none}.fc-btn.btn-hard{background:color-mix(in srgb, #fbbf24 8%, var(--btn-surface-soft,#0f172a9e) 92%);border-color:color-mix(in srgb, #fbbf24 30%, var(--btn-border,#94a3b847) 70%);color:color-mix(in srgb, #fde68a 74%, var(--btn-text,#e2e8f0) 26%);box-shadow:none}.fc-btn.btn-good{background:color-mix(in srgb, #22c55e 7%, var(--btn-surface-soft,#0f172a9e) 93%);border-color:color-mix(in srgb, #22c55e 28%, var(--btn-border,#94a3b847) 72%);color:color-mix(in srgb, #86efac 74%, var(--btn-text,#e2e8f0) 26%);box-shadow:none}.fc-btn.btn-easy{background:color-mix(in srgb, #38bdf8 7%, var(--btn-surface-soft,#0f172a9e) 93%);border-color:color-mix(in srgb, #38bdf8 30%, var(--btn-border,#94a3b847) 70%);color:color-mix(in srgb, #bae6fd 74%, var(--btn-text,#e2e8f0) 26%);box-shadow:none}.fc-status-dot{background:var(--st-neu);border:1px solid #ffffff1f;border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:12px;box-shadow:0 1px 3px #00000047}.flashcard-empty-state{background:color-mix(in srgb, var(--card-bg,#0f172a) 86%, transparent 14%);width:min(620px,100%);color:color-mix(in srgb, var(--text-q,#f8fafc) 72%, #64748b 28%);text-align:center;border:1px solid #94a3b829;border-radius:18px;padding:2.5rem 1.5rem;font-weight:600}.flashcard-empty-state strong{color:var(--text-q,#f8fafc);margin-bottom:.35rem;font-size:1.05rem;display:block}.fc-card-index{color:color-mix(in srgb, var(--text-q,#f8fafc) 52%, #64748b 48%);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.8rem;font-size:.76rem;font-weight:650}.fc-flip-hint{color:color-mix(in srgb, var(--text-q,#f8fafc) 48%, #64748b 52%);margin-top:auto;padding-top:1rem;font-size:.76rem}#fc-overlay{backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#020617d9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}#fc-overlay.active{opacity:1;pointer-events:auto}#fc-overlay .flashcard-wrapper{cursor:default;width:600px;max-width:90vw;height:400px;font-size:1.2rem;transition:transform .3s cubic-bezier(.18,.89,.32,1.28);transform:scale(.9)}#fc-overlay.active .flashcard-wrapper{transform:scale(1)}#fc-overlay .fc-a-text{padding-top:1rem;font-size:1.15rem;line-height:1.6}#fc-overlay .fc-a-correct{margin-bottom:.75rem;font-size:1.25rem}#overlay-close-hint{color:#94a3b8;cursor:pointer;background:#ffffff1a;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:background .2s;position:absolute;top:20px;right:20px}#overlay-close-hint:hover{color:#fff;background:#fff3}
/*# sourceMappingURL=flashcard.css.map */