.midi-notice.svelte-1wmaduz{color:#111;border-radius:var(--radius-xl);text-align:center;background:#f59e0b;max-width:720px;margin:0 auto 1.25rem;padding:1.5rem 1.25rem 1.25rem;overflow:hidden}.midi-notice.svelte-1wmaduz .logo:where(.svelte-1wmaduz){aspect-ratio:300/56;object-fit:contain;max-width:100%;height:auto;margin:0 auto 1rem;display:block}.midi-notice.svelte-1wmaduz .lead:where(.svelte-1wmaduz){font-size:1.1rem}.midi-notice.svelte-1wmaduz p:where(.svelte-1wmaduz){margin:.5rem 0}.midi-notice.svelte-1wmaduz .dismiss:where(.svelte-1wmaduz){color:#111;border-radius:var(--radius-pill);cursor:pointer;background:#fff;border:1px solid #111;margin:1rem 0;padding:.5rem 1.25rem;font-weight:600}.midi-notice.svelte-1wmaduz .dismiss:where(.svelte-1wmaduz):hover{filter:brightness(.95)}.midi-notice.svelte-1wmaduz .browser-hint:where(.svelte-1wmaduz){border-top:1px solid #1111114d;margin-top:1rem;padding-top:1rem}.midi-notice.svelte-1wmaduz .cta:where(.svelte-1wmaduz){color:#fff;border-radius:var(--radius-md);background:#1e8f4e;margin-top:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.midi-notice.svelte-1wmaduz .cta:where(.svelte-1wmaduz):hover{background:#166c3a}.midi-notice.svelte-1wmaduz .diagnostics:where(.svelte-1wmaduz){color:#111;margin-top:1rem;text-decoration:underline;display:inline-block}.rec-dot-wrap.svelte-yllueh{border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);align-items:center;gap:.4rem;padding:.15rem .4rem;font-size:.8rem;display:inline-flex}.dot.svelte-yllueh{border-radius:var(--radius-round);background:#d32f2f;width:.75em;height:.75em;animation:1s ease-in-out infinite svelte-yllueh-rec-pulse;display:inline-block}.count.svelte-yllueh{font-variant-numeric:tabular-nums;font-weight:600}@keyframes svelte-yllueh-rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.split-badge.svelte-k5suxf{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-pill);align-items:center;padding:.35rem .7rem;font-weight:700;display:inline-flex}.split-badge-label.svelte-k5suxf{white-space:nowrap;font-family:ui-monospace,monospace;font-size:1rem}.audio-unlock.svelte-1131bkj{z-index:30;width:1.8rem;height:1.8rem;color:var(--midi-idle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .1s,opacity .1s;display:inline-flex;position:fixed;bottom:.6rem;right:4.5rem}.audio-unlock.svelte-1131bkj:hover{color:var(--text)}.audio-unlock[data-state=locked].svelte-1131bkj{color:var(--accent,#e07a3a)}.audio-unlock[data-state=off].svelte-1131bkj{opacity:.55}.chord-chart.svelte-n5yy72{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.5rem 1.25rem;width:fit-content;max-width:min(48rem,95vw);margin:.25rem auto .5rem;padding:.5rem .75rem;display:flex}.chord-chart-bar-group.svelte-n5yy72{flex-wrap:wrap;align-items:baseline;gap:.5rem .4rem;display:flex}.chord-chart-cell.svelte-n5yy72{color:var(--text);font:inherit;cursor:pointer;opacity:.85;background:0 0;border:none;border-bottom:2px solid #0000;align-items:baseline;padding:.15rem .35rem;line-height:1.2;transition:opacity .1s;display:inline-flex}.chord-chart-cell.svelte-n5yy72:hover{opacity:1}.chord-chart-cell.active.svelte-n5yy72{color:var(--color-theme-2,#f59e0b);opacity:1;font-weight:600}.chord-chart-cell.selected.svelte-n5yy72{border-bottom-color:currentColor}.chord-chart-cell.svelte-n5yy72:focus-visible{outline:2px solid var(--focus-ring,#4a90e2);outline-offset:2px;border-radius:calc(var(--radius-sm) * .75)}.chord-chart-rowbreak.svelte-n5yy72{pointer-events:none;flex-basis:100%;height:0}.chord-chart-section.svelte-n5yy72{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#888);flex-basis:100%;margin:.4rem 0 .1rem;font-size:.7rem;font-weight:700}.chord-chart-section.svelte-n5yy72:first-child{margin-top:0}.reco-row.svelte-1tds0xl{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem .5rem .25rem;display:flex}.reco-btn.svelte-1tds0xl{background:var(--reco-btn-bg,var(--accent));min-width:3em;color:var(--reco-btn-fg,var(--accent-contrast));border:1px solid var(--reco-btn-bg,var(--accent));border-radius:calc(var(--radius-md) * 16 / 15);cursor:pointer;padding:.45em .9em;font-family:inherit;font-size:1.5rem;transition:background .15s,color .15s,transform .1s}.reco-btn.svelte-1tds0xl:hover:not(:disabled){filter:brightness(1.15)}.reco-btn.svelte-1tds0xl:active:not(:disabled){transform:translateY(1px)}.reco-btn[data-state=correct].svelte-1tds0xl{background:#82a905;border-color:#82a905}.reco-btn[data-state=wrong].svelte-1tds0xl{background:#b32a2a;border-color:#b32a2a}.reco-btn[data-state=reveal].svelte-1tds0xl{opacity:.7;background:#82a905;border-color:#82a905}.reco-btn[data-state=missed].svelte-1tds0xl{opacity:.85;background:#b32a2a;border-color:#b32a2a}.reco-btn.svelte-1tds0xl:disabled{cursor:default}@media (width<=720px){.reco-row.svelte-1tds0xl{gap:.4rem;padding:.75rem .35rem .25rem}.reco-btn.svelte-1tds0xl{min-width:3.6em;padding:.55em 1.05em;font-size:1.15rem}}.naming-panel.svelte-9qxvh6{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.naming-prompt.svelte-9qxvh6{color:var(--text-muted,#888);text-align:center;font-size:1rem}.jumper-panel.svelte-gcnkkk{justify-content:center;padding:1rem .5rem;display:flex}.jumper-canvas.svelte-gcnkkk{background:#fff;border-bottom:1px solid #d3d3d3;width:100%;max-width:800px;height:auto;display:block}.jumper-canvas.svelte-gcnkkk:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.rewards-slot.svelte-1ac6tnm{justify-content:center;width:100%;min-height:0;display:flex}.rewards-slot[data-active=true].svelte-1ac6tnm{height:var(--reward-slot-h,clamp(200px, 32vh, 280px));align-items:center;overflow:hidden}@media (width>=640px){.rewards-slot[data-active=true].svelte-1ac6tnm{--reward-slot-h:clamp(260px, 42vh, 380px)}}.reward.svelte-1ac6tnm{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;height:100%;margin:0;padding:.25rem .5rem;display:flex}.reward.svelte-1ac6tnm img:where(.svelte-1ac6tnm){object-fit:contain;flex:0 auto;width:auto;max-width:100%;min-height:0;max-height:100%;display:block}.reward-caption.svelte-1ac6tnm{color:var(--text-muted);text-align:center;font-size:.85rem}.reward-placeholder.svelte-1ac6tnm{width:100%;height:100%}.app-stage.svelte-moebrj{position:relative}@media (width<=720px){.app-stage.svelte-moebrj:has(.app-grid[data-activity=naming]){flex-direction:column;flex:1;display:flex}.app-stage.svelte-moebrj:has(.app-grid[data-activity=naming])>.app-grid{flex:1}}.app-main:has(.list-rail){padding-left:256px}.app-bottom-bar.list-shift.svelte-moebrj{padding-left:256px}@media (width<=760px){.app-main:has(.list-rail){padding-left:1.25rem}.app-bottom-bar.list-shift.svelte-moebrj{padding-left:.8rem}}.app-bottom-bar.svelte-moebrj{background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);z-index:50;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .8rem;display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottom-bar[data-autohide=true][data-hidden=true].svelte-moebrj{transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){.app-bottom-bar[data-autohide=true].svelte-moebrj{transition:transform .18s}}.app-bottom-bar.svelte-moebrj>:where(.svelte-moebrj){pointer-events:none}.app-bottom-left.svelte-moebrj>*,.app-bottom-right.svelte-moebrj>*{pointer-events:auto}.app-bottom-left.svelte-moebrj{--app-bottom-icon-size:1.6rem;flex:auto;align-items:center;gap:.6rem;min-width:0;display:flex;overflow:hidden}.bottom-level-badge.svelte-moebrj .badge{gap:.3rem;padding:.18rem .55rem}.bottom-level-badge.svelte-moebrj .badge-prefix{display:none}.bottom-level-badge.svelte-moebrj .badge-label{font-size:.85rem}.app-bottom-right.svelte-moebrj{--app-bottom-icon-size:1.6rem;flex:none;align-items:center;gap:.6rem;margin-left:auto;display:flex}.bottom-exid.svelte-moebrj .exid-badge{min-height:var(--app-bottom-icon-size)}.bottom-exid.svelte-moebrj .exid-chip{width:var(--app-bottom-icon-size)!important;height:var(--app-bottom-icon-size)!important;min-width:var(--app-bottom-icon-size)!important;background:var(--bottom-exid-chip-bg,#e6e6e6)!important}.bottom-exid.svelte-moebrj{color:var(--text);align-items:center;gap:.4rem;font-size:.85rem;font-style:italic;font-weight:600;text-decoration:none;display:inline-flex}.bottom-exid.svelte-moebrj:hover{text-decoration:underline}.bottom-exid-name.svelte-moebrj{white-space:nowrap}@media (width<=720px){.bottom-exid.svelte-moebrj,.pro-footer.svelte-moebrj{display:none}.app-bottom-bar.svelte-moebrj{gap:.4rem;padding:.35rem .5rem}.app-bottom-left.svelte-moebrj,.app-bottom-right.svelte-moebrj{--app-bottom-icon-size:1.4rem;gap:.4rem}.bottom-level-badge.svelte-moebrj .badge-label{text-overflow:ellipsis;white-space:nowrap;max-width:6rem;overflow:hidden}}@media (width<=400px){.app-bottom-left.svelte-moebrj,.app-bottom-right.svelte-moebrj{--app-bottom-icon-size:1.25rem;gap:.3rem}.bottom-level-badge.svelte-moebrj .badge-label{max-width:4rem}}.midi-bar.svelte-moebrj{justify-content:flex-start;display:flex}.app-bottom-right.svelte-moebrj .midi-status,.app-bottom-right.svelte-moebrj .audio-unlock{width:var(--app-bottom-icon-size);height:var(--app-bottom-icon-size)}.app-bottom-right.svelte-moebrj .audio-unlock svg{width:100%;height:100%}.app-bottom-left.svelte-moebrj .streak-pair .streak{min-width:var(--app-bottom-icon-size);height:var(--app-bottom-icon-size)}.app-bottom-left.svelte-moebrj .streak-pair .streak-max{min-width:calc(var(--app-bottom-icon-size) - .2rem);height:calc(var(--app-bottom-icon-size) - .2rem)}.bottom-settings.svelte-moebrj{width:var(--app-bottom-icon-size);height:var(--app-bottom-icon-size);color:var(--midi-idle);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bottom-settings.svelte-moebrj:hover{color:var(--text)}.bottom-settings-icon.svelte-moebrj{background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-image:url(../../../icons/settings.svg);mask-image:url(../../../icons/settings.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bottom-rewards.svelte-moebrj{width:var(--app-bottom-icon-size);height:var(--app-bottom-icon-size);color:var(--midi-idle);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bottom-rewards.svelte-moebrj:hover{color:var(--text)}.bottom-rewards-icon.svelte-moebrj{background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-image:url(../../../icons/photo.svg);mask-image:url(../../../icons/photo.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bottom-fav.svelte-moebrj{width:var(--app-bottom-icon-size);height:var(--app-bottom-icon-size);color:var(--midi-idle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.bottom-fav.svelte-moebrj:hover{color:var(--text)}.bottom-fav-icon.svelte-moebrj{background-color:currentColor;width:100%;height:100%;display:inline-block;-webkit-mask-image:url(../../../icons/heart.svg);mask-image:url(../../../icons/heart.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bottom-fav[data-favorited=true].svelte-moebrj .bottom-fav-icon:where(.svelte-moebrj){-webkit-mask-image:url(../../../icons/heart-filled.svg);mask-image:url(../../../icons/heart-filled.svg)}body:has(.app-bottom-bar)>.audio-unlock{display:none}.app-bottom-right.svelte-moebrj .audio-unlock{position:static!important;bottom:auto!important;right:auto!important}.qna{--inv-color:#111}.qna[data-colorful-inversions=on][data-inv="1"]{--inv-color:#82a905}.qna[data-colorful-inversions=on][data-inv="2"]{--inv-color:#7952b3}.qna[data-colorful-inversions=on][data-inv="3"]{--inv-color:#f59e0b}.qna[data-outcome=wrong-notes],.qna[data-outcome=wrong-inversion],.qna[data-outcome=too-many]{outline-offset:4px;border-radius:calc(var(--radius-xl) * 7 / 6);outline:3px solid #dc2626}.qna[data-hints-always=on][data-outcome=wrong-notes] .chord-name,.qna[data-hints-always=on][data-outcome=wrong-inversion] .chord-name,.qna[data-hints-always=on][data-outcome=too-many] .chord-name,.qna[data-hints-always=on][data-outcome=wrong-notes] .slot-label,.qna[data-hints-always=on][data-outcome=wrong-inversion] .slot-label,.qna[data-hints-always=on][data-outcome=too-many] .slot-label{color:#dc2626!important}.question-container.svelte-moebrj{border-radius:var(--radius-xl);background:0 0;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.35rem 1rem 1.1rem;display:flex}.cycle-page-caption.svelte-moebrj{letter-spacing:.04em;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.8rem;font-style:italic;font-weight:600}.song-sections.svelte-moebrj{flex-flow:wrap;align-items:center;gap:.5rem;display:flex}.song-sections.svelte-moebrj .cycle-page-caption:where(.svelte-moebrj){white-space:nowrap;flex:none;margin-top:0}.song-section-select.svelte-moebrj{min-width:0;max-width:14rem;font:inherit;border:1px solid var(--border-field);border-radius:var(--radius-sm);background:var(--bg-subtle,#f6f6f6);color:inherit;cursor:pointer;flex:auto;padding:.2rem .5rem;font-size:.85rem}.only-this.svelte-moebrj{white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.only-this.svelte-moebrj input:where(.svelte-moebrj){cursor:pointer}.question-container[data-question-colors=on][data-quality="0"],.question-container[data-question-colors=on][data-quality="6"]{background:0 0}.question-container[data-question-colors=on][data-quality="1"],.question-container[data-question-colors=on][data-quality="7"],.question-container[data-question-colors=on][data-quality="13"]{background:#ede7f6}.question-container[data-question-colors=on][data-quality="2"],.question-container[data-question-colors=on][data-quality="9"],.question-container[data-question-colors=on][data-quality="10"]{background:#eae9e9}.question-container[data-question-colors=on][data-quality="3"],.question-container[data-question-colors=on][data-quality="11"],.question-container[data-question-colors=on][data-quality="12"]{background:#fff3e0}.question-container[data-question-colors=on][data-quality="4"]{background:#e1f5fe}.question-container[data-question-colors=on][data-quality="5"]{background:#e0f2f1}.question-container[data-question-colors=on][data-quality="8"]{background:#fff7e0}.chord-queue.svelte-moebrj{grid-template-columns:repeat(var(--queue-size,1), minmax(0, 1fr));align-items:center;gap:.75rem;width:100%;display:grid}.chord-queue[data-staff-mode=queue].svelte-moebrj{grid-template-columns:1fr;justify-items:center}.chord-staff.svelte-moebrj{justify-content:center;width:100%;display:flex}.queue-slot.svelte-moebrj{text-align:center;min-width:0;min-height:5rem;font-size:clamp(1.1rem, calc((100vw - 4rem) / (var(--queue-size,1) * 5)), 6rem);border:none;border-bottom:12px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:.5rem .4rem 1.2rem;transition:opacity .2s,border-color .2s,color .2s;display:flex}.queue-slot[data-active=false].svelte-moebrj{opacity:.45}.queue-slot.svelte-moebrj .slot-label:where(.svelte-moebrj){justify-content:center;display:flex;overflow:visible}.chord-name.svelte-moebrj{text-align:center;padding-bottom:1rem;overflow:visible}.chord-name.svelte-moebrj .chord-label{margin-bottom:.45rem;display:inline-block}.chord-name[data-staff-mode=single].svelte-moebrj{padding-bottom:0}.chord-name[data-staff-mode=single].svelte-moebrj .staff-chord svg{margin:0 auto .25rem;width:clamp(360px,50vw,540px)!important;max-width:none!important;height:auto!important}.chord-name[data-staff-mode=single][data-baby=true].svelte-moebrj{width:100%;max-width:1000px}.chord-name[data-staff-mode=single][data-baby=true].svelte-moebrj .staff-chord{width:100%}.chord-name[data-staff-mode=single][data-baby=true].svelte-moebrj .staff-chord svg{width:100%!important;max-width:1000px!important;height:auto!important}.chord-name[data-exploding=true].svelte-moebrj .chord-label{animation:.6s forwards svelte-moebrj-chord-explode;display:inline-block}@media (prefers-reduced-motion:reduce){.chord-name[data-exploding=true].svelte-moebrj .chord-label{animation:none}}.inversion-pill[data-any-inv=true].svelte-moebrj{border:1px solid var(--border);color:var(--text);background:radial-gradient(#80808073 1.2px,#0000 1.4px) 0 0/9px 9px}.inversion-pill[data-any-inv=true].svelte-moebrj .hand:where(.svelte-moebrj):not(.hand-spacer){background-color:var(--text)}.rep-pips.svelte-moebrj{justify-content:center;gap:.3rem;margin-bottom:.25rem;display:flex}.pip.svelte-moebrj{border-radius:var(--radius-round);background:var(--text);opacity:.85;width:.5rem;height:.5rem}.pip[data-spent=true].svelte-moebrj{box-shadow:inset 0 0 0 1px var(--text-muted);opacity:.5;background:0 0}.inversion-pill.svelte-moebrj{box-sizing:border-box;background:var(--inv-color);color:#fff;border-radius:var(--radius-label);justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:min(40rem,100%);padding:.5rem 1.5rem;font-weight:600;display:flex}.sv-pill.svelte-moebrj{box-sizing:border-box;background:var(--bg-elevated,#80808026);border:1px solid var(--border,#80808059);width:100%;max-width:min(40rem,100%);color:var(--text-muted,inherit);border-radius:var(--radius-label);font-variant-numeric:tabular-nums;text-align:center;padding:.35rem 1.5rem;font-weight:600}.inversion-text.svelte-moebrj{text-align:center;flex:auto}.chord-queue[data-colorful=on].svelte-moebrj .queue-slot[data-inv="0"]:where(.svelte-moebrj){border-bottom-color:#111}.chord-queue[data-colorful=on].svelte-moebrj .queue-slot[data-inv="1"]:where(.svelte-moebrj){border-bottom-color:#82a905}.chord-queue[data-colorful=on].svelte-moebrj .queue-slot[data-inv="2"]:where(.svelte-moebrj){border-bottom-color:#7952b3}.chord-queue[data-colorful=on].svelte-moebrj .queue-slot[data-inv="3"]:where(.svelte-moebrj){border-bottom-color:#f59e0b}.chord-queue.svelte-moebrj .queue-slot:where(.svelte-moebrj) .slot-label:where(.svelte-moebrj){color:#111}.chord-queue[data-mixed-single-notes=true] .slot-label[data-single-note=true]{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:.08em}.chord-queue[data-question-colors=on] .queue-slot[data-quality="0"],.chord-queue[data-question-colors=on] .queue-slot[data-quality="6"]{background:0 0}.chord-queue[data-question-colors=on] .queue-slot[data-quality="1"],.chord-queue[data-question-colors=on] .queue-slot[data-quality="7"],.chord-queue[data-question-colors=on] .queue-slot[data-quality="13"]{background:#ede7f6}.chord-queue[data-question-colors=on] .queue-slot[data-quality="2"],.chord-queue[data-question-colors=on] .queue-slot[data-quality="9"],.chord-queue[data-question-colors=on] .queue-slot[data-quality="10"]{background:#eae9e9}.chord-queue[data-question-colors=on] .queue-slot[data-quality="3"],.chord-queue[data-question-colors=on] .queue-slot[data-quality="11"],.chord-queue[data-question-colors=on] .queue-slot[data-quality="12"]{background:#fff3e0}.chord-queue[data-question-colors=on] .queue-slot[data-quality="4"]{background:#e1f5fe}.chord-queue[data-question-colors=on] .queue-slot[data-quality="5"]{background:#e0f2f1}.chord-queue[data-question-colors=on] .queue-slot[data-quality="8"]{background:#fff7e0}.chord-queue[data-exploding=true].svelte-moebrj [data-active=true]:where(.svelte-moebrj) .slot-label:where(.svelte-moebrj) .chord-label{animation:.6s forwards svelte-moebrj-chord-explode;display:inline-block}@keyframes svelte-moebrj-chord-explode{0%{letter-spacing:.05em;opacity:1;transform:scale(1)}60%{letter-spacing:.5em;opacity:.4;transform:scale(1.15)}99%{letter-spacing:1.2em;opacity:0;transform:scale(1.3)}to{letter-spacing:normal;opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.chord-queue[data-exploding=true].svelte-moebrj [data-active=true]:where(.svelte-moebrj) .slot-label:where(.svelte-moebrj) .chord-label{animation:none}}.hand.svelte-moebrj{background-color:#fff;flex:none;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hand-left.svelte-moebrj{-webkit-mask-image:url(../../../icons/hand-stop-left.svg);mask-image:url(../../../icons/hand-stop-left.svg)}.hand-right.svelte-moebrj{-webkit-mask-image:url(../../../icons/hand-stop-right.svg);mask-image:url(../../../icons/hand-stop-right.svg)}.hand-spacer.svelte-moebrj{background-color:#0000}.answer-container.svelte-moebrj{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.naming-host.svelte-moebrj{justify-content:center;width:100%;padding:1rem 0;display:flex}.naming-question.svelte-moebrj{justify-content:center;width:100%;padding:.5rem 0;display:flex}.naming-question-label.svelte-moebrj .chord-label{font-size:3rem}.naming-question-staff[data-baby=true].svelte-moebrj{max-width:1000px;margin:0 auto;padding-inline:0}.naming-question-staff[data-baby=true].svelte-moebrj .staff-chord{width:100%}.naming-question-staff[data-baby=true].svelte-moebrj .staff-chord svg{width:100%!important;max-width:1000px!important;height:auto!important}@media (width<=720px){.naming-question-staff.svelte-moebrj{padding-inline:0}.question-container:has(.naming-question-staff){padding-inline:0}.naming-question-staff.svelte-moebrj .staff-chord{width:100%}.naming-question-staff.svelte-moebrj .staff-chord svg{max-width:100%;max-height:var(--staff-h-cap,30vh);width:min(100%, calc(var(--staff-h-cap,30vh) * var(--staff-ar,2.5)))!important;height:auto!important}.naming-question.svelte-moebrj{padding:.15rem 0}}.balls-wrap.svelte-moebrj{justify-content:center;width:100%;max-width:600px;display:flex}.keyboard-wrap.svelte-moebrj{width:100%;max-width:min(40rem,100%);margin:0 auto}.keyboard-wrap[data-balls-hidden=true].svelte-moebrj{margin-top:1.1rem}.naming-question-keyboard.svelte-moebrj{max-width:min(40rem,100%);margin-left:auto;margin-right:auto}.rotated-staff.svelte-moebrj{justify-content:center;align-items:center;min-height:660px;padding:1rem 0;display:flex;overflow:visible}.rotated-staff.svelte-moebrj svg{transform:rotate(var(--rot,90deg)) scale(3);transform-origin:50%;width:auto!important;max-width:none!important;height:auto!important}@media (width<=700px){.rotated-staff.svelte-moebrj{min-height:240px;padding:.25rem 0}.rotated-staff.svelte-moebrj svg{transform:rotate(var(--rot,90deg)) scale(1.5)}}.metronome-row.svelte-moebrj{grid-template-columns:1fr auto 1fr;align-items:center;margin:1.5rem 0 .75rem;display:grid}.metronome-row.svelte-moebrj .tempo-controls:where(.svelte-moebrj){grid-area:1/2}.metronome-row.svelte-moebrj .metronome-toggle:where(.svelte-moebrj){grid-area:1/3;justify-self:start;margin-left:.6rem}.metronome-row[data-running=false].svelte-moebrj .metronome-toggle:where(.svelte-moebrj){grid-column:2;justify-self:center;margin-left:0}.metronome-toggle.svelte-moebrj{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated,var(--bg));width:2.4rem;height:2.4rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:background .1s,border-color .1s,color .1s;display:inline-flex}.metronome-toggle.svelte-moebrj:hover{border-color:var(--accent)}.tempo-controls.svelte-moebrj{align-items:center;gap:.4rem;display:inline-flex}.tempo-controls.svelte-moebrj .tempo-change:where(.svelte-moebrj){visibility:hidden}.metronome-row.svelte-moebrj:hover .tempo-controls:where(.svelte-moebrj) .tempo-change:where(.svelte-moebrj),.tempo-controls.svelte-moebrj:focus-within .tempo-change:where(.svelte-moebrj){visibility:visible}.tempo-change.svelte-moebrj{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);width:2rem;height:2rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:background .1s,border-color .1s;display:inline-flex}.tempo-change.svelte-moebrj:hover{border-color:var(--accent)}.bpm.svelte-moebrj{appearance:textfield;width:3.2em;font:inherit;text-align:center;color:inherit;border-radius:var(--radius-md);cursor:ns-resize;touch-action:none;background:0 0;border:1px solid #0000;padding:.1em .25em;font-size:2rem;font-weight:700;transition:border-color .12s,background .24s ease-out}.bpm.svelte-moebrj::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm.svelte-moebrj::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm.svelte-moebrj:hover{border-color:var(--border)}.bpm.svelte-moebrj:focus{border-color:var(--accent);background:var(--bg-elevated,var(--bg));cursor:text;outline:none}.bpm.flash.svelte-moebrj{background:radial-gradient(circle,#7952b340 0%,#7952b326 40%,#7952b30d 90%,#0000 100%);transition:background}.pro-footer.svelte-moebrj{color:var(--text-muted);font-weight:700}