.dec-explore-area{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:18px 14px;margin:12px 0;text-align:center}.dark .dec-explore-area{background:#1e293b;border-color:#334155}.dec-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 .dec-readout-row{color:#cbd5e1}.dec-readout-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#eef2ff;border-radius:8px;border:1px solid #c7d2fe}.dark .dec-readout-item{background:#312e81;border-color:#4338ca}.dec-discovery{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #818cf8;border-radius:12px;padding:16px;margin:14px 0;text-align:left}.dec-discovery h3{margin:0 0 6px;font-size:1.05em;color:#4338ca}.dec-discovery p{margin:4px 0;font-size:.95em;color:#334155;line-height:1.5}.dec-discovery strong{color:#4338ca}.dark .dec-discovery{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#6366f1}.dark .dec-discovery h3{color:#a5b4fc}.dark .dec-discovery p{color:#cbd5e1}.dark .dec-discovery strong{color:#a5b4fc}.dec-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 .dec-step-label{background:#312e81;color:#a5b4fc}.dec-question-area{padding:16px 12px;margin:8px 0;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.dark .dec-question-area{background:#1e293b;border-color:#334155}.dec-q-prompt{font-size:1.05em;font-weight:600;color:#1e293b;margin-bottom:14px;line-height:1.5}.dark .dec-q-prompt{color:#e2e8f0}.dec-q-prompt em{color:#6366f1;font-weight:700;font-style:normal;background:#eef2ff;padding:1px 5px;border-radius:4px}.dark .dec-q-prompt em{color:#a5b4fc;background:#312e81}.dec-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 .dec-explain{background:#14532d;border-color:#22c55e;color:#bbf7d0}.dec-explain strong{color:#15803d}.dark .dec-explain strong{color:#4ade80}.dec-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}.dec-streak-chip span{color:#d97706}.dark .dec-streak-chip{background:linear-gradient(135deg,#451a03,#78350f);color:#fbbf24;border-color:#92400e}.dark .dec-streak-chip span{color:#fcd34d}.dec-timer-row{display:flex;align-items:center;gap:10px;margin:8px auto;max-width:360px;font-size:.85em;font-weight:600;color:#475569}.dark .dec-timer-row{color:#94a3b8}.dec-timer-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.dark .dec-timer-track{background:#334155}.dec-timer-fill{height:100%;background:#6366f1;border-radius:4px;transition:width .3s linear}.dec-timer-fill.dec-timer-warn{background:#f59e0b}.dec-timer-fill.dec-timer-danger{background:#ef4444}.dec-shade-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0}.dec-shade-btn{padding:6px 16px;border-radius:8px;border:2px solid #cbd5e1;background:#fff;font-size:.9em;font-weight:600;color:#334155;cursor:pointer;transition:all .15s ease}.dec-shade-btn:hover{background:#eef2ff;border-color:#6366f1;color:#4338ca}.dec-shade-btn:active{transform:scale(.96)}.dec-shade-btn.dec-shade-active{background:#6366f1;border-color:#4338ca;color:#fff}.dark .dec-shade-btn{background:#1e293b;border-color:#475569;color:#cbd5e1}.dark .dec-shade-btn:hover{background:#312e81;border-color:#6366f1;color:#a5b4fc}.dark .dec-shade-btn.dec-shade-active{background:#6366f1;border-color:#818cf8;color:#fff}.dec-tf-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}.dec-tf-btn{min-width:100px;padding:10px 20px;border-radius:10px;border:2px solid #cbd5e1;background:#fff;font-size:1em;font-weight:700;cursor:pointer;transition:all .15s ease}.dec-tf-btn:hover{border-color:#6366f1;background:#eef2ff}.dec-tf-btn:active{transform:scale(.96)}.dec-tf-btn.dec-tf-correct{background:#dcfce7;border-color:#22c55e;color:#166534}.dec-tf-btn.dec-tf-wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.dec-tf-btn.dec-tf-dim{opacity:.5;pointer-events:none}.dark .dec-tf-btn{background:#1e293b;border-color:#475569;color:#e2e8f0}.dark .dec-tf-btn:hover{background:#312e81;border-color:#6366f1}.dark .dec-tf-btn.dec-tf-correct{background:#14532d;border-color:#22c55e;color:#4ade80}.dark .dec-tf-btn.dec-tf-wrong{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}.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-q-prompt .katex,.dec-explain .katex,.dec-discovery .katex,.dec-readout-item .katex,.lnp-counter-val .katex{font-size:inherit}@media (max-width: 480px){.dec-explore-area{padding:12px 8px}.dec-q-prompt{font-size:.95em}.dec-readout-row{gap:8px;font-size:.95em}.dec-readout-item{padding:4px 8px}.dec-question-area{padding:12px 8px}.dec-discovery{padding:12px 10px}.dec-discovery p{font-size:.88em}.dec-shade-btn{padding:5px 12px;font-size:.85em}}