.tab-bar[data-astro-cid-kvtkddcm]{display:flex;gap:4px;margin-bottom:12px}.tab-bar[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]{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-kvtkddcm] button[data-astro-cid-kvtkddcm].active{background:#16213e;color:#fff;border-color:#e94560}.section[data-astro-cid-kvtkddcm]{display:none;width:100%}.section[data-astro-cid-kvtkddcm].active{display:flex;flex-direction:column;align-items:center;gap:16px}.learn-text[data-astro-cid-kvtkddcm]{font-size:1.15rem;color:#ccc;text-align:center;line-height:1.6;max-width:560px}.learn-text[data-astro-cid-kvtkddcm] strong[data-astro-cid-kvtkddcm]{color:#e94560}.learn-step[data-astro-cid-kvtkddcm]{display:none}.learn-step[data-astro-cid-kvtkddcm].active{display:block}.step-nav[data-astro-cid-kvtkddcm]{display:flex;gap:12px;align-items:center}.step-nav[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]{padding:8px 24px;border:2px solid #e94560;background:transparent;color:#e94560;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.step-nav[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]:hover{background:#e94560;color:#fff}.step-nav[data-astro-cid-kvtkddcm] .step-count[data-astro-cid-kvtkddcm]{color:#666;font-size:.9rem}.canvas-wrapper[data-astro-cid-kvtkddcm]{width:min(100%,700px);background:#1f1f38;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0006}.canvas-wrapper[data-astro-cid-kvtkddcm] canvas[data-astro-cid-kvtkddcm]{display:block;width:100%!important;height:auto!important;touch-action:none}.mode-toggle[data-astro-cid-kvtkddcm]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mode-toggle[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]{padding:8px 20px;border:2px solid #e94560;background:transparent;color:#e94560;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.mode-toggle[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm].active,.mode-toggle[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]:hover{background:#e94560;color:#fff}.fraction-label[data-astro-cid-kvtkddcm]{font-size:2.5rem;font-weight:700;text-align:center;line-height:1.2}.fraction-label[data-astro-cid-kvtkddcm] .numerator[data-astro-cid-kvtkddcm]{color:#e94560}.fraction-label[data-astro-cid-kvtkddcm] .line[data-astro-cid-kvtkddcm]{display:block;width:3ch;height:3px;background:#fff;margin:4px auto}.fraction-label[data-astro-cid-kvtkddcm] .denominator[data-astro-cid-kvtkddcm]{color:#53d8fb}.controls[data-astro-cid-kvtkddcm]{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.controls[data-astro-cid-kvtkddcm] label[data-astro-cid-kvtkddcm]{font-size:1rem;color:#ccc}.controls[data-astro-cid-kvtkddcm] input[data-astro-cid-kvtkddcm][type=range]{width:140px;accent-color:#e94560}.controls[data-astro-cid-kvtkddcm] .value[data-astro-cid-kvtkddcm]{font-size:1.4rem;font-weight:700;color:#e94560;min-width:2ch;text-align:center}.explanation[data-astro-cid-kvtkddcm]{font-size:1.1rem;color:#ccc;text-align:center;max-width:500px;line-height:1.5}.challenge-prompt[data-astro-cid-kvtkddcm]{font-size:1.4rem;color:#fff;text-align:center;width:min(100%,620px);background:#16213e;padding:16px 32px;border-radius:12px;border:2px solid #0f3460}.challenge-prompt[data-astro-cid-kvtkddcm] strong[data-astro-cid-kvtkddcm]{color:#e94560}.score-bar[data-astro-cid-kvtkddcm]{display:flex;gap:24px;align-items:center;color:#aaa;font-size:1rem}.score-bar[data-astro-cid-kvtkddcm] .correct[data-astro-cid-kvtkddcm]{color:#4ecdc4;font-weight:700}.score-bar[data-astro-cid-kvtkddcm] .total[data-astro-cid-kvtkddcm]{color:#e94560;font-weight:700}.controls-row[data-astro-cid-kvtkddcm]{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.check-btn[data-astro-cid-kvtkddcm]{padding:12px 40px;border:none;background:#e94560;color:#fff;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.check-btn[data-astro-cid-kvtkddcm]:hover{background:#c73650}.check-btn[data-astro-cid-kvtkddcm]:disabled{background:#444;cursor:default}.feedback[data-astro-cid-kvtkddcm]{font-size:1.2rem;font-weight:700;min-height:1.5em;text-align:center;transition:all .3s;width:min(100%,620px)}.feedback[data-astro-cid-kvtkddcm].correct{color:#4ecdc4}.feedback[data-astro-cid-kvtkddcm].wrong{color:#e94560}.insight[data-astro-cid-kvtkddcm]{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-kvtkddcm]{flex-direction:column;gap:8px;align-items:stretch}.controls[data-astro-cid-kvtkddcm] label[data-astro-cid-kvtkddcm]{text-align:center;font-size:.9rem}.controls[data-astro-cid-kvtkddcm] input[data-astro-cid-kvtkddcm][type=range]{width:100%}.controls[data-astro-cid-kvtkddcm] .value[data-astro-cid-kvtkddcm]{text-align:center;font-size:1.2rem}.tab-bar[data-astro-cid-kvtkddcm]{gap:2px}.tab-bar[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]{padding:8px 12px;font-size:.85rem}.mode-toggle[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]{padding:6px 14px;font-size:.9rem}.challenge-prompt[data-astro-cid-kvtkddcm]{font-size:1.05rem;padding:12px 14px}.challenge-prompt[data-astro-cid-kvtkddcm] strong[data-astro-cid-kvtkddcm]{font-size:1.15rem}.step-nav[data-astro-cid-kvtkddcm]{gap:8px}.step-nav[data-astro-cid-kvtkddcm] button[data-astro-cid-kvtkddcm]{padding:8px 14px;font-size:.85rem}.fraction-label[data-astro-cid-kvtkddcm]{font-size:1.8rem}.score-bar[data-astro-cid-kvtkddcm]{flex-wrap:wrap;gap:8px;font-size:.85rem;justify-content:center}.check-btn[data-astro-cid-kvtkddcm]{padding:10px 28px;font-size:1rem}.explanation[data-astro-cid-kvtkddcm]{font-size:.95rem}.feedback[data-astro-cid-kvtkddcm]{font-size:1rem}.insight[data-astro-cid-kvtkddcm]{font-size:.95rem;padding:12px 16px}.learn-text[data-astro-cid-kvtkddcm]{font-size:1rem}.canvas-wrapper[data-astro-cid-kvtkddcm]{border-radius:12px}}