.chord-diagram{width:100%;max-width:190px;height:auto;margin:0 auto;display:block;overflow:visible}.chord-diagram-fret{stroke:color-mix(in srgb, var(--ink) 40%, transparent);stroke-width:1.5px}.chord-diagram-nut{stroke:var(--ink);stroke-width:5px;stroke-linecap:round}.chord-diagram-string{stroke:color-mix(in srgb, var(--ink) 70%, transparent);stroke-width:1.4px}.chord-diagram-dot,.chord-diagram-barre{fill:var(--ink)}.chord-diagram-dot.is-root{fill:var(--ed-accent,var(--pink))}.chord-diagram-finger{fill:var(--paper);font-size:11px;font-weight:800}.chord-diagram-open{fill:none;stroke:var(--ink);stroke-width:1.6px}.chord-diagram-marker{fill:var(--ink);font-size:16px}.chord-diagram-base{fill:var(--ink-soft);font-size:12px;font-weight:800}.chord-diagram-note{fill:var(--ink-soft);font-size:8.5px;font-weight:600}.piano-keyboard{width:100%;max-width:680px;height:auto;display:block}.piano-white{fill:#fff;stroke:#9a8cab;stroke-width:1px}.piano-black{fill:#1d1528}.piano-white.is-on{fill:color-mix(in srgb, var(--ed-accent,var(--pink)) 38%, #fff)}.piano-black.is-on{fill:color-mix(in srgb, var(--ed-accent,var(--pink)) 70%, #1d1528)}.piano-white.is-root,.piano-black.is-root{fill:var(--ed-accent,var(--pink))}.piano-label{fill:#2a1b3d;font-size:10px;font-weight:800}.piano-label--black{fill:#fff;font-size:7px}.fretboard-wrap{padding-bottom:4px;overflow-x:auto}.fretboard{width:100%;min-width:620px;height:auto;display:block}.fretboard-string{stroke:color-mix(in srgb, var(--ink) 55%, transparent);stroke-width:1.3px}.fretboard-fret{stroke:color-mix(in srgb, var(--ink) 28%, transparent);stroke-width:2px}.fretboard-nut{stroke:var(--ink);stroke-width:5px}.fretboard-inlay{fill:color-mix(in srgb, var(--ink) 12%, transparent)}.fretboard-dot{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.fretboard-dot.is-root{fill:var(--ed-accent,var(--pink));stroke:var(--ed-accent,var(--pink))}.fretboard-dot-label{fill:var(--ink);font-size:8px;font-weight:800}.fretboard-dot.is-root+.fretboard-dot-label{fill:#fff}.fretboard-number,.fretboard-string-label{fill:var(--ink-soft);font-size:11px;font-weight:700}.music-panel{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);border-top:6px solid var(--ed-accent,var(--pink));border-radius:var(--radius-card);background:var(--paper);grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;margin-top:32px;padding:clamp(20px,4vw,36px);display:grid}.music-panel h2{margin:0;font-size:clamp(22px,3vw,28px)}.music-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.music-notes,.prose .music-notes{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.music-notes li{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);border-radius:14px;justify-items:center;min-width:64px;padding:10px 12px;display:grid}.music-notes li.is-root{border-color:var(--ed-accent,var(--pink));background:color-mix(in srgb, var(--ed-accent,var(--pink)) 14%, transparent)}.music-notes strong{font-size:20px;line-height:1.2}.music-notes span{color:var(--ink-soft);font-size:12px}.voicing-grid{grid-template-columns:repeat(auto-fill,minmax(160px,200px));gap:16px;margin:0;padding:0;list-style:none;display:grid}.voicing-grid figure{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);text-align:center;border-radius:16px;gap:8px;margin:0;padding:14px 10px 12px;display:grid}.voicing-grid figcaption{color:var(--ink-soft);font-size:13px;line-height:1.3}.voicing-grid--compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}@media (max-width:560px){.voicing-grid,.voicing-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.music-panel-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.music-panel-split .prose h3:first-child{margin-top:0}@media (max-width:1000px){.music-panel-split{grid-template-columns:minmax(0,1fr)}}.voicing-grid a{color:inherit;text-decoration:none}.voicing-grid a:hover figure,.voicing-grid a:focus-visible figure{border-color:var(--ed-accent,var(--pink))}.voicing-grid a strong{font-size:17px}.play-notes-button{gap:8px}.play-notes-button:disabled{opacity:.7;cursor:progress}.music-chip-groups{gap:18px;display:grid}.music-chip-groups h3{margin:0 0 8px;font-size:16px}.fifths-tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}.fifths-wheel{width:100%;max-width:460px;height:auto;margin:0 auto;display:block}.fifths-wheel button{cursor:pointer}.fifths-segment{fill:var(--paper);stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:1.2px;transition:fill .15s}.fifths-segment.is-minor{fill:color-mix(in srgb, var(--ink) 6%, var(--paper))}.fifths-segment.is-neighbour{fill:color-mix(in srgb, var(--ed-accent,var(--pink)) 22%, var(--paper))}.fifths-segment.is-selected{fill:var(--ed-accent,var(--pink))}.fifths-key:hover .fifths-segment:not(.is-selected),.fifths-key:focus-visible .fifths-segment:not(.is-selected){fill:color-mix(in srgb, var(--ed-accent,var(--pink)) 35%, var(--paper))}.fifths-key{outline:none}.fifths-key:focus-visible .fifths-segment{stroke:var(--ink);stroke-width:3px}.fifths-label{fill:var(--ink);pointer-events:none;font-size:15px;font-weight:800}.fifths-label.is-minor{font-size:12px;font-weight:700}.fifths-label.is-selected,.fifths-signature.is-selected{fill:#fff}.fifths-signature{fill:var(--ink-soft);pointer-events:none;font-size:10px;font-weight:700}.fifths-center{fill:var(--ink);font-size:13px;font-weight:700}.fifths-details{gap:16px;display:grid}.fifths-details h2{margin:0;font-size:clamp(26px,3.4vw,34px)}.fifths-details dl{grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0;display:grid}.fifths-details dt{color:var(--ink-soft);font-weight:600}.fifths-details dd{margin:0;font-weight:700}.fifths-chords,.prose .fifths-chords{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.fifths-chords a,.fifths-chords span{border-bottom:2px solid color-mix(in srgb, var(--ink) 16%, transparent);min-width:58px;color:var(--ink);justify-items:center;padding:8px 10px;text-decoration:none;display:grid}.fifths-chords a:hover,.fifths-chords a:focus-visible{border-color:var(--ed-accent,var(--pink));text-underline-offset:4px;text-decoration:underline}.fifths-chords small{color:var(--ink-soft);font-size:11px}@media (max-width:860px){.fifths-tool{grid-template-columns:minmax(0,1fr)}}
.MusicIndexTable-module__89kKEq__index{min-width:0}.MusicIndexTable-module__89kKEq__scrollHint{color:var(--ink-soft);margin:0 0 12px;font-size:14px;line-height:1.4;display:none}.MusicIndexTable-module__89kKEq__scroll{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);overscroll-behavior-x:contain;scrollbar-color:var(--ink-soft) var(--paper);scrollbar-width:thin;border-radius:12px;max-width:100%;overflow-x:auto}.MusicIndexTable-module__89kKEq__scroll:focus-visible{outline:3px solid var(--ed-accent);outline-offset:4px}.MusicIndexTable-module__89kKEq__table{border-collapse:separate;border-spacing:0;width:100%;min-width:1060px;color:var(--ink);text-align:left;font-size:15px;line-height:1.4}.MusicIndexTable-module__89kKEq__table th,.MusicIndexTable-module__89kKEq__table td{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent);text-align:left;vertical-align:middle}.MusicIndexTable-module__89kKEq__table thead th{background:color-mix(in srgb, var(--ed-accent) 9%, var(--paper));padding:16px 12px;font-size:13px;font-weight:700}.MusicIndexTable-module__89kKEq__table tbody th{white-space:nowrap;min-width:116px;padding:14px 16px;font-weight:700}.MusicIndexTable-module__89kKEq__table th:first-child{z-index:1;border-right:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--paper);position:sticky;left:0}.MusicIndexTable-module__89kKEq__table thead th:first-child{background:color-mix(in srgb, var(--ed-accent) 9%, var(--paper))}.MusicIndexTable-module__89kKEq__table td a{min-height:48px;color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 30%, transparent);text-underline-offset:4px;align-items:center;padding:12px;font-weight:600;display:flex}.MusicIndexTable-module__89kKEq__table tbody tr:hover td,.MusicIndexTable-module__89kKEq__table tbody tr:hover th,.MusicIndexTable-module__89kKEq__table td a:hover{background:color-mix(in srgb, var(--ed-accent) 6%, var(--paper))}.MusicIndexTable-module__89kKEq__table td a:focus-visible{outline:2px solid var(--ed-accent);outline-offset:-3px;background:color-mix(in srgb, var(--ed-accent) 10%, var(--paper))}.MusicIndexTable-module__89kKEq__table tbody tr:last-child td,.MusicIndexTable-module__89kKEq__table tbody tr:last-child th{border-bottom:0}@media (max-width:1199px){.MusicIndexTable-module__89kKEq__scrollHint{display:block}}
.SheetMusicScore-module__YBwwDa__score{gap:14px;width:min(100%,860px);margin:24px auto 0;display:grid}.SheetMusicScore-module__YBwwDa__paper{box-shadow:0 1px 0 #2a1b3d14, var(--shadow-panel);color:#000;background:#fff;border-radius:14px;padding:clamp(10px,3vw,28px) clamp(6px,2.5vw,28px)}.SheetMusicScore-module__YBwwDa__paper img{width:100%;height:auto;display:block}.SheetMusicScore-module__YBwwDa__inline svg{width:100%;height:auto;display:block}:is(.SheetMusicScore-module__YBwwDa__inline g.note.SheetMusicScore-module__YBwwDa__lit,.SheetMusicScore-module__YBwwDa__inline g.note.SheetMusicScore-module__YBwwDa__lit *){fill:var(--pink);stroke:var(--pink)}.SheetMusicScore-module__YBwwDa__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.SheetMusicScore-module__YBwwDa__chip{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:var(--radius-pill);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;font:inherit;transition:var(--button-hover-transition);justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.SheetMusicScore-module__YBwwDa__chip[data-primary],.SheetMusicScore-module__YBwwDa__chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.SheetMusicScore-module__YBwwDa__chip:disabled{opacity:.55;cursor:default}.SheetMusicScore-module__YBwwDa__chip:focus-visible{outline:3px solid var(--pink);outline-offset:2px}@media (hover:hover){.SheetMusicScore-module__YBwwDa__chip:not([data-primary]):not([aria-pressed=true]):not(:disabled):hover{background:color-mix(in srgb, var(--ink) 7%, var(--paper))}}@media (max-width:639px){.SheetMusicScore-module__YBwwDa__paper{border-radius:10px;margin-inline:-12px}.SheetMusicScore-module__YBwwDa__chip{padding:8px 12px}}[data-theme=dark] .SheetMusicScore-module__YBwwDa__paper{box-shadow:0 0 0 1px #ffffff17}:root[data-lite] .SheetMusicScore-module__YBwwDa__paper{box-shadow:none}
.VirtualDrums-module__6V9rOW__drums{--vd-rim:var(--pink);--vd-flash:var(--yellow);gap:16px;width:min(100%,780px);margin:28px auto 0;display:grid}.VirtualDrums-module__6V9rOW__kit{box-shadow:var(--shadow-panel);background:linear-gradient(#2d213b,#19111f);border-radius:22px;grid-template-rows:repeat(3,128px);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"crash tom1 tom2 ride""openhat snare kick tom3""hihat snare kick tom3";gap:10px;padding:16px;display:grid}.VirtualDrums-module__6V9rOW__pad{min-width:0;min-height:0;color:inherit;cursor:pointer;font:inherit;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;container-type:size}.VirtualDrums-module__6V9rOW__pad[data-pad=crash]{grid-area:crash}.VirtualDrums-module__6V9rOW__pad[data-pad=tom1]{grid-area:tom1}.VirtualDrums-module__6V9rOW__pad[data-pad=tom2]{grid-area:tom2}.VirtualDrums-module__6V9rOW__pad[data-pad=ride]{grid-area:ride}.VirtualDrums-module__6V9rOW__pad[data-pad=openhat]{grid-area:openhat}.VirtualDrums-module__6V9rOW__pad[data-pad=hihat]{grid-area:hihat}.VirtualDrums-module__6V9rOW__pad[data-pad=snare]{grid-area:snare}.VirtualDrums-module__6V9rOW__pad[data-pad=kick]{grid-area:kick}.VirtualDrums-module__6V9rOW__pad[data-pad=tom3]{grid-area:tom3}.VirtualDrums-module__6V9rOW__head{aspect-ratio:1;border:7px solid var(--vd-rim);color:#2a1b3d;background:radial-gradient(circle at 50% 42%,#fffdf8,#ebe3d8 72%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(96cqw,96cqh);display:flex;position:relative;box-shadow:0 6px 14px #00000061,inset 0 0 0 2px #ffffff80}.VirtualDrums-module__6V9rOW__pad[data-pad=snare] .VirtualDrums-module__6V9rOW__head{border-color:#cfc8d6}.VirtualDrums-module__6V9rOW__pad[data-pad=kick] .VirtualDrums-module__6V9rOW__head{border-width:9px}.VirtualDrums-module__6V9rOW__pad[data-cymbal] .VirtualDrums-module__6V9rOW__head{color:#2b1a05;background:repeating-radial-gradient(circle,#ffffff1a 0 2px,#0000 2px 6px),radial-gradient(circle at 45% 40%,#f0c766,#c48a2c 62%,#9c6a1c);border:0}.VirtualDrums-module__6V9rOW__pad[data-pad=hihat] .VirtualDrums-module__6V9rOW__head,.VirtualDrums-module__6V9rOW__pad[data-pad=openhat] .VirtualDrums-module__6V9rOW__head{width:min(86cqw,86cqh)}.VirtualDrums-module__6V9rOW__glow{background:radial-gradient(circle, color-mix(in srgb, var(--vd-flash) 90%, transparent) 30%, transparent 72%);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-8px}.VirtualDrums-module__6V9rOW__label,.VirtualDrums-module__6V9rOW__key{pointer-events:none;position:relative}.VirtualDrums-module__6V9rOW__label{text-align:center;max-width:84%;font-size:15px;font-weight:800;line-height:1.15}.VirtualDrums-module__6V9rOW__key{opacity:.7;text-align:center;border:1px solid;border-radius:5px;min-width:2em;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:700;display:none}.VirtualDrums-module__6V9rOW__drums[data-letters] .VirtualDrums-module__6V9rOW__key{display:block}@media (pointer:fine){.VirtualDrums-module__6V9rOW__key{display:block}}.VirtualDrums-module__6V9rOW__pad:focus-visible{outline:none}.VirtualDrums-module__6V9rOW__pad:focus-visible .VirtualDrums-module__6V9rOW__head{outline:3px solid var(--vd-flash);outline-offset:3px}@media (hover:hover){.VirtualDrums-module__6V9rOW__pad:hover .VirtualDrums-module__6V9rOW__head{filter:brightness(1.04)}}.VirtualDrums-module__6V9rOW__grooves{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.VirtualDrums-module__6V9rOW__groovesLabel{color:var(--ink);margin-right:4px;font-weight:800}.VirtualDrums-module__6V9rOW__chip{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:var(--radius-pill);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;font:inherit;transition:var(--button-hover-transition);align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.VirtualDrums-module__6V9rOW__chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.VirtualDrums-module__6V9rOW__chip:focus-visible{outline:3px solid var(--vd-rim);outline-offset:2px}@media (hover:hover){.VirtualDrums-module__6V9rOW__chip:not([aria-pressed=true]):hover{background:color-mix(in srgb, var(--ink) 7%, var(--paper))}}@media (max-width:639px){.VirtualDrums-module__6V9rOW__kit{border-radius:0;grid-template-rows:repeat(3,112px);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"crash tom1 ride""openhat tom2 tom3""hihat snare kick";gap:8px;margin-inline:-20px;padding:12px 10px}.VirtualDrums-module__6V9rOW__head{border-width:6px;gap:4px}.VirtualDrums-module__6V9rOW__label{font-size:12px}.VirtualDrums-module__6V9rOW__key{font-size:11px}}:root[data-lite] .VirtualDrums-module__6V9rOW__kit{box-shadow:none;background:#22182d}:root[data-lite] .VirtualDrums-module__6V9rOW__head{box-shadow:none;background:#f6f1ea}:root[data-lite] .VirtualDrums-module__6V9rOW__pad[data-cymbal] .VirtualDrums-module__6V9rOW__head{background:#d9a441}@media (max-width:1279px){body:has(.VirtualDrums-module__6V9rOW__drums[data-instrument-in-view]) .float-actions{opacity:0;visibility:hidden;pointer-events:none}}[data-theme=dark] .VirtualDrums-module__6V9rOW__kit{box-shadow:0 0 0 1px #ffffff17}
.VirtualPiano-module__Gvnfnq__piano{--vp-accent:var(--pink);--vp-next:var(--yellow);--vp-ivory:#fffdf9;--vp-ivory-shade:#e6ded5;--vp-ebony:#1b1326;gap:14px;width:min(100%,1120px);margin:28px auto 0;display:grid}.VirtualPiano-module__Gvnfnq__bar,.VirtualPiano-module__Gvnfnq__songs,.VirtualPiano-module__Gvnfnq__songActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.VirtualPiano-module__Gvnfnq__songs,.VirtualPiano-module__Gvnfnq__songActions{gap:8px}.VirtualPiano-module__Gvnfnq__octave{align-items:center;gap:8px;display:inline-flex}.VirtualPiano-module__Gvnfnq__range{min-width:7.5em;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;font-size:15px;font-weight:800}.VirtualPiano-module__Gvnfnq__rangeNarrow{display:none}.VirtualPiano-module__Gvnfnq__segmented{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:var(--radius-field);display:inline-flex;overflow:hidden}.VirtualPiano-module__Gvnfnq__segmented button,.VirtualPiano-module__Gvnfnq__chip{background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;font:inherit;transition:var(--button-hover-transition);border:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.VirtualPiano-module__Gvnfnq__segmented button+button{border-left:1px solid color-mix(in srgb, var(--ink) 25%, transparent)}.VirtualPiano-module__Gvnfnq__chip{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:var(--radius-pill)}.VirtualPiano-module__Gvnfnq__segmented button[aria-pressed=true],.VirtualPiano-module__Gvnfnq__chip[aria-pressed=true],.VirtualPiano-module__Gvnfnq__chip[data-active]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.VirtualPiano-module__Gvnfnq__segmented button:focus-visible,.VirtualPiano-module__Gvnfnq__chip:focus-visible{outline:3px solid var(--vp-accent);outline-offset:2px}@media (hover:hover){.VirtualPiano-module__Gvnfnq__segmented button[aria-pressed=false]:hover,.VirtualPiano-module__Gvnfnq__chip:not([aria-pressed=true]):not([data-active]):hover{background:color-mix(in srgb, var(--ink) 7%, var(--paper))}}.VirtualPiano-module__Gvnfnq__songsLabel{color:var(--ink);margin-right:4px;font-weight:800}.VirtualPiano-module__Gvnfnq__status{text-align:center;place-content:center;gap:2px;min-height:74px;margin:0;display:grid}.VirtualPiano-module__Gvnfnq__status strong{color:var(--ink);font-size:clamp(18px,2.4vw,24px);line-height:1.25}.VirtualPiano-module__Gvnfnq__status span{min-height:1.3em;color:var(--ink-soft);font-size:15px;font-weight:700}.VirtualPiano-module__Gvnfnq__case{box-shadow:var(--shadow-panel);background:linear-gradient(#2d213b,#19111f);border-radius:18px;padding:16px 12px 12px;position:relative}.VirtualPiano-module__Gvnfnq__case:before{content:"";background:var(--vp-accent);border-radius:2px;height:4px;position:absolute;top:9px;left:12px;right:12px}.VirtualPiano-module__Gvnfnq__keys{z-index:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;height:clamp(150px,46svh,240px);display:flex;position:relative}.VirtualPiano-module__Gvnfnq__white,.VirtualPiano-module__Gvnfnq__black{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.VirtualPiano-module__Gvnfnq__white{background:linear-gradient(#f3eee8, var(--vp-ivory) 18%, var(--vp-ivory) 82%, #f1ebe4);min-width:0;box-shadow:inset 0 -8px 0 var(--vp-ivory-shade);border-radius:0 0 7px 7px;flex:1 1 0;gap:8px;margin:0 1px;padding-bottom:14px;position:relative}.VirtualPiano-module__Gvnfnq__black{z-index:2;background:linear-gradient(#45365a, var(--vp-ebony) 80%);border-radius:0 0 5px 5px;gap:6px;width:58%;height:62%;padding-bottom:10px;position:absolute;top:0;right:-31%;box-shadow:inset 0 -6px #0c0712,0 3px 4px #00000059}.VirtualPiano-module__Gvnfnq__white[data-down]{background:color-mix(in srgb, var(--vp-accent) 34%, var(--vp-ivory));box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--vp-accent) 45%, var(--vp-ivory-shade))}.VirtualPiano-module__Gvnfnq__black[data-down]{background:color-mix(in srgb, var(--vp-accent) 72%, var(--vp-ebony));box-shadow:inset 0 -2px #0c0712,0 1px 2px #00000059}.VirtualPiano-module__Gvnfnq__white[data-next]:before,.VirtualPiano-module__Gvnfnq__black[data-next]:before{content:"";border-radius:inherit;background:var(--vp-next);opacity:.75;pointer-events:none;animation:.9s ease-in-out infinite alternate VirtualPiano-module__Gvnfnq__vp-glow;position:absolute;inset:0}.VirtualPiano-module__Gvnfnq__white[data-next][data-down]:before,.VirtualPiano-module__Gvnfnq__black[data-next][data-down]:before{opacity:0;animation:none}@keyframes VirtualPiano-module__Gvnfnq__vp-glow{0%{opacity:.85}to{opacity:.4}}.VirtualPiano-module__Gvnfnq__name,.VirtualPiano-module__Gvnfnq__letter{pointer-events:none;text-align:center;line-height:1.1;position:relative}.VirtualPiano-module__Gvnfnq__name{color:#5c4a6e;font-size:13px;font-weight:800}.VirtualPiano-module__Gvnfnq__black .VirtualPiano-module__Gvnfnq__name{color:#e9e1f3;white-space:nowrap;font-size:11px;font-weight:700;display:none}@media (min-width:1000px){.VirtualPiano-module__Gvnfnq__black .VirtualPiano-module__Gvnfnq__name{display:block}}.VirtualPiano-module__Gvnfnq__black[data-next] .VirtualPiano-module__Gvnfnq__name{color:var(--vp-ebony)}.VirtualPiano-module__Gvnfnq__letter{color:#7c6b8e;border:1px solid #d6cdc3;border-radius:4px;min-width:1.9em;padding:2px 4px;font-size:11px;font-weight:700;display:none}.VirtualPiano-module__Gvnfnq__black .VirtualPiano-module__Gvnfnq__letter{color:#d7cce4;border-color:#ffffff47}.VirtualPiano-module__Gvnfnq__piano[data-letters] .VirtualPiano-module__Gvnfnq__letter{display:block}@media (pointer:fine){.VirtualPiano-module__Gvnfnq__letter{display:block}}.VirtualPiano-module__Gvnfnq__rotate{color:var(--ink-soft);text-align:center;margin:0;font-size:13px;display:none}@media (max-width:639px){.VirtualPiano-module__Gvnfnq__rangeWide{display:none}.VirtualPiano-module__Gvnfnq__rangeNarrow{display:inline}.VirtualPiano-module__Gvnfnq__white[data-extra]{display:none}.VirtualPiano-module__Gvnfnq__case{border-radius:0;margin-inline:-20px;padding:14px 3px 6px}.VirtualPiano-module__Gvnfnq__case:before{top:7px;left:3px;right:3px}.VirtualPiano-module__Gvnfnq__keys{height:212px}.VirtualPiano-module__Gvnfnq__white{border-radius:0 0 5px 5px;gap:6px;margin:0 .5px;padding-bottom:10px}.VirtualPiano-module__Gvnfnq__name{font-size:11px}.VirtualPiano-module__Gvnfnq__letter{min-width:0;padding:1px 2px;font-size:10px}.VirtualPiano-module__Gvnfnq__bar{gap:10px}.VirtualPiano-module__Gvnfnq__segmented button,.VirtualPiano-module__Gvnfnq__chip{padding:8px 12px}}@media (max-width:1279px){body:has(.VirtualPiano-module__Gvnfnq__piano[data-instrument-in-view]) .float-actions{opacity:0;visibility:hidden;pointer-events:none}}@media (max-width:639px) and (orientation:portrait){.VirtualPiano-module__Gvnfnq__rotate{display:block}}@media (prefers-reduced-motion:reduce){.VirtualPiano-module__Gvnfnq__white[data-next]:before,.VirtualPiano-module__Gvnfnq__black[data-next]:before{opacity:.7;animation:none}}:root[data-lite] .VirtualPiano-module__Gvnfnq__case{box-shadow:none;background:#22182d}:root[data-lite] .VirtualPiano-module__Gvnfnq__white{background:var(--vp-ivory)}:root[data-lite] .VirtualPiano-module__Gvnfnq__black{background:var(--vp-ebony);box-shadow:none}:root[data-lite] .VirtualPiano-module__Gvnfnq__white[data-down]{background:color-mix(in srgb, var(--vp-accent) 34%, var(--vp-ivory))}:root[data-lite] .VirtualPiano-module__Gvnfnq__black[data-down]{background:color-mix(in srgb, var(--vp-accent) 72%, var(--vp-ebony))}[data-theme=dark] .VirtualPiano-module__Gvnfnq__case{box-shadow:0 0 0 1px #ffffff17}
.VirtualXylophone-module__Cb8Y1q__xylophone{--xy-cols:15;--xy-next:#fff;--xy-sharp:#3a2f4c;gap:14px;width:min(100%,1120px);margin:28px auto 0;display:grid}.VirtualXylophone-module__Cb8Y1q__bar,.VirtualXylophone-module__Cb8Y1q__songs,.VirtualXylophone-module__Cb8Y1q__songActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.VirtualXylophone-module__Cb8Y1q__songs,.VirtualXylophone-module__Cb8Y1q__songActions{gap:8px}.VirtualXylophone-module__Cb8Y1q__segmented{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:var(--radius-field);display:inline-flex;overflow:hidden}.VirtualXylophone-module__Cb8Y1q__segmented button,.VirtualXylophone-module__Cb8Y1q__chip{background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;font:inherit;transition:var(--button-hover-transition);border:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.VirtualXylophone-module__Cb8Y1q__segmented button+button{border-left:1px solid color-mix(in srgb, var(--ink) 25%, transparent)}.VirtualXylophone-module__Cb8Y1q__chip{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:var(--radius-pill)}.VirtualXylophone-module__Cb8Y1q__segmented button[aria-pressed=true],.VirtualXylophone-module__Cb8Y1q__chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.VirtualXylophone-module__Cb8Y1q__segmented button:focus-visible,.VirtualXylophone-module__Cb8Y1q__chip:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (hover:hover){.VirtualXylophone-module__Cb8Y1q__segmented button[aria-pressed=false]:hover,.VirtualXylophone-module__Cb8Y1q__chip:not([aria-pressed=true]):hover{background:color-mix(in srgb, var(--ink) 7%, var(--paper))}}.VirtualXylophone-module__Cb8Y1q__songsLabel{color:var(--ink);margin-right:4px;font-weight:800}.VirtualXylophone-module__Cb8Y1q__status{text-align:center;place-content:center;gap:2px;min-height:74px;margin:0;display:grid}.VirtualXylophone-module__Cb8Y1q__status strong{color:var(--ink);font-size:clamp(18px,2.4vw,24px);line-height:1.25}.VirtualXylophone-module__Cb8Y1q__status span{min-height:1.3em;color:var(--ink-soft);font-size:15px;font-weight:700}.VirtualXylophone-module__Cb8Y1q__frame{box-shadow:var(--shadow-panel);background:linear-gradient(#2d213b,#19111f);border-radius:18px;padding:14px 12px}.VirtualXylophone-module__Cb8Y1q__rows{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;grid-template-rows:34% 66%;height:clamp(240px,50svh,340px);display:grid}.VirtualXylophone-module__Cb8Y1q__back{position:relative}.VirtualXylophone-module__Cb8Y1q__front{align-items:center;padding-top:6px;display:flex}.VirtualXylophone-module__Cb8Y1q__natural,.VirtualXylophone-module__Cb8Y1q__sharp{border-radius:6px;flex-direction:column;justify-content:space-between;align-items:center;transition:transform 70ms ease-out,filter 70ms ease-out,box-shadow 70ms ease-out;display:flex;position:relative}.VirtualXylophone-module__Cb8Y1q__natural{min-width:0;height:calc(100% - var(--i) * (34% / (var(--xy-cols) - 1)));background:linear-gradient(90deg, color-mix(in srgb, var(--bar) 78%, #fff), var(--bar) 38%, color-mix(in srgb, var(--bar) 82%, #000));flex:1 1 0;margin:0 2px;padding:26px 0 30px;box-shadow:inset 0 0 0 1px #00000024,0 4px #00000061}.VirtualXylophone-module__Cb8Y1q__sharp{top:50%;left:calc((var(--i) + 1) / var(--xy-cols) * 100%);width:calc(100% / var(--xy-cols) * .7);height:calc(94% - var(--i) * (30% / (var(--xy-cols) - 1)));background:linear-gradient(90deg, #5a4c70, var(--xy-sharp) 40%, #231b30);padding:20px 0 22px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1a,0 4px #00000073}.VirtualXylophone-module__Cb8Y1q__natural:before,.VirtualXylophone-module__Cb8Y1q__natural:after,.VirtualXylophone-module__Cb8Y1q__sharp:before,.VirtualXylophone-module__Cb8Y1q__sharp:after{content:"";pointer-events:none;background:radial-gradient(circle at 35% 35%,#f4efe8,#9b9184 70%);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;left:50%;box-shadow:0 1px 1px #0006}.VirtualXylophone-module__Cb8Y1q__natural:before,.VirtualXylophone-module__Cb8Y1q__sharp:before{top:7%}.VirtualXylophone-module__Cb8Y1q__natural:after,.VirtualXylophone-module__Cb8Y1q__sharp:after{bottom:7%}.VirtualXylophone-module__Cb8Y1q__natural[data-down]{filter:brightness(1.18);transform:translateY(2px);box-shadow:inset 0 0 0 1px #00000024,0 1px #00000061}.VirtualXylophone-module__Cb8Y1q__sharp[data-down]{filter:brightness(1.6);transform:translate(-50%,calc(2px - 50%));box-shadow:inset 0 0 0 1px #ffffff1a,0 1px #00000073}.VirtualXylophone-module__Cb8Y1q__natural[data-next],.VirtualXylophone-module__Cb8Y1q__sharp[data-next]{outline:4px solid var(--xy-next);outline-offset:3px;animation:.9s ease-in-out infinite alternate VirtualXylophone-module__Cb8Y1q__xy-ring}.VirtualXylophone-module__Cb8Y1q__natural[data-next][data-down],.VirtualXylophone-module__Cb8Y1q__sharp[data-next][data-down]{animation:none}@keyframes VirtualXylophone-module__Cb8Y1q__xy-ring{0%{outline-color:#fffffff2}to{outline-color:#ffffff4d}}.VirtualXylophone-module__Cb8Y1q__name,.VirtualXylophone-module__Cb8Y1q__letter{pointer-events:none;text-align:center;white-space:nowrap;line-height:1.1;position:relative}.VirtualXylophone-module__Cb8Y1q__name{border-radius:var(--radius-pill);color:#2a1b3d;background:#ffffffe6;padding:3px 6px;font-size:13px;font-weight:800}.VirtualXylophone-module__Cb8Y1q__sharp .VirtualXylophone-module__Cb8Y1q__name{color:#ece4f6;background:0 0;padding:0;font-size:11px;font-weight:700}.VirtualXylophone-module__Cb8Y1q__letter{visibility:hidden;color:#fff;text-shadow:0 1px 1px #00000073;border:1px solid #ffffff8c;border-radius:4px;min-width:1.7em;padding:1px 3px;font-size:11px;font-weight:700}.VirtualXylophone-module__Cb8Y1q__sharp .VirtualXylophone-module__Cb8Y1q__letter{color:#d7cce4;border-color:#ffffff4d}.VirtualXylophone-module__Cb8Y1q__xylophone[data-letters] .VirtualXylophone-module__Cb8Y1q__letter{visibility:visible}@media (pointer:fine){.VirtualXylophone-module__Cb8Y1q__letter{visibility:visible}}.VirtualXylophone-module__Cb8Y1q__strip{scrollbar-width:thin;gap:4px;margin:0;padding:4px 4px 8px;list-style:none;display:flex;overflow-x:auto}.VirtualXylophone-module__Cb8Y1q__strip li{min-width:40px;color:var(--ink);flex:none;justify-items:center;gap:4px;font-size:13px;font-weight:800;transition:opacity .12s ease-out;display:grid}.VirtualXylophone-module__Cb8Y1q__strip li:before{content:"";background:var(--bar);border-radius:50%;width:26px;height:26px;transition:transform .12s ease-out;box-shadow:inset 0 0 0 1px #00000026}.VirtualXylophone-module__Cb8Y1q__strip li[data-sharp]:before{background:var(--xy-sharp)}.VirtualXylophone-module__Cb8Y1q__strip li[data-done]{opacity:.35}.VirtualXylophone-module__Cb8Y1q__strip li[data-current]:before{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink);transform:scale(1.25)}@media (min-width:640px){.VirtualXylophone-module__Cb8Y1q__strip{flex-wrap:wrap;justify-content:center;overflow:visible}}@media (max-width:639px){.VirtualXylophone-module__Cb8Y1q__xylophone{--xy-cols:10}.VirtualXylophone-module__Cb8Y1q__natural[data-extra],.VirtualXylophone-module__Cb8Y1q__sharp[data-extra]{display:none}.VirtualXylophone-module__Cb8Y1q__frame{border-radius:0;margin-inline:-20px;padding:12px 4px}.VirtualXylophone-module__Cb8Y1q__rows{height:300px}.VirtualXylophone-module__Cb8Y1q__natural{border-radius:5px;margin:0 1.5px}.VirtualXylophone-module__Cb8Y1q__name{padding:2px 4px;font-size:11px}.VirtualXylophone-module__Cb8Y1q__sharp .VirtualXylophone-module__Cb8Y1q__name{display:none}.VirtualXylophone-module__Cb8Y1q__letter{min-width:0;font-size:10px}.VirtualXylophone-module__Cb8Y1q__bar{gap:10px}.VirtualXylophone-module__Cb8Y1q__segmented button,.VirtualXylophone-module__Cb8Y1q__chip{padding:8px 12px}}@media (max-width:1279px){body:has(.VirtualXylophone-module__Cb8Y1q__xylophone[data-instrument-in-view]) .float-actions{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.VirtualXylophone-module__Cb8Y1q__natural[data-next],.VirtualXylophone-module__Cb8Y1q__sharp[data-next]{animation:none}}:root[data-lite] .VirtualXylophone-module__Cb8Y1q__frame{box-shadow:none;background:#22182d}:root[data-lite] .VirtualXylophone-module__Cb8Y1q__natural{background:var(--bar);box-shadow:none}:root[data-lite] .VirtualXylophone-module__Cb8Y1q__sharp{background:var(--xy-sharp);box-shadow:none}[data-theme=dark] .VirtualXylophone-module__Cb8Y1q__frame{box-shadow:0 0 0 1px #ffffff17}