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