.sub-explore-area{background:linear-gradient(135deg,#fef2f2,#fff1f2,#fdf2f8);border:2px solid #fca5a5;border-radius:16px;padding:20px;margin:16px 0;text-align:center}.dark .sub-explore-area{background:linear-gradient(135deg,#450a0a,#4c0519,#500724);border-color:#991b1b}.sub-grid-pair{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:16px 0}.sub-grid-label{font-size:1.6em;font-weight:700;color:#e11d48}.dark .sub-grid-label{color:#fb7185}.sub-grid-box{text-align:center}.sub-grid-box-label{font-size:.95em;font-weight:600;color:#9333ea;margin-bottom:4px}.dark .sub-grid-box-label{color:#c4b5fd}.sub-col-wrap{display:flex;justify-content:center;margin:16px 0}.sub-step-label{font-size:1.1em;font-weight:700;color:#e11d48;text-align:center;margin-bottom:8px;padding:8px 16px;background:#fff1f2;border-radius:10px;display:inline-block}.dark .sub-step-label{background:#4c0519;color:#fb7185}.sub-question-area{background:#fff;border:2px solid #fecdd3;border-radius:16px;padding:20px;margin:12px 0}.dark .sub-question-area{background:#1a1a2e;border-color:#991b1b}.sub-q-prompt{font-size:1.15em;font-weight:600;color:#1e293b;margin-bottom:14px;line-height:1.5}.dark .sub-q-prompt{color:#e2e8f0}.sub-q-prompt em{background:linear-gradient(135deg,#fecdd3,#fda4af);padding:2px 8px;border-radius:6px;font-style:normal;font-weight:700;color:#e11d48}.dark .sub-q-prompt em{background:linear-gradient(135deg,#4c0519,#881337);color:#fb7185}.sub-explain{margin-top:12px;padding:14px 18px;border-radius:12px;background:#fef2f2;border-left:4px solid #f43f5e;font-size:1em;line-height:1.6;color:#1e293b}.dark .sub-explain{background:#450a0a;border-left-color:#e11d48;color:#e2e8f0}.sub-explain strong{color:#e11d48}.dark .sub-explain strong{color:#fb7185}.sub-streak-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:20px;padding:4px 14px;font-size:.95em;font-weight:700;color:#b45309}.sub-streak-chip span{font-size:1.1em;color:#d97706}.dark .sub-streak-chip{background:linear-gradient(135deg,#451a03,#78350f);border-color:#d97706}.dark .sub-streak-chip span{color:#fbbf24}.sub-timer-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 16px;background:#f8fafc;border-radius:10px;font-weight:700}.dark .sub-timer-row{background:#1a1a2e}.sub-timer-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.dark .sub-timer-track{background:#334155}.sub-timer-fill{height:100%;background:linear-gradient(90deg,#f43f5e,#e11d48);border-radius:5px;transition:width 1s linear}.sub-timer-fill.sub-timer-warn{background:linear-gradient(90deg,#f59e0b,#eab308)}.sub-timer-fill.sub-timer-danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.sub-choice-btn{display:block;width:100%;max-width:420px;margin:8px auto;padding:12px 20px;border:2px solid #d1d5db;border-radius:12px;background:#fff;font-size:1.05em;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s ease;text-align:center;line-height:1.4}.sub-choice-btn:hover{border-color:#f43f5e;background:#fff1f2;transform:translateY(-1px)}.sub-choice-btn:active{transform:translateY(0)}.sub-choice-btn.sub-choice-correct{border-color:#22c55e;background:#dcfce7;color:#166534}.sub-choice-btn.sub-choice-wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.sub-choice-btn.sub-choice-dim{opacity:.45;pointer-events:none}.dark .sub-choice-btn{background:#1e293b;border-color:#475569;color:#e2e8f0}.dark .sub-choice-btn:hover{border-color:#f43f5e;background:#4c0519}.dark .sub-choice-btn.sub-choice-correct{border-color:#22c55e;background:#052e16;color:#86efac}.dark .sub-choice-btn.sub-choice-wrong{border-color:#ef4444;background:#450a0a;color:#fca5a5}.sub-word-problem{background:linear-gradient(135deg,#fefce8,#fef9c3);border:2px solid #fde047;border-radius:14px;padding:16px 20px;margin:12px 0;font-size:1.05em;line-height:1.6;color:#1e293b}.dark .sub-word-problem{background:linear-gradient(135deg,#422006,#451a03);border-color:#ca8a04;color:#fef9c3}.sub-discovery{background:linear-gradient(135deg,#fef2f2,#fecdd3);border:2px solid #fca5a5;border-radius:16px;padding:20px;margin:16px auto;max-width:560px;text-align:left}.sub-discovery h3{color:#e11d48;font-size:1.2em;margin:0 0 12px;text-align:center}.sub-discovery p{color:#1e293b;font-size:.98em;line-height:1.6;margin:6px 0}.sub-discovery strong{color:#e11d48}.dark .sub-discovery{background:linear-gradient(135deg,#450a0a,#4c0519);border-color:#991b1b}.dark .sub-discovery h3{color:#fb7185}.dark .sub-discovery p{color:#e2e8f0}.dark .sub-discovery strong{color:#fb7185}.sub-align-callout{background:#eff6ff;border:2px dashed #60a5fa;border-radius:12px;padding:12px 16px;margin:12px 0;text-align:center;font-size:1em}.dark .sub-align-callout{background:#1e1b4b;border-color:#6366f1}.sub-borrow-callout{background:#fef9c3;border:2px dashed #f59e0b;border-radius:12px;padding:12px 16px;margin:12px 0;text-align:center;font-size:1em}.dark .sub-borrow-callout{background:#451a03;border-color:#d97706}.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,.sub-q-prompt .katex,.sub-explain .katex,.sub-discovery .katex,.sub-explore-area .katex,.sub-choice-btn .katex,.sub-word-problem .katex,.sub-align-callout .katex,.sub-borrow-callout .katex,.lnp-counter-val .katex{font-size:inherit}@media (max-width: 480px){.sub-explore-area{padding:14px 10px}.sub-q-prompt{font-size:1.05em}.sub-question-area{padding:14px 10px}.sub-discovery{padding:14px}.sub-discovery p{font-size:.92em}.sub-choice-btn{padding:10px 14px;font-size:.98em}.sub-grid-pair{gap:8px}.sub-grid-label{font-size:1.2em}.sub-word-problem{padding:12px 14px;font-size:.98em}}