.listing-grid{margin:0;padding:0;list-style:none}.listing-card-item{margin:0;padding:0;list-style:none}.listing-card{display:flex;flex-direction:column;gap:0.4rem;align-items:flex-start;text-align:left;padding:0.75rem 1rem;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);background:var(--page-surface-muted);text-decoration:none;color:inherit;width:100%;box-sizing:border-box}.listing-card:hover{border-color:var(--page-frame-highlight)}.listing-card-title{font-weight:600;color:var(--brand-text-color,#0f172a);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--title-letter-spacing);word-break:break-word}.listing-card-meta{font-size:0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.82);width:100%}@media (min-width:768px){.listing-card{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.listing-card-title{flex:1;min-width:0;display:block;white-space:nowrap;-webkit-line-clamp:1;text-overflow:ellipsis}.listing-card-meta{flex-shrink:0}}@media (min-width:768px){.listing-grid .listing-card{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:1rem}.listing-grid .listing-card-title{flex:1 1 0;min-width:0}.listing-grid .listing-card-meta{flex-shrink:1;min-width:0;white-space:nowrap;text-align:right}.listing-grid .listing-card-meta.listing-card-ellipsis{max-width:45%}}.listing-card-fixed{white-space:nowrap}.listing-card-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}[data-theme="dark"] .listing-card-meta{color:rgba(var(--brand-text-color-rgb,248,250,252),0.9)}:root{--chord-detail-ad-width:160px;--chord-detail-ad-gap:var(--page-shell-gutter);--chord-detail-space-unit:clamp(0.5rem,2vw,1rem);--chord-detail-spacing:var(--chord-detail-space-unit);--chord-detail-gap:var(--chord-detail-spacing);--chord-detail-mini-card-width:132px;--chord-detail-mini-card-min-height:250px;--chord-detail-mini-image-width:110px;--chord-detail-mini-image-height:180px;--chord-detail-mini-visual-padding:0.25rem;--chord-detail-mini-card-padding:0.45rem;--chord-detail-mini-card-gap:0.35rem;--chord-detail-mini-card-radius:calc(var(--global-border-radius,8px) * 0.85);--chord-detail-main-card-width:clamp(180px,16vw,220px)}.chord-detail-shell{width:100%;max-width:calc(1080px + (2 * var(--chord-detail-ad-width)) + (2 * var(--chord-detail-ad-gap)));margin:0 auto;padding:0 var(--chord-detail-spacing) calc(var(--page-shell-top-offset) + 2rem)}.chord-detail-skyscraper{display:none;margin-top:var(--page-shell-top-offset)}.chord-detail-frame{margin:var(--page-shell-top-offset) 0 0;display:grid;gap:var(--chord-detail-gap)}.chord-detail-back{font-size:0.9rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.75)}.chord-detail-hero{display:grid;gap:1rem;padding-bottom:0.5rem}.chord-detail-title{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;letter-spacing:var(--title-letter-spacing);text-align:center}.chord-detail-hero-grid{display:grid;gap:1rem;align-items:start}.chord-detail-hero-left{display:grid;gap:0.7rem;justify-items:center;width:100%;max-width:var(--chord-detail-main-card-width)}.chord-detail-hero-right{display:grid;gap:0.65rem;align-content:start}img.chord-detail-main-visual{width:100%;height:auto;display:block;object-fit:contain}.chord-detail-visual-fallback{width:100%;min-height:320px;border:1px dashed var(--page-frame-color);border-radius:calc(var(--global-border-radius,8px) * 0.85);background:var(--page-surface-muted);display:grid;place-content:center;gap:0.35rem;text-align:center;padding:1rem}.chord-detail-visual-fallback strong{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.15}.chord-detail-visual-fallback span{font-size:0.82rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.62)}.chord-detail-description{margin:0;font-size:0.95rem;line-height:1.6;color:rgba(var(--brand-text-color-rgb,15,23,42),0.88)}.chord-detail-description--lead{font-weight:600;color:var(--brand-text-color)}.chord-detail-hero-panel{display:grid;gap:0.6rem;padding:0.75rem 0.85rem;border:1px solid var(--page-frame-color);border-radius:calc(var(--global-border-radius,8px) * 0.75);background:var(--page-surface-muted);text-align:left}.chord-detail-hero-panel .chord-detail-tips--compact{color:rgba(var(--brand-text-color-rgb,15,23,42),0.9)}.chord-detail-hero-panel .chord-detail-theory-row dt{color:rgba(var(--brand-text-color-rgb,15,23,42),0.78)}.chord-detail-hero-panel .chord-detail-theory-row dd{color:var(--brand-text-color)}.chord-detail-hero-group{display:grid;gap:0.4rem;padding-top:0.55rem;border-top:1px solid rgba(var(--brand-text-color-rgb,15,23,42),0.08)}.chord-detail-hero-panel .chord-detail-section-title{font-size:0.95rem}.chord-detail-audio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem;width:100%;max-width:100%}.chord-detail-audio-button{min-width:0;width:100%;box-sizing:border-box}.chord-detail-audio-button,.chord-detail-alt-audio,.chord-scale-companion-audio,.song-howto-audio.chord-transition-howto-audio,.chord-transition-practice-button{box-sizing:border-box;background:var(--page-surface-muted);color:var(--brand-text-color);border-color:var(--page-frame-color);box-shadow:none}.chord-detail-audio-button:hover,.chord-detail-alt-audio:hover,.chord-scale-companion-audio:hover,.song-howto-audio.chord-transition-howto-audio:hover,.chord-transition-practice-button:hover{transform:none;border-color:rgba(var(--brand-color-rgb,59,130,246),0.45);box-shadow:none}.chord-detail-audio-button:active,.chord-detail-alt-audio:active,.chord-scale-companion-audio:active,.song-howto-audio.chord-transition-howto-audio:active,.chord-transition-practice-button:active{transform:none;box-shadow:none}.chord-detail-audio-button.is-playing,.chord-detail-alt-audio.is-playing,.chord-scale-companion-audio.is-playing,.song-howto-audio.chord-transition-howto-audio.is-playing,.chord-transition-practice-button.is-playing{background:var(--brand-color);color:#fff;border-color:var(--brand-color);box-shadow:none}@media (min-width:920px){.chord-detail-title{text-align:left}.chord-detail-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:1rem}.chord-detail-hero-left{justify-items:center;justify-self:center;width:min(100%,var(--chord-detail-main-card-width));max-width:min(100%,var(--chord-detail-main-card-width))}.chord-detail-audio{justify-content:center}}@media (max-width:919px){.chord-detail-hero-left{margin-inline:auto;justify-items:center}.chord-detail-hero-right{text-align:center}}.chord-detail-leaderboard{--ui-leaderboard-height:80px}.chord-detail-sections{display:grid;gap:calc(var(--chord-detail-gap) * 1.5)}.chord-detail-section{padding:0;display:grid;gap:0.5rem}.chord-detail-section-title{font-size:1.1rem;font-weight:600}.chord-detail-section-desc{color:rgba(var(--brand-text-color-rgb,15,23,42),0.6);font-size:0.85rem;line-height:1.5}.chord-detail-subsection-title{font-size:0.95rem;font-weight:600;margin-top:0.25rem}.chord-detail-section + .chord-detail-section{padding-top:calc(var(--chord-detail-gap) * 1.5);border-top:1px solid rgba(var(--brand-text-color-rgb,15,23,42),0.08)}.chord-detail-tips{display:grid;gap:0.4rem;padding-left:1.2rem;list-style:disc;margin:0}.chord-detail-tips--compact{font-size:0.88rem;line-height:1.5}.chord-detail-mini-visual{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;width:calc( var(--chord-detail-mini-image-width) + (2 * var(--chord-detail-mini-visual-padding)) );height:calc( var(--chord-detail-mini-image-height) + (2 * var(--chord-detail-mini-visual-padding)) );border-radius:calc(var(--global-border-radius,8px) * 0.75);border:1px solid var(--page-frame-color);background:var(--brand-bg-color);padding:var(--chord-detail-mini-visual-padding);text-decoration:none;color:inherit}.chord-detail-mini-visual--static{pointer-events:none}.chord-detail-mini-visual img{display:block;width:var(--chord-detail-mini-image-width);height:var(--chord-detail-mini-image-height);object-fit:contain}.chord-detail-alt-item,.chord-transition-howto-chord-card,.chord-scale-companion-card{box-sizing:border-box;display:grid;gap:var(--chord-detail-mini-card-gap);justify-items:center;align-content:start;width:var(--chord-detail-mini-card-width);min-height:0}.chord-detail-alt-item{padding:0;border:0;border-radius:0;background:transparent}.chord-transition-howto-chord-card,.chord-scale-companion-card{padding:0;border:0;border-radius:0;background:transparent;min-height:0}.chord-detail-alt-grid{display:grid;gap:0.65rem;grid-template-columns:repeat( auto-fill,minmax( var(--chord-detail-mini-card-width),var(--chord-detail-mini-card-width) ) );justify-content:flex-start;justify-items:start;margin:0;padding:0;list-style:none}.chord-detail-alt-item{gap:0.4rem;list-style:none}.chord-detail-alt-item img{display:block}.chord-detail-alt-item > .song-howto-audio{width:100%}.chord-detail-alt-label{font-size:0.72rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.6);font-family:monospace;text-align:center}.chord-detail-alt-audio{--ui-control-font-size:0.72rem;--ui-control-padding:0.24rem 0.55rem;width:100%}.chord-detail-theory{display:grid;gap:0.5rem}.chord-detail-theory-row{display:flex;gap:0.75rem;align-items:baseline}.chord-detail-theory-row dt{font-weight:600;font-size:0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.65);min-width:5rem;flex-shrink:0}.chord-detail-theory-row dd{font-size:0.95rem;margin:0}.chord-transition-howto-list{display:flex;flex-direction:column;gap:0.75rem;margin:0;padding:0;list-style:none}.chord-transition-howto-item{margin:0;padding:0;list-style:none}.song-howto-step.chord-transition-howto-step{--chord-transition-visual-gap:0.6rem;--chord-transition-arrow-width:20px;--chord-transition-card-width:var(--chord-detail-mini-card-width);--chord-transition-center-gap:calc( (2 * var(--chord-transition-visual-gap)) + var(--chord-transition-arrow-width) );--chord-transition-row-width:calc( (2 * var(--chord-transition-card-width)) + var(--chord-transition-center-gap) );display:grid;gap:0.5rem;padding:0.8rem 1rem 0.7rem;border-radius:calc(var(--global-border-radius,8px) * 0.85);border:1px solid var(--page-frame-color);background:var(--page-surface-muted);transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.song-howto-step.chord-transition-howto-step:hover{border-color:rgba(var(--brand-color-rgb,59,130,246),0.28)}.song-howto-step-heading.chord-transition-howto-heading{margin:0;font-size:0.95rem;font-weight:700;color:var(--brand-text-color)}.song-howto-chords.chord-transition-howto-chords{display:flex;align-items:center;gap:var(--chord-transition-visual-gap);flex-wrap:wrap;width:min(100%,var(--chord-transition-row-width));margin-inline:auto}.chord-transition-howto-chord-card{gap:0.35rem;flex:0 0 var(--chord-transition-card-width);width:var(--chord-transition-card-width);max-width:var(--chord-transition-card-width);min-width:0;min-height:0;align-items:start;justify-items:center;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.chord-transition-howto-chord-card > .song-howto-chord.chord-transition-howto-chord,.chord-transition-howto-chord-card > .song-howto-audio.chord-transition-howto-audio{justify-self:center;margin-inline:auto}.song-howto-chord.chord-transition-howto-chord{display:block;width:100%;min-width:0;max-width:100%;margin-inline:auto;box-sizing:border-box;padding:0.12rem 0.08rem;border:0;border-radius:0;background:transparent;text-decoration:none;color:inherit}.song-howto-chord.chord-transition-howto-chord img{display:block;width:100%;max-width:100%;height:auto}.song-howto-chord.chord-transition-howto-chord--fallback{display:grid;place-items:center;text-align:center;font-size:0.84rem;font-weight:600;line-height:1.35;padding:0.35rem}.song-howto-audio.chord-transition-howto-audio{font-size:0.75rem;padding:0.25rem 0.65rem;width:100%;min-width:0;max-width:100%;white-space:normal;text-align:center;line-height:1.25}.song-howto-arrow.chord-transition-howto-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--brand-text-color)}.song-howto-arrow-icon.chord-transition-howto-arrow-icon{width:20px;height:20px}.song-howto-step-text{margin:0;font-size:0.9rem;color:var(--brand-text-color);overflow-wrap:anywhere}.song-howto-step-intro{margin:0 0 0.35rem;line-height:1.45}.song-howto-step-summary{margin:0.45rem 0 0;line-height:1.45}.song-howto-step-text ol,.song-howto-step-text ul{margin:0;padding-left:1.2rem;display:grid;gap:0.35rem}.song-howto-step-text ol{list-style:decimal}.song-howto-step-text ul{list-style:disc}.song-howto-step-text li{margin:0;line-height:1.45}.chord-transition-song-list{display:flex;flex-wrap:wrap;gap:0.35rem;justify-content:flex-start}.chord-transition-song-link{font-size:0.8rem;padding:0.2rem 0.5rem;background:var(--brand-bg-color);border:1px solid var(--page-frame-color);border-radius:calc(var(--global-border-radius,8px) / 2);text-decoration:none;color:var(--brand-color);transition:border-color 0.2s ease,box-shadow 0.2s ease}.chord-transition-song-link:hover{text-decoration:underline}.chord-transition-song-link:focus-visible{outline:none;border-color:rgba(var(--brand-color-rgb,59,130,246),0.68);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb,59,130,246),0.2)}.chord-transition-practice-controls{display:grid;gap:0.35rem;justify-items:stretch;width:min(100%,var(--chord-transition-row-width));max-width:min(100%,var(--chord-transition-row-width));margin-inline:auto}.chord-transition-practice-controls-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}.chord-transition-practice-button{min-width:0;width:100%;flex:1 1 auto;max-width:100%}.chord-transition-practice-button[disabled]{opacity:0.55;cursor:not-allowed}.song-howto-step.chord-transition-howto-step.is-transition-playing{border-color:var(--page-frame-color);box-shadow:none;background:var(--page-surface-muted)}.song-howto-chord.chord-transition-howto-chord,.chord-scale-companion-chord{transition:outline-color 0.2s ease}.song-howto-chord.chord-transition-howto-chord.is-audio-playback-focus,.song-howto-chord.is-audio-playback-focus,.chord-scale-companion-chord.is-audio-playback-focus,.chord-detail-main-visual.is-audio-playback-focus{outline:2px solid var(--brand-color);outline-offset:0}@media (prefers-reduced-motion:reduce){.song-howto-step.chord-transition-howto-step,.song-howto-chord.chord-transition-howto-chord{transition:none}}@media (min-width:980px){.song-howto-step.chord-transition-howto-step{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"chords heading" "chords text" "controls songs";column-gap:1rem;align-items:center}.song-howto-step-heading.chord-transition-howto-heading{grid-area:heading;text-align:left}.song-howto-chords.chord-transition-howto-chords{grid-area:chords;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;margin-inline:0}.song-howto-step-text{grid-area:text;align-self:center}.chord-transition-practice-controls{grid-area:controls;align-self:start;margin-inline:0}.chord-transition-song-list{grid-area:songs;justify-content:flex-start}}@media (max-width:979px){.chord-detail-frame{--chord-detail-mini-card-width:clamp(136px,43vw,176px);--chord-detail-mini-card-padding:clamp(0.14rem,0.3vw,0.24rem);--chord-detail-mini-image-width:calc( var(--chord-detail-mini-card-width) - (2 * var(--chord-detail-mini-card-padding)) );--chord-detail-mini-image-height:auto}.song-howto-step.chord-transition-howto-step{--chord-transition-visual-gap:clamp(0.35rem,1.6vw,0.5rem);--chord-transition-arrow-width:clamp(18px,4.6vw,22px);--chord-transition-card-width:calc( (100% - var(--chord-transition-arrow-width) - (2 * var(--chord-transition-visual-gap))) / 2 );--chord-detail-mini-card-width:var(--chord-transition-card-width);padding-inline:0.72rem}.song-howto-step-heading.chord-transition-howto-heading{text-align:center}.song-howto-chords.chord-transition-howto-chords{justify-content:center;flex-wrap:nowrap;width:100%;max-width:100%;margin-inline:auto}.song-howto-arrow-icon.chord-transition-howto-arrow-icon{width:var(--chord-transition-arrow-width);height:var(--chord-transition-arrow-width)}.chord-transition-howto-chord-card{width:var(--chord-transition-card-width);max-width:var(--chord-transition-card-width);flex-basis:var(--chord-transition-card-width)}.song-howto-audio.chord-transition-howto-audio{font-size:0.82rem;padding:0.34rem 0.72rem}.chord-transition-practice-controls{width:min(100%,var(--chord-transition-row-width));max-width:min(100%,var(--chord-transition-row-width));justify-items:center;margin-inline:auto}.chord-transition-practice-controls-actions{grid-template-columns:minmax(0,1fr);gap:0;width:100%;margin-inline:0}.chord-transition-practice-button{width:100%;min-width:0;flex:1 1 auto;font-size:0.82rem;padding:0.34rem 0.72rem;white-space:normal;text-align:center;line-height:1.25}.chord-transition-song-list{justify-content:center}.chord-detail-alt-grid,.chord-scale-companions{grid-template-columns:repeat(2,minmax(0,var(--chord-detail-mini-card-width)));justify-content:center;justify-items:center;gap:0.55rem}.chord-detail-alt-item,.chord-scale-companion-card{width:var(--chord-detail-mini-card-width);max-width:var(--chord-detail-mini-card-width)}}.chord-scale-list{display:grid;gap:0.75rem;margin:0;padding:0;list-style:none}.chord-scale-item{padding:0.65rem 0.85rem;background:var(--page-surface-muted);border-radius:var(--global-border-radius,8px);border:1px solid var(--page-frame-color);list-style:none}.chord-scale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.chord-scale-name{font-weight:600;font-size:0.9rem}.chord-scale-degree{font-size:0.8rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.82);font-style:italic}.chord-scale-companions{display:grid;grid-template-columns:repeat( auto-fill,minmax( var(--chord-detail-mini-card-width),var(--chord-detail-mini-card-width) ) );gap:0.5rem;justify-content:flex-start;justify-items:start;margin:0;padding:0;list-style:none}.chord-scale-companion-card{gap:0.35rem;color:inherit;text-align:center}.chord-scale-companion-chord{display:block;width:100%;min-width:0;max-width:100%;margin-inline:auto;box-sizing:border-box;padding:0.12rem 0.08rem;border:0;border-radius:0;background:transparent;text-decoration:none;color:inherit}.chord-scale-companion-chord img{display:block;width:100%;max-width:100%;height:auto}.chord-scale-companion-audio{--ui-control-font-size:0.72rem;--ui-control-padding:0.22rem 0.55rem;width:100%;min-width:0;white-space:normal;line-height:1.25}.chord-scale-companion-name{font-size:0.75rem;font-weight:600}.chord-scale-companion-degree{font-size:0.7rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.82);font-style:italic}.chord-scale-companion-item{list-style:none}.chord-scale-companion{font-size:0.8rem;padding:0.2rem 0.5rem;background:var(--brand-bg-color);border:1px solid var(--page-frame-color);border-radius:calc(var(--global-border-radius,8px) / 2);text-decoration:none;color:inherit}a.chord-scale-companion{color:var(--brand-color)}a.chord-scale-companion:hover{text-decoration:underline}.chord-detail-song-grid{display:grid;gap:0.5rem}@media (min-width:1280px){.chord-detail-shell{display:grid;grid-template-columns:var(--chord-detail-ad-width) minmax(0,1fr) var(--chord-detail-ad-width);column-gap:var(--chord-detail-ad-gap);align-items:flex-start;justify-content:center}.chord-detail-skyscraper{display:block;position:sticky;top:var(--page-shell-top-offset);align-self:flex-start;max-height:calc(100vh - var(--page-shell-top-offset) - var(--page-shell-bottom-offset))}.chord-detail-skyscraper--left{grid-column:1;justify-self:start}.chord-detail-skyscraper--right{grid-column:3;justify-self:end}.chord-detail-frame{grid-column:2;justify-self:stretch}}.chord-detail-skyscraper-slot{--ui-skyscraper-width:var(--chord-detail-ad-width)}[data-theme="dark"] .chord-detail-back,[data-theme="dark"] .chord-detail-section-desc,[data-theme="dark"] .chord-detail-alt-label,[data-theme="dark"] .song-howto-step-text,[data-theme="dark"] .chord-transition-song-link,[data-theme="dark"] .chord-detail-visual-fallback span{color:rgba(226,232,240,0.7)}[data-theme="dark"] .chord-scale-degree,[data-theme="dark"] .chord-scale-companion-degree{color:rgba(226,232,240,0.9)}[data-theme="dark"] .chord-detail-section + .chord-detail-section{border-top-color:rgba(148,163,184,0.2)}[data-theme="dark"] .song-howto-step.chord-transition-howto-step,[data-theme="dark"] .chord-detail-hero-panel{background:rgba(15,23,42,0.48)}[data-theme="dark"] .chord-detail-hero-panel{border-color:rgba(148,163,184,0.28)}[data-theme="dark"] .chord-detail-hero-panel .chord-detail-description{color:rgba(226,232,240,0.9)}[data-theme="dark"] .chord-detail-hero-panel .chord-detail-description--lead,[data-theme="dark"] .chord-detail-hero-panel .chord-detail-theory-row dd,[data-theme="dark"] .chord-detail-hero-panel .chord-detail-section-title,[data-theme="dark"] .chord-detail-hero-panel .chord-detail-tips--compact{color:rgba(226,232,240,0.96)}[data-theme="dark"] .chord-detail-hero-panel .chord-detail-theory-row dt{color:rgba(226,232,240,0.8)}[data-theme="dark"] .chord-detail-hero-group{border-top-color:rgba(148,163,184,0.24)}