.im5-conversion-area{display:flex;flex-direction:column;align-items:center;gap:16px;margin:16px 0;padding:20px;border-radius:16px;background:linear-gradient(135deg,#f0f9ff,#ede9fe);border:2px solid #c7d2fe}.dark .im5-conversion-area{background:linear-gradient(135deg,#1e293b,#312e81);border-color:#4338ca}.im5-visual-row{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.im5-arrow{font-size:32px;color:#6366f1;font-weight:700;animation:im5-arrow-pulse 1.2s ease-in-out infinite}.dark .im5-arrow{color:#a5b4fc}@keyframes im5-arrow-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.im5-division-steps{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;border-radius:12px;background:#fff;border:2px dashed #a5b4fc;font-size:16px;color:#334155;line-height:1.6}.dark .im5-division-steps{background:#1e293b;border-color:#6366f1;color:#e2e8f0}.im5-division-steps .im5-div-line{font-weight:700;font-size:18px;color:#6366f1}.dark .im5-division-steps .im5-div-line{color:#a5b4fc}.im5-division-steps .im5-div-result{font-size:20px;font-weight:800;color:#059669}.dark .im5-division-steps .im5-div-result{color:#34d399}.im5-equals{font-size:28px;font-weight:800;color:#059669;margin:0 8px}.dark .im5-equals{color:#34d399}.im5-step-label{font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.dark .im5-step-label{color:#94a3b8}.im5-challenge-prompt{font-size:18px;font-weight:700;color:#334155;text-align:center;margin-bottom:12px;line-height:1.5}.dark .im5-challenge-prompt{color:#e2e8f0}.im5-challenge-prompt em{color:#6366f1;font-style:normal;font-weight:800;background:linear-gradient(135deg,#ede9fe,#dbeafe);padding:2px 8px;border-radius:6px}.dark .im5-challenge-prompt em{color:#a5b4fc;background:linear-gradient(135deg,#312e81,#1e3a5f)}.im5-question-area{padding:20px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;margin:16px 0}.dark .im5-question-area{background:#1e293b;border-color:#334155}.im5-q-prompt{font-size:18px;font-weight:700;color:#334155;text-align:center;margin-bottom:16px;line-height:1.5}.dark .im5-q-prompt{color:#e2e8f0}.im5-q-prompt em{color:#6366f1;font-style:normal;font-weight:800;background:linear-gradient(135deg,#ede9fe,#dbeafe);padding:2px 8px;border-radius:6px}.dark .im5-q-prompt em{color:#a5b4fc;background:linear-gradient(135deg,#312e81,#1e3a5f)}.im5-explain{padding:12px 16px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:14px;margin-top:12px;line-height:1.6;text-align:center}.dark .im5-explain{background:#14532d;border-color:#166534;color:#bbf7d0}.im5-explain strong{font-weight:800}.dark .im5-explain strong{color:#4ade80}.im5-discovery{padding:16px 20px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;margin:16px 0}.im5-discovery h3{margin:0 0 8px;font-size:16px;color:#92400e}.im5-discovery p{margin:0;font-size:14px;color:#78350f;line-height:1.6}.im5-discovery strong{font-weight:800}.dark .im5-discovery{background:linear-gradient(135deg,#451a03,#78350f);border-color:#d97706}.dark .im5-discovery h3{color:#fde68a}.dark .im5-discovery p{color:#fcd34d}.dark .im5-discovery strong{color:#fbbf24}.im5-tf-row{display:flex;justify-content:center;gap:16px;margin:16px 0}.im5-tf-btn{padding:12px 24px;border-radius:12px;font-size:16px;font-weight:700;border:2px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;transition:all .15s;min-width:140px}.im5-tf-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.im5-tf-btn:active{transform:translateY(0)}.im5-tf-btn.im5-tf-true{border-color:#86efac;background:#f0fdf4;color:#166534}.im5-tf-btn.im5-tf-true:hover{background:#dcfce7;border-color:#4ade80}.im5-tf-btn.im5-tf-false{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.im5-tf-btn.im5-tf-false:hover{background:#fee2e2;border-color:#f87171}.im5-tf-btn.im5-tf-correct{border-color:#22c55e;background:#dcfce7;color:#166534;box-shadow:0 0 0 3px #22c55e4d}.im5-tf-btn.im5-tf-wrong{border-color:#ef4444;background:#fee2e2;color:#991b1b;box-shadow:0 0 0 3px #ef44444d}.im5-tf-btn.im5-tf-dim{opacity:.4;pointer-events:none}.dark .im5-tf-btn{background:#1e293b;color:#e2e8f0;border-color:#475569}.dark .im5-tf-btn.im5-tf-true{background:#14532d;border-color:#22c55e;color:#bbf7d0}.dark .im5-tf-btn.im5-tf-true:hover{background:#166534}.dark .im5-tf-btn.im5-tf-false{background:#7f1d1d;border-color:#ef4444;color:#fecaca}.dark .im5-tf-btn.im5-tf-false:hover{background:#991b1b}.dark .im5-tf-btn.im5-tf-correct{background:#166534;border-color:#22c55e;color:#bbf7d0}.dark .im5-tf-btn.im5-tf-wrong{background:#991b1b;border-color:#ef4444;color:#fecaca}.im5-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0}.im5-choice-btn{padding:10px 20px;border-radius:12px;font-size:16px;font-weight:700;border:2px solid #c7d2fe;background:#fff;color:#334155;cursor:pointer;transition:all .15s;min-width:100px;text-align:center}.im5-choice-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#818cf8;background:#eef2ff}.im5-choice-btn:active{transform:translateY(0)}.im5-choice-btn.im5-correct{border-color:#22c55e;background:#dcfce7;color:#166534;box-shadow:0 0 0 3px #22c55e4d}.im5-choice-btn.im5-wrong{border-color:#ef4444;background:#fee2e2;color:#991b1b;box-shadow:0 0 0 3px #ef44444d}.im5-choice-btn.im5-disabled{opacity:.4;pointer-events:none}.dark .im5-choice-btn{background:#1e293b;color:#e2e8f0;border-color:#4338ca}.dark .im5-choice-btn:hover{background:#312e81;border-color:#818cf8}.dark .im5-choice-btn.im5-correct{background:#166534;border-color:#22c55e;color:#bbf7d0}.dark .im5-choice-btn.im5-wrong{background:#991b1b;border-color:#ef4444;color:#fecaca}.im5-visual-area{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.im5-streak-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:20px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.im5-streak-chip span{font-size:18px;font-weight:800;color:#d97706}.dark .im5-streak-chip{background:linear-gradient(135deg,#451a03,#78350f);color:#fde68a;border-color:#d97706}.dark .im5-streak-chip span{color:#fbbf24}.im5-timer-row{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:14px;font-weight:700;color:#334155}.dark .im5-timer-row{color:#e2e8f0}.im5-timer-track{flex:1;height:10px;border-radius:8px;background:#e2e8f0;overflow:hidden}.dark .im5-timer-track{background:#334155}.im5-timer-fill{height:100%;border-radius:8px;background:#22c55e;transition:width .5s linear}.im5-timer-fill.im5-timer-warn{background:#f59e0b}.im5-timer-fill.im5-timer-danger{background:#ef4444}.im5-step-label{font-size:13px;font-weight:700;color:#94a3b8;text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.dark .im5-step-label{color:#64748b}.im5-big-frac{display:flex;justify-content:center;align-items:center;gap:16px;margin:16px 0;font-size:32px;font-weight:800;color:#6366f1}.dark .im5-big-frac{color:#a5b4fc}.im5-circle-label{text-align:center;font-size:12px;font-weight:700;color:#64748b;margin-top:4px}.dark .im5-circle-label{color:#94a3b8}.im5-circle-label.im5-full{color:#059669}.dark .im5-circle-label.im5-full{color:#34d399}.im5-circle-label.im5-remainder{color:#6366f1}.dark .im5-circle-label.im5-remainder{color:#a5b4fc}.im5-labeled-circles{display:flex;justify-content:center;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:12px 0}.im5-labeled-circle{display:flex;flex-direction:column;align-items:center}.im5-choice-btn .katex,.im5-q-prompt .katex,.im5-challenge-prompt .katex,.im5-explain .katex,.im5-discovery .katex,.im5-big-frac .katex,.im5-circle-label .katex,.im5-conversion-area .katex,.im5-division-steps .katex,.im5-step-label .katex{font-size:inherit}@media (max-width: 480px){.im5-question-area{padding:14px}.im5-q-prompt{font-size:15px}.im5-conversion-area{padding:14px}.im5-division-steps{padding:12px 16px;font-size:14px}.im5-tf-btn{padding:10px 16px;font-size:14px;min-width:110px}.im5-choice-btn{padding:8px 14px;font-size:14px;min-width:80px}.im5-discovery{padding:12px 14px}.im5-discovery h3{font-size:14px}.im5-choices{gap:8px}.im5-big-frac{font-size:24px;gap:10px}.im5-labeled-circles{gap:10px}}