.app-shell .score-heading{align-items:center;padding:6px 16px;min-height:56px}
.app-shell .score-heading h2{font-size:18px;line-height:1.35;text-wrap:balance}
.app-shell .score-heading p:not(.assessment-notice),.app-shell .live-ribbon,.app-shell .input-ribbon,.app-shell #range-text{display:none}
.app-shell .score-heading .assessment-notice{display:block;color:var(--danger)}
.app-shell .score-heading .tag{background:none;border:0;color:var(--muted)}
.app-shell .app-actions button{min-width:0;min-height:44px}
.app-shell .score-foot{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;min-height:48px;border-top:1px solid var(--line)}
.assistance-button{font:inherit;font-size:13px;font-weight:600;min-height:44px;min-width:88px;padding:0 8px;border:0;border-radius:6px;color:var(--green);background:none;cursor:pointer;white-space:nowrap}
.assistance-button[data-mode=off]{color:var(--muted)}
.reference-notes{display:flex;align-items:center;gap:8px}
.app-shell .reference-notes button{min-height:44px;padding:0 8px;gap:6px;font-size:12px;white-space:nowrap}
.reference-notes svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.app-shell .transport-zone{display:block;padding:8px 14px;border-top:0}
.app-shell .transport{gap:10px}
.app-shell .transport .button{height:48px;min-height:48px;font-size:14px}
.app-shell .transport-time{color:var(--muted);font-size:11px;margin-left:0}
.app-shell .status-line{display:none}
.app-shell .status-line.error,.app-shell[data-state=preparing] .status-line,.app-shell[data-state=calibrating] .status-line{display:flex;min-height:24px;margin:6px 0 0}
.app-shell .status-line.error #status-message{max-height:72px}
.app-shell .score-stage{flex:2 1 0;min-height:0}
.app-shell #staff{padding-top:10px}
.app-shell .live-curve-panel{flex:1 1 0;min-height:0;height:auto;padding:0 14px;border-top:0;box-shadow:inset 0 1px var(--line)}
.app-shell .curve-heading,.app-shell .curve-foot,.app-shell #curve-empty{display:none}
.app-shell .live-curve-panel .curve-plot{height:100%}
.app-shell .lily-note-name{font-size:1.4px;font-weight:500;fill:var(--green)}
.app-shell .source-button{background:none;border:0;min-width:48px;gap:4px;font-size:12px}
.app-shell .site-header nav{display:none}
.app-shell #help-open{margin-left:auto}
.app-shell .follow-score{min-height:44px;box-shadow:none}
.app-shell .mode-intro,.app-shell .bank-heading>div>span,.app-shell .library-description{display:none}
@media(min-width:760px){
  .app-shell .shell{max-width:1060px;padding:12px 24px}
  .app-shell .score-heading h2{font-size:21px}
  .app-shell .score-foot{justify-content:center;gap:48px}
}
@media(max-width:359px){
  .app-shell .score-heading{padding:4px 12px}
  .app-shell .score-heading h2{font-size:15px}
  .app-shell .score-foot{padding:0 8px;gap:0}
  .app-shell .reference-notes{gap:0}
  .app-shell .transport-zone{padding:6px 10px}
  .app-shell .transport .button{font-size:13px;padding:0 8px}
  .app-shell .transport-time{width:auto;white-space:nowrap;font-size:10px}
}
@media(max-height:500px) and (orientation:landscape){
  .app-shell .score-heading{min-height:44px;padding:0 360px 0 14px}
  .app-shell .score-foot{position:absolute;top:0;right:8px;padding:0;border:0;min-height:44px;gap:8px}
  .app-shell .score-heading h2{font-size:14px}
  .app-shell .score-heading .source-button{min-width:44px}
  .app-shell .source-button span{display:none}
  .app-shell .transport-zone{padding:4px 14px}
  .app-shell .transport .button{height:44px;min-height:44px}
  .app-shell .transport{max-width:520px}
}