.tab-bar[data-astro-cid-rs4ylxhi]{display:flex;gap:4px;margin-bottom:12px}.tab-bar[data-astro-cid-rs4ylxhi] button[data-astro-cid-rs4ylxhi]{padding:10px 28px;border:2px solid #444;background:transparent;color:#888;border-radius:10px 10px 0 0;font-size:1rem;cursor:pointer;transition:all .2s}.tab-bar[data-astro-cid-rs4ylxhi] button[data-astro-cid-rs4ylxhi].active{background:#16213e;color:#fff;border-color:#e94560}.section[data-astro-cid-rs4ylxhi]{display:none;width:100%}.section[data-astro-cid-rs4ylxhi].active{display:flex;flex-direction:column;align-items:center;gap:16px}.learn-text[data-astro-cid-rs4ylxhi]{font-size:1.15rem;color:#ccc;text-align:center;line-height:1.6;max-width:560px}.learn-text[data-astro-cid-rs4ylxhi] strong[data-astro-cid-rs4ylxhi]{color:#e94560}.learn-step[data-astro-cid-rs4ylxhi]{display:none}.learn-step[data-astro-cid-rs4ylxhi].active{display:block}.step-nav[data-astro-cid-rs4ylxhi]{display:flex;gap:12px;align-items:center}.step-nav[data-astro-cid-rs4ylxhi] button[data-astro-cid-rs4ylxhi],.check-btn[data-astro-cid-rs4ylxhi]{padding:10px 22px;border-radius:10px;font-size:1rem;cursor:pointer;border:2px solid #e94560;background:transparent;color:#e94560}.step-nav[data-astro-cid-rs4ylxhi] button[data-astro-cid-rs4ylxhi]:hover,.check-btn[data-astro-cid-rs4ylxhi]:hover{background:#e94560;color:#fff}.step-nav[data-astro-cid-rs4ylxhi] .step-count[data-astro-cid-rs4ylxhi]{color:#666;font-size:.9rem}.compare-sign[data-astro-cid-rs4ylxhi]{font-size:3rem;font-weight:800;color:#ffd166;text-align:center;line-height:1}.visual-panel[data-astro-cid-rs4ylxhi]{background:#1f1f38;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px;box-shadow:0 10px 30px #00000038;width:min(100%,620px)}.input-row[data-astro-cid-rs4ylxhi]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;width:min(100%,620px)}.fraction-input[data-astro-cid-rs4ylxhi]{min-width:72px;padding:10px 12px;border-radius:10px;border:2px solid #2b416f;background:#111b35;color:#eef2ff;font-size:1.1rem;text-align:center}.fraction-input[data-astro-cid-rs4ylxhi]:focus{outline:none;border-color:#e94560}.explanation[data-astro-cid-rs4ylxhi]{font-size:1.1rem;color:#ccc;text-align:center;max-width:500px;line-height:1.5}.score-bar[data-astro-cid-rs4ylxhi]{display:flex;gap:24px;align-items:center;color:#aaa;font-size:1rem}.score-bar[data-astro-cid-rs4ylxhi] .correct[data-astro-cid-rs4ylxhi]{color:#4ecdc4;font-weight:700}.score-bar[data-astro-cid-rs4ylxhi] .total[data-astro-cid-rs4ylxhi]{color:#e94560;font-weight:700}.question-card[data-astro-cid-rs4ylxhi]{background:#16213e;border:2px solid #243c6a;border-radius:16px;padding:16px 18px;color:#eef2ff;text-align:center;font-size:1.15rem;line-height:1.45;width:min(100%,620px)}.question-card[data-astro-cid-rs4ylxhi] strong[data-astro-cid-rs4ylxhi]{color:#ffd166}.option-grid[data-astro-cid-rs4ylxhi]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;width:min(100%,620px)}.option-grid .option-btn{padding:12px 14px;border-radius:12px;border:2px solid #2b416f;background:#16213e;color:#eef2ff;font-size:1.5rem;font-weight:800;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.option-grid .option-btn:hover:not(:disabled),.option-grid .option-btn.active{border-color:#4ecdc4;background:#203058;transform:translateY(-1px)}.option-grid .option-btn.wrong{border-color:#e94560;background:#341b2e;color:#ffd7df;transform:none}.option-grid .option-btn:disabled{cursor:default;opacity:.75}.option-grid .option-btn:disabled.active,.option-grid .option-btn:disabled.wrong{opacity:1}.feedback[data-astro-cid-rs4ylxhi]{min-height:1.5em;font-size:1.15rem;font-weight:700;text-align:center;width:min(100%,620px)}.feedback[data-astro-cid-rs4ylxhi].correct{color:#4ecdc4}.feedback[data-astro-cid-rs4ylxhi].wrong{color:#ffd166}.insight[data-astro-cid-rs4ylxhi]{margin-top:12px;padding:16px 28px;background:linear-gradient(135deg,#0f3460,#16213e);border-left:4px solid #4ecdc4;border-radius:8px;color:#4ecdc4;font-size:1.1rem;text-align:center;max-width:520px;width:min(100%,620px)}@media(max-width:600px){.controls[data-astro-cid-rs4ylxhi]{flex-direction:column;gap:8px;align-items:stretch}.controls[data-astro-cid-rs4ylxhi] label[data-astro-cid-rs4ylxhi]{text-align:center;font-size:.9rem}.controls[data-astro-cid-rs4ylxhi] input[data-astro-cid-rs4ylxhi][type=range]{width:100%}.controls[data-astro-cid-rs4ylxhi] .value[data-astro-cid-rs4ylxhi]{text-align:center;font-size:1.2rem}.tab-bar[data-astro-cid-rs4ylxhi]{gap:2px}.tab-bar[data-astro-cid-rs4ylxhi] button[data-astro-cid-rs4ylxhi]{padding:8px 12px;font-size:.85rem}.mode-toggle[data-astro-cid-rs4ylxhi] button[data-astro-cid-rs4ylxhi]{padding:6px 14px;font-size:.9rem}.challenge-prompt[data-astro-cid-rs4ylxhi]{font-size:1.05rem;padding:12px 14px}.challenge-prompt[data-astro-cid-rs4ylxhi] strong[data-astro-cid-rs4ylxhi]{font-size:1.15rem}.step-nav[data-astro-cid-rs4ylxhi]{gap:8px}.step-nav[data-astro-cid-rs4ylxhi] button[data-astro-cid-rs4ylxhi]{padding:8px 14px;font-size:.85rem}.fraction-label[data-astro-cid-rs4ylxhi]{font-size:1.8rem}.score-bar[data-astro-cid-rs4ylxhi]{flex-wrap:wrap;gap:8px;font-size:.85rem;justify-content:center}.check-btn[data-astro-cid-rs4ylxhi]{padding:10px 28px;font-size:1rem}.explanation[data-astro-cid-rs4ylxhi]{font-size:.95rem}.feedback[data-astro-cid-rs4ylxhi]{font-size:1rem}.insight[data-astro-cid-rs4ylxhi]{font-size:.95rem;padding:12px 16px}.learn-text[data-astro-cid-rs4ylxhi]{font-size:1rem}.canvas-wrapper[data-astro-cid-rs4ylxhi]{border-radius:12px}}