.lf8-group-area{display:flex;flex-direction:column;align-items:center;gap:16px;background:#fefce8;border:2px solid #fde68a;border-radius:16px;padding:20px 18px;margin:14px auto;max-width:640px}.dark .lf8-group-area{background:#1c1917;border-color:#78716c}.lf8-visual-row{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.lf8-visual-col{display:flex;flex-direction:column;align-items:center;gap:4px}.lf8-visual-label{font-size:13px;font-weight:600;color:#92400e;text-align:center}.dark .lf8-visual-label{color:#fbbf24}.lf8-equals-sign{font-size:28px;font-weight:800;color:#b45309;line-height:1}.dark .lf8-equals-sign{color:#fbbf24}.lf8-card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0}.lf8-frac-card{display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:2px solid #d4d4d8;background:#fff;cursor:default;transition:all .2s;min-width:60px}.dark .lf8-frac-card{background:#292524;border-color:#57534e}.lf8-frac-card.lf8-card-selectable{cursor:pointer;border-color:#a3a3a3}.lf8-frac-card.lf8-card-selectable:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px);box-shadow:0 3px 8px #2563eb26}.dark .lf8-frac-card.lf8-card-selectable:hover{border-color:#60a5fa;background:#1e3a5f}.lf8-frac-card.lf8-card-selected{border-color:#2563eb;background:#dbeafe;box-shadow:0 0 0 3px #2563eb33}.dark .lf8-frac-card.lf8-card-selected{border-color:#60a5fa;background:#1e3a5f}.lf8-frac-card.lf8-card-correct{border-color:#059669;background:#d1fae5}.dark .lf8-frac-card.lf8-card-correct{border-color:#34d399;background:#064e3b}.lf8-frac-card.lf8-card-wrong{border-color:#dc2626;background:#fee2e2}.dark .lf8-frac-card.lf8-card-wrong{border-color:#f87171;background:#450a0a}.lf8-frac-card.lf8-card-dim{opacity:.45}.lf8-group-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:700;margin:2px}.lf8-group-a{background:#dbeafe;color:#1d4ed8}.lf8-group-b{background:#fce7f3;color:#be185d}.lf8-group-c{background:#d1fae5;color:#047857}.lf8-group-d{background:#fef3c7;color:#b45309}.dark .lf8-group-a{background:#1e3a5f;color:#93c5fd}.dark .lf8-group-b{background:#4a1942;color:#f9a8d4}.dark .lf8-group-c{background:#064e3b;color:#6ee7b7}.dark .lf8-group-d{background:#451a03;color:#fcd34d}.lf8-step-label{font-size:13px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:8px}.dark .lf8-step-label{color:#60a5fa}.lf8-question-area{padding:18px 16px;max-width:640px;margin:0 auto}.dark .lf8-question-area{color:#e7e5e4}.lf8-q-prompt{font-size:18px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:16px;line-height:1.5}.dark .lf8-q-prompt{color:#f5f5f4}.lf8-q-prompt em{font-style:normal;font-weight:800;color:#2563eb;background:#dbeafe;padding:1px 6px;border-radius:6px}.dark .lf8-q-prompt em{color:#93c5fd;background:#1e3a5f}.lf8-explain{margin-top:14px;padding:12px 16px;background:#f1f5f9;border-left:4px solid #2563eb;border-radius:8px;font-size:15px;color:#334155;line-height:1.6}.dark .lf8-explain{background:#1c1917;border-left-color:#60a5fa;color:#d6d3d1}.lf8-explain strong{color:#2563eb}.dark .lf8-explain strong{color:#93c5fd}.lf8-discovery{background:#eff6ff;border:2px solid #93c5fd;border-radius:14px;padding:16px 18px;margin:14px auto;max-width:540px}.lf8-discovery h3{font-size:17px;font-weight:800;color:#1d4ed8;margin:0 0 6px}.lf8-discovery p{font-size:15px;line-height:1.55;color:#334155;margin:0}.lf8-discovery strong{color:#1d4ed8}.dark .lf8-discovery{background:#1e3a5f;border-color:#3b82f6}.dark .lf8-discovery h3{color:#93c5fd}.dark .lf8-discovery p{color:#d6d3d1}.dark .lf8-discovery strong{color:#93c5fd}.lf8-tf-row{display:flex;justify-content:center;gap:16px;margin:14px 0}.lf8-tf-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:12px;border:2px solid #d4d4d8;background:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s}.lf8-tf-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.lf8-tf-btn:active{transform:translateY(0)}.lf8-tf-btn.lf8-tf-true{border-color:#86efac;color:#059669;background:#f0fdf4}.lf8-tf-btn.lf8-tf-true:hover{background:#dcfce7;border-color:#4ade80}.lf8-tf-btn.lf8-tf-false{border-color:#fca5a5;color:#dc2626;background:#fef2f2}.lf8-tf-btn.lf8-tf-false:hover{background:#fee2e2;border-color:#f87171}.lf8-tf-btn.lf8-tf-correct{border-color:#059669;background:#d1fae5;color:#059669;box-shadow:0 0 0 3px #05966933}.lf8-tf-btn.lf8-tf-wrong{border-color:#dc2626;background:#fee2e2;color:#dc2626;box-shadow:0 0 0 3px #dc262633}.lf8-tf-btn.lf8-tf-dim{opacity:.4;pointer-events:none}.dark .lf8-tf-btn{background:#292524;border-color:#57534e}.dark .lf8-tf-btn.lf8-tf-true{background:#052e16;border-color:#34d399;color:#34d399}.dark .lf8-tf-btn.lf8-tf-true:hover{background:#064e3b}.dark .lf8-tf-btn.lf8-tf-false{background:#450a0a;border-color:#f87171;color:#f87171}.dark .lf8-tf-btn.lf8-tf-false:hover{background:#7f1d1d}.dark .lf8-tf-btn.lf8-tf-correct{background:#064e3b;border-color:#34d399;color:#34d399}.dark .lf8-tf-btn.lf8-tf-wrong{background:#450a0a;border-color:#f87171;color:#f87171}.lf8-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0}.lf8-choice-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:12px;border:2px solid #d4d4d8;background:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s;min-width:80px}.lf8-choice-btn:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1f}.lf8-choice-btn:active{transform:translateY(0)}.lf8-choice-btn.lf8-correct{border-color:#059669;background:#d1fae5;color:#059669;box-shadow:0 0 0 3px #05966933}.lf8-choice-btn.lf8-wrong{border-color:#dc2626;background:#fee2e2;color:#dc2626;box-shadow:0 0 0 3px #dc262633}.lf8-choice-btn.lf8-disabled{opacity:.4;pointer-events:none}.dark .lf8-choice-btn{background:#292524;border-color:#57534e;color:#e7e5e4}.dark .lf8-choice-btn:hover{border-color:#60a5fa;background:#1e3a5f}.dark .lf8-choice-btn.lf8-correct{background:#064e3b;border-color:#34d399;color:#34d399}.dark .lf8-choice-btn.lf8-wrong{background:#450a0a;border-color:#f87171;color:#f87171}.lf8-visual-area{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.lf8-streak-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:700;color:#92400e}.lf8-streak-chip span{font-size:18px;font-weight:800;color:#b45309}.dark .lf8-streak-chip{background:linear-gradient(135deg,#451a03,#78350f);border-color:#f59e0b;color:#fcd34d}.dark .lf8-streak-chip span{color:#fbbf24}.lf8-timer-row{display:flex;align-items:center;gap:12px;max-width:500px;margin:8px auto 14px;font-size:15px;font-weight:700;color:#334155}.dark .lf8-timer-row{color:#d6d3d1}.lf8-timer-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.dark .lf8-timer-track{background:#44403c}.lf8-timer-fill{height:100%;background:#2563eb;border-radius:5px;transition:width .3s}.lf8-timer-fill.lf8-timer-warn{background:#f59e0b}.lf8-timer-fill.lf8-timer-danger{background:#dc2626}.lf8-big-frac{display:flex;align-items:center;justify-content:center;gap:14px;font-size:22px;font-weight:800;color:#1e293b;margin:10px 0}.dark .lf8-big-frac{color:#f5f5f4}.lf8-challenge-prompt{font-size:17px;font-weight:700;color:#1e293b;text-align:center;margin:12px 0;line-height:1.5}.dark .lf8-challenge-prompt{color:#f5f5f4}.lf8-challenge-prompt em{font-style:normal;font-weight:800;color:#2563eb;background:#dbeafe;padding:1px 6px;border-radius:6px}.dark .lf8-challenge-prompt em{color:#93c5fd;background:#1e3a5f}.lf8-same-label{display:inline-flex;align-items:center;gap:6px;background:#d1fae5;color:#047857;font-size:14px;font-weight:700;padding:6px 14px;border-radius:10px;margin:8px 0}.dark .lf8-same-label{background:#064e3b;color:#6ee7b7}.lf8-den-tag{display:inline-block;padding:2px 10px;border-radius:8px;font-size:13px;font-weight:700;background:#dbeafe;color:#1d4ed8;margin:2px 4px}.dark .lf8-den-tag{background:#1e3a5f;color:#93c5fd}.lf8-submit-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;border-radius:12px;border:2px solid #2563eb;background:#2563eb;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s}.lf8-submit-btn:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb40}.lf8-submit-btn:active{transform:translateY(0)}.lf8-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.dark .lf8-submit-btn{background:#3b82f6;border-color:#3b82f6}.dark .lf8-submit-btn:hover{background:#2563eb}.lf8-pair-display{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0;flex-wrap:wrap}.lf8-pair-display .lf8-pair-word{font-size:16px;font-weight:700;color:#64748b}.dark .lf8-pair-display .lf8-pair-word{color:#a8a29e}.lf8-lcd-box{background:#fefce8;border:2px solid #fde68a;border-radius:12px;padding:14px 18px;margin:12px auto;max-width:500px;text-align:center}.dark .lf8-lcd-box{background:#1c1917;border-color:#78716c}.lf8-lcd-box strong{color:#b45309}.dark .lf8-lcd-box strong{color:#fbbf24}.lf8-frac-card .katex,.lf8-choice-btn .katex,.lf8-visual-label .katex,.lf8-q-prompt .katex,.lf8-challenge-prompt .katex,.lf8-explain .katex,.lf8-lcd-box .katex,.lf8-same-label .katex,.lf8-discovery .katex,.lf8-den-tag .katex{font-size:inherit}@media (max-width: 480px){.lf8-question-area{padding:12px 8px}.lf8-q-prompt{font-size:16px}.lf8-group-area{padding:14px 10px}.lf8-tf-btn{padding:10px 22px;font-size:14px;min-width:unset}.lf8-choice-btn{padding:10px 16px;font-size:14px;min-width:64px}.lf8-discovery{padding:12px}.lf8-discovery h3{font-size:15px}.lf8-choices{gap:8px}.lf8-big-frac{font-size:18px}.lf8-visual-row{gap:10px}.lf8-card-grid{gap:8px}.lf8-frac-card{padding:8px 12px;min-width:50px}}