html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f1f5f9;color:#0f172a;box-sizing:border-box}.fc-page{width:100%;height:100dvh;background-color:#f1f5f9;overflow:hidden;display:flex;justify-content:center;box-sizing:border-box}.fc-wrap{width:100%;max-width:470px;padding:16px;display:flex;flex-direction:column;box-sizing:border-box}.fc-loading{height:100vh;display:flex;align-items:center;justify-content:center}.fc-progress{margin-bottom:16px;width:100%}.fc-progress-info{display:flex;justify-content:space-between;font-size:13px;color:#64748b;margin-bottom:6px;font-weight:700}.fc-sub{font-weight:600;opacity:.8}.fc-progress-bar-bg{height:6px;background-color:#e2e8f0;border-radius:3px;width:100%}.fc-progress-bar-fill{height:100%;background-color:#3b82f6;border-radius:3px;transition:width .3s ease}.fc-card-area{flex:1;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:20px}.fc-card-perspective{perspective:1200px;width:100%;height:100%;max-height:clamp(320px,50vh,420px);position:relative}.fc-card{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);transform:rotateY(0);cursor:pointer;outline:none}.fc-card.is-flipped{transform:rotateY(180deg)}.fc-card.no-flip-anim{transition:none!important}.fc-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;box-sizing:border-box}.fc-front{background-color:#fff;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.fc-back{transform:rotateY(180deg);background:linear-gradient(135deg,#3b82f6,#2563eb)}.fc-bottom{flex-shrink:0}.fc-face-layout{padding:24px;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.fc-tag{font-size:11px;font-weight:900}.fc-tag--q{color:#3b82f6}.fc-tag--a{color:#ffffffb3}.fc-text{flex:1;display:flex;flex-direction:column;text-align:center;overflow:auto;padding-right:6px;min-height:0;padding-top:4px}.fc-text::-webkit-scrollbar{width:4px}.fc-text::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}.fc-q{text-align:left;font-size:1.1rem;font-weight:800;color:#1e293b;margin-top:0;margin-bottom:12px;white-space:pre-line;overflow-wrap:anywhere;word-break:keep-all;line-height:1.45;flex-shrink:0}.fc-sub-q{margin-top:8px;font-size:.9rem;font-weight:600;color:#475569;padding-left:10px;border-left:3px solid #cbd5e1;white-space:pre-line;text-align:left}.fc-a{font-size:1.4rem;font-weight:800;color:#fff}.fc-options{text-align:left;font-size:.9rem;color:#475569;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.fc-option{padding:2px 0}.fc-hint{text-align:center;font-size:11px;font-weight:700}.fc-hint--front{color:#94a3b8}.fc-hint--back{color:#ffffff8c}.fc-explain{margin-bottom:12px}.fc-explain-btn{width:100%;padding:10px;border-radius:12px;border:none;background-color:#fff;font-size:12px;font-weight:800;cursor:pointer}.fc-explain-btn:active{transform:translateY(1px)}.fc-explain-box{margin-top:8px;padding:12px;background-color:#fff;border-radius:12px;font-size:12px;max-height:90px;overflow-y:auto}.fc-controls{display:flex;justify-content:center;gap:30px;margin-top:20px}.fc-round-btn{width:40px;height:40px;border-radius:50%;background-color:#1e293b;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.fc-round-btn:disabled{opacity:.5;cursor:not-allowed}.fc-goto-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;box-shadow:0 4px 16px #0000000a}.fc-goto-count{font-size:13px;font-weight:900;color:#0f172a}.fc-goto-now{color:#2563eb}.fc-goto-arrow{border:none;background:#1e293b;color:#fff;border-radius:10px;height:30px;padding:0 10px;font-weight:900;cursor:pointer}.fc-goto-arrow:active{transform:translateY(1px)}.fc-goto-edit{display:flex;align-items:center;gap:6px}.fc-goto-input{width:72px;height:30px;border-radius:10px;border:1px solid #cbd5e1;outline:none;text-align:center;font-weight:800;background:#fff;color:#0f172a}.fc-goto-input:focus{border-color:#3b82f6}.fc-goto-go{border:none;background:#3b82f6;color:#fff;border-radius:10px;height:30px;padding:0 10px;font-weight:900;cursor:pointer}.fc-goto-cancel{border:none;background:#e2e8f0;color:#0f172a;border-radius:10px;height:30px;padding:0 10px;font-weight:900;cursor:pointer}.fc-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.fc-modal{width:100%;max-width:380px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 30px #0000002e}.fc-modal-title{font-size:16px;font-weight:900;color:#0f172a;margin-bottom:6px}.fc-modal-desc{font-size:13px;font-weight:700;color:#334155;margin-bottom:14px}.fc-modal-actions{display:flex;gap:10px;justify-content:flex-end}.fc-modal-btn{border:none;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}.fc-modal-btn--yes{background:#3b82f6;color:#fff}.fc-modal-btn--no{background:#e2e8f0;color:#0f172a}:root{--wrap-max: 980px;--page-pad: clamp(12px, 3.5vw, 24px);--card-radius: 18px;--fs-title: clamp(18px, 4.6vw, 26px);--fs-body: clamp(14px, 3.6vw, 16px);--fs-small: clamp(12px, 3.2vw, 14px);--card-min-h: 420px;--card-max-h: 70vh}.fc-page{min-height:100svh;min-height:100dvh;padding:var(--page-pad);padding-bottom:calc(var(--page-pad) + env(safe-area-inset-bottom))}.fc-wrap{width:100%;max-width:var(--wrap-max);margin:0 auto}.fc-card-area{width:100%}.fc-card{width:100%;border-radius:var(--card-radius)}.fc-face{border-radius:var(--card-radius)}.fc-text{width:100%;font-size:var(--fs-body);line-height:1.45;overflow:hidden}.fc-q,.fc-sub-q,.fc-a{font-size:var(--fs-body);line-height:1.45;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.fc-options{margin-top:12px;max-height:min(32vh,280px);overflow:auto;-webkit-overflow-scrolling:touch;padding-right:6px}.fc-option{font-size:var(--fs-body);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.fc-card-perspective{width:100%}.fc-card-area,.fc-card-perspective{min-height:min(var(--card-max-h),var(--card-min-h))}.fc-round-btn{min-width:44px;min-height:44px}.fc-progress-info,.fc-sub{font-size:var(--fs-small)}.fc-goto-row{gap:10px;flex-wrap:wrap}.fc-goto-edit{display:flex;align-items:center;gap:8px;width:min(320px,100%)}.fc-goto-input{width:100%;min-width:0;font-size:var(--fs-body)}@media(max-width:360px){:root{--card-min-h: 300px}.fc-controls{gap:16px;margin-top:16px}.fc-card-perspective{max-height:clamp(280px,45vh,360px)}}@media(max-height:700px){.fc-card-perspective{max-height:clamp(280px,45vh,360px)}.fc-controls{margin-top:16px}}@media(max-height:600px){.fc-card-perspective{max-height:clamp(240px,40vh,320px)}}