.sf7-simp-area{display:flex;flex-direction:column;align-items:center;gap:16px;margin:16px 0;padding:20px;border-radius:16px;background:linear-gradient(135deg,#fef3c7,#fce7f3);border:2px solid #fbbf24}.dark .sf7-simp-area{background:linear-gradient(135deg,#1c1917,#4a1942);border-color:#b45309}.sf7-visual-row{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.sf7-visual-col{display:flex;flex-direction:column;align-items:center;gap:6px}.sf7-visual-label{font-size:13px;font-weight:700;color:#b45309;letter-spacing:.02em}.dark .sf7-visual-label{color:#fbbf24}.sf7-equals-sign{font-size:36px;font-weight:800;color:#059669;line-height:1}.dark .sf7-equals-sign{color:#34d399}.sf7-factor-box{margin:10px 0;padding:14px 18px;border-radius:12px;background:#fff;border:2px solid #e2e8f0;text-align:left;max-width:440px;width:100%}.dark .sf7-factor-box{background:#1e293b;border-color:#334155}.sf7-factor-box h4{font-size:14px;font-weight:700;color:#475569;margin:0 0 6px}.dark .sf7-factor-box h4{color:#94a3b8}.sf7-factor-list{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.sf7-factor-chip{display:inline-block;padding:3px 10px;border-radius:8px;font-size:14px;font-weight:700;background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.dark .sf7-factor-chip{background:#334155;color:#e2e8f0;border-color:#475569}.sf7-factor-chip.sf7-common{background:#dcfce7;color:#166534;border-color:#86efac}.dark .sf7-factor-chip.sf7-common{background:#052e16;color:#86efac;border-color:#22c55e}.sf7-factor-chip.sf7-hcf{background:#fbbf24;color:#78350f;border-color:#f59e0b;font-size:15px;box-shadow:0 0 8px #fbbf2466}.dark .sf7-factor-chip.sf7-hcf{background:#b45309;color:#fef3c7;border-color:#d97706}.sf7-div-arrow{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:700;color:#dc2626;background:#fef2f2;border:2px solid #fecaca;border-radius:20px;padding:5px 14px;animation:sf7-arrow-pop .6s ease-out}.dark .sf7-div-arrow{color:#fca5a5;background:#450a0a;border-color:#991b1b}@keyframes sf7-arrow-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.sf7-div-arrow .sf7-arr-icon{font-size:18px}.sf7-step-label{font-size:13px;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;text-align:center}.dark .sf7-step-label{color:#fbbf24}.sf7-question-area{max-width:680px;margin:12px auto;padding:20px}.dark .sf7-question-area{color:#e2e8f0}.sf7-q-prompt{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px;line-height:1.5;text-align:center}.dark .sf7-q-prompt{color:#f1f5f9}.sf7-q-prompt em{color:#b45309;font-weight:700;font-style:normal;background:#fef3c7;padding:2px 6px;border-radius:6px}.dark .sf7-q-prompt em{color:#fbbf24;background:#451a03}.sf7-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 .sf7-explain{background:#052e16;border-left-color:#22c55e;color:#86efac}.sf7-explain strong{color:#15803d}.dark .sf7-explain strong{color:#4ade80}.sf7-discovery{margin:16px 0;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#fefce8,#ecfccb);border:2px solid #bef264}.sf7-discovery h3{font-size:16px;margin:0 0 8px;color:#3f6212}.sf7-discovery p{font-size:14px;line-height:1.6;color:#365314;margin:0}.sf7-discovery strong{color:#166534}.dark .sf7-discovery{background:linear-gradient(135deg,#1a2e05,#1e3a1e);border-color:#4d7c0f}.dark .sf7-discovery h3{color:#bef264}.dark .sf7-discovery p{color:#d9f99d}.dark .sf7-discovery strong{color:#86efac}.sf7-tf-row{display:flex;justify-content:center;gap:16px;margin:16px 0}.sf7-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}.sf7-tf-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sf7-tf-btn:active{transform:translateY(0)}.sf7-tf-btn.sf7-tf-true{border-color:#22c55e;background:#f0fdf4;color:#166534}.sf7-tf-btn.sf7-tf-true:hover{background:#dcfce7;box-shadow:0 4px 12px #22c55e33}.sf7-tf-btn.sf7-tf-false{border-color:#ef4444;background:#fef2f2;color:#991b1b}.sf7-tf-btn.sf7-tf-false:hover{background:#fee2e2;box-shadow:0 4px 12px #ef444433}.sf7-tf-btn.sf7-tf-correct{border-color:#22c55e;background:#22c55e;color:#fff;box-shadow:0 0 16px #22c55e66}.sf7-tf-btn.sf7-tf-wrong{border-color:#ef4444;background:#ef4444;color:#fff;box-shadow:0 0 16px #ef444466}.sf7-tf-btn.sf7-tf-dim{opacity:.4;pointer-events:none}.dark .sf7-tf-btn{background:#1e293b;color:#e2e8f0}.dark .sf7-tf-btn.sf7-tf-true{border-color:#22c55e;background:#052e16;color:#86efac}.dark .sf7-tf-btn.sf7-tf-true:hover{background:#14532d}.dark .sf7-tf-btn.sf7-tf-false{border-color:#ef4444;background:#450a0a;color:#fca5a5}.dark .sf7-tf-btn.sf7-tf-false:hover{background:#7f1d1d}.dark .sf7-tf-btn.sf7-tf-correct{border-color:#22c55e;background:#22c55e;color:#fff}.dark .sf7-tf-btn.sf7-tf-wrong{border-color:#ef4444;background:#ef4444;color:#fff}.sf7-choices{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.sf7-choice-btn{padding:12px 22px;font-size:16px;font-weight:700;border:3px solid #fbbf24;border-radius:14px;cursor:pointer;transition:all .15s ease;background:#fffbeb;color:#92400e;min-width:80px;text-align:center}.sf7-choice-btn:hover{border-color:#f59e0b;background:#fef3c7;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2433}.sf7-choice-btn:active{transform:translateY(0)}.sf7-choice-btn.sf7-correct{border-color:#22c55e;background:#22c55e;color:#fff;box-shadow:0 0 16px #22c55e66}.sf7-choice-btn.sf7-wrong{border-color:#ef4444;background:#ef4444;color:#fff;box-shadow:0 0 16px #ef444466}.sf7-choice-btn.sf7-disabled{opacity:.4;pointer-events:none}.dark .sf7-choice-btn{border-color:#b45309;background:#451a03;color:#fbbf24}.dark .sf7-choice-btn:hover{border-color:#d97706;background:#78350f}.dark .sf7-choice-btn.sf7-correct{border-color:#22c55e;background:#22c55e;color:#fff}.dark .sf7-choice-btn.sf7-wrong{border-color:#ef4444;background:#ef4444;color:#fff}.sf7-visual-area{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.sf7-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:sf7-arrow-pop .4s ease-out}.sf7-streak-chip span{font-size:16px;font-weight:800;color:#92400e}.dark .sf7-streak-chip{background:linear-gradient(135deg,#b45309,#d97706);color:#fef3c7;box-shadow:0 2px 8px #d977064d}.dark .sf7-streak-chip span{color:#fde68a}.sf7-timer-row{display:flex;align-items:center;gap:12px;max-width:500px;margin:12px auto;font-size:15px;font-weight:700;color:#334155}.dark .sf7-timer-row{color:#e2e8f0}.sf7-timer-track{flex:1;height:10px;border-radius:5px;background:#e2e8f0;overflow:hidden}.dark .sf7-timer-track{background:#334155}.sf7-timer-fill{height:100%;border-radius:5px;background:#22c55e;transition:width 1s linear}.sf7-timer-fill.sf7-timer-warn{background:#f59e0b}.sf7-timer-fill.sf7-timer-danger{background:#ef4444}.sf7-big-frac{display:flex;justify-content:center;align-items:center;gap:12px;margin:8px 0;font-size:20px;font-weight:800;color:#1e293b}.dark .sf7-big-frac{color:#f1f5f9}.sf7-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 .sf7-same-label{color:#6ee7b7;background:#064e3b}.sf7-div-steps{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:12px 0}.sf7-div-detail{text-align:center;font-size:14px;color:#475569;line-height:1.6}.dark .sf7-div-detail{color:#94a3b8}.sf7-div-detail strong{color:#dc2626}.dark .sf7-div-detail strong{color:#fca5a5}.sf7-challenge-prompt{font-size:16px;font-weight:600;color:#334155;text-align:center;margin:12px 0;line-height:1.5}.dark .sf7-challenge-prompt{color:#cbd5e1}.sf7-challenge-prompt em{color:#b45309;font-weight:700;font-style:normal;background:#fef3c7;padding:2px 6px;border-radius:6px}.dark .sf7-challenge-prompt em{color:#fbbf24;background:#451a03}.sf7-frac-card .katex,.sf7-choice-btn .katex,.sf7-visual-label .katex,.sf7-q-prompt .katex,.sf7-challenge-prompt .katex,.sf7-explain .katex,.sf7-same-label .katex,.sf7-discovery .katex,.sf7-div-steps .katex,.sf7-div-detail .katex{font-size:inherit}@media (max-width: 480px){.sf7-question-area{padding:12px 8px}.sf7-q-prompt{font-size:15px}.sf7-simp-area{padding:12px}.sf7-tf-btn{padding:10px 18px;font-size:14px;min-width:100px}.sf7-choice-btn{padding:10px 16px;font-size:14px;min-width:64px}.sf7-discovery{padding:12px}.sf7-discovery h3{font-size:14px}.sf7-choices{gap:8px}.sf7-big-frac{font-size:16px}.sf7-visual-row{gap:10px}.sf7-factor-box{padding:10px 12px}.sf7-factor-chip{padding:2px 8px;font-size:13px}.sf7-div-steps{gap:8px}}