.backdrop.svelte-jc3gn9{z-index:100;background:#1c1c1c6b;place-items:center;padding:clamp(.75rem,3vw,2rem);display:grid;position:fixed;inset:0}.guide.svelte-jc3gn9{box-sizing:border-box;background:var(--paper);width:min(100%,39rem);max-height:min(90vh,54rem);color:var(--ink);border:0;border-radius:20px;padding:clamp(1.4rem,4vw,2.1rem);position:relative;overflow-y:auto;box-shadow:0 16px 50px #0003}.close.svelte-jc3gn9{width:2.5rem;height:2.5rem;color:var(--ink-muted,#667);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.45rem;position:absolute;top:.75rem;right:.75rem}.close.svelte-jc3gn9:hover{background:#f2eee3}.eyebrow.svelte-jc3gn9{color:#777168;font:600 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 3rem .35rem 0}h2.svelte-jc3gn9{letter-spacing:-.03em;margin:0 3rem .5rem 0;font-size:clamp(1.6rem,5vw,2rem);font-weight:700;line-height:1.15}.intro.svelte-jc3gn9{color:#454952;margin:0 0 1.4rem;font-size:17px;line-height:1.4}.option.svelte-jc3gn9{background:#fff;border:1px solid #e8e1d4;border-radius:14px;margin:.65rem 0;overflow:clip}.option[open].svelte-jc3gn9{border-color:#ded8ca}.option.svelte-jc3gn9 summary:where(.svelte-jc3gn9):hover{background:#fbf8f1}.option.svelte-jc3gn9 summary:where(.svelte-jc3gn9){cursor:pointer;touch-action:manipulation;grid-template-columns:2.8rem 1fr auto;align-items:center;gap:.75rem;padding:.9rem;list-style:none;display:grid}.option.svelte-jc3gn9 summary:where(.svelte-jc3gn9)::-webkit-details-marker{display:none}.option.svelte-jc3gn9 summary:where(.svelte-jc3gn9) strong:where(.svelte-jc3gn9),.fallbacks.svelte-jc3gn9 button:where(.svelte-jc3gn9) strong:where(.svelte-jc3gn9){font-size:.98rem;display:block}.option.svelte-jc3gn9 summary:where(.svelte-jc3gn9) small:where(.svelte-jc3gn9),.fallbacks.svelte-jc3gn9 button:where(.svelte-jc3gn9) small:where(.svelte-jc3gn9){color:var(--ink-muted,#667);margin-top:.15rem;font-size:.78rem;display:block}.icon.svelte-jc3gn9{width:2.8rem;height:2.8rem;color:var(--ink);font:700 .68rem var(--font-mono);background:#f3efe5;border-radius:.65rem;place-items:center;display:grid}.icon.bluetooth.svelte-jc3gn9{font-family:sans-serif;font-size:1.65rem}.best.svelte-jc3gn9{background:var(--clay);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.25rem .5rem;font-size:.65rem;font-weight:800}.steps.svelte-jc3gn9{color:#514d47;padding:0 1rem 1rem 4.55rem;font-size:.86rem;line-height:1.45}.steps.svelte-jc3gn9 p:where(.svelte-jc3gn9){margin:0 0 .55rem}.steps.svelte-jc3gn9 ol:where(.svelte-jc3gn9){margin:0 0 .8rem;padding-left:1.2rem}.steps.svelte-jc3gn9 li:where(.svelte-jc3gn9)+li:where(.svelte-jc3gn9){margin-top:.25rem}.check.svelte-jc3gn9{border:1px solid var(--clay);background:var(--clay);color:#fff;min-height:2.6rem;font:inherit;cursor:pointer;border-radius:999px;padding:.45rem 1rem;font-weight:700}.check.svelte-jc3gn9:disabled{opacity:.55;cursor:default}.cable-help.svelte-jc3gn9{color:var(--ink-muted,#667);margin:.85rem 0 1rem;font-size:.84rem}.cable-help.svelte-jc3gn9 summary:where(.svelte-jc3gn9){width:max-content;color:var(--clay);cursor:pointer;text-underline-offset:3px;font-weight:700;text-decoration:underline}dl.svelte-jc3gn9{margin:.75rem 0 0}dl.svelte-jc3gn9 div:where(.svelte-jc3gn9){border-top:1px solid #e8e1d4;grid-template-columns:minmax(7rem,.8fr) 2fr;gap:.7rem;padding:.55rem 0;display:grid}dt.svelte-jc3gn9{color:var(--ink,#343b36);font-weight:700}dd.svelte-jc3gn9{margin:0}.unsupported.svelte-jc3gn9{background:#f3f0e8;border-radius:.8rem;margin:1rem 0;padding:1rem;line-height:1.5}.unsupported.svelte-jc3gn9 p:where(.svelte-jc3gn9){color:var(--ink-muted,#667);margin:.35rem 0 0}.midiweb-get.svelte-jc3gn9{align-items:center;margin-top:.8rem;text-decoration:none;display:inline-flex}.fallbacks.svelte-jc3gn9{margin-top:1rem;padding-top:.5rem}.fallbacks.svelte-jc3gn9>p:where(.svelte-jc3gn9){color:#777168;font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.75rem;margin:.2rem 0 .55rem;display:flex}.fallbacks.svelte-jc3gn9>p:where(.svelte-jc3gn9):before,.fallbacks.svelte-jc3gn9>p:where(.svelte-jc3gn9):after{content:"";background:#e8e1d4;flex:1;height:1px}.fallbacks.svelte-jc3gn9 button:where(.svelte-jc3gn9){width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e8e1d4;border-radius:14px;grid-template-columns:2.8rem 1fr;align-items:center;gap:.75rem;margin:.45rem 0;padding:.9rem;display:grid}.fallbacks.svelte-jc3gn9 button:where(.svelte-jc3gn9):hover{border-color:var(--clay)}.fallbacks.svelte-jc3gn9 button:where(.svelte-jc3gn9):disabled{opacity:.58;cursor:default}.fallbacks.svelte-jc3gn9 button:where(.svelte-jc3gn9):disabled:hover{border-color:#e8e1d4}.fallback-icon.svelte-jc3gn9{color:#777168;text-align:center;font-size:1.15rem}@media (width<=480px){.backdrop.svelte-jc3gn9{align-items:end;padding:0}.guide.svelte-jc3gn9{border-radius:1.1rem 1.1rem 0 0;width:100%;max-height:94vh}.option.svelte-jc3gn9 summary:where(.svelte-jc3gn9){grid-template-columns:2.5rem 1fr auto;gap:.6rem;padding:.75rem}.icon.svelte-jc3gn9{width:2.5rem;height:2.5rem}.steps.svelte-jc3gn9{padding:0 .8rem .85rem 3.85rem}dl.svelte-jc3gn9 div:where(.svelte-jc3gn9){grid-template-columns:1fr;gap:.15rem}}.mic-feedback.svelte-enwzn4{color:#68706a;text-align:center;background:#ffffff80;border:1px solid #dfe5df;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:149px;padding:.65rem .8rem;display:flex}.mic-heading.svelte-enwzn4{justify-content:center;align-items:center;gap:.45rem;display:flex}.mic-heading.svelte-enwzn4 strong:where(.svelte-enwzn4){color:#4d5750}.mic-pulse.svelte-enwzn4{background:#aeb8b1;border-radius:999px;flex:none;width:.72rem;height:.72rem}.listening.svelte-enwzn4 .mic-pulse:where(.svelte-enwzn4){background:var(--accent);animation:1.4s ease-in-out infinite svelte-enwzn4-mic-listening}.detected-note.svelte-enwzn4{color:#59635c;min-height:1.25rem;font-weight:650}.meter-row.svelte-enwzn4{grid-template-columns:auto minmax(8rem,18rem);align-items:center;gap:.55rem;width:min(100%,24rem);font-size:.72rem;display:grid}.mic-meter.svelte-enwzn4{background:#e1e6e2;border-radius:999px;height:.55rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.mic-meter.svelte-enwzn4>span:where(.svelte-enwzn4){transform-origin:0;background:linear-gradient(90deg, #78a98d, var(--accent));transition:transform 70ms linear;position:absolute;inset:0}.mic-keyboard.svelte-enwzn4{--kb-lane-height:76px;--kb-label-line-height:13px;width:min(100%,34rem)}.mic-keyboard.svelte-enwzn4 .kb-label{text-align:left}@keyframes svelte-enwzn4-mic-listening{50%{opacity:.5;transform:scale(1.35)}}@media (width<=600px){.mic-feedback.svelte-enwzn4{min-height:127px;padding-inline:.55rem}.mic-keyboard.svelte-enwzn4{--kb-lane-height:66px}}.record-take.svelte-3g36ex{margin:0 0 .9rem}:is(.record-take.svelte-3g36ex:fullscreen,.record-take.takeover.svelte-3g36ex){background:#faf9f5;padding:1rem clamp(.75rem,4vw,3rem);overflow-y:auto}.record-take.takeover.svelte-3g36ex{z-index:60;position:fixed;inset:0}.legend.svelte-3g36ex{color:#8a8375;margin:0 0 .4rem;font-size:.72rem}@media (width<=640px){.record-take[data-phase=recording].svelte-3g36ex .setup-strip,.record-take[data-phase=countin].svelte-3g36ex .setup-strip,.record-take.at-sight.svelte-3g36ex .layout-only{display:none}}.record-take.at-sight.svelte-3g36ex{margin:0}.record-take.at-sight.minimal.svelte-3g36ex{--score-viewport-min-block:10.162rem}@media (width<=640px){.record-take.at-sight.svelte-3g36ex{--score-viewport-max-block:44vh}}.feedback.svelte-3g36ex{text-align:center;min-height:1.2rem;color:var(--accent);margin-top:.4rem;font-size:.85rem;font-weight:600}.feedback.wrong.svelte-3g36ex{color:#9d2c2c}.hint.svelte-3g36ex{text-align:center;color:#8f5f16;margin:.1rem 0 0;font-size:.85rem;font-weight:600}.record-take.at-sight.svelte-3g36ex .rmp-note-marked,.record-take.at-sight.svelte-3g36ex .rmp-note-marked *{fill:var(--accent);stroke:var(--accent)}.record-take.at-sight.svelte-3g36ex .rmp-note-marked--read,.record-take.at-sight.svelte-3g36ex .rmp-note-marked--read *{fill:var(--read-mark);stroke:var(--read-mark)}