/*! PianoKitty - Copyright (c) 2026 TAAT Technologie Cyfrowe. All rights reserved. Proprietary, no license granted. Copying, modification, reverse engineering and use as ML training data are prohibited. https://pianokitty.com/LICENSE.txt */
.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}.butterfly.svelte-okbxke{width:var(--bf-size);height:var(--bf-size);position:relative}.art.svelte-okbxke{width:100%;height:100%;filter:drop-shadow(0 5px 5px color-mix(in srgb, var(--text) 28%, transparent));display:block;overflow:visible}.s-deep.svelte-okbxke,.s-mid.svelte-okbxke{stop-color:var(--bf)}.s-tint.svelte-okbxke{stop-color:color-mix(in srgb, var(--bf) 50%, var(--bg-elevated))}.wing.svelte-okbxke{stroke:color-mix(in srgb, var(--bf) 55%, var(--text));stroke-width:2.4px;stroke-linejoin:round}.vein.svelte-okbxke{fill:none;stroke:var(--bg-elevated);stroke-width:2px;stroke-linecap:round;opacity:.4}.spot.svelte-okbxke{fill:var(--bg-elevated);opacity:.9}.body.svelte-okbxke{fill:var(--text)}.antenna.svelte-okbxke{fill:none;stroke:var(--text);stroke-width:2.6px;stroke-linecap:round}.tip.svelte-okbxke{fill:var(--text)}.eye.svelte-okbxke{fill:var(--bg-elevated)}.pupil.svelte-okbxke{fill:var(--text)}.smile.svelte-okbxke{fill:none;stroke:var(--bg-elevated);stroke-width:1.6px;stroke-linecap:round}.badge.svelte-okbxke{box-sizing:border-box;min-width:calc(var(--bf-size) * .31);height:calc(var(--bf-size) * .31);padding-inline:calc(var(--bf-size) * .04);white-space:nowrap;border-radius:var(--radius-round);background:var(--bg-elevated);border:2px solid color-mix(in srgb, var(--bf) 60%, var(--text));color:var(--text);font-size:calc(var(--bf-size) * var(--bf-fs));font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid;position:absolute;top:54%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:no-preference){.wings.svelte-okbxke{transform-origin:100px 100px;animation:svelte-okbxke-flap calc(var(--duration-base) * 1.667) ease-in-out infinite;animation-delay:var(--bf-phase)}}@keyframes svelte-okbxke-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.28)}}.fairy.svelte-kcfwts{z-index:var(--z-dialog);padding:var(--space-4);box-sizing:border-box;color:var(--text);display:flex;position:fixed;inset:0;overflow:auto}.backdrop.svelte-kcfwts{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.backdrop.svelte-kcfwts:after{content:"";background:var(--backdrop);-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));position:absolute;inset:0}.sparkle.svelte-kcfwts{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.wrap.svelte-kcfwts{width:100%;max-width:var(--dialog-width-md);margin:auto;position:relative}.card.svelte-kcfwts{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);box-sizing:border-box;background:color-mix(in srgb, var(--bg-elevated) 85%, transparent);-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;display:flex;position:relative}.unicorn.svelte-kcfwts{width:auto;height:clamp(5.5rem,15vh,9rem);margin-top:calc(var(--space-4) * -1);object-fit:contain;display:block}.title.svelte-kcfwts{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin:0}.disc.svelte-kcfwts{border-radius:var(--radius-round);box-sizing:border-box;border:var(--space-1) solid var(--border-field);background:var(--bg);width:8rem;height:8rem;color:var(--text);place-items:center;display:grid}.disc[data-passed=true].svelte-kcfwts{background:var(--key-highlight);color:var(--goal-text);box-shadow:var(--shadow-md);border-color:#0000}.disc-num.svelte-kcfwts{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:1}.coin.svelte-kcfwts{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.coin.svelte-kcfwts:not([data-state=none]){min-height:4.5rem}.coin.svelte-kcfwts p:where(.svelte-kcfwts){margin:0}.coin-plus.svelte-kcfwts{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.coin-note.svelte-kcfwts{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.coin-total.svelte-kcfwts{font-size:var(--font-size-lg);color:var(--text)}.sr.svelte-kcfwts{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.go.svelte-kcfwts,.suggest.svelte-kcfwts{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.go.svelte-kcfwts{margin-top:var(--space-3)}.card.svelte-kcfwts .fairy-continue{min-height:4rem;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.card.svelte-kcfwts .fairy-suggest{min-height:3.5rem;font-size:var(--font-size-lg);border-color:var(--border-field);background:var(--bg)}.card.svelte-kcfwts .fairy-settings{min-height:var(--control-height-touch)}.art.svelte-kcfwts{--bf-size:2.25rem;width:2.25rem;height:2.25rem;display:inline-flex}.art.svelte-kcfwts img:where(.svelte-kcfwts){object-fit:contain;width:100%;height:100%}.decor.svelte-kcfwts{pointer-events:none;z-index:var(--z-raised);position:absolute;inset:0}.bf.svelte-kcfwts{--bf-size:4rem;position:absolute}.tl.svelte-kcfwts{top:calc(var(--space-6) * -1);left:calc(var(--space-4) * -1)}.tr.svelte-kcfwts{top:calc(var(--space-8) * -1);right:calc(var(--space-2) * -1)}.bl.svelte-kcfwts{bottom:50%;left:calc(var(--space-6) * -1)}.br.svelte-kcfwts{bottom:50%;right:calc(var(--space-5) * -1)}@media (width<=480px){.fairy.svelte-kcfwts{padding:var(--space-3)}.card.svelte-kcfwts{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.title.svelte-kcfwts{font-size:var(--font-size-xl)}.disc.svelte-kcfwts{width:7rem;height:7rem}.coin.svelte-kcfwts:not([data-state=none]){min-height:3.5rem}.coin-plus.svelte-kcfwts{font-size:var(--font-size-2xl)}.bf.svelte-kcfwts{--bf-size:3rem}.tl.svelte-kcfwts{left:calc(var(--space-2) * -1)}.tr.svelte-kcfwts{top:calc(var(--space-2) * -1);right:calc(var(--space-2) * -1)}.bl.svelte-kcfwts,.br.svelte-kcfwts{display:none}}@media (height<=700px){.unicorn.svelte-kcfwts{height:4.5rem}.disc.svelte-kcfwts{width:6rem;height:6rem}}.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,border-color .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.active.wrong.svelte-n5yy72{color:var(--error)}.chord-chart-cell.selected.svelte-n5yy72{border-bottom-color:currentColor}.chord-chart-cell.pulse.svelte-n5yy72{border-bottom-color:var(--accent)}.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-panel.toddler.svelte-gcnkkk{pointer-events:none;padding:0;position:fixed;inset:0}.jumper-panel.toddler.svelte-gcnkkk .jumper-canvas:where(.svelte-gcnkkk){background:0 0;border-bottom:0;width:100%;max-width:none;height:100%}.jumper-canvas.svelte-gcnkkk:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.toddler-chrome.svelte-xsgr4v{z-index:var(--z-overlay);pointer-events:none;position:fixed;inset:0}.dock.svelte-xsgr4v,.start.svelte-xsgr4v{pointer-events:auto;position:absolute}.dock.svelte-xsgr4v{top:var(--space-4);right:var(--space-4);align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md);flex-direction:column;display:flex}@media (width<=720px){.dock.svelte-xsgr4v .tempo-controls,.dock.svelte-xsgr4v .backing-row,.toddler-chrome[data-phone-start=off].svelte-xsgr4v .start:where(.svelte-xsgr4v){display:none}}.start.svelte-xsgr4v{bottom:var(--space-6);left:var(--space-6)}.start.svelte-xsgr4v .btn{min-width:10rem;min-height:4rem;font-size:var(--font-size-2xl);border-radius:var(--radius-lg)}.toddler-loading.svelte-1yrv8ff{z-index:var(--z-dialog);justify-content:center;align-items:center;gap:var(--space-4);background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.character.svelte-1yrv8ff{object-fit:contain;width:10rem;height:10rem}.label.svelte-1yrv8ff{font-size:var(--font-size-2xl);color:var(--text);margin:0}@media (prefers-reduced-motion:no-preference){.character.svelte-1yrv8ff{animation:svelte-1yrv8ff-bounce calc(var(--duration-base) * 4) var(--ease-standard) infinite}}@keyframes svelte-1yrv8ff-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5rem)}}.kids-scene.svelte-1vly5q5{pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.sky.svelte-1vly5q5{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.band.svelte-1vly5q5,.ground.svelte-1vly5q5{background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;position:absolute;left:0;right:0}.far.svelte-1vly5q5{--tile:168vh;height:42%;bottom:40%}.near.svelte-1vly5q5{--tile:96vh;height:24%;bottom:40%}.ground.svelte-1vly5q5{height:40%;bottom:0}@media (prefers-reduced-motion:no-preference){.far.svelte-1vly5q5{animation:svelte-1vly5q5-drift calc(var(--duration-base) * 1200) linear infinite}.near.svelte-1vly5q5{animation:svelte-1vly5q5-drift calc(var(--duration-base) * 600) linear infinite}}@keyframes svelte-1vly5q5-drift{to{background-position-x:calc(var(--tile) * -1)}}.field.svelte-4afaeu{z-index:var(--z-raised);pointer-events:none;position:fixed;inset:0;overflow:hidden}.fly.svelte-4afaeu{width:var(--bf-size);height:var(--bf-size);will-change:translate, rotate;position:absolute;top:0;left:0}.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}.app-stage[data-toddler].svelte-moebrj,.app-stage[data-kids-game].svelte-moebrj{isolation:isolate}.app-stage[data-toddler].svelte-moebrj .metronome-row:where(.svelte-moebrj){grid-template-columns:auto auto auto;margin:0}.app-stage[data-toddler].svelte-moebrj .keyboard-wrap:where(.svelte-moebrj){max-width:min(40rem,109.6vh - 26.03rem)}.app-stage[data-kids-game].svelte-moebrj .metronome-row:where(.svelte-moebrj){grid-template-columns:auto auto auto;margin:0}.app-stage[data-kids-game].svelte-moebrj .keyboard-wrap:where(.svelte-moebrj){max-width:min(40rem,109.6vh - 13.7rem);margin-inline:auto}@media (width<=720px){.app-stage[data-toddler].svelte-moebrj .gamebar-slot-hearts,.app-stage[data-kids-game].svelte-moebrj .gamebar-slot-hearts{display:flex}.app-stage[data-toddler].svelte-moebrj .app-grid[data-toddler] .band-gamebar .gamebar,.app-stage[data-kids-game].svelte-moebrj .app-grid[data-toddler] .band-gamebar .gamebar{zoom:.75}.app-stage[data-toddler].svelte-moebrj .keyboard-wrap:where(.svelte-moebrj),.app-stage[data-kids-game].svelte-moebrj .keyboard-wrap:where(.svelte-moebrj){max-width:none}.app-stage[data-toddler].svelte-moebrj .app-grid[data-toddler] .band-gamebar,.app-stage[data-kids-game].svelte-moebrj .app-grid[data-toddler] .band-gamebar{max-width:calc(100% - var(--kids-dock-clear,7.5rem))}}.kids-loading-butterfly.svelte-moebrj{--bf-size:10rem}@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}.app-bottom-bar.toddler-hidden.svelte-moebrj{display:none}@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-sections.svelte-moebrj .song-section-select{border-radius:var(--radius-sm);background:var(--bg-elevated);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;cursor:pointer;flex:auto;width:auto;min-width:0;max-width:14rem;padding:.2rem .5rem;font-size:.85rem}@media (prefers-color-scheme:dark){.song-sections.svelte-moebrj .song-section-select{--lightningcss-light: ;--lightningcss-dark:initial}}.song-sections.svelte-moebrj .song-section-select option{background:var(--bg-elevated);color:var(--text)}.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}.app-stage[data-toddler] .question-container[data-question-colors=on],.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}.backing-row.svelte-moebrj{justify-content:center;justify-self:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;grid-area:2/1/auto/-1;display:flex}.backing-style.svelte-moebrj{flex:none}@media (width<=720px){.backing-row.svelte-moebrj{max-width:calc(100% - 6rem)}}.backing-status.svelte-moebrj{justify-self:end;align-items:center;gap:var(--space-2);min-height:2.375rem;margin-right:var(--space-4);font-size:var(--font-size-lg);color:var(--text-muted);grid-area:1/1;display:inline-flex}@media (width<=720px){.backing-status.svelte-moebrj{margin:var(--space-2) 0 0;grid-area:3/1/auto/-1;justify-self:center}}.count-num.on.svelte-moebrj{color:var(--accent);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.bar-chip.svelte-moebrj{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-label);font-size:var(--font-size-sm)}.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}