.lesson-keyboard.svelte-1xo0u8l{width:100%;min-width:0;max-width:var(--min-keyboard-width);margin-inline:auto}.keyboard-viewport.svelte-1xo0u8l{width:100%}.keyboard-viewport.scrollable.svelte-1xo0u8l{overscroll-behavior-x:contain;scrollbar-width:thin;overflow:auto hidden}.keyboard-viewport.svelte-1xo0u8l:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.keyboard-track.svelte-1xo0u8l{width:100%;max-width:var(--min-keyboard-width);margin-inline:auto}.keyboard-track.interactive.svelte-1xo0u8l{width:max(100%, var(--min-keyboard-width));max-width:none;margin-inline:0}.scroll-hint.svelte-1xo0u8l{color:var(--text-secondary);margin:0 0 6px;font-size:12px;line-height:1.4}.strip.svelte-1xo0u8l{height:34px;margin-top:6px;position:relative}.key-label.svelte-1xo0u8l{color:var(--text);font:650 13px/1.1 var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.key-label.black.svelte-1xo0u8l{color:var(--text-secondary);font-size:11px}.single.svelte-1fkm5cy{justify-content:center;max-width:100%;display:flex}.single[style].svelte-1fkm5cy{max-width:none}.paired.svelte-1fkm5cy{border-left:3px solid var(--border-strong);border-radius:3px;flex-direction:column;max-width:100%;padding-left:8px;display:inline-flex}.paired.svelte-1fkm5cy svg+svg{margin-top:-28px}.play.svelte-jdf55q{border:1px solid var(--border-strong);background:var(--surface);min-height:34px;color:var(--text);font:600 13px/1 var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;transition:border-color .15s,background .15s;display:inline-flex}.play.svelte-jdf55q:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}.play.svelte-jdf55q:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.play.svelte-jdf55q:disabled{cursor:progress;opacity:.8}.playing.svelte-jdf55q{border-color:var(--accent-line);background:var(--accent-soft)}.icon.svelte-jdf55q{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.icon.svelte-jdf55q svg:where(.svelte-jdf55q){fill:currentColor}.spinner.svelte-jdf55q{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite svelte-jdf55q-spin}.audio-error.svelte-jdf55q{color:var(--danger);margin-left:8px;font-size:12px}@keyframes svelte-jdf55q-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner.svelte-jdf55q{animation-duration:2.4s}}.quiz.svelte-1pm6s9t{border:1px solid var(--border-strong);background:var(--surface);border-radius:18px;gap:14px;padding:clamp(18px,3vw,26px);display:grid}.quiz-head.svelte-1pm6s9t{justify-content:space-between;align-items:baseline;gap:12px;display:flex}h2.svelte-1pm6s9t{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.count.svelte-1pm6s9t{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.dots.svelte-1pm6s9t{gap:6px;display:flex}.dot.svelte-1pm6s9t{background:var(--surface-raised);border-radius:99px;width:100%;max-width:48px;height:5px}.dot.current.svelte-1pm6s9t{background:var(--border-strong)}.dot.right.svelte-1pm6s9t{background:var(--accent)}.dot.miss.svelte-1pm6s9t{background:var(--danger)}.question.svelte-1pm6s9t{gap:14px;display:grid}.prompt.svelte-1pm6s9t{margin:0;font-size:17px;font-weight:600}.figure.svelte-1pm6s9t{background:var(--bg-raised);border-radius:12px;justify-content:safe center;padding:12px;display:flex;overflow-x:auto}.listen.svelte-1pm6s9t{display:flex}.choices.svelte-1pm6s9t{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice.svelte-1pm6s9t{border:1px solid var(--border-strong);background:var(--bg-raised);min-height:52px;color:var(--text);font:550 15px/1.35 var(--font-sans);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 16px;transition:border-color .12s,background .12s;display:flex}.choice.svelte-1pm6s9t:hover:not(:disabled){border-color:var(--text-secondary)}.choice.svelte-1pm6s9t:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice.svelte-1pm6s9t:disabled{cursor:default}.choice.right.svelte-1pm6s9t{border-color:var(--accent);background:var(--accent-soft)}.choice.wrong.svelte-1pm6s9t{border-color:var(--danger);background:var(--danger-soft)}.choice.dim.svelte-1pm6s9t{opacity:.55}.sub.svelte-1pm6s9t{color:var(--text-secondary);font-size:13px}.feedback.svelte-1pm6s9t{border:1px solid var(--danger-line);background:var(--danger-soft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 16px;display:flex}.feedback.good.svelte-1pm6s9t{border-color:var(--accent-line);background:var(--accent-soft)}.feedback.svelte-1pm6s9t p:where(.svelte-1pm6s9t){flex:300px;margin:0}@media (width<=520px){.choices.svelte-1pm6s9t{grid-template-columns:1fr}}.callout.svelte-1trfegy{--tone:var(--accent);--tone-soft:var(--accent-soft);border:1px solid color-mix(in srgb, var(--tone) 35%, var(--border));background:var(--tone-soft);border-radius:14px;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;display:grid}.remember.svelte-1trfegy{--tone:var(--text-secondary);--tone-soft:var(--surface-raised)}.mistake.svelte-1trfegy{--tone:var(--warning);--tone-soft:var(--warning-soft)}.practice.svelte-1trfegy{--tone:var(--accent);--tone-soft:var(--accent-soft);border-width:1.5px}.icon.svelte-1trfegy{fill:none;stroke:var(--tone);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.title.svelte-1trfegy{color:var(--text);letter-spacing:.02em;text-transform:uppercase;margin:0 0 2px;font-size:13px;font-weight:700}.body.svelte-1trfegy{color:var(--text-soft);margin:0}.compare.svelte-t9o1dh{margin:0}.sides.svelte-t9o1dh{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.side.svelte-t9o1dh{border:1px solid var(--border);background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}h3.svelte-t9o1dh{margin:0;font-size:15px;font-weight:700}p.svelte-t9o1dh{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.canvas.svelte-t9o1dh{flex:1;justify-content:safe center;align-items:center;padding-block:4px;display:flex;overflow-x:auto}figcaption.svelte-t9o1dh{color:var(--text-secondary);margin-top:10px;font-size:14px;line-height:1.5}@media (width<=560px){.sides.svelte-t9o1dh{grid-template-columns:1fr}}.example.svelte-19kljez{border:1px solid var(--border);background:var(--bg-raised);border-radius:14px;margin:0;padding:18px 18px 14px}.canvas.svelte-19kljez{justify-content:safe center;padding-block:4px;display:flex;overflow-x:auto}figcaption.svelte-19kljez{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;font-size:14px;line-height:1.5;display:flex}.caption.svelte-19kljez{flex:260px}@media (width>=900px){.wide.svelte-19kljez{margin-inline:-60px}}.link-card.svelte-105li4o{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.link-card.svelte-105li4o:hover{border-color:var(--accent-line);background:var(--accent-soft)}.link-card.svelte-105li4o:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon.svelte-105li4o{background:var(--surface-raised);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.icon.svelte-105li4o svg:where(.svelte-105li4o){fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.copy.svelte-105li4o{flex:1;gap:2px;display:grid}strong.svelte-105li4o{font-size:15px}small.svelte-105li4o{color:var(--text-secondary);font-size:13px;line-height:1.45}.arrow.svelte-105li4o{color:var(--text-secondary)}.rhythm.svelte-d02eko{max-width:100%;height:auto;color:var(--text)}.staff-line.svelte-d02eko,.bar.svelte-d02eko{stroke:var(--text-secondary);stroke-width:1.2px}.bar.end.svelte-d02eko{stroke-width:3px}.time.svelte-d02eko{fill:var(--text);font:700 20px/1 var(--font-sans);text-anchor:middle;dominant-baseline:central}.glyph.svelte-d02eko,.head.svelte-d02eko,.flag.svelte-d02eko,.dot.svelte-d02eko,.beam.svelte-d02eko{fill:var(--text)}.head.hollow.svelte-d02eko{fill:none;stroke:var(--text);stroke-width:1.8px}.stem.svelte-d02eko{stroke:var(--text);stroke-width:1.4px}.tie.svelte-d02eko{fill:none;stroke:var(--text);stroke-width:1.5px}.count.svelte-d02eko{fill:var(--text-secondary);opacity:.55;font:500 14px/1 var(--font-sans);transition:fill 80ms}.count.on.svelte-d02eko{fill:var(--text);opacity:1;font-weight:750}.count.now.svelte-d02eko{fill:var(--accent);opacity:1}.heading.svelte-1p1nq21{letter-spacing:-.02em;margin:18px 0 -4px;font-size:20px;font-weight:650}.text.svelte-1p1nq21{margin:0}.list.svelte-1p1nq21{gap:8px;margin:0;padding-left:22px;display:grid}.list.svelte-1p1nq21 li:where(.svelte-1p1nq21)::marker{color:var(--text-secondary)}.ordered.svelte-1p1nq21{counter-reset:step;padding-left:0;list-style:none}.ordered.svelte-1p1nq21 li:where(.svelte-1p1nq21){counter-increment:step;padding-left:38px;position:relative}.ordered.svelte-1p1nq21 li:where(.svelte-1p1nq21):before{background:var(--surface-raised);width:26px;height:26px;color:var(--text);content:counter(step);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:1px;left:0}.tryit.svelte-1u2qc72{border:1.5px dashed var(--accent-line);background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:16px;gap:14px;padding:18px;display:grid}.tryit.done.svelte-1u2qc72{border-style:solid}header.svelte-1u2qc72{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.badge.svelte-1u2qc72{background:var(--accent);color:var(--accent-ink);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.prompt.svelte-1u2qc72{flex:280px;margin:0}.staff.svelte-1u2qc72{justify-content:safe center;display:flex;overflow-x:auto}footer.svelte-1u2qc72{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.feedback.svelte-1u2qc72{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.feedback.success.svelte-1u2qc72{color:var(--text);font-weight:600}.hint.svelte-1u2qc72{color:var(--text-soft);margin-left:8px}.again.svelte-1u2qc72{border:1px solid var(--border-strong);min-height:34px;color:var(--text-soft);font:600 13px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.again.svelte-1u2qc72:hover{color:var(--text)}.lesson.svelte-1nbxg9{grid-template-columns:minmax(0,1fr);gap:22px;font-size:16.5px;line-height:1.65;display:grid}.key-idea.svelte-1nbxg9{border-left:4px solid var(--accent);background:var(--surface);border-radius:4px 14px 14px 4px;margin:0;padding:18px 20px;font-size:18px;line-height:1.55}.label.svelte-1nbxg9{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.quiz-slot.svelte-1nbxg9{margin-top:18px;scroll-margin-top:80px}.lesson-page.svelte-1d4f0z2{width:min(100%,744px);margin:0 auto;padding:clamp(12px,3vw,28px) 0 64px}.back-link.svelte-1d4f0z2{min-height:40px;color:var(--text-secondary);font:600 13px var(--font-sans);align-items:center;gap:7px;transition:color .16s;display:inline-flex}.back-link.svelte-1d4f0z2:hover{color:var(--text)}.lesson-head.svelte-1d4f0z2{margin:8px 0 26px}.eyebrow.svelte-1d4f0z2{color:var(--text-secondary);letter-spacing:.02em;margin:0 0 6px;font-size:13px;font-weight:600}h1.svelte-1d4f0z2{font:680 clamp(28px, 1.4rem + 1.4vw, 38px) / 1.15 var(--font-heading);letter-spacing:-.035em;text-wrap:balance;margin:0 0 12px}.meta-row.svelte-1d4f0z2{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;display:flex}.meta.svelte-1d4f0z2{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.done-badge.svelte-1d4f0z2{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:13px;font-weight:650;display:inline-flex}.naming.svelte-1d4f0z2{border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:3px;display:inline-flex}.naming.svelte-1d4f0z2 button:where(.svelte-1d4f0z2){min-height:30px;color:var(--text-secondary);font:600 13px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px}.naming.svelte-1d4f0z2 button[aria-pressed=true]:where(.svelte-1d4f0z2){background:var(--surface-raised);color:var(--text)}.naming.svelte-1d4f0z2 button:where(.svelte-1d4f0z2):focus-visible{outline:2px solid var(--accent)}.chapter-track.svelte-1d4f0z2{gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.chapter-track.svelte-1d4f0z2 li:where(.svelte-1d4f0z2){flex:1}.chapter-track.svelte-1d4f0z2 a:where(.svelte-1d4f0z2){background:var(--surface-raised);border-radius:99px;height:6px;display:block}.chapter-track.svelte-1d4f0z2 .complete:where(.svelte-1d4f0z2) a:where(.svelte-1d4f0z2){background:var(--accent)}.chapter-track.svelte-1d4f0z2 .current:where(.svelte-1d4f0z2) a:where(.svelte-1d4f0z2){background:var(--text-secondary)}.chapter-track.svelte-1d4f0z2 .current.complete:where(.svelte-1d4f0z2) a:where(.svelte-1d4f0z2){background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.visually-hidden.svelte-1d4f0z2{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.result.svelte-1d4f0z2{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:18px;gap:18px;margin-top:18px;padding:clamp(18px,3vw,26px);scroll-margin-top:80px;display:grid}.score.svelte-1d4f0z2{align-items:center;gap:18px;display:flex}.ring.svelte-1d4f0z2{background:radial-gradient(closest-side, var(--surface) 78%, transparent 80%), conic-gradient(var(--accent) var(--pct), var(--surface-raised) 0);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;font-size:19px;display:grid}.score.svelte-1d4f0z2 h2:where(.svelte-1d4f0z2){letter-spacing:-.02em;margin:0 0 4px;font-size:21px}.score.svelte-1d4f0z2 p:where(.svelte-1d4f0z2){color:var(--text-soft);margin:0}.actions.svelte-1d4f0z2{flex-wrap:wrap;gap:10px;display:flex}.actions.svelte-1d4f0z2 .button:where(.svelte-1d4f0z2){gap:8px;text-decoration:none}.next-steps.svelte-1d4f0z2{gap:12px;margin-top:24px;display:grid}.next-steps.svelte-1d4f0z2 h2:where(.svelte-1d4f0z2){letter-spacing:-.02em;margin:0;font-size:18px}.related.svelte-1d4f0z2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.related-card.svelte-1d4f0z2{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;gap:12px;padding:14px;text-decoration:none;display:flex}.related-card.svelte-1d4f0z2:hover{border-color:var(--accent-line)}.related-card.svelte-1d4f0z2 svg{color:var(--accent);flex:none;margin-top:2px}.related-card.svelte-1d4f0z2>span:where(.svelte-1d4f0z2){gap:2px;display:grid}.related-card.svelte-1d4f0z2 small:where(.svelte-1d4f0z2){color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.summary.svelte-1d4f0z2{color:var(--text-secondary);font-size:13px;line-height:1.45}.empty.svelte-1d4f0z2{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:flex-start;gap:12px;max-width:520px;margin:32px auto;padding:28px;display:flex}.empty.svelte-1d4f0z2 h1:where(.svelte-1d4f0z2){margin:0;font-size:24px}.empty.svelte-1d4f0z2 p:where(.svelte-1d4f0z2){color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}@media (width<=640px){.naming.svelte-1d4f0z2{margin-left:0}}.chapter-link.svelte-1d4f0z2{color:inherit;text-decoration:none}.chapter-link.svelte-1d4f0z2:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}