@layer scoreLib{._2EfMpq_top{--top-offset:0;top:calc(var(--top-offset) + var(--score-safe-area-inset-top));z-index:3;height:var(--score-top-controls-row-height);margin-bottom:calc(0px - var(--score-top-controls-row-height));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky}._2EfMpq_bottom{--bottom-offset:0;bottom:calc(var(--bottom-offset) + var(--spacing-xs));left:var(--spacing-medium);right:var(--spacing-medium);z-index:3;pointer-events:none;position:sticky}._2EfMpq_bottom._2EfMpq_fullscreen{position:fixed}._2EfMpq_audioControls{width:100%;margin-bottom:var(--spacing-medium);justify-content:flex-end;align-items:center;gap:1rem;display:flex}._2EfMpq_audioControls>*{pointer-events:auto}._2EfMpq_playButton{background-color:var(--performance-play-color);color:var(--color-text-buttonControl-primary)}._2EfMpq_playButton svg{fill:currentColor}._2EfMpq_btnSettings,._2EfMpq_btnClose,._2EfMpq_feedbackScore{grid-row:1}._2EfMpq_btnSettings,._2EfMpq_btnClose{pointer-events:auto}._2EfMpq_feedbackScore{grid-column:2;justify-self:center}._2EfMpq_btnSettings{margin-right:env(safe-area-inset-right,0px);grid-column:3;justify-self:end}._2EfMpq_btnClose{margin-left:env(safe-area-inset-left,0px);grid-column:1;justify-self:start}._2EfMpq_controlBarContainer{order:2;width:100%;display:grid}._2EfMpq_controlBarContainer._2EfMpq_hidden{order:0}._2EfMpq_controlBarContainer>*{grid-area:1/1}._2EfMpq_controlBarReservation{visibility:hidden}._2EfMpq_layoutReservation,._2EfMpq_controlBarLayoutReservation{visibility:hidden;pointer-events:none}._2EfMpq_controlBarBtn,._2EfMpq_pianoKeyboardBtn{color:var(--color-text-tertiary);width:42px;height:26px;box-shadow:var(--shadow-control);pointer-events:auto;background-color:#ffffffe6;margin:0 auto;padding:0;position:relative}._2EfMpq_controlBarBtn{place-self:end center}._2EfMpq_pianoKeyboardBtn{margin-bottom:var(--spacing-small);order:1}._2EfMpq_controlsStack{width:100%;max-width:var(--floating-controls-max-width);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;margin:0 auto;display:flex}._2EfMpq_controlsStack:has(._2EfMpq_pianoKeyboard):not(:has(._2EfMpq_pianoKeyboard>svg)){box-shadow:none}._2EfMpq_controlsStack:has(._2EfMpq_pianoKeyboard):not(:has(._2EfMpq_pianoKeyboard>svg)) ._2EfMpq_controlBar{box-shadow:var(--shadow-control)}._2EfMpq_controlsStack ._2EfMpq_pianoKeyboard+._2EfMpq_controlBarContainer ._2EfMpq_controlBar{border-top:1px solid #0000}._2EfMpq_controlsStack:not(._2EfMpq_controlBarCollapsed,._2EfMpq_pianoKeyboardMinimized,._2EfMpq_pianoKeyboardPlaceholder) ._2EfMpq_pianoKeyboard>svg{border-bottom-right-radius:0;border-bottom-left-radius:0}._2EfMpq_controlsStack:not(._2EfMpq_controlBarCollapsed,._2EfMpq_pianoKeyboardMinimized,._2EfMpq_pianoKeyboardPlaceholder) ._2EfMpq_pianoKeyboard+._2EfMpq_controlBarContainer ._2EfMpq_controlBar{border-top-color:var(--color-border-piano-controls);border-top-left-radius:0;border-top-right-radius:0}._2EfMpq_controlsStack._2EfMpq_controlBarCollapsed ._2EfMpq_pianoKeyboard>svg,._2EfMpq_controlsStack._2EfMpq_pianoKeyboardMinimized ._2EfMpq_controlBar,._2EfMpq_controlsStack._2EfMpq_pianoKeyboardPlaceholder:not(._2EfMpq_controlBarCollapsed) ._2EfMpq_controlBar{box-shadow:var(--shadow-control)}._2EfMpq_controlBar,._2EfMpq_pianoKeyboard{width:100%}._2EfMpq_pianoKeyboard{pointer-events:auto;order:1}._2EfMpq_controlBar{background-color:var(--color-background-button-quaternary);justify-content:space-evenly;align-items:center;column-gap:var(--spacing-large);padding:var(--spacing-small) var(--spacing-smallish) var(--spacing-smallish);border-radius:var(--radius-card);pointer-events:auto;display:flex;position:relative}._2EfMpq_btnBar{color:var(--color-text-buttonControl-secondary);justify-content:center;row-gap:var(--spacing-xs);flex-direction:column;align-items:center;padding:0;display:flex}._2EfMpq_btnBar:disabled{opacity:.6}._2EfMpq_btnLabel{text-wrap:nowrap}._2EfMpq_btnBarIcon{width:28px;height:28px}._2EfMpq_btnBarIcon[data-feedback-icon],._2EfMpq_btnBarIcon._2EfMpq_btnBarModeIcon{width:43px}._2EfMpq_btnBarHandIcon{width:40px;height:28px}._2EfMpq_tempoSelector{color:var(--color-text-quaternary);display:none}._2EfMpq_tempo{column-gap:var(--spacing-small);display:flex}@media (max-width:629px){._2EfMpq_controlsStack{width:calc(100dvw - 2 * var(--spacing-xs));margin-left:var(--spacing-xs);max-width:100dvw;transform:translateX(calc(-1 * var(--spacing-medium)))}}@media screen and (min-width:630px){._2EfMpq_audioControls{margin-bottom:var(--spacing-small);position:absolute;bottom:0}._2EfMpq_controlsStack{max-width:min(var(--floating-controls-wide-max-width), calc(100% - var(--floating-controls-wide-side-offset)))}}@media screen and (min-width:800px){._2EfMpq_controlBar:not(._2EfMpq_withExtraControl) ._2EfMpq_tempo{max-width:calc(40px + var(--spacing-small) + 250px + var(--spacing-small) + 50px);flex-grow:1;width:100%}._2EfMpq_controlBar:not(._2EfMpq_withExtraControl) ._2EfMpq_tempoSelector{flex-grow:1;display:flex}}@media screen and (min-width:850px){._2EfMpq_controlBar._2EfMpq_withExtraControl ._2EfMpq_tempo{max-width:calc(40px + var(--spacing-small) + 250px + var(--spacing-small) + 50px);flex-grow:1;width:100%}._2EfMpq_controlBar._2EfMpq_withExtraControl ._2EfMpq_tempoSelector{flex-grow:1;display:flex}}@media screen and (max-height:500px){._2EfMpq_btnLabel{display:none}}}
@layer designSystem{.mqX5ua_container{align-items:center;column-gap:var(--spacing-medium);display:flex}.mqX5ua_label{text-align:right;flex-shrink:0;width:max-content;min-width:50px;font-weight:700}.mqX5ua_label.mqX5ua_right{order:1}.mqX5ua_selector{--percent:50%;-webkit-appearance:none;appearance:none;background:linear-gradient(to right, var(--color-progress-filled), var(--color-progress-filled) var(--percent), var(--color-progress-empty) var(--percent), var(--color-progress-empty));cursor:pointer;border-radius:var(--radius-button);z-index:1;flex-grow:1;height:8px}.mqX5ua_selector:disabled{opacity:.6}.mqX5ua_selector::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;box-shadow:var(--shadow-control);border:1px solid var(--color-background-button-tertiary);background:#fff;border-radius:50%}.mqX5ua_selector::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;box-shadow:var(--shadow-control);border:1px solid var(--color-background-button-tertiary);background:#fff;border-radius:50%}.mqX5ua_selector:focus{outline:none}.mqX5ua_selector:focus::-webkit-slider-thumb{border-color:var(--color-background-button-secondary)}.mqX5ua_selector:focus::-moz-range-thumb{border-color:var(--color-background-button-secondary)}.mqX5ua_compact{column-gap:var(--spacing-small)}.mqX5ua_compact .mqX5ua_selector::-webkit-slider-thumb{width:24px;height:24px}.mqX5ua_compact .mqX5ua_selector::-moz-range-thumb{width:24px;height:24px}}
@layer designSystem{.bgzMqG_container{align-items:center;column-gap:var(--spacing-medium);padding:var(--spacing-small) var(--spacing-medium);text-align:left;flex-wrap:wrap;align-content:center;min-height:60px;display:flex;position:relative}.bgzMqG_container:disabled{opacity:.4}.bgzMqG_container:not(:last-child){border-bottom:1px solid var(--color-border-drawer)}.bgzMqG_container.bgzMqG_withSubtitle{padding:var(--spacing-small) var(--spacing-medium)}.bgzMqG_container.bgzMqG_withSubtitle .bgzMqG_title{font-weight:700}.bgzMqG_icon{color:var(--color-text-quaternary);flex-shrink:0;align-items:center;display:flex}.bgzMqG_icon>:where(svg){width:28px;height:28px}.bgzMqG_ariaDisabled{opacity:.4}.bgzMqG_ariaDisabled :where(input,label){pointer-events:none}.bgzMqG_text{flex-direction:column;flex-grow:1;width:min-content;display:flex}.bgzMqG_rightComponent{flex-shrink:0;justify-content:flex-end;align-items:center;max-width:100%;display:flex}.bgzMqG_rightComponent:empty{width:28px;height:28px}.bgzMqG_rightComponent>:where(svg){width:28px;height:28px;color:var(--color-text-quaternary)}.bgzMqG_navigation{width:20px;height:20px;fill:var(--color-text-tertiary);flex-shrink:0;justify-self:flex-end}.bgzMqG_customContent{width:100%}.bgzMqG_loading{width:16px;height:16px;fill:var(--color-text-tertiary)}.bgzMqG_selected{width:24px;height:24px;fill:var(--color-background-button-secondary)}}
@layer designSystem{.txWF4W_container{border-radius:var(--radius-drawer);background-color:var(--color-background-secondary);color:var(--color-text-primary);flex-direction:column;justify-content:center;min-height:60px;display:flex}}.txWF4W_title{margin-bottom:var(--spacing-small)}
@layer designSystem{._7AQpeW_spinner{animation:1s linear infinite _7AQpeW_spin}@keyframes _7AQpeW_spin{to{transform:rotate(360deg)}}}
@layer designSystem{.oji_UW_container{align-items:center;line-height:30px;display:flex}.oji_UW_controls{background:var(--color-background-drawer);border-radius:var(--radius-button);align-self:stretch;display:flex;position:relative}.oji_UW_loader{width:16px;height:16px;fill:var(--color-text-tertiary);margin-right:var(--spacing-small);top:calc(50% - 10px);left:calc(50% - 10px)}.oji_UW_value{text-align:right;width:fit-content;margin-right:var(--spacing-medium);font-weight:700}.oji_UW_button{justify-content:center;align-items:center;width:50px;display:flex}.oji_UW_button:disabled{opacity:.6}.oji_UW_separator{background:var(--color-background-tertiary);width:1px}.oji_UW_icon{width:24px;height:24px;fill:var(--color-text-tertiary)}}
@layer designSystem{.VXvifG_contentEnter{opacity:0}.VXvifG_contentEnterActive,.VXvifG_contentExit{opacity:1}.VXvifG_contentExitActive{opacity:0}.VXvifG_contentEnterActive,.VXvifG_contentExitActive{transition:all .15s}.VXvifG_contentDownEnter{opacity:0;transform:translateY(var(--fade-switch-down-distance,16px))}.VXvifG_contentDownEnterActive,.VXvifG_contentDownExit{opacity:1;transform:translateY(0)}.VXvifG_contentDownExitActive{opacity:0;transform:translateY(var(--fade-switch-down-distance,16px))}.VXvifG_contentDownEnterActive,.VXvifG_contentDownExitActive{transition:all .15s}.VXvifG_appear{opacity:0;transition:all .3s}.VXvifG_appearActive{opacity:1}}
@layer scoreLib{.zWtSPG_container{gap:var(--spacing-medium);flex-direction:column;display:flex}.zWtSPG_animation{min-height:88px;padding:var(--spacing-large) var(--spacing-medium);border-radius:var(--radius-drawer);background-color:var(--color-background-secondary);align-items:center;display:flex}.zWtSPG_rail{flex-grow:1;height:40px;position:relative}.zWtSPG_endpoint{border-radius:var(--radius-button);background-color:var(--color-text-tertiary);flex-shrink:0;width:8px;height:56px;transition:background-color .1s linear}.zWtSPG_endpoint[data-touched=true]{background-color:var(--color-latency-calibration)}.zWtSPG_ball{background-color:var(--color-latency-calibration);will-change:left, transform;border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0}.zWtSPG_instructions{margin:0}@media (prefers-reduced-motion:reduce){.zWtSPG_ball{display:none}}}
.z-C1aq_layout{flex-direction:column;gap:.5rem;display:flex}.z-C1aq_audio{width:100%}.z-C1aq_scoreFrame{min-height:400px;position:relative}.z-C1aq_loading{color:#6b7280;font-size:.875rem}.z-C1aq_legend{color:#374151;background:#ffffffd9;border:1px solid #e5e7eb;border-radius:.375rem;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem .75rem .25rem;font-size:.75rem;font-weight:500;display:flex}.z-C1aq_legendItem{align-items:center;gap:.5rem;display:inline-flex}.z-C1aq_legendSwatch{border-radius:999px;width:1.25rem;height:.625rem}.z-C1aq_legendTempoDropSwatch{background:#ff5c521f;border:1px solid #ff5c522e;border-radius:999px;width:2rem;height:1rem}.z-C1aq_legendTempoPill{color:#111827;background:#fffffff0;border:2px solid #0ea5e9;border-radius:.25rem;justify-content:center;align-items:center;min-width:1.6rem;height:1.15rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}
.mjy84a_details{--color-progress-filled:#ffbe00;--color-progress-text:#35aff7;background:#ffffffa8;border:1px solid #17201a1a;border-radius:1rem;padding:1rem 1.1rem}.mjy84a_summary{cursor:pointer;color:#17201a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:900;display:grid}.mjy84a_summary::marker{content:""}.mjy84a_summary::-webkit-details-marker{display:none}.mjy84a_summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;transition:transform .16s;transform:rotate(-45deg)}.mjy84a_details[open] .mjy84a_summary:before{transform:rotate(45deg)}.mjy84a_summary strong{color:var(--color-progress-text);flex:none}.mjy84a_content{margin-top:.9rem}.mjy84a_comments{gap:.65rem;max-width:56rem;display:grid}.mjy84a_comments p{color:#17201abd;white-space:pre-line;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}.mjy84a_assessment{background:#fff;border:1px solid #0f172a14;border-radius:.75rem;gap:1rem;padding:1rem;display:grid}.mjy84a_header{color:#0f172a;justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;display:flex}.mjy84a_header span{font-weight:600}.mjy84a_header strong{font-size:1rem}.mjy84a_metrics{gap:.8rem;display:grid}.mjy84a_metric{gap:.35rem;display:grid}.mjy84a_metricHeader{color:#0f172a;justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;display:flex}.mjy84a_metricHeader span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mjy84a_metricHeader strong{flex:none;font-weight:700}
