.cf9-compare-area{display:flex;flex-direction:column;align-items:center;gap:16px;background:#faf5ff;border:2px solid #d8b4fe;border-radius:16px;padding:20px 18px;margin:14px auto;max-width:640px}.dark .cf9-compare-area{background:#1c1917;border-color:#78716c}.cf9-visual-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.cf9-visual-col{display:flex;flex-direction:column;align-items:center;gap:4px}.cf9-visual-label{font-size:13px;font-weight:600;color:#7c3aed;text-align:center}.dark .cf9-visual-label{color:#c4b5fd}.cf9-vs-sign{font-size:32px;font-weight:900;color:#7c3aed;line-height:1}.dark .cf9-vs-sign{color:#c4b5fd}.cf9-result-sign{font-size:38px;font-weight:900;color:#059669;line-height:1;min-width:44px;text-align:center}.dark .cf9-result-sign{color:#34d399}.cf9-step-label{font-size:13px;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:8px}.dark .cf9-step-label{color:#c4b5fd}.cf9-question-area{padding:18px 16px;max-width:640px;margin:0 auto}.dark .cf9-question-area{color:#e7e5e4}.cf9-q-prompt{font-size:18px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:16px;line-height:1.5}.dark .cf9-q-prompt{color:#f5f5f4}.cf9-q-prompt em{font-style:normal;font-weight:800;color:#7c3aed;background:#ede9fe;padding:1px 6px;border-radius:6px}.dark .cf9-q-prompt em{color:#c4b5fd;background:#3b1f6e}.cf9-explain{margin-top:14px;padding:12px 16px;background:#f5f3ff;border-left:4px solid #7c3aed;border-radius:8px;font-size:15px;color:#334155;line-height:1.6}.dark .cf9-explain{background:#1c1917;border-left-color:#a78bfa;color:#d6d3d1}.cf9-explain strong{color:#7c3aed}.dark .cf9-explain strong{color:#c4b5fd}.cf9-discovery{background:#f5f3ff;border:2px solid #c4b5fd;border-radius:14px;padding:16px 18px;margin:14px auto;max-width:540px}.cf9-discovery h3{font-size:17px;font-weight:800;color:#6d28d9;margin:0 0 6px}.cf9-discovery p{font-size:15px;line-height:1.55;color:#334155;margin:0}.cf9-discovery strong{color:#6d28d9}.dark .cf9-discovery{background:#2e1065;border-color:#7c3aed}.dark .cf9-discovery h3{color:#c4b5fd}.dark .cf9-discovery p{color:#d6d3d1}.dark .cf9-discovery strong{color:#c4b5fd}.cf9-sym-row{display:flex;justify-content:center;gap:16px;margin:14px 0}.cf9-sym-btn{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:16px;border:3px solid #d8b4fe;background:#fff;font-size:32px;font-weight:900;color:#7c3aed;cursor:pointer;transition:all .15s}.cf9-sym-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #7c3aed2e;border-color:#a78bfa;background:#f5f3ff}.cf9-sym-btn:active{transform:translateY(0)}.cf9-sym-btn.cf9-sym-correct{border-color:#059669;background:#d1fae5;color:#059669;box-shadow:0 0 0 3px #05966933}.cf9-sym-btn.cf9-sym-wrong{border-color:#dc2626;background:#fee2e2;color:#dc2626;box-shadow:0 0 0 3px #dc262633}.cf9-sym-btn.cf9-sym-dim{opacity:.35;pointer-events:none}.dark .cf9-sym-btn{background:#292524;border-color:#57534e;color:#c4b5fd}.dark .cf9-sym-btn:hover{border-color:#a78bfa;background:#3b1f6e}.dark .cf9-sym-btn.cf9-sym-correct{background:#064e3b;border-color:#34d399;color:#34d399}.dark .cf9-sym-btn.cf9-sym-wrong{background:#450a0a;border-color:#f87171;color:#f87171}.cf9-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0}.cf9-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}.cf9-choice-btn:hover{border-color:#7c3aed;background:#f5f3ff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed1f}.cf9-choice-btn:active{transform:translateY(0)}.cf9-choice-btn.cf9-correct{border-color:#059669;background:#d1fae5;color:#059669;box-shadow:0 0 0 3px #05966933}.cf9-choice-btn.cf9-wrong{border-color:#dc2626;background:#fee2e2;color:#dc2626;box-shadow:0 0 0 3px #dc262633}.cf9-choice-btn.cf9-disabled{opacity:.4;pointer-events:none}.dark .cf9-choice-btn{background:#292524;border-color:#57534e;color:#e7e5e4}.dark .cf9-choice-btn:hover{border-color:#a78bfa;background:#3b1f6e}.dark .cf9-choice-btn.cf9-correct{background:#064e3b;border-color:#34d399;color:#34d399}.dark .cf9-choice-btn.cf9-wrong{background:#450a0a;border-color:#f87171;color:#f87171}.cf9-visual-area{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.cf9-streak-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #8b5cf6;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:700;color:#5b21b6}.cf9-streak-chip span{font-size:18px;font-weight:800;color:#7c3aed}.dark .cf9-streak-chip{background:linear-gradient(135deg,#2e1065,#4c1d95);border-color:#8b5cf6;color:#ddd6fe}.dark .cf9-streak-chip span{color:#c4b5fd}.cf9-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 .cf9-timer-row{color:#d6d3d1}.cf9-timer-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.dark .cf9-timer-track{background:#44403c}.cf9-timer-fill{height:100%;background:#7c3aed;border-radius:5px;transition:width .3s}.cf9-timer-fill.cf9-timer-warn{background:#f59e0b}.cf9-timer-fill.cf9-timer-danger{background:#dc2626}.cf9-cross-box{background:#fefce8;border:2px solid #fde68a;border-radius:12px;padding:14px 18px;margin:12px auto;max-width:500px;text-align:center;font-size:15px;line-height:1.7}.dark .cf9-cross-box{background:#1c1917;border-color:#78716c}.cf9-cross-box strong{color:#b45309}.dark .cf9-cross-box strong{color:#fbbf24}.cf9-cross-box .cf9-cross-nums{display:flex;align-items:center;justify-content:center;gap:20px;margin:8px 0;font-size:22px;font-weight:800}.cf9-cross-box .cf9-cross-label{font-size:13px;color:#64748b;font-weight:600}.dark .cf9-cross-box .cf9-cross-label{color:#a8a29e}.cf9-method-tag{display:inline-block;padding:3px 12px;border-radius:10px;font-size:12px;font-weight:700;margin:4px auto}.cf9-method-same-den{background:#dbeafe;color:#1d4ed8}.dark .cf9-method-same-den{background:#1e3a5f;color:#93c5fd}.cf9-method-same-num{background:#fce7f3;color:#be185d}.dark .cf9-method-same-num{background:#4a1942;color:#f9a8d4}.cf9-method-cross{background:#fef3c7;color:#b45309}.dark .cf9-method-cross{background:#451a03;color:#fcd34d}.cf9-challenge-prompt{font-size:17px;font-weight:700;color:#1e293b;text-align:center;margin:12px 0;line-height:1.5}.dark .cf9-challenge-prompt{color:#f5f5f4}.cf9-challenge-prompt em{font-style:normal;font-weight:800;color:#7c3aed;background:#ede9fe;padding:1px 6px;border-radius:6px}.dark .cf9-challenge-prompt em{color:#c4b5fd;background:#3b1f6e}.cf9-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 .cf9-same-label{background:#064e3b;color:#6ee7b7}.cf9-choice-btn .katex{font-size:1.1em}.cf9-visual-label .katex{font-size:1em}.cf9-q-prompt .katex{font-size:1.15em}.cf9-challenge-prompt .katex{font-size:1.1em}.cf9-explain .katex{font-size:1em}.cf9-cross-box .katex{font-size:1.05em}.cf9-cross-box .cf9-cross-nums .katex{font-size:1.1em}.cf9-same-label .katex,.cf9-discovery .katex{font-size:1em}@media (max-width: 480px){.cf9-question-area{padding:12px 8px}.cf9-q-prompt{font-size:16px}.cf9-compare-area{padding:14px 10px}.cf9-sym-btn{width:58px;height:58px;font-size:26px;border-radius:12px}.cf9-choice-btn{padding:10px 16px;font-size:14px;min-width:64px}.cf9-discovery{padding:12px}.cf9-discovery h3{font-size:15px}.cf9-choices{gap:8px}.cf9-visual-row{gap:12px}.cf9-cross-box{padding:10px 12px}.cf9-cross-box .cf9-cross-nums{font-size:18px;gap:14px}}