.fc-b{--fc-ink:#111214;--fc-ink-2:#3a3d42;--fc-gray-500:#6b7280;--fc-gray-400:#9ca3af;--fc-line:#e5e7eb;--fc-line-soft:#eef0f3;--fc-page:#f7f8f9;--fc-surface:#fff;--fc-orange:#ff5833;--fc-orange-dark:#e04a2a;--fc-green:#16a34a;--fc-green-soft:#ecfdf3;--fc-amber:#f59e0b;--fc-amber-soft:#fffbeb;--fc-radius:10px;--fc-ease:cubic-bezier(.2,.8,.2,1);--fc-shadow-sm:0 1px 2px #1112140d;--fc-shadow-md:0 6px 18px -6px #11121429,0 2px 6px #1112140d;color:var(--fc-ink);background:var(--fc-page)}.fc-b-view{padding:16px 16px 20px}.fc-b-top{margin-bottom:14px}.fc-b .segbar{gap:4px;display:flex}.fc-b .segbar span{background:var(--fc-line);height:6px;transition:background .35s var(--fc-ease);border-radius:99px;flex:1}.fc-b .segbar span.done{background:var(--fc-green)}.fc-b .segbar span.fuzzy{background:var(--fc-amber)}.fc-b .segbar span.current{background:var(--fc-orange)}.fc-b .b-top-row{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.fc-b .counter{color:var(--fc-ink-2);font-size:13px;font-weight:700}.fc-b .xp-chip{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:99px;align-items:center;gap:5px;padding:4px 11px;font-size:12.5px;font-weight:700;transition:transform .28s cubic-bezier(.16,1.2,.3,1);display:inline-flex}.fc-b .xp-chip.pop{transform:scale(1.12)}.fc-b .swipe-stage{justify-content:center;align-items:flex-start;height:352px;padding-top:8px;display:flex;position:relative}.fc-b .swipe-cards{width:min(560px,100%);height:322px;position:relative}.fc-b .flip-card{perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px}.fc-b .flip-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.fc-b .flip-card.flipped .flip-inner{transform:rotateY(180deg)}.fc-b .face{backface-visibility:hidden;background:var(--fc-surface);border:1px solid var(--fc-line);box-shadow:var(--fc-shadow-md);border-radius:14px;flex-direction:column;gap:12px;padding:30px 32px 26px;display:flex;position:absolute;inset:0;overflow:auto;transform:rotateY(0)translateZ(.1px)}.fc-b .face.back{background:#fffefb;border-color:#eceef1;transform:rotateY(180deg)translateZ(.1px)}.fc-b .face-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--fc-gray-400);align-self:flex-start;font-size:10.5px;font-weight:700}.fc-b .face.back .face-tag{color:var(--fc-orange)}.fc-b .face-body{flex:1;align-items:center;display:flex}.fc-b .face-body p{white-space:pre-wrap;margin:0}.fc-b .flip-hint{color:var(--fc-gray-400);align-items:center;gap:5px;font-size:11.5px;display:flex}.fc-b .flip-hint kbd,.fc-b .kbd-hint kbd{border:1px solid var(--fc-line);color:var(--fc-ink-2);background:#fff;border-radius:4px;padding:1px 5px;font-family:ui-monospace,JetBrains Mono,Menlo,Consolas,monospace;font-size:.9em}.fc-b .swipe-cards .flip-card{width:100%;height:100%;transition:transform .42s var(--fc-ease),opacity .42s var(--fc-ease);touch-action:pan-y;position:absolute;inset:0}.fc-b .swipe-cards .flip-card[data-depth="0"]{z-index:5}.fc-b .swipe-cards .flip-card[data-depth="1"]{z-index:4;transform:translateY(16px)scale(.958)}.fc-b .swipe-cards .flip-card[data-depth="2"]{z-index:3;transform:translateY(31px)scale(.918)}.fc-b .swipe-cards .flip-card[data-depth="3"]{z-index:2;opacity:.55;transform:translateY(44px)scale(.882)}.fc-b .swipe-cards .flip-card.dragging{transition:none}.fc-b .swipe-cards .flip-card.flying-left,.fc-b .swipe-cards .flip-card.flying-right{transition:transform .42s var(--fc-ease),opacity .42s linear;opacity:0;pointer-events:none;z-index:6}.fc-b .swipe-cards .flip-card.flying-left{transform:translate(-620px,40px)rotate(-22deg)}.fc-b .swipe-cards .flip-card.flying-right{transform:translate(620px,40px)rotate(22deg)}.fc-b .swipe-cards .flip-card .face{padding:26px 28px 22px}.fc-b .swipe-cards .flip-card .face-body{font-size:19.5px;font-weight:700;line-height:1.4}.fc-b .swipe-cards .flip-card .face.back .face-body{color:var(--fc-ink-2);font-size:16.5px;font-weight:500;line-height:1.55}.fc-b .tint-wrap{pointer-events:none;z-index:6;opacity:0;border-radius:14px;transition:opacity .12s linear;position:absolute;inset:0}.fc-b .tint-amber{box-shadow:inset 0 0 0 2px var(--fc-amber);background:#f59e0b29}.fc-b .tint-green{box-shadow:inset 0 0 0 2px var(--fc-green);background:#16a34a24}.fc-b .swipe-hint{letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .2s var(--fc-ease);z-index:1;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:44%}.fc-b .swipe-hint.left{background:var(--fc-amber-soft);color:#92400e;border:1px solid #fcd34d;left:0}.fc-b .swipe-hint.right{background:var(--fc-green-soft);color:#166534;border:1px solid #86efac;right:0}.fc-b .swipe-stage.show-hints .swipe-hint{opacity:1}.fc-b .b-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.fc-b .round-btn{border:1px solid var(--fc-line);color:var(--fc-ink-2);transition:transform .16s var(--fc-ease),background .2s,border-color .2s,box-shadow .2s;cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.fc-b .round-btn:hover:not(:disabled){box-shadow:var(--fc-shadow-sm);transform:translateY(-1px)}.fc-b .round-btn:disabled{opacity:.45;cursor:not-allowed}.fc-b .round-btn.amber{background:var(--fc-amber-soft);color:#92400e;border-color:#fcd34d}.fc-b .round-btn.green{background:var(--fc-green-soft);color:#166534;border-color:#86efac}.fc-b .round-btn.ghost{color:var(--fc-gray-500)}.fc-b .kbd-hint{text-align:center;max-width:560px;color:var(--fc-gray-500);margin:14px auto 0;font-size:12.5px;line-height:1.5}.fc-b .finish{border:1px solid var(--fc-line);text-align:center;box-shadow:var(--fc-shadow-md);background:#fff;border-radius:14px;margin-top:6px;padding:34px 30px;animation:.5s cubic-bezier(.16,1.1,.3,1) both fc-slide-in;position:relative;overflow:hidden}.fc-b .finish .burst{background:var(--fc-green-soft);width:52px;height:52px;color:var(--fc-green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;animation:.6s cubic-bezier(.16,1.3,.3,1) both fc-burst;display:flex}.fc-b .finish h3{color:var(--fc-ink);margin:0 0 8px;font-size:1.25rem;font-weight:700}.fc-b .finish p{max-width:36rem;color:var(--fc-gray-500);margin:0 auto;font-size:14px;line-height:1.55}.fc-b .finish-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 20px;display:flex}.fc-b .finish-stat{border:1px solid var(--fc-line);background:var(--fc-page);border-radius:12px;min-width:120px;padding:12px 14px}.fc-b .finish-stat strong{color:var(--fc-ink);margin-bottom:2px;font-size:1.25rem;font-weight:800;display:block}.fc-b .finish-stat span{color:var(--fc-gray-500);font-size:12px;font-weight:600}.fc-b .finish-stat.got strong{color:var(--fc-green)}.fc-b .finish-stat.fuzzy strong{color:#b45309}.fc-b .finish-stat.xp strong{color:var(--fc-orange-dark)}.fc-b .finish-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fc-b .finish-actions a,.fc-b .finish-actions button{border:1px solid var(--fc-line);color:var(--fc-ink-2);cursor:pointer;transition:transform .16s var(--fc-ease),box-shadow .2s;background:#fff;border-radius:99px;justify-content:center;align-items:center;padding:10px 18px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.fc-b .finish-actions a:hover,.fc-b .finish-actions button:hover{box-shadow:var(--fc-shadow-sm);transform:translateY(-1px)}.fc-b .finish-actions a.primary,.fc-b .finish-actions button.primary{background:var(--fc-orange);border-color:var(--fc-orange);color:#fff}.fc-b .sr-live{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fc-burst{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes fc-slide-in{0%{opacity:0;transform:translateY(26px)scale(.955)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fc-b .flip-inner{transform-style:flat;transition:none!important;transform:none!important}.fc-b .flip-card.flipped .flip-inner{transform:none!important}.fc-b .face{backface-visibility:visible;transition:opacity .22s linear!important;transform:none!important}.fc-b .face.back,.fc-b .flip-card.flipped .face.front{opacity:0;pointer-events:none}.fc-b .flip-card.flipped .face.back{opacity:1;pointer-events:auto}.fc-b .swipe-cards .flip-card{transition:transform .01ms,opacity .18s linear}.fc-b .swipe-cards .flip-card.flying-left,.fc-b .swipe-cards .flip-card.flying-right{opacity:0;transition:none;transform:none}.fc-b .finish,.fc-b .finish .burst{animation:none}.fc-b .xp-chip{transition:none}}@media (max-width:640px){.fc-b-view{padding:12px 12px 16px}.fc-b .swipe-stage{height:auto;padding-top:4px}.fc-b .swipe-cards{width:100%;height:clamp(215px,34vh,265px)}.fc-b .swipe-cards .flip-card .face-body{font-size:17px}.fc-b .swipe-cards .flip-card .face.back .face-body{font-size:15px}.fc-b .swipe-hint{padding:5px 9px;font-size:10.5px;top:38%}.fc-b .b-controls{gap:8px;margin-top:14px}.fc-b .round-btn{padding:9px 13px;font-size:12.5px}.fc-b .finish{padding:26px 18px}}