.vexflow-glyph.svelte-uzv5gw{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:0;vertical-align:middle}.vexflow-glyph.svelte-uzv5gw svg{width:100%;height:100%;display:block}.exercise-panel.svelte-1hb83vo{padding:20px;display:flex;flex-direction:column;gap:12px;background:#fff;border:2px solid rgba(255,140,0,.15);border-radius:1rem;max-width:750px;margin:0 auto;width:100%}.dark .exercise-panel.svelte-1hb83vo{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d}.exercise-top-bar.svelte-1hb83vo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-1hb83vo{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-1hb83vo{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-1hb83vo{background:#ff8c0014}.mini-stat-value.svelte-1hb83vo{font-size:15px;font-weight:700;color:#ff8c00}.dark .mini-stat-value.svelte-1hb83vo{color:#f59e0b}.mini-stat-label.svelte-1hb83vo{font-size:9px;text-transform:uppercase;color:#6b7280}.timer-badge.svelte-1hb83vo{padding:6px 14px;border-radius:8px;background:#ff8c0014;border:1px solid rgba(255,140,0,.2);font-size:15px;font-weight:700;color:#ff8c00}.timer-badge.urgent.svelte-1hb83vo{background:#ef44441f;border-color:#ef444466;color:#ef4444}.prompt-area.svelte-1hb83vo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb}.dark .prompt-area.svelte-1hb83vo{background:#171717;border-color:#ff8c0033}.prompt-label.svelte-1hb83vo{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.dark .prompt-label.svelte-1hb83vo{color:#888}.scenario-prompt.svelte-1hb83vo{gap:4px}.scenario-context.svelte-1hb83vo{font-size:14px;color:#374151;margin:0;padding:0}.dark .scenario-context.svelte-1hb83vo{color:#ccc}.symbol-prompt-large.svelte-1hb83vo{display:flex;align-items:center;justify-content:center;min-height:80px;padding:16px}.symbol-barline.svelte-1hb83vo{font-size:64px;line-height:1;color:#374151;display:inline-flex;align-items:center;justify-content:center;height:1em}.symbol-barline.svelte-1hb83vo svg{height:100%;width:auto;display:block}.dark .symbol-barline.svelte-1hb83vo{color:#e5e5e5}.symbol-special.svelte-1hb83vo{font-size:56px;line-height:1;color:#374151}.dark .symbol-special.svelte-1hb83vo{color:#e5e5e5}.symbol-bracket.svelte-1hb83vo{font-size:32px;font-weight:700;color:#374151;padding:8px 20px;border:3px solid #374151;border-bottom:none;border-radius:4px 4px 0 0}.dark .symbol-bracket.svelte-1hb83vo{color:#e5e5e5;border-color:#e5e5e5}.symbol-text-display.svelte-1hb83vo{font-size:28px;font-weight:600;font-style:italic;color:#374151}.dark .symbol-text-display.svelte-1hb83vo{color:#e5e5e5}.measure-strip-container.svelte-1hb83vo{padding:48px 40px 8px}.measure-strip.svelte-1hb83vo{display:flex;flex-wrap:wrap;gap:48px 0;align-items:stretch;justify-content:flex-start}.measure-box.svelte-1hb83vo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;min-height:72px;border:2px solid #d1d5db;background:#fff;padding:8px 4px 16px;border-radius:6px;margin:0 -1px}.dark .measure-box.svelte-1hb83vo{background:#1a1a1a;border-color:#444}.measure-box.cursor.svelte-1hb83vo{background:#ff8c001f;border-color:#ff8c00;z-index:1}.dark .measure-box.cursor.svelte-1hb83vo{background:#ff8c0026;border-color:#f59e0b}.coda-strip.svelte-1hb83vo{margin-top:56px;justify-content:flex-start;align-items:center;gap:6px;padding-left:0}.coda-strip.svelte-1hb83vo .measure-box:where(.svelte-1hb83vo){border-radius:8px;border-width:2px}.measure-box.interactive.svelte-1hb83vo{cursor:pointer;transition:all .1s}.measure-box.interactive.svelte-1hb83vo:hover:not(:disabled){background:#3b82f614;border-color:#3b82f6}.measure-box.interactive.svelte-1hb83vo:disabled{cursor:default}.measure-num.svelte-1hb83vo{font-size:20px;font-weight:700;color:#374151}.dark .measure-num.svelte-1hb83vo{color:#e5e5e5}.cursor-indicator.svelte-1hb83vo{position:absolute;bottom:-2px;font-size:12px;color:#ff8c00;animation:svelte-1hb83vo-pulse 1s infinite}@keyframes svelte-1hb83vo-pulse{0%,to{opacity:1}50%{opacity:.4}}.barline-left.svelte-1hb83vo{position:absolute;left:-6px;top:50%;transform:translateY(-50%);height:36px;width:18px;color:#374151;z-index:2;line-height:0}.barline-right.svelte-1hb83vo{position:absolute;right:-6px;top:50%;transform:translateY(-50%);height:36px;width:18px;color:#374151;z-index:2;line-height:0}.barline-left.svelte-1hb83vo svg,.barline-right.svelte-1hb83vo svg{height:100%;width:auto;display:block}.dark .barline-left.svelte-1hb83vo,.dark .barline-right.svelte-1hb83vo{color:#e5e5e5}.measure-box.final-barline.svelte-1hb83vo:before{content:"";position:absolute;right:3px;top:0;bottom:0;width:1.5px;background:#374151;z-index:2}.measure-box.final-barline.svelte-1hb83vo:after{content:"";position:absolute;right:-2px;top:0;bottom:0;width:3.5px;background:#374151;z-index:2}.dark .measure-box.final-barline.svelte-1hb83vo:before,.dark .measure-box.final-barline.svelte-1hb83vo:after{background:#e5e5e5}.ending-bracket.svelte-1hb83vo{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:#2563eb;border:2px solid #2563eb;border-bottom:none;border-radius:4px 4px 0 0;padding:1px 4px;line-height:1.2}.dark .ending-bracket.svelte-1hb83vo{color:#60a5fa;border-color:#60a5fa}.nav-label.svelte-1hb83vo{position:absolute;top:-38px;font-size:15px;font-weight:600;font-style:italic;color:#7c3aed;white-space:nowrap}.nav-label.nav-at-left.svelte-1hb83vo{left:0;transform:translate(-50%)}.nav-label.nav-at-right.svelte-1hb83vo{right:0;transform:translate(50%)}.nav-label.nav-symbol.svelte-1hb83vo{font-size:42px;font-style:normal;top:-50px}.nav-label.nav-segno.svelte-1hb83vo{font-size:30px;top:-42px}.nav-label.nav-coda.svelte-1hb83vo{font-size:34px;top:-44px}.dark .nav-label.svelte-1hb83vo{color:#a78bfa}.path-preview.svelte-1hb83vo{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:8px;border-radius:8px;background:#22c55e0f;border:1px solid rgba(34,197,94,.2);flex-wrap:wrap}.path-preview.correct-path.svelte-1hb83vo{background:#22c55e0f;border-color:#22c55e33}.path-label.svelte-1hb83vo{font-size:11px;font-weight:600;text-transform:uppercase;color:#6b7280;flex-shrink:0}.path-chain.svelte-1hb83vo{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.path-arrow.svelte-1hb83vo{color:#9ca3af;font-size:12px}.path-step.svelte-1hb83vo{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);font-size:12px;font-weight:700;color:#2563eb}.dark .path-step.svelte-1hb83vo{background:#60a5fa26;border-color:#60a5fa4d;color:#60a5fa}.path-step.highlight.svelte-1hb83vo{background:#ff8c00;color:#fff;border-color:#ff8c00}.path-step.highlight-next.svelte-1hb83vo{background:#22c55e;color:#fff;border-color:#22c55e}.path-step.path-wrong.svelte-1hb83vo{background:#ef44441f;border-color:#ef4444;color:#ef4444}.dark .path-step.path-wrong.svelte-1hb83vo{background:#ef444433;border-color:#f87171;color:#f87171}.path-builder.svelte-1hb83vo{padding:12px;border-radius:8px;background:#faf8f5;border:1px solid #e5e7eb}.dark .path-builder.svelte-1hb83vo{background:#171717;border-color:#ff8c0033}.path-label-row.svelte-1hb83vo{display:flex;align-items:center;gap:8px;margin-bottom:8px}.path-builder-label.svelte-1hb83vo{font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280}.path-action-btn.svelte-1hb83vo{padding:2px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:11px;font-weight:600;cursor:pointer}.path-action-btn.svelte-1hb83vo:hover{background:#f3f4f6}.dark .path-action-btn.svelte-1hb83vo{background:#0a0a0a;border-color:#444;color:#888}.user-path.svelte-1hb83vo{min-height:32px}.path-placeholder.svelte-1hb83vo{font-size:13px;color:#9ca3af;font-style:italic}.feedback.svelte-1hb83vo{margin:0;font-size:14px;color:#6b7280;text-align:center;min-height:1.2rem}.feedback.correct.svelte-1hb83vo{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-1hb83vo{color:#ef4444;font-weight:600}.feedback-icon.svelte-1hb83vo{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-1hb83vo{color:#4ade80}.dark .feedback.incorrect.svelte-1hb83vo{color:#f87171}.choices-grid.svelte-1hb83vo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card.svelte-1hb83vo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border:2px solid rgba(255,140,0,.15);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;min-height:60px;position:relative}.choice-card.svelte-1hb83vo:hover:enabled{transform:translateY(-2px);border-color:#ff8c0066}.choice-card.selected.svelte-1hb83vo{border-color:#2563eb;background:#2563eb0a;box-shadow:0 0 0 1px #2563eb}.choice-card.correct-reveal.svelte-1hb83vo{border-color:#22c55e!important;background:#22c55e14!important;box-shadow:0 0 0 1px #22c55e!important}.choice-card.incorrect-reveal.svelte-1hb83vo{border-color:#ef4444!important;background:#ef444414!important;box-shadow:0 0 0 1px #ef4444!important}.choice-card.svelte-1hb83vo:disabled{opacity:.75;cursor:default;transform:none}.choice-card.svelte-1hb83vo:disabled:not(.selected):not(.correct-reveal):not(.incorrect-reveal){opacity:.6}.dark .choice-card.svelte-1hb83vo{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-color:#ff8c0033}.dark .choice-card.selected.svelte-1hb83vo{border-color:#3b82f6;background:#3b82f614}.choice-label.svelte-1hb83vo{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;align-self:flex-start}.choice-card.selected.svelte-1hb83vo .choice-label:where(.svelte-1hb83vo){color:#2563eb}.choice-card.correct-reveal.svelte-1hb83vo .choice-label:where(.svelte-1hb83vo){color:#22c55e}.choice-card.incorrect-reveal.svelte-1hb83vo .choice-label:where(.svelte-1hb83vo){color:#ef4444}.dark .choice-label.svelte-1hb83vo{color:#555}.text-choice.svelte-1hb83vo{text-align:left;align-items:flex-start;padding:14px 12px}.choice-description.svelte-1hb83vo{font-size:14px;font-weight:500;color:#374151;line-height:1.4;margin-top:4px}.dark .choice-description.svelte-1hb83vo{color:#e5e5e5}.choice-card.correct-reveal.svelte-1hb83vo .choice-description:where(.svelte-1hb83vo){color:#22c55e}.choice-card.incorrect-reveal.svelte-1hb83vo .choice-description:where(.svelte-1hb83vo){color:#ef4444}.measure-choice.svelte-1hb83vo{align-items:center;justify-content:center;padding:16px}.measure-choice-num.svelte-1hb83vo{font-size:18px;font-weight:700;color:#374151}.dark .measure-choice-num.svelte-1hb83vo{color:#e5e5e5}.choice-card.correct-reveal.svelte-1hb83vo .measure-choice-num:where(.svelte-1hb83vo){color:#22c55e}.choice-card.incorrect-reveal.svelte-1hb83vo .measure-choice-num:where(.svelte-1hb83vo){color:#ef4444}@media (max-width: 640px){.exercise-panel.svelte-1hb83vo{padding:14px}.top-stats.svelte-1hb83vo{margin-left:0;width:100%;justify-content:center}.measure-box.svelte-1hb83vo{width:48px;min-height:48px}.nav-label.svelte-1hb83vo{font-size:12px}.nav-label.nav-symbol.svelte-1hb83vo{font-size:32px;top:-40px}.nav-label.nav-segno.svelte-1hb83vo{font-size:24px;top:-36px}.nav-label.nav-coda.svelte-1hb83vo{font-size:28px;top:-38px}.choices-grid.svelte-1hb83vo{gap:6px}.choice-card.svelte-1hb83vo{min-height:auto;padding:8px 6px}.text-choice.svelte-1hb83vo{padding:10px 8px}.choice-description.svelte-1hb83vo{font-size:13px;margin-top:2px}.choice-label.svelte-1hb83vo{font-size:9px}.measure-choice.svelte-1hb83vo{padding:10px 6px}.measure-choice-num.svelte-1hb83vo{font-size:15px}}@media (max-width: 480px){.choices-grid.text-choices.svelte-1hb83vo{grid-template-columns:1fr}.choices-grid.measure-choices.svelte-1hb83vo{grid-template-columns:1fr 1fr}}