.reader.svelte-ydact9{width:100%}.notation.svelte-ydact9{background:#fff;border:1px solid #dfe3df;border-radius:6px;min-height:13rem;margin:1rem 0 .75rem;overflow-x:auto}.notation.svelte-ydact9 svg{max-width:100%;height:auto}.status.svelte-ydact9,.error.svelte-ydact9{color:#68706a;min-height:2rem;margin:0;padding:.75rem 0;font-size:.85rem}.error.svelte-ydact9{color:#9d2c2c}.preview.svelte-ydact9{justify-content:space-between;align-items:center;gap:1rem;display:flex}.preview.svelte-ydact9 button:where(.svelte-ydact9){color:#2f6f4f;font:inherit;cursor:pointer;background:#fff;border:1px solid #2f6f4f;border-radius:4px;padding:.45rem .75rem;font-weight:700}.progress.svelte-ydact9{background:#e4e8e4;height:4px;overflow:hidden}.progress.svelte-ydact9 span:where(.svelte-ydact9){background:#2f6f4f;height:100%;transition:width .12s;display:block}.input-meta.svelte-ydact9{color:#747b76;justify-content:space-between;margin:.45rem 0 .75rem;font-size:.78rem;display:flex}.connected.svelte-ydact9{color:#2f6f4f}.midi-enable.svelte-ydact9{appearance:none;color:#2f6f4f;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0;font-weight:700}.midi-enable.svelte-ydact9:focus-visible{outline-offset:3px;outline:2px solid #2f6f4f}.keyboard.svelte-ydact9{min-height:8.5rem}.keyboard.two-hand.svelte-ydact9{gap:.65rem;display:grid}.keyboard.midi-monitor.svelte-ydact9{min-height:7.5rem}.keyboard.midi-monitor.svelte-ydact9 .kb{max-width:none}.keyboard.midi-monitor.svelte-ydact9 .kb-lane{height:105px}.feedback.svelte-ydact9{text-align:center;color:#2f6f4f;min-height:1.5rem;margin-top:.4rem;font-weight:650}.feedback.wrong.svelte-ydact9{color:#a33a31}.notation.svelte-ydact9 .rmp-note-marked,.notation.svelte-ydact9 .rmp-note-marked *{fill:#d97757;stroke:#d97757}.armed.svelte-ydact9{flex-direction:column;align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.tempo-choices.svelte-ydact9{gap:.35rem;display:flex}.tempo-choices.svelte-ydact9 button:where(.svelte-ydact9){appearance:none;font:inherit;color:#4a534d;cursor:pointer;background:0 0;border:1px solid #cfd6d1;border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.tempo-choices.svelte-ydact9 button.active:where(.svelte-ydact9){color:#2f6f4f;border-color:#2f6f4f;font-weight:650}.start-take.svelte-ydact9{appearance:none;color:#fff;font:inherit;cursor:pointer;background:#2f6f4f;border:0;border-radius:999px;padding:.5rem 1.2rem;font-weight:700}.hint.svelte-ydact9{text-align:center;color:#8f5f16;margin:.1rem 0 0;font-size:.85rem;font-weight:600}@media (width<=640px){.notation.svelte-ydact9{min-height:10rem;max-height:44vh;overflow-y:auto}}