.nl3-numline-wrap{display:flex;justify-content:center;align-items:center;margin:16px 0;overflow-x:auto}.nl3-tick-clickable{cursor:pointer;transition:fill .15s,r .15s}.nl3-tick-clickable:hover{fill:var(--frac-shaded, #6366f1);r:8}.nl3-tick-revealed{fill:var(--frac-shaded, #6366f1)}.nl3-tick-correct{fill:#22c55e!important;r:9}.nl3-tick-wrong{fill:#ef4444!important;r:9}.nl3-tick-hint{fill:#f59e0b;r:8;animation:nl3-pulse .8s ease-in-out infinite alternate}@keyframes nl3-pulse{0%{opacity:.5;r:6}to{opacity:1;r:9}}@keyframes nl3-tick-appear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.nl3-tick-anim{animation:nl3-tick-appear .4s ease-out forwards}.nl3-den-picker{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0}.nl3-den-btn{width:56px;height:56px;border-radius:14px;border:2.5px solid #cbd5e1;background:#fff;font-size:22px;font-weight:700;color:#334155;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center}.nl3-den-btn:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f12e}.nl3-den-btn:active{transform:scale(.95)}.nl3-den-btn.nl3-den-selected{border-color:#6366f1;background:#6366f1;color:#fff;box-shadow:0 4px 14px #6366f14d}.dark .nl3-den-btn{background:#1e293b;border-color:#475569;color:#e2e8f0}.dark .nl3-den-btn:hover{border-color:#818cf8;background:#312e81}.dark .nl3-den-btn.nl3-den-selected{background:#6366f1;border-color:#818cf8;color:#fff}.nl3-step-label{text-align:center;font-size:13px;font-weight:600;color:#94a3b8;margin:8px 0 4px;text-transform:uppercase;letter-spacing:.5px}.dark .nl3-step-label{color:#64748b}.nl3-question-area{background:#f8fafc;border-radius:16px;padding:24px 20px;margin:12px 0;border:1.5px solid #e2e8f0}.dark .nl3-question-area{background:#0f172a;border-color:#334155}.nl3-q-prompt{font-size:17px;font-weight:600;color:#1e293b;text-align:center;margin-bottom:16px;line-height:1.6}.dark .nl3-q-prompt{color:#f1f5f9}.nl3-q-prompt em{color:#6366f1;font-style:normal;font-weight:700;background:#6366f114;padding:1px 6px;border-radius:6px}.dark .nl3-q-prompt em{color:#a5b4fc;background:#6366f126}.nl3-explain{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:14px 18px;margin-top:14px;font-size:14px;color:#166534;line-height:1.6}.dark .nl3-explain{background:#22c55e14;border-color:#22c55e40;color:#86efac}.nl3-explain strong{font-weight:700}.dark .nl3-explain strong{color:#4ade80}.nl3-discovery{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:14px;padding:18px 20px;margin-top:16px;text-align:center}.nl3-discovery h3{font-size:18px;margin:0 0 8px;color:#92400e}.nl3-discovery p{font-size:14px;color:#78350f;margin:0;line-height:1.6}.nl3-discovery strong{color:#b45309}.dark .nl3-discovery{background:linear-gradient(135deg,#422006,#78350f);border-color:#d97706}.dark .nl3-discovery h3{color:#fde68a}.dark .nl3-discovery p{color:#fcd34d}.dark .nl3-discovery strong{color:#fbbf24}.nl3-streak-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);font-size:14px;font-weight:700;color:#92400e;border:1.5px solid #f59e0b}.nl3-streak-chip span{font-size:18px;color:#d97706}.dark .nl3-streak-chip{background:linear-gradient(135deg,#78350f,#92400e);color:#fde68a;border-color:#d97706}.dark .nl3-streak-chip span{color:#fbbf24}.nl3-timer-row{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:16px;font-weight:700;color:#334155}.dark .nl3-timer-row{color:#e2e8f0}.nl3-timer-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.dark .nl3-timer-track{background:#334155}.nl3-timer-fill{height:100%;background:#22c55e;border-radius:5px;transition:width 1s linear}.nl3-timer-fill.nl3-timer-warn{background:#f59e0b}.nl3-timer-fill.nl3-timer-danger{background:#ef4444}.nl3-reveal-counter{text-align:center;font-size:15px;font-weight:600;color:#6366f1;margin:8px 0}.dark .nl3-reveal-counter{color:#a5b4fc}.nl3-target-frac{text-align:center;margin:12px 0;padding:12px;background:#6366f10f;border-radius:12px;border:1.5px dashed #6366f1}.nl3-target-frac .nl3-target-text{font-size:15px;font-weight:600;color:#6366f1;margin-bottom:6px}.dark .nl3-target-frac{background:#6366f11a;border-color:#818cf8}.dark .nl3-target-frac .nl3-target-text{color:#a5b4fc}.nl3-compare-row{display:flex;justify-content:center;gap:24px;align-items:center;flex-wrap:wrap;margin:12px 0}.nl3-compare-option{text-align:center;padding:12px 20px;border-radius:14px;border:2.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .18s;min-width:80px}.nl3-compare-option:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.nl3-compare-option.nl3-compare-correct{border-color:#22c55e;background:#f0fdf4}.nl3-compare-option.nl3-compare-wrong{border-color:#ef4444;background:#fef2f2}.nl3-compare-option.nl3-compare-dim{opacity:.5;pointer-events:none}.dark .nl3-compare-option{background:#1e293b;border-color:#475569}.dark .nl3-compare-option:hover{border-color:#818cf8;background:#312e81}.dark .nl3-compare-option.nl3-compare-correct{border-color:#22c55e;background:#22c55e1f}.dark .nl3-compare-option.nl3-compare-wrong{border-color:#ef4444;background:#ef44441f}.nl3-compare-label{font-size:13px;color:#94a3b8;margin-top:6px}.dark .nl3-compare-label{color:#64748b}.nl3-vs-label{font-size:22px;font-weight:800;color:#94a3b8}.dark .nl3-vs-label{color:#64748b}.nl3-visual-area{display:flex;justify-content:center;margin:12px 0;flex-wrap:wrap;gap:8px}@media (max-width: 480px){.nl3-question-area{padding:16px 12px}.nl3-q-prompt{font-size:15px}.nl3-den-btn{width:46px;height:46px;font-size:18px}.nl3-discovery{padding:14px 12px}.nl3-discovery h3{font-size:16px}.nl3-compare-option{min-width:60px;padding:10px 14px}.nl3-compare-row{gap:12px}}.nl3-q-prompt .katex,.nl3-explain .katex,.nl3-discovery .katex,.nl3-target-frac .katex,.nl3-compare-option .katex,.nl3-visual-area .katex,.lnp-choice-btn .katex,.lnp-info-box .katex,.comic-bubble .katex,.lnp-summary-box .katex{font-size:inherit}
