.melody-v4 .mt-dock .mt-dock-chords{gap:12px;min-width:0;display:grid}.melody-v4 .mt-dock .mt-dock-chords-status{color:var(--text);font:var(--mt-type-label);margin:0}.melody-v4 .mt-dock .mt-dock-chords-none{justify-items:start;gap:6px;display:grid}.melody-v4 :is(.mt-dock,.mt-scope) :is(.mt-dock-chords-link,.mt-chord-popover-link){min-height:var(--mt-touch-min);color:var(--secondary-ink);font:var(--mt-type-label);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.melody-v4 :is(.mt-dock,.mt-scope) :is(.mt-dock-chords-link,.mt-chord-popover-link):focus-visible,.melody-v4 :is(.mt-dock,.mt-scope) .mt-vcard-more:focus-visible,.melody-v4 .mt-scope .mt-chordline-chord:focus-visible,.melody-v4 .mt-scope .mt-chord-popover-title:focus-visible{outline:3px solid color-mix(in srgb,var(--secondary)72%,var(--text));outline-offset:2px}.melody-v4 :is(.mt-page,.mt-dock,.mt-scope) .mt-vcard.is-compact{gap:4px;padding:10px 6px}.melody-v4 :is(.mt-dock,.mt-scope) .mt-vcard-more{width:100%;min-height:var(--mt-touch-min);white-space:normal;padding:4px 8px;font-size:13px;line-height:1.25}.melody-v4 :is(.mt-dock,.mt-scope) .mt-vcard-more[aria-expanded=true]{border-color:var(--primary)}.melody-v4 :is(.mt-dock,.mt-scope) .mt-vcard-note{color:var(--text);font:var(--mt-type-caption);overflow-wrap:anywhere}.melody-v4 .mt-dock .mt-dock-chords-newtab{font-weight:400}.melody-v4 :is(.mt-dock,.mt-scope) .mt-vcard-missing{align-content:center;min-height:120px}.melody-v4 :is(.mt-dock,.mt-scope) .mt-vcard-missing .mt-vcard-caption{color:var(--text)}.melody-v4 .mt-dock .mt-dock-chords-positions{border:1px dashed var(--line-strong);border-radius:var(--radius-md);grid-column:1/-1;gap:10px;min-width:0;padding:12px;display:grid}.melody-v4 .mt-dock .mt-dock-chords-positions-head{color:var(--text);font:var(--mt-type-label);margin:0}.melody-v4 .mt-scope.mt-chordline{padding:8px 12px 0;position:relative}.melody-v4 .mt-scope .mt-chordline-from{color:var(--text-soft);font:var(--mt-type-caption);margin:0 0 2px;padding:0 8px}.melody-v4 .mt-scope .mt-chordline-list{flex-wrap:wrap;gap:2px 10px;margin:0;padding:0;list-style:none;display:flex}.melody-v4 .mt-scope .mt-chordline-chord{min-width:var(--mt-touch-min);min-height:var(--mt-touch-min);border-radius:var(--radius-sm);color:var(--primary-ink);font:var(--mt-type-label-mono);cursor:pointer;background:0 0;border:0;padding:0 8px}.melody-v4 .mt-scope .mt-chordline-chord:hover{background:var(--surface-2)}.melody-v4 .mt-scope .mt-chordline-chord[aria-expanded=true]{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.melody-v4 .tab-detail-stage-body:has(>.mt-chordline){isolation:isolate}.melody-v4 .mt-scope .mt-chord-popover{z-index:1003;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);width:184px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-soft);color:var(--text);text-align:center;justify-items:center;gap:6px;padding:12px;display:grid;position:absolute}.melody-v4 .mt-scope .mt-chord-popover-title{color:var(--text);font:var(--mt-type-label);border-radius:var(--radius-sm);margin:0;font-size:16px}.melody-v4 .mt-scope .mt-chord-popover-title:focus:not(:focus-visible){outline:none}.melody-v4 .mt-scope .mt-chord-popover-caption{color:var(--text-soft);font:var(--mt-type-caption);overflow-wrap:anywhere;margin:0}@media (forced-colors:active){.melody-v4 .mt-scope .mt-chord-popover{border-color:canvastext}.melody-v4 .mt-scope .mt-chordline-chord[aria-expanded=true]{outline:2px solid highlight}}
