.converter.svelte-15otfzy{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);max-width:560px;margin:0 auto}.converter__header.svelte-15otfzy{text-align:center;margin-bottom:var(--space-5)}.converter__title.svelte-15otfzy{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.converter__subtitle.svelte-15otfzy{font-size:13px;color:var(--color-text-secondary)}.converter__toggle.svelte-15otfzy{display:flex;gap:var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-5)}.converter__toggle-btn.svelte-15otfzy{flex:1;padding:var(--space-3) var(--space-4);min-height:48px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:14px;font-weight:600;font-family:inherit;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.converter__toggle-btn.svelte-15otfzy:hover{color:var(--color-text-primary)}.converter__toggle-btn.svelte-15otfzy:focus-visible{outline:2px solid var(--brand-600);outline-offset:-2px}.converter__toggle-btn--active.svelte-15otfzy{background:var(--color-bg-surface);color:var(--brand-600);box-shadow:0 1px 3px #0000001a}.converter__controls.svelte-15otfzy{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.converter__slider-group.svelte-15otfzy{display:flex;flex-direction:column;gap:var(--space-1)}.converter__label.svelte-15otfzy{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;color:var(--color-text-primary)}.converter__value.svelte-15otfzy{margin-left:auto;font-size:16px;font-weight:700;color:var(--brand-600);min-width:24px;text-align:right}.converter__slider.svelte-15otfzy{-webkit-appearance:none;appearance:none;width:100%;height:48px;background:transparent;cursor:pointer;padding:0;margin:0}.converter__slider.svelte-15otfzy:focus-visible{outline:none}.converter__slider.svelte-15otfzy::-webkit-slider-runnable-track{height:8px;background:var(--gray-200);border-radius:4px}.converter__slider.svelte-15otfzy::-moz-range-track{height:8px;background:var(--gray-200);border-radius:4px;border:none}.converter__slider.svelte-15otfzy::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--brand-600);border:3px solid var(--white);box-shadow:0 2px 6px #0003;margin-top:-10px;transition:transform .1s}.converter__slider.svelte-15otfzy::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--brand-600);border:3px solid var(--white);box-shadow:0 2px 6px #0003;transition:transform .1s}.converter__slider.svelte-15otfzy:active::-webkit-slider-thumb{transform:scale(1.15)}.converter__slider.svelte-15otfzy:active::-moz-range-thumb{transform:scale(1.15)}.converter__slider.svelte-15otfzy:focus-visible::-webkit-slider-thumb{outline:3px solid var(--brand-200);outline-offset:2px}.converter__slider.svelte-15otfzy:focus-visible::-moz-range-thumb{outline:3px solid var(--brand-200);outline-offset:2px}.converter__range-labels.svelte-15otfzy{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted);padding:0 2px}.converter__display.svelte-15otfzy{text-align:center;padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.converter__form.svelte-15otfzy{margin-bottom:var(--space-2)}.converter__form--primary.svelte-15otfzy .katex{font-size:1.6em}.converter__form--secondary.svelte-15otfzy .katex{font-size:1.4em}.converter__form--secondary.svelte-15otfzy{color:var(--brand-600)}.converter__arrow.svelte-15otfzy{margin:var(--space-2) 0;color:var(--color-text-muted)}.converter__arrow.svelte-15otfzy .katex{font-size:1.2em}.converter__insight.svelte-15otfzy{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:14px;line-height:1.6}.converter__insight-label.svelte-15otfzy{font-weight:700;color:var(--color-accent-text);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.converter__insight-text.svelte-15otfzy{color:var(--color-text-secondary)}.converter__insight-text.svelte-15otfzy .katex{font-size:1.05em}.converter__practice-area.svelte-15otfzy{text-align:center}.converter__practice-btn.svelte-15otfzy{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);min-height:48px;font-size:15px;font-weight:600;font-family:inherit;color:var(--brand-600);background:var(--color-bg-surface);border:2px solid var(--brand-600);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.converter__practice-btn.svelte-15otfzy:hover{background:var(--color-bg-subtle)}.converter__practice-btn.svelte-15otfzy:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.converter__practice.svelte-15otfzy{padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md)}.converter__practice-prompt.svelte-15otfzy{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.converter__practice-question.svelte-15otfzy .katex{font-size:1.4em}.converter__practice-question.svelte-15otfzy{margin-bottom:var(--space-4)}.converter__practice-input-row.svelte-15otfzy{display:flex;gap:var(--space-2);max-width:280px;margin:0 auto}.converter__practice-input.svelte-15otfzy{flex:1;padding:var(--space-3) var(--space-4);min-height:48px;font-size:16px;font-family:inherit;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);text-align:center}.converter__practice-input.svelte-15otfzy:focus{outline:none;border-color:var(--brand-600)}.converter__check-btn.svelte-15otfzy{padding:var(--space-3) var(--space-4);min-height:48px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:var(--brand-600);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.converter__check-btn.svelte-15otfzy:hover:not(:disabled){background:var(--brand-700)}.converter__check-btn.svelte-15otfzy:disabled{opacity:.5;cursor:not-allowed}.converter__feedback.svelte-15otfzy{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:1.5}.converter__feedback--correct.svelte-15otfzy{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.converter__feedback--wrong.svelte-15otfzy{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.converter__feedback.svelte-15otfzy .katex{font-size:1.1em}.converter__next-btn.svelte-15otfzy{margin-top:var(--space-3);padding:var(--space-3) var(--space-5);min-height:48px;font-size:15px;font-weight:600;font-family:inherit;color:var(--brand-600);background:var(--color-bg-surface);border:2px solid var(--brand-600);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.converter__next-btn.svelte-15otfzy:hover{background:var(--color-bg-subtle)}@media(max-width:480px){.converter.svelte-15otfzy{padding:var(--space-4);border-radius:var(--radius-md)}.converter__title.svelte-15otfzy{font-size:18px}.converter__form--primary.svelte-15otfzy .katex{font-size:1.3em}.converter__form--secondary.svelte-15otfzy .katex{font-size:1.1em}.converter__toggle-btn.svelte-15otfzy{font-size:13px;padding:var(--space-2) var(--space-3)}}.playground.svelte-1q5k1xp{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);max-width:560px;margin:0 auto}.playground__header.svelte-1q5k1xp{text-align:center;margin-bottom:var(--space-5)}.playground__title.svelte-1q5k1xp{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.playground__subtitle.svelte-1q5k1xp{font-size:13px;color:var(--color-text-secondary)}.playground__toggle.svelte-1q5k1xp{display:flex;gap:var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-5)}.playground__toggle-btn.svelte-1q5k1xp{flex:1;padding:var(--space-3) var(--space-4);min-height:48px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:14px;font-weight:600;font-family:inherit;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.playground__toggle-btn.svelte-1q5k1xp:hover{color:var(--color-text-primary)}.playground__toggle-btn.svelte-1q5k1xp:focus-visible{outline:2px solid var(--brand-600);outline-offset:-2px}.playground__toggle-btn--active.svelte-1q5k1xp{background:var(--color-bg-surface);color:var(--brand-600);box-shadow:0 1px 3px #0000001a}.playground__law.svelte-1q5k1xp{text-align:center;padding:var(--space-4);background:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.playground__law-name.svelte-1q5k1xp{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-text);margin-bottom:var(--space-2)}.playground__law-rule.svelte-1q5k1xp .katex{font-size:1.2em}.playground__controls.svelte-1q5k1xp{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.playground__slider-group.svelte-1q5k1xp{display:flex;flex-direction:column;gap:var(--space-1)}.playground__label.svelte-1q5k1xp{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;color:var(--color-text-primary)}.playground__var.svelte-1q5k1xp{font-style:italic;color:var(--brand-600)}.playground__value.svelte-1q5k1xp{margin-left:auto;font-size:16px;font-weight:700;color:var(--brand-600);min-width:24px;text-align:right}.playground__slider.svelte-1q5k1xp{-webkit-appearance:none;appearance:none;width:100%;height:48px;background:transparent;cursor:pointer;padding:0;margin:0}.playground__slider.svelte-1q5k1xp:focus-visible{outline:none}.playground__slider.svelte-1q5k1xp::-webkit-slider-runnable-track{height:8px;background:var(--gray-200);border-radius:4px}.playground__slider.svelte-1q5k1xp::-moz-range-track{height:8px;background:var(--gray-200);border-radius:4px;border:none}.playground__slider.svelte-1q5k1xp::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--brand-600);border:3px solid var(--white);box-shadow:0 2px 6px #0003;margin-top:-10px;transition:transform .1s}.playground__slider.svelte-1q5k1xp::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--brand-600);border:3px solid var(--white);box-shadow:0 2px 6px #0003;transition:transform .1s}.playground__slider.svelte-1q5k1xp:active::-webkit-slider-thumb{transform:scale(1.15)}.playground__slider.svelte-1q5k1xp:active::-moz-range-thumb{transform:scale(1.15)}.playground__slider.svelte-1q5k1xp:focus-visible::-webkit-slider-thumb{outline:3px solid var(--brand-200);outline-offset:2px}.playground__slider.svelte-1q5k1xp:focus-visible::-moz-range-thumb{outline:3px solid var(--brand-200);outline-offset:2px}.playground__range-labels.svelte-1q5k1xp{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted);padding:0 2px}.playground__result.svelte-1q5k1xp{text-align:center;padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.playground__symbolic.svelte-1q5k1xp{margin-bottom:var(--space-4);overflow-x:auto}.playground__symbolic.svelte-1q5k1xp .katex{font-size:1.3em}.playground__numerical.svelte-1q5k1xp{display:flex;flex-direction:column;gap:var(--space-2)}.playground__num-row.svelte-1q5k1xp{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.playground__num-label.svelte-1q5k1xp{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);min-width:36px;text-align:right}.playground__num-value.svelte-1q5k1xp .katex{font-size:1.2em}.playground__match.svelte-1q5k1xp{text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;font-weight:600;margin-bottom:var(--space-4);background:var(--color-bg-subtle);color:var(--color-text-secondary)}.playground__match--yes.svelte-1q5k1xp{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.playground__connection.svelte-1q5k1xp{padding:var(--space-3) var(--space-4);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);margin-bottom:var(--space-4);text-align:center}.playground__connection-label.svelte-1q5k1xp{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1e40af;margin-bottom:var(--space-2)}.playground__connection-math.svelte-1q5k1xp .katex{font-size:.95em}.playground__connection-math.svelte-1q5k1xp{color:#1e40af;overflow-x:auto}.playground__mga.svelte-1q5k1xp{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.playground__mga-tag.svelte-1q5k1xp{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border-radius:11px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.playground__mga-tag--manipulate.svelte-1q5k1xp{background:#dbeafe;color:#1e40af}.playground__mga-tag--graph.svelte-1q5k1xp{background:#fef3c7;color:#92400e}.playground__mga-tag--algebra.svelte-1q5k1xp{background:#ede9fe;color:#5b21b6}@media(max-width:480px){.playground.svelte-1q5k1xp{padding:var(--space-4);border-radius:var(--radius-md)}.playground__title.svelte-1q5k1xp{font-size:18px}.playground__symbolic.svelte-1q5k1xp .katex,.playground__law-rule.svelte-1q5k1xp .katex{font-size:1em}.playground__toggle-btn.svelte-1q5k1xp{font-size:13px;padding:var(--space-2) var(--space-3)}.playground__connection-math.svelte-1q5k1xp .katex{font-size:.8em}}