.cmp-explore-area{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:18px 14px;margin:12px 0;text-align:center}.dark .cmp-explore-area{background:#1e293b;border-color:#334155}.cmp-side-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:10px 0}.cmp-side-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:12px;background:#fff;border:2px solid #e2e8f0;min-width:120px;transition:all .2s ease}.cmp-side-item.cmp-highlight{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.cmp-side-item.cmp-winner{border-color:#22c55e;background:#f0fdf4}.cmp-side-item.cmp-loser{border-color:#ef4444;background:#fef2f2;opacity:.75}.cmp-side-item.cmp-equal{border-color:#f59e0b;background:#fffbeb}.dark .cmp-side-item{background:#0f172a;border-color:#334155}.dark .cmp-side-item.cmp-highlight{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.dark .cmp-side-item.cmp-winner{border-color:#22c55e;background:#14532d}.dark .cmp-side-item.cmp-loser{border-color:#ef4444;background:#7f1d1d;opacity:.75}.dark .cmp-side-item.cmp-equal{border-color:#f59e0b;background:#451a03}.cmp-operator{display:inline-flex;align-items:center;justify-content:center;font-size:1.6em;font-weight:800;color:#6366f1;width:44px;height:44px;border-radius:50%;background:#eef2ff;border:2px solid #c7d2fe;flex-shrink:0}.dark .cmp-operator{color:#a5b4fc;background:#312e81;border-color:#4338ca}.cmp-readout-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:10px 0;font-size:1.1em;font-weight:600;color:#334155}.dark .cmp-readout-row{color:#cbd5e1}.cmp-readout-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#eef2ff;border-radius:8px;border:1px solid #c7d2fe}.dark .cmp-readout-item{background:#312e81;border-color:#4338ca}.cmp-discovery{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #818cf8;border-radius:12px;padding:16px;margin:14px 0;text-align:left}.cmp-discovery h3{margin:0 0 6px;font-size:1.05em;color:#4338ca}.cmp-discovery p{margin:4px 0;font-size:.95em;color:#334155;line-height:1.5}.cmp-discovery strong{color:#4338ca}.dark .cmp-discovery{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#6366f1}.dark .cmp-discovery h3{color:#a5b4fc}.dark .cmp-discovery p{color:#cbd5e1}.dark .cmp-discovery strong{color:#a5b4fc}.cmp-step-label{display:inline-block;font-size:.8em;font-weight:600;color:#6366f1;background:#eef2ff;border-radius:6px;padding:3px 10px;margin-bottom:10px}.dark .cmp-step-label{background:#312e81;color:#a5b4fc}.cmp-question-area{padding:16px 12px;margin:8px 0;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.dark .cmp-question-area{background:#1e293b;border-color:#334155}.cmp-q-prompt{font-size:1.05em;font-weight:600;color:#1e293b;margin-bottom:14px;line-height:1.5}.dark .cmp-q-prompt{color:#e2e8f0}.cmp-q-prompt em{color:#6366f1;font-weight:700;font-style:normal;background:#eef2ff;padding:1px 5px;border-radius:4px}.dark .cmp-q-prompt em{color:#a5b4fc;background:#312e81}.cmp-explain{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f0fdf4;border:1.5px solid #86efac;font-size:.95em;line-height:1.6;color:#166534}.dark .cmp-explain{background:#14532d;border-color:#22c55e;color:#bbf7d0}.cmp-explain strong{color:#15803d}.dark .cmp-explain strong{color:#4ade80}.cmp-streak-chip{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:700;font-size:.9em;padding:4px 12px;border-radius:20px;border:1.5px solid #fbbf24}.cmp-streak-chip span{color:#d97706}.dark .cmp-streak-chip{background:linear-gradient(135deg,#451a03,#78350f);color:#fbbf24;border-color:#92400e}.dark .cmp-streak-chip span{color:#fcd34d}.cmp-timer-row{display:flex;align-items:center;gap:10px;margin:8px auto;max-width:360px;font-size:.85em;font-weight:600;color:#475569}.dark .cmp-timer-row{color:#94a3b8}.cmp-timer-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.dark .cmp-timer-track{background:#334155}.cmp-timer-fill{height:100%;background:#6366f1;border-radius:4px;transition:width .3s linear}.cmp-timer-fill.cmp-timer-warn{background:#f59e0b}.cmp-timer-fill.cmp-timer-danger{background:#ef4444}.cmp-op-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.cmp-op-btn{min-width:64px;padding:12px 20px;border-radius:12px;border:2.5px solid #cbd5e1;background:#fff;font-size:1.3em;font-weight:800;cursor:pointer;transition:all .15s ease;color:#334155}.cmp-op-btn:hover{border-color:#6366f1;background:#eef2ff;color:#4338ca}.cmp-op-btn:active{transform:scale(.96)}.cmp-op-btn.cmp-op-correct{background:#dcfce7;border-color:#22c55e;color:#166534}.cmp-op-btn.cmp-op-wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.cmp-op-btn.cmp-op-dim{opacity:.4;pointer-events:none}.dark .cmp-op-btn{background:#1e293b;border-color:#475569;color:#e2e8f0}.dark .cmp-op-btn:hover{background:#312e81;border-color:#6366f1;color:#a5b4fc}.dark .cmp-op-btn.cmp-op-correct{background:#14532d;border-color:#22c55e;color:#4ade80}.dark .cmp-op-btn.cmp-op-wrong{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}.cmp-tap-btn{padding:8px 16px;border-radius:8px;border:2px solid #cbd5e1;background:#fff;font-size:.9em;font-weight:700;cursor:pointer;transition:all .15s ease;margin-top:6px;color:#334155}.cmp-tap-btn:hover{border-color:#6366f1;background:#eef2ff;color:#4338ca}.cmp-tap-btn:active{transform:scale(.96)}.cmp-tap-btn.cmp-tap-correct{background:#dcfce7;border-color:#22c55e;color:#166534}.cmp-tap-btn.cmp-tap-wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.cmp-tap-btn.cmp-tap-dim{opacity:.4;pointer-events:none}.dark .cmp-tap-btn{background:#1e293b;border-color:#475569;color:#e2e8f0}.dark .cmp-tap-btn:hover{background:#312e81;border-color:#6366f1}.dark .cmp-tap-btn.cmp-tap-correct{background:#14532d;border-color:#22c55e;color:#4ade80}.dark .cmp-tap-btn.cmp-tap-wrong{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}.cmp-word-problem{background:#fffbeb;border:1.5px solid #fbbf24;border-radius:10px;padding:12px 14px;margin:10px 0;text-align:left;font-size:.95em;line-height:1.6;color:#92400e}.dark .cmp-word-problem{background:#451a03;border-color:#d97706;color:#fde68a}.story-card .katex,.sc-body .katex,.comic-bubble .katex,.lnp-choice-btn .katex,.ils-info-box .katex,.ils-explain-box .katex,.lnp-summary-box .katex,.ils-compare-table .katex,.act-info-box .katex,.act-example-text .katex,.dec-display .katex,.dec-pv-table .katex,.dec-col-arith .katex,.dec-money .katex,.dec-convert .katex,.dec-compare .katex,.cmp-q-prompt .katex,.cmp-explain .katex,.cmp-discovery .katex,.cmp-readout-item .katex,.cmp-op-btn .katex,.cmp-tap-btn .katex,.cmp-word-problem .katex,.lnp-counter-val .katex{font-size:inherit}@media (max-width: 480px){.cmp-explore-area{padding:12px 8px}.cmp-q-prompt{font-size:.95em}.cmp-readout-row{gap:8px;font-size:.95em}.cmp-readout-item{padding:4px 8px}.cmp-question-area{padding:12px 8px}.cmp-discovery{padding:12px 10px}.cmp-discovery p{font-size:.88em}.cmp-side-row{gap:8px}.cmp-side-item{min-width:100px;padding:8px 10px}.cmp-op-btn{min-width:52px;padding:10px 14px;font-size:1.1em}.cmp-operator{width:36px;height:36px;font-size:1.3em}}