:is(body:has(.score-magnifier),body:has(.score-magnifier) *){cursor:none!important}[data-scroll-area-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-scroll-area-viewport]::-webkit-scrollbar{display:none!important}:where([data-scroll-area-viewport]){flex-direction:column;align-items:stretch;display:flex}:where([data-scroll-area-content]){flex-grow:1}.browser-controls.svelte-t7ylc7{grid-template-rows:1fr;transition:grid-template-rows .16s,opacity .16s,margin .16s;display:grid}.browser-controls.closed.svelte-t7ylc7{opacity:0;pointer-events:none;grid-template-rows:0fr}.search-controls.svelte-t7ylc7{flex-direction:column;gap:1rem;display:flex}.embedded-controls.svelte-t7ylc7{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.embedded-controls.svelte-t7ylc7>.search-methods:where(.svelte-t7ylc7){grid-area:1/2}.embedded-controls.svelte-t7ylc7>.search-input:where(.svelte-t7ylc7){grid-area:1/1}.embedded-controls.svelte-t7ylc7 [data-audio-duration]{display:none}.embedded-controls.svelte-t7ylc7>:not(.search-methods):not(.search-input){grid-column:1/-1}.embedded-browser.svelte-t7ylc7{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;display:grid}.embedded-browser.svelte-t7ylc7:not(.search-open)>.browser-results:where(.svelte-t7ylc7){display:none}.embedded-browser.svelte-t7ylc7>.browser-results:where(.svelte-t7ylc7){margin-bottom:1rem;animation:.16s svelte-t7ylc7-reveal-results}.browser-results.svelte-t7ylc7 .results-scroll{max-height:40dvh}.browser-results.svelte-t7ylc7 [data-slot=scroll-area-viewport]{max-height:inherit;overscroll-behavior-y:contain}section[aria-label=Find\ tunes]:has(>.embedded-browser.search-open)>.browser-controls.svelte-t7ylc7{margin-bottom:1rem}@media (width>=1100px){.embedded-browser.search-open.svelte-t7ylc7{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);gap:1rem}.embedded-browser.svelte-t7ylc7>.browser-results:where(.svelte-t7ylc7){margin-bottom:0}.browser-results.svelte-t7ylc7 .results-scroll{max-height:75dvh}}@keyframes svelte-t7ylc7-reveal-results{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.browser-controls.svelte-t7ylc7{transition:none}.embedded-browser.svelte-t7ylc7>.browser-results:where(.svelte-t7ylc7){animation:none}}.scale-atlas.svelte-6ak93a{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.scale-practice.svelte-6ak93a{overflow-anchor:none;grid-template-columns:minmax(0,1fr) 214px;align-items:start;gap:1rem;display:grid}.scale-sheet.svelte-6ak93a{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;height:22rem;overflow:auto}.scale-card.svelte-6ak93a svg[role=img]{width:140px;max-height:296px}.mobile-scales.svelte-6ak93a{overflow-anchor:none;display:none}@media (width<=959px){.scale-heading.svelte-6ak93a{z-index:20;background:var(--background);position:sticky;top:0}.mobile-scales.svelte-6ak93a{display:block}.desktop-scales.svelte-6ak93a{display:none}.scale-practice.svelte-6ak93a{grid-template-columns:minmax(0,1fr)}.scale-card.svelte-6ak93a svg[role=img]{width:170px;max-height:360px}}.perspective-container.svelte-1mz7ry0{perspective:1000px}@media (width<=399px){.header-actions.svelte-ppxvmx{gap:.25rem}.header-actions.svelte-ppxvmx>button{width:2rem;height:2rem}}.score-layout.svelte-ppxvmx{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width>=1024px) and (hover:hover) and (pointer:fine),(width>=960px) and (height>=600px) and (orientation:landscape){.score-layout.svelte-ppxvmx{grid-template-columns:minmax(0,1fr) auto}}.control-panel.svelte-ppxvmx{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.playback-bar.svelte-ppxvmx{padding-bottom:env(safe-area-inset-bottom,0px)}.playback-bar.svelte-ppxvmx .playback-button{border-radius:50%;width:2.5rem;height:2.5rem;padding:0}.control-label.svelte-ppxvmx{display:none}@media (width<=359px){.playback-bar.svelte-ppxvmx .playback-button{width:2.25rem;height:2.25rem}}@media (width>=1024px) and (hover:hover) and (pointer:fine){.playback-bar.svelte-ppxvmx .playback-button{border-radius:9999px;width:auto;height:2.25rem;padding:0 .75rem}.control-label.svelte-ppxvmx{display:inline}}@media print{.playback-bar.svelte-ppxvmx,.playback-space.svelte-ppxvmx{display:none}}