@font-face{font-family:Caveat;src:url(/assets/caveat-ui-600-D8VVwNCL.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/nunito-latin-wght-CjueodBP.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:optional}@font-face{font-family:Nunito;src:url(/assets/nunito-latin-italic-wght-ZB3Aladm.woff2)format("woff2");font-style:italic;font-weight:400 800;font-display:optional}:root{color:#242421;font-synthesis:none;--row-inset:14px;--stack-top-padding:24px;--stack-inline-padding:24px;--stack-player-inset:24px;--stack-search-before:12px;--stack-search-after:0px;--mounted-player-inset:var(--stack-player-inset);--action-size:44px;--shell-bottom-inset:max(8px,env(safe-area-inset-bottom,0px));--row-hover:#f4f4f1;--player-min-height:220px;--search-height:56px;--player-search-gap:12px;--actions-search-gap:var(--section-gap);--section-gap:8px;--floating-max-width:520px;--floating-bottom:14px;--library-end-gap:48px;--floating-score-max-height:max(var(--player-min-height),calc(var(--floating-max-width) * 570 / 1180));--library-end-clearance:calc(var(--floating-score-max-height) + var(--floating-bottom) + var(--library-end-gap));background:#fff;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior-x:none}[hidden]{display:none!important}body{width:100%;min-width:0;margin:0}#app{width:100%;min-width:0}main{width:100%;max-width:1180px;padding:var(--stack-top-padding) var(--stack-inline-padding) var(--library-end-clearance);min-height:calc(100vh + var(--dock-space,700px));flex-direction:column;margin:0 auto;display:flex}.library-content{display:contents}.library-brand{order:0}#player-slot{order:1}#test-panel,#error,#empty{order:3}#catalogue{order:4}#player-slot{width:100%;padding-bottom:calc(var(--action-size) + var(--player-search-gap));margin-bottom:var(--actions-search-gap);flex:none;position:relative}#player-slot:before{content:"";width:calc(100% - var(--mounted-player-inset) - var(--mounted-player-inset));margin-inline:var(--mounted-player-inset);aspect-ratio:1180/570;min-height:var(--player-min-height);display:block}button,select,a{font:inherit;color:inherit}button{cursor:pointer;background:#fff;border:0;padding:0}button,.catalogue,.player-actions,.library-brand,.score-frame,#split-divider,#search-query{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.catalogue button,.catalogue a,#library-home,#library-search button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #78834c}.ui-icon{pointer-events:none;flex-shrink:0;width:24px;height:24px;display:block}.player-box{--transport-bg:#fff;--transport-hover:#c9cbc4;--transport-color:#242421;--transport-disabled-bg:#f1f1ed;--transport-icon-filter:none;gap:var(--player-search-gap);z-index:10;background:0 0;flex-direction:column;display:flex;container:lite/inline-size}.score-frame{width:calc(100% - var(--mounted-player-inset) - var(--mounted-player-inset));aspect-ratio:1180/570;min-height:var(--player-min-height);background:#faf9f7;border:0;border-radius:16px;order:1;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 20px #00000017}.score-frame iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#faf9f7;border:0;width:100%;height:100%;display:block}.player-box[data-mode=floating] .player-actions{width:auto;left:var(--fl-control-inset,12px);right:var(--fl-control-inset,12px);bottom:var(--fl-control-inset,12px);margin:0;padding:0;position:absolute}.player-box[data-mode=floating] .piece-transport{order:1}.player-box[data-mode=floating] .piece-links,.player-box[data-mode=closed] .player-actions{display:none}.player-box[data-mode=floating],.player-box[data-mode=closed]{--player-search-gap:12px;--mounted-player-inset:0px}.player-box[data-mode=floating] .score-frame{min-height:128px;max-height:max(128px,calc(var(--shell-height,100dvh) - var(--floating-bottom) - 8px));border-radius:14px;box-shadow:0 0 24px #00000024}.player-actions{width:calc(100% - var(--mounted-player-inset) - var(--mounted-player-inset));min-height:44px;padding-inline:var(--fl-control-inset,26px);z-index:2;pointer-events:none;order:2;align-items:center;gap:8px;margin-inline:auto;display:flex;position:relative}.player-actions a,.player-actions button{pointer-events:auto}.piece-transport{align-items:center;gap:8px;display:flex}.teach-keyboard{background:currentColor;flex:0 0 22px;width:22px;height:22px;display:block;-webkit-mask:url("data:image/svg+xml,%3c!--%20Exact%20Normal%20Boba%20LoopNote%20keyboard%20icon.%20Source:%20src/player/LoopNotePanel.jsx%20LOOP_NOTE_KEYBOARD_ICON_PATH.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23242421'%3e%3cpath%20d='M20%202H4C2.9%202%202%202.9%202%204V20C2%2021.11%202.9%2022%204%2022H20C21.11%2022%2022%2021.11%2022%2020V4C22%202.9%2021.11%202%2020%202M14.74%2014H15V20H9V14H9.31C9.86%2014%2010.3%2013.56%2010.3%2013V4H13.75V13C13.75%2013.56%2014.19%2014%2014.74%2014M4%204H6.8V13C6.8%2013.56%207.24%2014%207.79%2014H8V20H4V4M20%2020H16V14H16.26C16.81%2014%2017.25%2013.56%2017.25%2013V4H20V20Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3c!--%20Exact%20Normal%20Boba%20LoopNote%20keyboard%20icon.%20Source:%20src/player/LoopNotePanel.jsx%20LOOP_NOTE_KEYBOARD_ICON_PATH.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23242421'%3e%3cpath%20d='M20%202H4C2.9%202%202%202.9%202%204V20C2%2021.11%202.9%2022%204%2022H20C21.11%2022%2022%2021.11%2022%2020V4C22%202.9%2021.11%202%2020%202M14.74%2014H15V20H9V14H9.31C9.86%2014%2010.3%2013.56%2010.3%2013V4H13.75V13C13.75%2013.56%2014.19%2014%2014.74%2014M4%204H6.8V13C6.8%2013.56%207.24%2014%207.79%2014H8V20H4V4M20%2020H16V14H16.26C16.81%2014%2017.25%2013.56%2017.25%2013V4H20V20Z'/%3e%3c/svg%3e") 50%/contain no-repeat}.learn-actions{align-items:center;gap:8px;min-width:0;display:flex}#player-more{background:#fff;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}#player-more .ui-icon{width:22px;height:22px}#player-more:focus-visible{background:#e9e9e3;outline:none}html[data-mouse-hover=true] #player-more:hover{background:var(--transport-hover,#e9e9e3)}.library-brand #player-more{margin-right:auto}.player-box[data-mode=floating] .learn-actions{order:2;margin-left:auto}.player-box[data-mode=floating] #player-more{order:1;flex-basis:var(--fl-floating-size,44px);width:var(--fl-floating-size,44px);height:var(--fl-floating-size,44px)}.player-box[data-mode=floating][data-floating-menu-separated=true] .learn-actions{flex:1;justify-content:space-between;margin-left:0}.piece-links{align-items:center;gap:8px;margin-left:auto;display:flex}#learn{height:var(--fl-control-size,44px);background:var(--transport-bg);color:#586437;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:90px;padding:0 18px;font-family:Caveat,cursive;font-size:28px;font-weight:600;line-height:30px;text-decoration:none;display:inline-flex;box-shadow:0 0 12px #58643724}.player-box[data-mode=floating] #learn{height:var(--fl-floating-size,44px);min-width:0;font-size:var(--fl-floating-font,24px);padding-inline:var(--fl-floating-padding,18px);gap:var(--fl-floating-gap,8px);order:2;margin-left:auto;line-height:1.167}.player-box[data-mode=floating][data-floating-compact=true] .piece-transport{display:none}#learn[aria-disabled=true]{color:#96968e;background:var(--transport-disabled-bg);pointer-events:none}.player-actions button,.piece-external,.floating-corner{width:var(--fl-control-size,44px);height:var(--fl-control-size,44px);background:var(--transport-bg);border:0;border-radius:999px;place-items:center;padding:0;display:grid}.player-actions button .ui-icon,.piece-external .ui-icon{width:24px;height:24px;filter:var(--transport-icon-filter)}#learn:active,.player-actions button:active{background:var(--transport-hover);transform:translateY(1px);box-shadow:inset 0 1px 3px #0003}.floating-corner{top:var(--fl-control-inset,12px);z-index:3;background:#fff;width:32px;height:32px;display:none;position:absolute;box-shadow:0 2px 8px #0002}.floating-dismiss{right:var(--fl-control-inset,12px)}.floating-expand{left:var(--fl-control-inset,12px)}.floating-corner .ui-icon{width:18px;height:18px}.player-box[data-mode=floating] .floating-dismiss{display:grid}#library-search{min-height:var(--search-height);padding:5px calc(var(--row-inset) - 1px);margin-bottom:var(--section-gap);background:#fff;border:1px solid #dddeda;border-radius:28px;flex:none;order:5;align-items:center;gap:8px;display:flex;box-shadow:0 3px 14px #0000000a}#library-search:focus-within{outline-offset:-3px;outline:2px solid #78834c}#search-input{width:100%;min-width:0;height:44px;font:inherit;text-align:left;background:0 0;border:0;outline:0;flex:1;padding:4px 8px;font-size:18px}#library-search #search-entry{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:0;flex:1;width:auto;min-width:0;height:44px;padding:4px 8px;font-size:18px;display:block;overflow:hidden}#search-entry[data-placeholder=true]{color:#777}html[data-mouse-hover=true] #library-search #search-entry:hover{background:0 0}#search-input::placeholder{color:#777;text-align:left}#library-search button{background:0 0;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}#library-search .ui-icon{width:22px;height:22px}#studio-key[aria-pressed=true]{background:#eeefe8}.player-box[data-mode=closed] .score-frame{display:none}.catalogue{overflow-anchor:none;overscroll-behavior-x:contain;display:block}.catalogue[data-navigation-mode=drill]:not([data-catalogue=""]){touch-action:pan-y pinch-zoom}.catalogue-section{margin:0}.catalogue-section+.catalogue-section{margin-top:16px}.catalogue-heading,.folder-link,.folder-back{width:100%;min-height:56px;padding:4px var(--row-inset);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:6px;display:flex}.heading-copy{flex:1;min-width:0;line-height:1.25;display:block}.catalogue-heading strong{min-width:0;font-size:calc(20px * var(--library-scale,1));font-weight:750;line-height:1.25}.catalogue-count{font-size:calc(12px * var(--library-scale,1));color:#777;white-space:nowrap;font-weight:400;display:inline-block}.row-trailing{flex:0 0 44px;place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.row-trailing .ui-icon{width:20px;height:20px}.shelf-body{overflow:hidden}.shelf-pane{width:100%}.folder-link{width:calc(100% - var(--row-inset));margin-left:var(--row-inset)}.folder-link strong{min-width:0;font-size:calc(18px * var(--library-scale,1));font-weight:650;line-height:1.3}.folder-back{gap:6px;width:100%;margin-left:0;padding-top:3px;padding-bottom:3px}.folder-back-icon{flex:0 0 20px;place-items:center;width:20px;height:44px;display:grid}.folder-back-icon .ui-icon{width:20px;height:20px}.folder-back-copy{min-width:0;line-height:1.3;display:block}.folder-caption{font-size:calc(18px * var(--library-scale,1));font-weight:650;line-height:1.3}.catalogue-heading:focus-visible,.folder-link:focus-visible,.folder-back:focus-visible{background:var(--row-hover);outline:none}.piece-list{margin-left:var(--row-inset)}.piece-row{-webkit-tap-highlight-color:transparent;align-items:stretch;min-width:0;display:flex}.piece-card{text-align:left;min-width:0;min-height:56px;padding:4px var(--row-inset);font-size:calc(16px * var(--library-scale,1));background:0 0;border:0;flex:1;align-items:center;gap:12px;font-weight:600;display:flex}.piece-card:focus-visible{outline:none}.piece-row:has(.piece-card:focus-visible){background:var(--row-hover)}.piece-copy{flex-direction:column;justify-content:center;gap:1px;min-width:0;display:flex}.piece-title{overflow-wrap:anywhere;min-width:0;line-height:calc(20px * var(--library-scale,1))}.piece-composer{font-size:calc(14px * var(--library-scale,1));line-height:calc(18px * var(--library-scale,1));color:#777;overflow-wrap:anywhere;font-weight:400}.piece-composer:empty{display:none}.piece-avatar{flex:0 0 calc(48px * var(--library-scale,1));width:calc(48px * var(--library-scale,1));height:calc(48px * var(--library-scale,1));font-size:calc(36px * var(--library-scale,1));pointer-events:none;place-items:center;line-height:1;display:grid}.piece-avatar img{width:calc(48px * var(--library-scale,1));height:calc(48px * var(--library-scale,1));object-fit:contain;background:0 0;border:0;display:block}.piece-row-actions{margin-right:var(--row-inset);flex:0 0 116px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.piece-more{background:0 0;border:0;border-radius:50%;flex:0 0 44px;align-self:center;place-items:center;width:44px;height:44px;padding:0;display:grid}.piece-more:focus-visible{background:#e9e9e3;outline:none}html[data-mouse-hover=true] .piece-more:hover{background:#e9e9e3}.piece-more:active{background:#dce3ce}.piece-more .ui-icon{width:22px;height:22px}.row-learn{color:#586437;width:64px;height:44px;font:600 calc(24px * var(--library-scale,1))/calc(28px * var(--library-scale,1)) Caveat,cursive;background:#fff;border-radius:999px;flex:0 0 64px;justify-content:center;align-items:center;text-decoration:none;display:none;box-shadow:0 0 10px #58643718}.piece-row:has(.piece-card[aria-current=true]){background:var(--row-hover)}.piece-row[data-learn-current=true] .row-learn{display:inline-flex}#catalogue:has(.piece-row :focus-visible) .row-learn{display:none}#catalogue .piece-row:has(:focus-visible) .row-learn{display:inline-flex}html[data-mouse-hover=true] #catalogue:has(.piece-row:hover) .row-learn{display:none}html[data-mouse-hover=true] #catalogue .piece-row:hover .row-learn{display:inline-flex}html[data-mouse-hover=true] .row-learn:hover{background:#e9eddf}html[data-mouse-hover=true] :is(.piece-row,.catalogue-heading,.folder-link,.folder-back):hover{background:var(--row-hover)}html[data-mouse-hover=true] body:has(.player-box[data-mode=floating]:hover) #catalogue .piece-row:not(:has(:focus-visible)) .row-learn{display:none}.piece-row:has(.piece-card:active){background:#e9e9e3}.row-learn:focus-visible{background:#e9eddf}.row-learn:active{background:#dce3ce}.piece-menu{z-index:30;overscroll-behavior:contain;background:#fff;border:1px solid #dddeda;border-radius:12px;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:4px;position:fixed;overflow:auto;box-shadow:0 4px 16px #0002}.piece-menu :is(button,a){text-align:left;border:0;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:44px;padding:8px 12px;font-size:15px;text-decoration:none;display:flex}.piece-menu :is(button,a)>span:not(.ui-icon){overflow-wrap:anywhere;min-width:0}html[data-mouse-hover=true] .piece-menu :is(button,a):hover{background:var(--row-hover)}html[data-mouse-hover=true] .player-actions button:not(:disabled):hover,html[data-mouse-hover=true] .piece-external:hover{background:var(--transport-hover)}html[data-mouse-hover=true] #library-search button:hover{background:#f1f2ed}#error{color:#a33425}#error:empty{display:none}#test-panel{margin:16px 0;font-size:13px}#test-panel summary{cursor:pointer}.lab{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.lab label{align-items:center;gap:6px;display:flex}pre{max-height:300px;font-size:11px;overflow:auto}#connection{color:#555;font-size:12px}@media (width<=650px){:root{--player-search-gap:12px;--stack-top-padding:16px;--stack-inline-padding:8px;--stack-player-inset:0px;--stack-search-before:0px;--stack-search-after:var(--section-gap)}.piece-row-actions{margin-right:var(--row-inset);flex-basis:96px;gap:4px}.row-learn{width:48px;font-size:min(24px,calc(22px * var(--library-scale,1)));flex-basis:48px}.piece-card{gap:8px;padding-right:4px}}.piece-menu .ui-icon{width:22px;height:22px}.piece-menu #share-song[data-share-state=copied]{color:#586437;background:#e9eddf}.piece-menu #share-song[aria-disabled=true]{cursor:wait}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.player-actions button:disabled{opacity:1;background:var(--transport-bg)}.piece-transport button:disabled .ui-icon{opacity:.35}#learn,.player-actions button,.piece-external,.floating-corner{transition:background-color .12s,color .12s}@media (hover:hover) and (pointer:fine){.player-box[data-mode=floating] .player-actions{opacity:0;pointer-events:none;transition:none}.player-box[data-mode=floating] .player-actions :is(a,button){pointer-events:none}.player-box[data-mode=floating]:hover .player-actions{opacity:1;pointer-events:none}.player-box[data-mode=floating] .player-actions:has(:focus-visible){opacity:1;pointer-events:none}.player-box[data-mode=floating]:hover .player-actions :is(a,button){pointer-events:auto}.player-box[data-mode=floating] .player-actions:has(:focus-visible) :is(a,button){pointer-events:auto}}@media (prefers-reduced-motion:reduce){#learn,.player-actions button,.floating-dismiss,.player-box[data-mode=floating] .player-actions{transition:none}}@media (any-pointer:coarse){.player-box[data-mode=floating] .player-actions{opacity:1;pointer-events:none}.player-box[data-mode=floating] .player-actions :is(a,button){pointer-events:auto}}.player-actions a,.player-actions button{position:relative}[data-fl-hit]:after{content:"";left:var(--fl-hit-left);top:var(--fl-hit-top);width:var(--fl-hit-width);height:var(--fl-hit-height);pointer-events:inherit;background:0 0;position:absolute}.library-brand{min-height:44px;margin:0 var(--mounted-player-inset) 16px;justify-content:flex-end;align-items:center;line-height:36px;display:flex}.brand-wordmark{white-space:nowrap;color:#78834c;flex-shrink:0;padding-inline-end:.18em;font:600 32px/36px Caveat,cursive;transition:color .12s}html[data-mouse-hover=true] .brand-wordmark:hover{color:#fe5000}@media (prefers-reduced-motion:reduce){.brand-wordmark{transition:none}}html[data-mouse-hover=true] .floating-corner:hover{background:var(--transport-hover)}.floating-corner:active{background:var(--transport-hover);box-shadow:inset 0 1px 3px #0003}.player-box[data-mode=docked] .player-actions{gap:var(--fl-transport-gap,8px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.player-box[data-mode=docked] .learn-actions{justify-self:start;gap:var(--fl-transport-gap,8px);grid-column:1}.player-box[data-mode=docked] #learn{height:var(--fl-transport-size,44px);min-width:0;font-size:var(--fl-transport-font,28px);padding-inline:var(--fl-transport-padding,18px);justify-self:start;gap:var(--fl-transport-learn-gap,8px);grid-column:1;line-height:1.067}.player-box[data-mode=docked] .piece-transport{justify-self:center;gap:var(--fl-transport-gap,8px);grid-column:2}.player-box[data-mode=docked] .piece-links{justify-self:end;gap:var(--fl-transport-gap,8px);grid-column:3;align-items:center;margin-left:0;display:flex}.player-box[data-mode=docked] .piece-links>[data-action-visible=false]{display:none}.player-box[data-mode=docked] .player-actions button,.player-box[data-mode=docked] .piece-external{width:var(--fl-transport-size,44px);height:var(--fl-transport-size,44px);flex:0 0 var(--fl-transport-size,44px)}.player-box[data-mode=docked] .player-actions .ui-icon{width:var(--fl-transport-icon,24px);height:var(--fl-transport-icon,24px)}.piece-external{transition:background-color .12s}.piece-external[aria-disabled=true]{pointer-events:none;cursor:default}@media (prefers-reduced-motion:reduce){.piece-external{transition:none}}.learn-label{transform:translateY(-.016em)}html[data-mouse-hover=true] #learn:hover{color:#586437;background:#e9eddf;box-shadow:0 0 14px #58643733}#learn:focus-visible{color:#586437;background:#e9eddf}#learn:active{color:#586437;background:#dce3ce}html:has(main[data-pinned=true]){overflow:hidden}body:has(main[data-pinned=true]){overflow:hidden}main[data-pinned=true]{inset-inline:0;top:var(--shell-top,0px);height:var(--shell-height,100dvh);min-height:0;padding-bottom:var(--shell-bottom-inset);position:fixed;overflow:hidden}main[data-pinned=true] .library-brand{flex:none}main[data-pinned=true][data-layout=stack] .library-content{display:contents}main[data-pinned=true] .catalogue{overscroll-behavior-y:contain;flex:1;min-height:0;overflow:hidden auto}main[data-pinned=true] .catalogue .shelf-body{overflow:visible}main[data-pinned=true] .catalogue .folder-back{z-index:1;background:#fff;position:sticky;top:0}main[data-pinned=true][data-stack-shell=true] #library-search{margin-top:var(--stack-search-before);margin-bottom:var(--stack-search-after)}main[data-pinned=true][data-layout=stack] #library-search{order:5}main[data-layout=compact]{--mounted-player-inset:0px;--floating-bottom:8px;max-width:none}main[data-layout=compact]:not([data-stack-shell=true]){padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}main[data-layout=compact] .library-content{display:contents}main[data-layout=compact] :is(.library-brand,#library-home,#split-divider){display:none}main[data-layout=compact] #player-slot{pointer-events:none;flex:none;height:0;min-height:0;margin:0;padding:0}main[data-layout=compact] #player-slot:before{display:none}main[data-layout=compact] .player-box[data-mode=floating]{pointer-events:auto}main[data-layout=compact] #library-search{z-index:13;order:5;width:100%;margin:8px 0 0;position:relative}main[data-layout=compact] #library-search[data-query-only=true]{border-radius:24px;order:0;gap:4px;width:max-content;max-width:calc(100% - 16px);min-height:44px;margin:0;padding:0 4px 0 14px;position:fixed}main[data-layout=compact] #library-search[data-query-only=true] :is(#search-input,#search-entry,#studio-key){display:none}main[data-layout=compact] #library-search[data-query-only=true] #search-action{order:2}#search-query{text-overflow:ellipsis;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;min-width:44px;max-width:min(40vw,320px);padding:10px 4px;font-size:16px;overflow:hidden}#search-query[data-dragging=true]{cursor:grabbing}#search-query:focus-visible{outline-offset:-2px;border-radius:12px;outline:2px solid #78834c}main[data-layout=compact] .catalogue{padding-bottom:calc(var(--floating-score-max-height) + 16px)}main[data-presentation-admitted=false] .player-box,main[data-layout=compact][data-compact-player-hidden=true] .player-box,main[data-viewport-settling=true] .player-box{opacity:0;pointer-events:none}@media (pointer:coarse){main[data-pinned=true] .catalogue{overflow-y:scroll}}main[data-layout=split]{--split-header-height:44px;--split-header-gap:8px;--split-block-inset:24px;--split-top-clearance:calc(var(--split-header-height) + var(--split-header-gap) + var(--split-block-inset));--split-gap:24px;--split-row-inset:10px;grid-template-columns:minmax(0,var(--split-list-width,1fr)) minmax(0,2fr);grid-template-rows:var(--split-header-height) var(--split-header-gap) minmax(0,1fr) 16px 56px;row-gap:0;column-gap:var(--split-gap);max-width:none;padding:var(--split-block-inset);--mounted-player-inset:0px;display:grid}main[data-layout=split] .library-content{display:contents}main[data-layout=split] .library-brand{grid-area:1/2;justify-content:flex-end;align-self:center;margin:0}main[data-layout=split] #player-slot{grid-area:3/2;height:100%;min-height:0;margin:0}main[data-layout=split] #player-slot:before{aspect-ratio:auto;height:100%;min-height:0}main[data-layout=split] .player-box{height:100%}main[data-layout=split] .score-frame{aspect-ratio:auto;flex:1;min-height:0}main[data-layout=split] .player-box[data-mode=docked] .score-frame>iframe:not(:fullscreen){width:var(--split-native-width,100%);max-width:none}main[data-layout=split] .player-actions{flex:none}main[data-layout=split][data-keyboard=true]{padding-bottom:var(--shell-bottom-inset)}main[data-layout=split][data-keyboard=true] .player-box{opacity:0;pointer-events:none}main[data-layout=split][data-keyboard-score-folded=true] #player-slot{padding-bottom:0}main[data-layout=split][data-keyboard-score-folded=true] #player-slot .score-frame{height:var(--keyboard-score-height);opacity:0;pointer-events:none;flex:none;max-height:none;position:absolute;top:0}main[data-layout=split][data-keyboard-score-folded=true] #piece-info{display:none}main[data-layout=split][data-keyboard-score-folded=true] .player-box[data-mode=floating]{opacity:0;pointer-events:none}main[data-layout=split][data-keyboard-score-folded=true] .player-actions{margin-top:auto}main[data-layout=split][data-pinned=true] #library-search{min-width:0;width:min(100%,var(--split-search-width,100%));grid-area:5/2;justify-self:center;margin:0}main[data-layout=split] .catalogue{touch-action:pan-y;grid-area:3/1/6;height:100%;min-height:0;container:catalogue/inline-size}#library-home{min-width:44px;height:44px;padding:0 var(--split-row-inset,10px);background:0 0;border-radius:999px;align-items:center;gap:8px;font-size:14px;font-weight:650}main[data-layout=split] #library-home{grid-area:1/1;place-self:center start;display:flex}#library-home .ui-icon{width:20px;height:20px}html[data-mouse-hover=true] #library-home:hover{background:var(--row-hover)}#split-divider{z-index:12;cursor:col-resize;touch-action:none;outline-offset:-17px;grid-area:3/1/6;width:44px;min-height:0;position:relative;inset-inline-start:calc(100% + (var(--split-gap) - 44px) / 2)}#split-divider:after{content:"";background:#2424210a;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}html[data-mouse-hover=true] #split-divider:hover:after{background:#78834c50}#split-divider:focus-visible:not([data-pointer-focus=true]):after,main[data-resizing=true] #split-divider:after{background:#78834c70}#split-divider:focus-visible{outline:none}#split-divider:focus-visible:not([data-pointer-focus=true]){outline-offset:-17px;outline:2px solid #78834c}main[data-resizing=true]{-webkit-user-select:none;user-select:none;cursor:col-resize}main[data-resizing=true] iframe{pointer-events:none}main[data-layout=split][data-library-collapsed=true]{grid-template-columns:0 minmax(0,1fr);column-gap:0}main[data-layout=split][data-library-collapsed=true] #split-divider{width:44px;inset-inline-start:calc(0px - var(--split-block-inset))}main[data-layout=split][data-library-collapsed=true] #split-divider:after{left:calc(var(--split-block-inset) / 2 - 1px)}main[data-layout=split][data-library-collapsed=true] #library-home{grid-column:2}main[data-layout=split][data-library-collapsed=true] .library-brand:has(#player-more){padding-left:60px}main[data-library-collapsed=true] #library-home span{display:none}main[data-layout=split][data-player-collapsed=true]{--floating-bottom:96px;grid-template-columns:0 minmax(0,1fr);column-gap:0}main[data-layout=split][data-player-collapsed=true] :is(.catalogue,#library-home){grid-column:2}main[data-layout=split][data-player-collapsed=true] #player-slot:before{display:none}main[data-layout=split][data-player-collapsed=true] .player-box{height:auto}main[data-layout=split][data-player-collapsed=true] .score-frame{aspect-ratio:1180/570;flex:none}main[data-layout=split][data-player-collapsed=true] #library-search{z-index:13;position:relative}main[data-layout=split][data-player-collapsed=true]:has(.player-box[data-mode=floating]) .catalogue{padding-bottom:calc(var(--floating-score-max-height) + var(--floating-bottom) + 16px)}main[data-layout=split] .catalogue{--row-inset:var(--split-row-inset)}main[data-layout=split] .catalogue-section+.catalogue-section{margin-top:12px}main[data-layout=split] :is(.catalogue-heading,.folder-link,.folder-back){min-height:48px}main[data-layout=split] .piece-card{gap:8px;min-height:48px}main[data-layout=split] .piece-avatar{flex-basis:calc(40px * var(--library-scale,1));width:calc(40px * var(--library-scale,1));height:calc(40px * var(--library-scale,1));font-size:calc(30px * var(--library-scale,1))}main[data-layout=split] .piece-avatar img{width:calc(40px * var(--library-scale,1));height:calc(40px * var(--library-scale,1))}main[data-layout=split] .piece-row-actions{flex-basis:96px;gap:4px}main[data-layout=split] .row-learn{width:48px;font-size:min(24px,calc(22px * var(--library-scale,1)));line-height:calc(26px * var(--library-scale,1));flex-basis:48px}@container catalogue (width<=260px){.heading-copy>span,.folder-back-copy>span{white-space:normal!important}.heading-copy,.folder-back-copy{overflow-wrap:anywhere}.piece-avatar{display:none}.piece-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.piece-composer{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}main[data-layout=split] #empty{z-index:2;padding:var(--split-row-inset);grid-area:3/1;align-self:start;margin:0;font-size:14px}main[data-layout=split][data-library-collapsed=true] #empty{display:none}main[data-layout=split] #error{z-index:11;background:#fff;border-radius:8px;grid-area:3/2;place-self:start center;max-width:100%;margin:8px;padding:8px 12px;font-size:14px}#piece-info{min-height:0;width:calc(100% - var(--mounted-player-inset) * 2);color:#61665a;background:#f7f8f3;border-radius:12px;flex:none;order:3;margin-inline:auto;overflow:hidden}#piece-info.is-measuring{top:0;left:var(--mounted-player-inset);visibility:hidden;pointer-events:none;display:block;position:absolute}#piece-info .music-info-scroll{overscroll-behavior:contain;touch-action:pan-y;height:100%;padding:16px;overflow:auto}main[data-phone=true] #piece-info .music-info-scroll{padding:8px}#piece-info.is-measuring .music-info-scroll{height:auto;overflow:hidden}#piece-info :is(.sr-about-zoom-spacer,.sr-about-zoom-content){max-width:100%}#piece-info article{--info-text-scale:var(--sr-about-text-zoom,1);gap:calc(16px * var(--info-text-scale,1));font-size:calc(16px * var(--info-text-scale,1));overflow-wrap:anywhere;flex-direction:column;line-height:1.5;display:flex}#piece-info article section{gap:calc(8px * var(--info-text-scale,1));flex-direction:column;display:flex}#piece-info :is(h2,p,ul){margin:0}#piece-info h2{font-size:calc(16px * var(--info-text-scale,1));color:#414735;font-weight:650;line-height:1.35}#piece-info ul{padding-left:1.4em}#piece-info li+li{margin-top:.45em}#piece-info a{color:#586437;text-underline-offset:2px;text-decoration:underline}#player-slot[data-info-open=true]:not([data-info-overlay=true]){padding-bottom:calc(var(--action-size) + var(--player-search-gap) * 2 + var(--piece-info-height))}.player-box[data-mode=floating] #piece-info,.player-box[data-mode=closed] #piece-info{display:none}main[data-layout=split] #piece-info{order:2}main[data-layout=split] .player-actions{order:3}main[data-layout=split] .player-box[data-mode=floating] .score-frame{max-height:max(128px,calc(var(--shell-height,100dvh) - var(--floating-bottom) - var(--split-top-clearance)))}#piece-info{position:relative}#piece-info .music-info-article{padding-right:36px}.music-info-close{z-index:1;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:4px}.music-info-close svg{pointer-events:none;width:18px;height:18px}.music-info-close:before{content:"";z-index:-1;border-radius:50%;position:absolute;inset:6px}html[data-mouse-hover=true] .music-info-close:hover:before{background:#e4e8da}.music-info-close:active:before{background:#dce3ce}.player-box[data-mode=floating] .floating-expand:not([hidden]){display:grid}main[data-layout=split][data-library-collapsed=true] #split-divider{grid-area:3/2}main[data-layout=split][data-player-collapsed=true] #player-slot{pointer-events:none}main[data-layout=split][data-player-collapsed=true] .player-box[data-mode=floating]{pointer-events:auto}.music-images-popover{z-index:30;background:#fff;border-radius:14px;flex-direction:column;align-items:stretch;gap:4px;width:max-content;padding:12px;display:flex;position:fixed;overflow:visible;box-shadow:0 0 24px #00000024}main .player-box[data-mode=floating] .score-frame{height:var(--floating-user-height);aspect-ratio:auto;flex:none;min-height:0}main[data-mounted-sized=true] #player-slot:before{width:var(--mounted-user-width);height:var(--mounted-user-height);aspect-ratio:auto;min-height:0;margin-inline:auto}main[data-mounted-sized=true] .player-box[data-mode=docked] .score-frame{height:var(--mounted-user-height);aspect-ratio:auto;min-height:0}main[data-keyboard=true] .floating-resize-handle[data-anchored=true]{display:none}.floating-resize-handle{z-index:5;touch-action:none;clip-path:polygon(0 0,100% 0,100% 8px,8px 8px,8px 100%,0 100%);background:0 0;border:0;border-radius:0;width:64px;height:64px;padding:0;position:absolute}.floating-resize-handle:before{content:"";opacity:0;pointer-events:none;border-top:2px solid #78834c;border-left:2px solid #78834c;border-radius:3px 0 0;width:12px;height:12px;position:absolute;top:3px;left:3px}.floating-resize-handle[data-corner=nw]{cursor:nwse-resize;top:-12px;left:-12px}.floating-resize-handle[data-corner=ne]{cursor:nesw-resize;top:-12px;right:-12px}.floating-resize-handle[data-corner=se]{cursor:nwse-resize;bottom:-12px;right:-12px}.floating-resize-handle[data-corner=sw]{cursor:nesw-resize;bottom:-12px;left:-12px}.floating-resize-handle[data-corner=ne]:before{left:auto;right:3px;transform:rotate(90deg)}.floating-resize-handle[data-corner=se]:before{inset:auto 3px 3px auto;transform:rotate(180deg)}.floating-resize-handle[data-corner=sw]:before{top:auto;bottom:3px;transform:rotate(270deg)}html[data-mouse-hover=true] .floating-resize-handle:hover:before,.floating-resize-handle:focus-visible:not([data-pointer-focus=true]):before,.floating-resize-handle[data-resizing=true]:before{opacity:1}.floating-resize-handle:focus-visible{background:0 0;outline:none}.player-box:is([data-float-resizing=true],[data-float-moving=true]) iframe{pointer-events:none}.floating-resize-guide{z-index:40;pointer-events:none;background:0 0;border:1.5px solid #78834c;border-radius:14px;position:fixed}.floating-move-handle{z-index:4;touch-action:none;cursor:grab;background:0 0;border:0;padding:0;position:absolute}.floating-move-handle[data-edge=n],.floating-move-handle[data-edge=s]{height:44px;left:0;right:0}.floating-move-handle[data-edge=n]{top:-12px}.floating-move-handle[data-edge=s]{bottom:-12px}.floating-move-handle[data-edge=w],.floating-move-handle[data-edge=e]{width:44px;top:0;bottom:0}.floating-move-handle[data-edge=w]{left:-12px}.floating-move-handle[data-edge=e]{right:-12px}.floating-move-handle:focus-visible:not([data-pointer-focus=true]){outline-offset:-12px;outline:2px solid #78834c}.player-box[data-float-moving=true] .floating-move-handle{cursor:grabbing}.floating-resize-status{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.music-images-popover:after{content:"";height:8px;position:absolute;top:100%;left:0;right:0}.music-image-close{z-index:2;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 1px 6px #00000018}.music-image-close:before{content:"";position:absolute;inset:-8px}html[data-mouse-hover=true] .music-images-popover:not(:hover) .music-image-close:not(:focus-visible){opacity:0;pointer-events:none}.music-image-scroll{max-width:100%;max-height:calc(var(--music-image-max-height) - 24px);overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;outline-offset:-2px;min-height:0;overflow:auto}.music-image-scroll:active{cursor:grabbing}.music-image-scroll .sr-about-zoom-content{transform-origin:0 0}.music-image-scroll .sr-score-about-prototype-image-gallery{flex-direction:column;align-items:center;gap:12px;display:flex}.music-image-scroll figure{width:100%;max-width:100%;margin:0}.music-image-scroll img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:auto;margin-inline:auto;display:block}.music-image-scroll figcaption{color:#777;text-align:center;overflow-wrap:anywhere;padding-top:6px;font-size:14px;line-height:1.4}.music-image-scroll a{color:#586437;text-underline-offset:2px}html[data-mouse-hover=true] .music-images-popover button:not(:disabled):hover{background:var(--row-hover)}#piece-info[data-placement=below]{z-index:30;max-width:none;margin:0;position:fixed;overflow:visible;box-shadow:0 8px 24px #00000016}#piece-info[data-placement=below]:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}#piece-info[data-placement=below] .music-info-scroll{border-radius:inherit;padding:16px}main:has(#piece-info[data-placement=below][data-phase=pinned]:not([hidden])) #catalogue{visibility:hidden}.music-images-popover[data-placement=below]{height:auto;overflow:hidden}.music-images-popover[data-placement=below]:after{height:12px;top:auto;bottom:100%}.music-images-popover[data-placement=below] .music-image-scroll{width:100%;max-height:max(0px,calc(var(--music-image-max-height) - 24px));flex:0 auto}html[data-mouse-hover=true] #piece-images[data-placement=below] .music-image-close,.music-images-popover[data-placement=below] .music-image-close{opacity:1;pointer-events:auto}.player-box[data-mode=docked][data-flow-transport=true] .player-actions{column-gap:var(--fl-transport-group-gap);padding-inline:var(--fl-transport-inset);grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)}.player-box[data-mode=docked][data-flow-transport=true] .piece-transport{gap:var(--fl-transport-pair-gap)}.player-box[data-mode=docked][data-flow-transport=true] .piece-links{gap:4px}