.pf4-sort-area{display:flex;flex-direction:column;gap:16px;margin:16px 0}.pf4-fracs-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0}.pf4-frac-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:14px;border:2.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .18s;min-width:70px;position:relative}.pf4-frac-card:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.pf4-frac-card:active{transform:scale(.96)}.pf4-frac-card.pf4-card-selected{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #6366f133}.pf4-frac-card.pf4-card-sorted{opacity:.45;pointer-events:none;transform:scale(.92)}.pf4-frac-card.pf4-card-correct{border-color:#22c55e;background:#f0fdf4}.pf4-frac-card.pf4-card-wrong{border-color:#ef4444;background:#fef2f2}.dark .pf4-frac-card{background:#1e293b;border-color:#475569}.dark .pf4-frac-card:hover,.dark .pf4-frac-card.pf4-card-selected{border-color:#818cf8;background:#312e81}.dark .pf4-frac-card.pf4-card-correct{border-color:#22c55e;background:#22c55e1f}.dark .pf4-frac-card.pf4-card-wrong{border-color:#ef4444;background:#ef44441f}.pf4-bins-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:16px 0}.pf4-bin{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;border-radius:16px;border:3px dashed #cbd5e1;background:#f8fafc;cursor:pointer;transition:all .2s;min-width:140px;min-height:80px}.pf4-bin:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-2px)}.pf4-bin.pf4-bin-proper{border-color:#86efac;background:#f0fdf4}.pf4-bin.pf4-bin-proper:hover{border-color:#22c55e;background:#dcfce7}.pf4-bin.pf4-bin-not-proper{border-color:#fca5a5;background:#fef2f2}.pf4-bin.pf4-bin-not-proper:hover{border-color:#ef4444;background:#fee2e2}.pf4-bin.pf4-bin-disabled{opacity:.5;pointer-events:none}.dark .pf4-bin{background:#0f172a;border-color:#475569}.dark .pf4-bin:hover{border-color:#818cf8;background:#1e1b4b}.dark .pf4-bin.pf4-bin-proper{border-color:#166534;background:#22c55e14}.dark .pf4-bin.pf4-bin-proper:hover{border-color:#22c55e;background:#22c55e26}.dark .pf4-bin.pf4-bin-not-proper{border-color:#991b1b;background:#ef444414}.dark .pf4-bin.pf4-bin-not-proper:hover{border-color:#ef4444;background:#ef444426}.pf4-bin-label{font-size:16px;font-weight:700}.pf4-bin-count{font-size:13px;color:#94a3b8;font-weight:500}.dark .pf4-bin-count{color:#64748b}.pf4-bin-contents{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;min-height:24px}.pf4-bin-chip{display:inline-block;padding:2px 8px;border-radius:8px;font-size:13px;font-weight:600;background:#6366f11a;color:#6366f1}.dark .pf4-bin-chip{background:#6366f133;color:#a5b4fc}.pf4-review-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:16px 0}.pf4-review-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;min-width:100px}.pf4-review-card.pf4-review-proper{border-color:#86efac;background:#f0fdf4}.pf4-review-card.pf4-review-improper{border-color:#fca5a5;background:#fef2f2}.dark .pf4-review-card{background:#1e293b;border-color:#475569}.dark .pf4-review-card.pf4-review-proper{border-color:#166534;background:#22c55e14}.dark .pf4-review-card.pf4-review-improper{border-color:#991b1b;background:#ef444414}.pf4-review-type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pf4-review-type.pf4-type-proper{color:#16a34a}.pf4-review-type.pf4-type-improper{color:#ef4444}.dark .pf4-review-type.pf4-type-proper{color:#4ade80}.dark .pf4-review-type.pf4-type-improper{color:#f87171}.pf4-review-reason{font-size:11px;color:#94a3b8;text-align:center}.dark .pf4-review-reason{color:#64748b}.pf4-question-area{background:#f8fafc;border-radius:16px;padding:24px 20px;margin:12px 0;border:1.5px solid #e2e8f0}.dark .pf4-question-area{background:#0f172a;border-color:#334155}.pf4-q-prompt{font-size:17px;font-weight:600;color:#1e293b;text-align:center;margin-bottom:16px;line-height:1.6}.dark .pf4-q-prompt{color:#f1f5f9}.pf4-q-prompt em{color:#6366f1;font-style:normal;font-weight:700;background:#6366f114;padding:1px 6px;border-radius:6px}.dark .pf4-q-prompt em{color:#a5b4fc;background:#6366f126}.pf4-tf-row{display:flex;justify-content:center;gap:16px;margin:16px 0}.pf4-tf-btn{padding:14px 32px;border-radius:14px;border:2.5px solid #e2e8f0;background:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .18s;min-width:120px;text-align:center}.pf4-tf-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pf4-tf-btn:active{transform:scale(.96)}.pf4-tf-btn.pf4-tf-true{color:#16a34a;border-color:#86efac}.pf4-tf-btn.pf4-tf-true:hover{background:#f0fdf4;border-color:#22c55e}.pf4-tf-btn.pf4-tf-false{color:#ef4444;border-color:#fca5a5}.pf4-tf-btn.pf4-tf-false:hover{background:#fef2f2;border-color:#ef4444}.pf4-tf-btn.pf4-tf-correct{background:#dcfce7!important;border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e33}.pf4-tf-btn.pf4-tf-wrong{background:#fee2e2!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433}.pf4-tf-btn.pf4-tf-dim{opacity:.4;pointer-events:none}.dark .pf4-tf-btn{background:#1e293b;border-color:#475569}.dark .pf4-tf-btn.pf4-tf-true{color:#4ade80;border-color:#166534}.dark .pf4-tf-btn.pf4-tf-true:hover{background:#22c55e1a}.dark .pf4-tf-btn.pf4-tf-false{color:#f87171;border-color:#991b1b}.dark .pf4-tf-btn.pf4-tf-false:hover{background:#ef44441a}.dark .pf4-tf-btn.pf4-tf-correct{background:#22c55e26!important;border-color:#22c55e!important}.dark .pf4-tf-btn.pf4-tf-wrong{background:#ef444426!important;border-color:#ef4444!important}.pf4-multi-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0}.pf4-multi-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:2.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .18s;min-width:80px;justify-content:center}.pf4-multi-item:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-1px)}.pf4-multi-item.pf4-multi-checked{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 2px #6366f126}.pf4-multi-item.pf4-multi-correct{border-color:#22c55e;background:#f0fdf4}.pf4-multi-item.pf4-multi-wrong{border-color:#ef4444;background:#fef2f2}.pf4-multi-item.pf4-multi-missed{border-color:#f59e0b;background:#fffbeb}.pf4-multi-item.pf4-multi-dim{opacity:.5}.dark .pf4-multi-item{background:#1e293b;border-color:#475569}.dark .pf4-multi-item:hover,.dark .pf4-multi-item.pf4-multi-checked{border-color:#818cf8;background:#312e81}.dark .pf4-multi-item.pf4-multi-correct{border-color:#22c55e;background:#22c55e1f}.dark .pf4-multi-item.pf4-multi-wrong{border-color:#ef4444;background:#ef44441f}.dark .pf4-multi-item.pf4-multi-missed{border-color:#f59e0b;background:#f59e0b1f}.pf4-multi-check{width:20px;height:20px;border-radius:5px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:all .15s}.pf4-multi-checked .pf4-multi-check{background:#6366f1;border-color:#6366f1;color:#fff}.dark .pf4-multi-check{border-color:#475569}.dark .pf4-multi-checked .pf4-multi-check{background:#818cf8;border-color:#818cf8}.pf4-explain{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:14px 18px;margin-top:14px;font-size:14px;color:#166534;line-height:1.6}.dark .pf4-explain{background:#22c55e14;border-color:#22c55e40;color:#86efac}.pf4-explain strong{font-weight:700}.dark .pf4-explain strong{color:#4ade80}.pf4-discovery{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:14px;padding:18px 20px;margin-top:16px;text-align:center}.pf4-discovery h3{font-size:18px;margin:0 0 8px;color:#92400e}.pf4-discovery p{font-size:14px;color:#78350f;margin:0;line-height:1.6}.pf4-discovery strong{color:#b45309}.dark .pf4-discovery{background:linear-gradient(135deg,#422006,#78350f);border-color:#d97706}.dark .pf4-discovery h3{color:#fde68a}.dark .pf4-discovery p{color:#fcd34d}.dark .pf4-discovery strong{color:#fbbf24}.pf4-streak-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);font-size:14px;font-weight:700;color:#92400e;border:1.5px solid #f59e0b}.pf4-streak-chip span{font-size:18px;color:#d97706}.dark .pf4-streak-chip{background:linear-gradient(135deg,#78350f,#92400e);color:#fde68a;border-color:#d97706}.dark .pf4-streak-chip span{color:#fbbf24}.pf4-timer-row{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:16px;font-weight:700;color:#334155}.dark .pf4-timer-row{color:#e2e8f0}.pf4-timer-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.dark .pf4-timer-track{background:#334155}.pf4-timer-fill{height:100%;background:#22c55e;border-radius:5px;transition:width 1s linear}.pf4-timer-fill.pf4-timer-warn{background:#f59e0b}.pf4-timer-fill.pf4-timer-danger{background:#ef4444}.pf4-step-label{text-align:center;font-size:13px;font-weight:600;color:#94a3b8;margin:8px 0 4px;text-transform:uppercase;letter-spacing:.5px}.dark .pf4-step-label{color:#64748b}.pf4-big-frac{text-align:center;margin:16px 0;padding:16px;background:#6366f10d;border-radius:14px;border:1.5px solid rgba(99,102,241,.15)}.dark .pf4-big-frac{background:#6366f11a;border-color:#6366f133}.pf4-visual-area{display:flex;justify-content:center;margin:12px 0;flex-wrap:wrap;gap:12px}.pf4-frac-card .katex,.pf4-q-prompt .katex,.pf4-explain .katex,.pf4-discovery .katex,.pf4-big-frac .katex,.pf4-review-card .katex,.pf4-review-reason .katex,.pf4-bin-chip .katex,.pf4-multi-item .katex,.pf4-visual-area .katex,.lnp-choice-btn .katex,.lnp-info-box .katex{font-size:inherit}@media (max-width: 480px){.pf4-question-area{padding:16px 12px}.pf4-q-prompt{font-size:15px}.pf4-frac-card{min-width:58px;padding:10px 12px}.pf4-bin{min-width:110px;padding:12px 16px}.pf4-tf-btn{min-width:90px;padding:12px 20px;font-size:16px}.pf4-multi-item{min-width:65px;padding:8px 12px}.pf4-discovery{padding:14px 12px}.pf4-discovery h3{font-size:16px}.pf4-review-card{min-width:80px;padding:10px}.pf4-bins-row{gap:10px}}