.eq6-equiv-area{display:flex;flex-direction:column;align-items:center;gap:16px;margin:16px 0;padding:20px;border-radius:16px;background:linear-gradient(135deg,#f0fdf4,#ede9fe);border:2px solid #a7f3d0}.dark .eq6-equiv-area{background:linear-gradient(135deg,#1e293b,#1e3a2f);border-color:#065f46}.eq6-visual-row{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.eq6-visual-col{display:flex;flex-direction:column;align-items:center;gap:6px}.eq6-visual-label{font-size:13px;font-weight:700;color:#6366f1;letter-spacing:.02em}.dark .eq6-visual-label{color:#a5b4fc}.eq6-equals-sign{font-size:36px;font-weight:800;color:#059669;line-height:1}.dark .eq6-equals-sign{color:#34d399}.eq6-mult-arrow{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#6366f1;background:#eef2ff;border:2px solid #c7d2fe;border-radius:20px;padding:4px 12px;animation:eq6-arrow-pop .6s ease-out}.dark .eq6-mult-arrow{color:#a5b4fc;background:#312e81;border-color:#4338ca}@keyframes eq6-arrow-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.eq6-mult-arrow .eq6-arr-icon{font-size:18px}.eq6-div-arrow{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#dc2626;background:#fef2f2;border:2px solid #fecaca;border-radius:20px;padding:4px 12px;animation:eq6-arrow-pop .6s ease-out}.dark .eq6-div-arrow{color:#fca5a5;background:#450a0a;border-color:#991b1b}.eq6-chain-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin:12px 0}.eq6-step-label{font-size:13px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;text-align:center}.dark .eq6-step-label{color:#a5b4fc}.eq6-question-area{max-width:680px;margin:12px auto;padding:20px}.dark .eq6-question-area{color:#e2e8f0}.eq6-q-prompt{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px;line-height:1.5;text-align:center}.dark .eq6-q-prompt{color:#f1f5f9}.eq6-q-prompt em{color:#6366f1;font-weight:700;font-style:normal;background:#eef2ff;padding:2px 6px;border-radius:6px}.dark .eq6-q-prompt em{color:#a5b4fc;background:#312e81}.eq6-explain{margin-top:14px;padding:14px 18px;border-radius:12px;font-size:15px;line-height:1.6;background:#f0fdf4;border-left:4px solid #22c55e;color:#166534}.dark .eq6-explain{background:#052e16;border-left-color:#22c55e;color:#86efac}.eq6-explain strong{color:#15803d}.dark .eq6-explain strong{color:#4ade80}.eq6-discovery{margin:16px 0;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#fefce8,#ecfccb);border:2px solid #bef264}.eq6-discovery h3{font-size:16px;margin:0 0 8px;color:#3f6212}.eq6-discovery p{font-size:14px;line-height:1.6;color:#365314;margin:0}.eq6-discovery strong{color:#166534}.dark .eq6-discovery{background:linear-gradient(135deg,#1a2e05,#1e3a1e);border-color:#4d7c0f}.dark .eq6-discovery h3{color:#bef264}.dark .eq6-discovery p{color:#d9f99d}.dark .eq6-discovery strong{color:#86efac}.eq6-tf-row{display:flex;justify-content:center;gap:16px;margin:16px 0}.eq6-tf-btn{padding:12px 28px;font-size:16px;font-weight:700;border:3px solid transparent;border-radius:14px;cursor:pointer;transition:all .15s ease;min-width:120px;text-align:center;background:#f8fafc;color:#334155}.eq6-tf-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.eq6-tf-btn:active{transform:translateY(0)}.eq6-tf-btn.eq6-tf-true{border-color:#22c55e;background:#f0fdf4;color:#166534}.eq6-tf-btn.eq6-tf-true:hover{background:#dcfce7;box-shadow:0 4px 12px #22c55e33}.eq6-tf-btn.eq6-tf-false{border-color:#ef4444;background:#fef2f2;color:#991b1b}.eq6-tf-btn.eq6-tf-false:hover{background:#fee2e2;box-shadow:0 4px 12px #ef444433}.eq6-tf-btn.eq6-tf-correct{border-color:#22c55e;background:#22c55e;color:#fff;box-shadow:0 0 16px #22c55e66}.eq6-tf-btn.eq6-tf-wrong{border-color:#ef4444;background:#ef4444;color:#fff;box-shadow:0 0 16px #ef444466}.eq6-tf-btn.eq6-tf-dim{opacity:.4;pointer-events:none}.dark .eq6-tf-btn{background:#1e293b;color:#e2e8f0}.dark .eq6-tf-btn.eq6-tf-true{border-color:#22c55e;background:#052e16;color:#86efac}.dark .eq6-tf-btn.eq6-tf-true:hover{background:#14532d}.dark .eq6-tf-btn.eq6-tf-false{border-color:#ef4444;background:#450a0a;color:#fca5a5}.dark .eq6-tf-btn.eq6-tf-false:hover{background:#7f1d1d}.dark .eq6-tf-btn.eq6-tf-correct{border-color:#22c55e;background:#22c55e;color:#fff}.dark .eq6-tf-btn.eq6-tf-wrong{border-color:#ef4444;background:#ef4444;color:#fff}.eq6-choices{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.eq6-choice-btn{padding:12px 22px;font-size:16px;font-weight:700;border:3px solid #c7d2fe;border-radius:14px;cursor:pointer;transition:all .15s ease;background:#eef2ff;color:#3730a3;min-width:80px;text-align:center}.eq6-choice-btn:hover{border-color:#6366f1;background:#e0e7ff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.eq6-choice-btn:active{transform:translateY(0)}.eq6-choice-btn.eq6-correct{border-color:#22c55e;background:#22c55e;color:#fff;box-shadow:0 0 16px #22c55e66}.eq6-choice-btn.eq6-wrong{border-color:#ef4444;background:#ef4444;color:#fff;box-shadow:0 0 16px #ef444466}.eq6-choice-btn.eq6-disabled{opacity:.4;pointer-events:none}.dark .eq6-choice-btn{border-color:#4338ca;background:#312e81;color:#c7d2fe}.dark .eq6-choice-btn:hover{border-color:#6366f1;background:#3730a3}.dark .eq6-choice-btn.eq6-correct{border-color:#22c55e;background:#22c55e;color:#fff}.dark .eq6-choice-btn.eq6-wrong{border-color:#ef4444;background:#ef4444;color:#fff}.eq6-input-area{display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px 0}.eq6-input-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.eq6-submit-btn{padding:10px 24px;font-size:15px;font-weight:700;border:2px solid #6366f1;border-radius:12px;cursor:pointer;background:#6366f1;color:#fff;transition:all .15s ease}.eq6-submit-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.eq6-submit-btn:active{transform:translateY(0)}.eq6-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark .eq6-submit-btn{background:#4f46e5;border-color:#4f46e5}.dark .eq6-submit-btn:hover{background:#6366f1}.eq6-visual-area{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.eq6-streak-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;box-shadow:0 2px 8px #fbbf244d;animation:eq6-arrow-pop .4s ease-out}.eq6-streak-chip span{font-size:16px;font-weight:800;color:#92400e}.dark .eq6-streak-chip{background:linear-gradient(135deg,#b45309,#d97706);color:#fef3c7;box-shadow:0 2px 8px #d977064d}.dark .eq6-streak-chip span{color:#fde68a}.eq6-timer-row{display:flex;align-items:center;gap:12px;max-width:500px;margin:12px auto;font-size:15px;font-weight:700;color:#334155}.dark .eq6-timer-row{color:#e2e8f0}.eq6-timer-track{flex:1;height:10px;border-radius:5px;background:#e2e8f0;overflow:hidden}.dark .eq6-timer-track{background:#334155}.eq6-timer-fill{height:100%;border-radius:5px;background:#22c55e;transition:width 1s linear}.eq6-timer-fill.eq6-timer-warn{background:#f59e0b}.eq6-timer-fill.eq6-timer-danger{background:#ef4444}.eq6-big-frac{display:flex;justify-content:center;align-items:center;gap:12px;margin:8px 0;font-size:20px;font-weight:800;color:#1e293b}.dark .eq6-big-frac{color:#f1f5f9}.eq6-challenge-prompt{font-size:16px;font-weight:600;color:#334155;text-align:center;margin:12px 0;line-height:1.5}.dark .eq6-challenge-prompt{color:#cbd5e1}.eq6-challenge-prompt em{color:#6366f1;font-weight:700;font-style:normal;background:#eef2ff;padding:2px 6px;border-radius:6px}.dark .eq6-challenge-prompt em{color:#a5b4fc;background:#312e81}.eq6-same-label{display:inline-block;font-size:13px;font-weight:700;color:#059669;background:#d1fae5;padding:3px 10px;border-radius:8px;margin-top:4px}.dark .eq6-same-label{color:#6ee7b7;background:#064e3b}.eq6-choice-btn .katex,.eq6-q-prompt .katex,.eq6-challenge-prompt .katex,.eq6-explain .katex,.eq6-discovery .katex,.eq6-big-frac .katex,.eq6-visual-label .katex,.eq6-same-label .katex,.eq6-equiv-area .katex{font-size:inherit}@media (max-width: 480px){.eq6-question-area{padding:12px 8px}.eq6-q-prompt{font-size:15px}.eq6-equiv-area{padding:12px}.eq6-tf-btn{padding:10px 18px;font-size:14px;min-width:100px}.eq6-choice-btn{padding:10px 16px;font-size:14px;min-width:64px}.eq6-discovery{padding:12px}.eq6-discovery h3{font-size:14px}.eq6-choices{gap:8px}.eq6-big-frac{font-size:16px}.eq6-visual-row{gap:10px}.eq6-chain-wrap{gap:6px}}