:root{--listing-ad-width:160px;--listing-ad-gap:var(--page-shell-gutter);--listing-space-unit:clamp(0.5rem,2vw,1rem);--listing-shell-spacing:var(--listing-space-unit);--listing-shell-gap:var(--listing-shell-spacing);--listing-shell-gap-half:calc(var(--listing-shell-spacing) / 2);--listing-shell-gap-double:calc(var(--listing-shell-spacing) * 2);--listing-card-gap-row:var(--listing-shell-gap-half);--listing-card-gap-column:var(--listing-shell-gap-half)}.listing-shell{width:100%;max-width:calc(1200px + (2 * var(--listing-ad-width)) + (2 * var(--listing-ad-gap)));margin:0 auto;padding:0 var(--listing-shell-spacing) calc(var(--page-shell-top-offset) + 2rem)}.listing-skyscraper{display:none;margin-top:var(--page-shell-top-offset)}@media (min-width:1280px){.listing-shell{display:grid;grid-template-columns:var(--listing-ad-width) minmax(0,1fr) var(--listing-ad-width);column-gap:var(--listing-ad-gap);align-items:flex-start;justify-content:center}.listing-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))}.listing-skyscraper--left{grid-column:1;justify-self:start}.listing-skyscraper--right{grid-column:3;justify-self:end}.listing-frame{grid-column:2;justify-self:stretch}}.listing-skyscraper-slot{width:var(--listing-ad-width);min-height:600px;height:600px;display:flex;align-items:stretch;justify-content:stretch}.listing-stack > * + *{margin-top:var(--listing-shell-gap)}.listing-leaderboard-wrap{width:100%;margin:var(--listing-shell-gap-half) 0}.listing-leaderboard-slot{width:100%;min-height:90px;border:0;border-radius:0;padding:0;background:transparent;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.listing-layout{display:flex;flex-direction:column;gap:var(--listing-shell-gap)}.listing-filter-sheet-backdrop{display:none}@media (min-width:1024px){.listing-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:calc(var(--listing-shell-gap) * 1.5)}}.listing-sidebar{display:flex;flex-direction:column;gap:var(--listing-shell-gap)}@media (min-width:1024px){.listing-sidebar{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));overflow-y:auto;padding-right:0.35rem}.listing-filter-sheet-toggle{display:none}}.listing-filter-sheet-header{display:none}.listing-filters{display:flex;flex-direction:column;gap:var(--listing-shell-gap-half)}.listing-filter-panels{display:flex;flex-direction:column;gap:var(--listing-shell-gap-half)}.listing-filter-panel{display:flex;flex-direction:column;gap:var(--listing-shell-gap-half);padding:0.75rem 0.85rem;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);background:var(--page-surface-muted)}.listing-filter-panel .listing-filter-panel-content[hidden]{display:none}.listing-filter-panel.has-selection{border-color:var(--page-frame-highlight)}.listing-filter-panel-title{font-size:0.8rem;font-weight:600;color:rgba(var(--brand-text-color-rgb,15,23,42),0.7);text-transform:uppercase;letter-spacing:0.08em}.listing-filter-toggle{background:transparent;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%}.listing-filter-toggle-label{display:inline-flex;align-items:center;gap:0.5rem;font-weight:600}.listing-filter-indicator{width:6px;height:6px;border-radius:999px;background:var(--brand-color);opacity:0}.listing-filter-panel.has-selection .listing-filter-indicator{opacity:1}.listing-filter-panel.is-open .listing-filter-toggle .ui-chevron{transform:rotate(180deg)}.listing-filter-search{width:100%;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.5rem 0.6rem;font-size:0.85rem;background:var(--page-surface)}.listing-filter-selected-chips{display:flex;flex-wrap:wrap;gap:0.4rem}.listing-filter-chip{display:inline-flex;align-items:center;gap:0.25rem;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);background:var(--page-surface);color:inherit;font-size:0.75rem;padding:0.2rem 0.45rem;cursor:pointer}.listing-filter-chip-icon{font-weight:700}.listing-filter-options{display:grid;gap:0.4rem}.listing-filter-options--stack{max-height:220px;overflow-y:auto}.listing-filter-option{display:grid;grid-template-columns:auto 1fr auto;gap:0.35rem;align-items:center;font-size:0.8rem;padding:0.25rem 0.3rem;border-radius:var(--global-border-radius);cursor:pointer}.listing-filter-option.is-disabled{opacity:0.4;pointer-events:none}.listing-filter-option.is-hidden{display:none}.listing-filter-checkbox{width:1rem;height:1rem}.listing-filter-option-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-filter-option-count{font-size:0.75rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.6);font-variant-numeric:tabular-nums}.listing-filter-select{width:100%;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.45rem 0.6rem;background:var(--page-surface);font-size:0.85rem}.listing-filter-select--stack{min-height:130px}.listing-filter-difficulty{display:flex;flex-wrap:wrap;gap:0.4rem}.listing-filter-key{display:flex;flex-wrap:wrap;gap:0.35rem}.listing-filter-key-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.15rem;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.4rem 0.6rem;min-width:6.5rem;font-size:0.8rem;font-weight:600;background:var(--page-surface);cursor:pointer;text-align:center}.listing-filter-key-button.is-active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.listing-filter-key-button.is-disabled{opacity:0.4;pointer-events:none}.listing-filter-difficulty-button,.listing-filter-chordcount-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.15rem;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.4rem 0.6rem;min-width:6.5rem;font-size:0.8rem;font-weight:600;background:var(--page-surface);cursor:pointer;text-align:center}.listing-filter-difficulty-button.is-active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.listing-filter-difficulty-button.is-disabled{opacity:0.4;pointer-events:none}.listing-filter-difficulty-button.is-hidden,.listing-filter-key-button.is-hidden{display:none}.listing-filter-key-label,.listing-filter-difficulty-label,.listing-filter-option-count{display:block;width:100%;text-align:center}.listing-main,.listing-panel{display:flex;flex-direction:column;gap:var(--listing-shell-gap)}.listing-load-more-wrap{margin-top:var(--listing-shell-gap);display:flex;justify-content:center}.listing-load-more-wrap[hidden]{display:none !important}.listing-load-more{border-radius:999px;border:1px solid var(--page-frame-color);background:var(--page-surface);padding:0.5rem 1rem;font-weight:600;cursor:pointer}.listing-load-more:hover{border-color:var(--page-frame-highlight)}.listing-results-status{font-size:0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.6)}.listing-control-bar{display:flex;flex-direction:column;gap:var(--listing-shell-gap-half)}.listing-control-row{display:flex;flex-direction:column;gap:var(--listing-shell-gap-half)}.listing-control-search{flex:1}.listing-control-popular{display:flex;flex-direction:column;gap:0.5rem}.listing-control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--listing-shell-gap-half)}.listing-control-actions > *{width:100%;min-height:2.75rem}.listing-sort,.listing-filter-sheet-toggle{width:100%;justify-content:center;text-align:center}@media (min-width:768px){.listing-control-row{flex-direction:row;align-items:center}.listing-control-row--search{flex:1}.listing-control-row--tools{align-items:flex-start}.listing-control-popular{flex:1}.listing-control-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--listing-shell-gap-half)}.listing-control-actions > *{width:auto;min-height:0}.listing-sort,.listing-filter-sheet-toggle{width:auto;justify-content:flex-start;text-align:left}}.listing-search-row{display:flex;gap:var(--listing-shell-gap-half)}.listing-search-input{width:100%;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.75rem 0.9rem;font-size:0.95rem;background:var(--page-surface);color:inherit}.listing-search-input:focus{outline:2px solid var(--brand-color);outline-offset:2px}.listing-sort{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.85rem;font-weight:600;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.35rem 0.6rem;background:var(--page-surface);cursor:default}.listing-filter-sheet-toggle{border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.35rem 0.6rem;font-size:0.85rem;font-weight:600;background:var(--page-surface);cursor:pointer}.listing-sort-select{border:0;background:transparent;font:inherit;padding:0;margin:0;cursor:pointer}.listing-sort-select:focus-visible,.listing-filter-checkbox:focus-visible,.listing-filter-select:focus-visible,.listing-filter-search:focus-visible,.listing-filter-difficulty-button:focus-visible,.listing-filter-key-button:focus-visible,.listing-filter-toggle:focus-visible,.listing-filter-chip:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.listing-popular{display:flex;flex-direction:column;gap:0.5rem}.listing-popular-scroller{display:flex;gap:0.4rem;overflow-x:auto;padding-bottom:0.25rem}.listing-popular-scroller[hidden]{display:none}.listing-popular-chip{display:inline-flex;align-items:center;gap:0.35rem;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);background:var(--page-surface);padding:0.3rem 0.7rem;font-size:0.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.listing-popular-chip--selected{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.listing-popular-chip-icon{font-size:0.9rem;line-height:1}.listing-popular-chip:hover{border-color:var(--page-frame-highlight)}@media (max-width:1023px){.listing-layout{position:relative}.listing-filter-sheet-backdrop{position:fixed;inset:0;background:transparent;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:50;display:block}.listing-sidebar{position:fixed;bottom:0;left:0;right:0;border-radius:24px 24px 0 0;background-color:var(--page-surface,#fff);padding:var(--listing-shell-gap);padding-bottom:calc(var(--listing-shell-gap) + env(safe-area-inset-bottom,0px));max-height:75vh;overflow-y:auto;transform:translateY(105%);transition:transform 0.25s ease;z-index:60}.listing-filter-sheet-header{display:grid;grid-template-columns:1fr auto;row-gap:var(--listing-shell-gap-half);align-items:center;padding-bottom:var(--listing-shell-gap-half)}.listing-filter-sheet-handle{width:44px;height:4px;border-radius:999px;background:rgba(15,23,42,0.2);margin:0 auto;grid-column:1 / -1}.listing-filter-sheet-title{font-size:0.95rem;font-weight:600;text-align:left;justify-self:start}.listing-filter-sheet-close{border:0;background:transparent;font-size:0.9rem;cursor:pointer;justify-self:end}.listing-filter-sheet-toggle{display:inline-flex;align-items:center;gap:0.4rem}.listing-filter-panel{background:var(--page-surface-muted)}.listing-control-row{flex-direction:column}.listing-control-search{width:100%}.listing-control-actions{width:100%;order:1}.listing-control-row--tools{flex-direction:column}.listing-control-popular{width:100%;order:2}.listing-control-actions > *{max-width:100%}}html.listing-filter-sheet-open,body.listing-filter-sheet-open{overflow:hidden}html.listing-filter-sheet-open .listing-filter-sheet-backdrop{opacity:1;pointer-events:auto}html.listing-filter-sheet-open .listing-sidebar{transform:translateY(0)}.listing-frame{margin:var(--page-shell-top-offset) 0 0}.note-listing-shell .listing-card{display:flex;flex-direction:column;gap:0.4rem;padding:0.9rem 1.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}.note-listing-shell .listing-card:hover{border-color:var(--page-frame-highlight)}.note-listing-shell .listing-card-title{font-weight:600;color:var(--brand-text-color,#0f172a);letter-spacing:var(--title-letter-spacing)}@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}.listing-card-meta{flex-shrink:0}}.listing-card-meta{font-size:0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.72)}@media (min-width:768px){.listing-shell .listing-card{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:1rem}.listing-shell .listing-card-title{flex:1;min-width:0}.listing-shell .listing-card-meta{flex-shrink:0;white-space:nowrap}}.listing-seo-text{margin-top:var(--listing-shell-gap-double);padding-top:var(--listing-shell-gap);border-top:1px solid var(--page-frame-color);color:rgba(var(--brand-text-color-rgb,15,23,42),0.75);font-size:0.95rem}.listing-card-fixed{white-space:nowrap}.listing-card-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}[data-theme="dark"] .listing-card-meta{color:rgba(var(--brand-text-color-rgb,248,250,252),0.7)}[data-theme="dark"] .listing-search-input{border-color:rgba(255,255,255,0.15)}[data-theme="dark"] .listing-filter-panel-title{color:rgba(var(--brand-text-color-rgb,248,250,252),0.75)}[data-theme="dark"] .listing-filter-panel.has-selection{border-color:rgba(248,250,252,0.4)}[data-theme="dark"] .listing-sort{border-color:rgba(148,163,184,0.3)}[data-theme="dark"] .listing-sort-select{color:inherit}[data-theme="dark"] .listing-filter-sheet-backdrop{background:rgba(15,23,42,0.7)}[data-theme="dark"] .listing-filter-sheet-handle{background:rgba(148,163,184,0.4)}[data-theme="dark"] .listing-filter-sheet-toggle,[data-theme="dark"] .listing-filter-sheet-close{color:inherit}[data-theme="dark"] .listing-filter-panel,[data-theme="dark"] .listing-popular-chip{background:rgba(30,41,59,0.9);border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .listing-filter-key-button,[data-theme="dark"] .listing-filter-difficulty-button{border-color:rgba(148,163,184,0.35);color:#fff}[data-theme="dark"] .listing-filter-select{background:rgba(15,23,42,0.5);color:#fff}[data-theme="dark"] .listing-filter-search{background:rgba(15,23,42,0.5);color:#fff;border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .listing-filter-option-count{color:rgba(248,250,252,0.7)}[data-theme="dark"] .listing-filter-chip{border-color:rgba(148,163,184,0.35);color:#fff}[data-theme="dark"] .listing-popular-chip{border-color:rgba(148,163,184,0.35);color:#fff}[data-theme="dark"] .listing-popular-chip:hover{border-color:rgba(248,250,252,0.5)}:root{--note-listing-ad-width:160px;--note-listing-ad-gap:var(--page-shell-gutter);--note-listing-space-unit:clamp(0.5rem,2vw,1rem);--note-listing-spacing:var(--note-listing-space-unit);--note-listing-gap:var(--note-listing-spacing);--note-listing-gap-half:calc(var(--note-listing-spacing) / 2);--note-listing-gap-double:calc(var(--note-listing-spacing) * 2)}.note-listing-shell{width:100%;max-width:calc(1200px + (2 * var(--note-listing-ad-width)) + (2 * var(--note-listing-ad-gap)));margin:0 auto;padding:0 var(--note-listing-spacing) calc(var(--page-shell-top-offset) + 2rem)}.note-listing-skyscraper{display:none;margin-top:var(--page-shell-top-offset)}@media (min-width:1280px){.note-listing-shell{display:grid;grid-template-columns:var(--note-listing-ad-width) minmax(0,1fr) var(--note-listing-ad-width);column-gap:var(--note-listing-ad-gap);align-items:flex-start}.note-listing-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))}.note-listing-skyscraper--left{grid-column:1;justify-self:start}.note-listing-skyscraper--right{grid-column:3;justify-self:end}.note-listing-frame{grid-column:2}}.note-listing-skyscraper-slot{width:var(--note-listing-ad-width);min-height:600px;height:600px;display:flex;align-items:stretch;justify-content:stretch}.note-listing-frame{margin:var(--page-shell-top-offset) 0 0}.note-listing-hero{display:flex;flex-direction:column;gap:var(--note-listing-gap);margin-bottom:var(--note-listing-gap)}.note-listing-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:var(--title-letter-spacing)}.note-listing-description{color:rgba(var(--brand-text-color-rgb,15,23,42),0.75);max-width:56ch}.note-listing-search{width:100%}.note-listing-search-input{width:100%;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.75rem 0.9rem;font-size:0.95rem;background:var(--page-surface);color:inherit}.note-listing-status{font-size:0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.6)}.note-listing-grid{display:flex;flex-direction:column;gap:var(--note-listing-gap-half)}.note-listing-grid .listing-card{min-height:3.6rem}.note-listing-empty{margin-top:var(--note-listing-gap);color:rgba(var(--brand-text-color-rgb,15,23,42),0.7);font-size:0.9rem}.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}@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){.note-listing-shell .listing-card{flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.note-listing-shell .listing-card-title{flex:1;min-width:0}.note-listing-shell .listing-card-meta{flex-shrink:0}}.note-listing-shell .listing-card-meta{font-size:0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.72)}[data-theme="dark"] .note-listing-shell .listing-card-meta{color:rgba(var(--brand-text-color-rgb,248,250,252),0.78)}[data-theme="dark"] .note-listing-search-input{border-color:rgba(255,255,255,0.2)}:root{--chord-listing-ad-width:160px;--chord-listing-ad-gap:var(--page-shell-gutter);--chord-listing-space-unit:clamp(0.5rem,2vw,1rem);--chord-listing-spacing:var(--chord-listing-space-unit);--chord-listing-gap:var(--chord-listing-spacing);--chord-listing-gap-half:calc(var(--chord-listing-spacing) / 2)}.chord-listing-shell{width:100%;max-width:calc(1200px + (2 * var(--chord-listing-ad-width)) + (2 * var(--chord-listing-ad-gap)));margin:0 auto;padding:0 var(--chord-listing-spacing) calc(var(--page-shell-top-offset) + 2rem)}.chord-listing-skyscraper{display:none;margin-top:var(--page-shell-top-offset)}.chord-listing-frame{margin:var(--page-shell-top-offset) 0 0;display:flex;flex-direction:column;gap:var(--chord-listing-gap)}.chord-listing-hero{display:flex;flex-direction:column;gap:var(--chord-listing-gap);margin-bottom:var(--chord-listing-gap)}.chord-listing-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:var(--title-letter-spacing)}.chord-listing-description{color:rgba(var(--brand-text-color-rgb,15,23,42),0.75);max-width:56ch}.chord-listing-filters{display:flex;flex-wrap:wrap;gap:0.5rem}.chord-listing-leaderboard{margin-bottom:var(--chord-listing-gap)}.chord-filter-button{border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);padding:0.4rem 0.75rem;font-size:0.85rem;font-weight:600;color:var(--brand-text);background:var(--page-surface);transition:all 0.2s ease}.chord-filter-button.is-active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.chord-listing-groups{display:grid;gap:calc(var(--chord-listing-gap) * 1.25)}.chord-listing-groups[data-active-family="all"] [data-chord-group]{display:grid}.chord-listing-groups[data-active-family="major"] [data-chord-group]:not([data-chord-family="major"]),.chord-listing-groups[data-active-family="minor"] [data-chord-group]:not([data-chord-family="minor"]),.chord-listing-groups[data-active-family="7"] [data-chord-group]:not([data-chord-family="7"]),.chord-listing-groups[data-active-family="maj7"] [data-chord-group]:not([data-chord-family="maj7"]),.chord-listing-groups[data-active-family="m7"] [data-chord-group]:not([data-chord-family="m7"]),.chord-listing-groups[data-active-family="dim"] [data-chord-group]:not([data-chord-family="dim"]),.chord-listing-groups[data-active-family="aug"] [data-chord-group]:not([data-chord-family="aug"]),.chord-listing-groups[data-active-family="sus2"] [data-chord-group]:not([data-chord-family="sus2"]),.chord-listing-groups[data-active-family="sus4"] [data-chord-group]:not([data-chord-family="sus4"]),.chord-listing-groups[data-active-family="add9"] [data-chord-group]:not([data-chord-family="add9"]),.chord-listing-groups[data-active-family="6"] [data-chord-group]:not([data-chord-family="6"]),.chord-listing-groups[data-active-family="9"] [data-chord-group]:not([data-chord-family="9"]),.chord-listing-groups[data-active-family="11"] [data-chord-group]:not([data-chord-family="11"]),.chord-listing-groups[data-active-family="13"] [data-chord-group]:not([data-chord-family="13"]){display:none}.chord-family-group{display:grid;gap:var(--chord-listing-gap-half)}.chord-family-title{font-size:1rem;font-weight:700;letter-spacing:var(--title-letter-spacing)}.chord-gallery-grid{display:grid;gap:var(--chord-listing-gap-half);grid-template-columns:repeat(2,minmax(0,1fr))}.chord-gallery-item{display:flex;align-items:flex-start;justify-content:flex-start;text-decoration:none;color:inherit;padding:0.35rem;border-radius:var(--global-border-radius);transition:transform 0.2s ease;aspect-ratio:5 / 9}.chord-gallery-item:hover{transform:translateY(-2px)}.chord-gallery-item img{width:100%;height:auto;max-width:180px;max-height:100%;object-fit:contain;display:block}.chord-listing-empty{margin-top:var(--chord-listing-gap);color:rgba(var(--brand-text-color-rgb,15,23,42),0.7)}.chord-listing-seo{margin-top:var(--chord-listing-gap);font-size:0.95rem;color:rgba(15,23,42,0.7)}@media (min-width:1280px){.chord-listing-shell{display:grid;grid-template-columns:var(--chord-listing-ad-width) minmax(0,1fr) var(--chord-listing-ad-width);column-gap:var(--chord-listing-ad-gap);align-items:flex-start;justify-content:center}.chord-listing-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-listing-skyscraper--left{grid-column:1;justify-self:start}.chord-listing-skyscraper--right{grid-column:3;justify-self:end}.chord-listing-frame{grid-column:2;justify-self:stretch}}@media (min-width:1024px){.chord-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.chord-listing-skyscraper-slot{width:var(--chord-listing-ad-width);min-height:600px;height:600px;display:flex;align-items:stretch;justify-content:stretch}[data-theme="dark"] .chord-filter-button{background:rgba(30,41,59,0.9);border-color:rgba(148,163,184,0.3);color:#fff}[data-theme="dark"] .chord-filter-button.is-active{background:var(--brand-color);border-color:var(--brand-color)}[data-theme="dark"] .chord-listing-description,[data-theme="dark"] .chord-listing-seo{color:rgba(226,232,240,0.8)}:root{--lesson-ad-width:160px;--lesson-ad-gap:var(--page-shell-gutter)}.lesson-page-shell{width:100%;max-width:calc(1200px + (2 * var(--lesson-ad-width)) + (2 * var(--lesson-ad-gap)));margin:0 auto;padding:0 var(--page-shell-gutter) calc(var(--page-shell-top-offset) + 2rem)}.lesson-skyscraper{display:none;margin-top:var(--page-shell-top-offset)}@media (min-width:1280px){.lesson-page-shell{display:grid;grid-template-columns:var(--lesson-ad-width) minmax(0,1fr) var(--lesson-ad-width);column-gap:var(--lesson-ad-gap);align-items:flex-start;justify-content:center}.lesson-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))}.lesson-skyscraper--left{grid-column:1;justify-self:start}.lesson-skyscraper--right{grid-column:3;justify-self:end}.lesson-listing-frame{grid-column:2;justify-self:stretch}}.lesson-skyscraper-slot{width:var(--lesson-ad-width);min-height:600px;height:600px;display:flex;align-items:stretch;justify-content:stretch}.lesson-listing-frame{margin:var(--page-shell-top-offset) 0 0}.lesson-listing-shell{display:flex;flex-direction:column;gap:2rem}.lesson-skip-link{position:absolute;left:1rem;top:1rem;transform:translateY(-200%);background:var(--brand-color,#6366f1);color:#fff;padding:0.5rem 1rem;border-radius:var(--global-border-radius);font-weight:600;z-index:10}.lesson-skip-link:focus-visible{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}.lesson-listing-hero h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:600;margin:0}.lesson-listing-hero p{margin:0;font-size:1rem;line-height:1.65;color:rgba(var(--brand-text-color-rgb,15,23,42),0.8)}.lesson-continue-card{padding:1.5rem;border-radius:1.5rem;border:1px solid rgba(var(--brand-color-rgb,37,99,235),0.2);background:rgba(var(--brand-color-rgb,37,99,235),0.08);display:flex;flex-direction:column;gap:0.65rem}.lesson-continue-card.is-hidden{display:none}.lesson-continue-label{text-transform:uppercase;letter-spacing:0.12em;font-size:0.7rem;font-weight:700;color:rgba(var(--brand-text-color-rgb,15,23,42),0.6)}.lesson-continue-title{margin:0;font-size:1.2rem;font-weight:600}.lesson-continue-link{align-self:flex-start;display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.9rem;border-radius:999px;background:var(--brand-color,#6366f1);color:#fff;font-size:0.85rem;font-weight:600;text-decoration:none}.lesson-module-nav{display:flex;flex-wrap:wrap;gap:0.75rem}.lesson-module-nav-link{background:transparent;border-color:var(--page-frame-color)}.lesson-module-nav-link:focus-visible{outline:2px solid var(--brand-color,#6366f1);outline-offset:2px}.lesson-module-section{display:flex;flex-direction:column;gap:1.1rem}.lesson-module-heading{display:flex;flex-direction:column;gap:0.4rem}.lesson-section-label{margin:0;font-size:0.75rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(var(--brand-text-color-rgb,15,23,42),0.65)}.lesson-module-heading h2{margin:0;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:600}.lesson-module-description{margin:0;color:rgba(var(--brand-text-color-rgb,15,23,42),0.8);line-height:1.6}.lesson-module-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.9rem}.lesson-listing-hero-heading{display:flex;flex-direction:column;gap:0.75rem}.lesson-hero-cta{align-self:flex-start}.lesson-listing-card{display:grid;grid-template-columns:auto 1fr;gap:0.9rem;padding:0.95rem 1.15rem;border-radius:var(--global-border-radius);border:1px solid var(--page-frame-color);background:var(--brand-surface-color)}.lesson-listing-card:hover,.lesson-listing-card:focus-within{border-color:var(--page-frame-highlight)}.lesson-listing-card-index{width:2.5rem;height:2.5rem;border-radius:var(--global-border-radius);background:rgba(var(--brand-color-rgb,37,99,235),0.15);display:flex;align-items:center;justify-content:center;font-weight:700}.lesson-listing-card-title{font-size:1.1rem;font-weight:600;text-decoration:none;color:inherit}.lesson-listing-card-title:focus-visible{outline:2px solid var(--brand-color,#6366f1);outline-offset:2px}.lesson-listing-card-summary{margin:0.25rem 0 0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.8)}.lesson-listing-card-meta{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;font-size:0.85rem;color:rgba(var(--brand-text-color-rgb,15,23,42),0.72)}.lesson-meta-text{font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(var(--brand-text-color-rgb,15,23,42),0.75)}.lesson-meta-text--muted{color:rgba(var(--brand-text-color-rgb,15,23,42),0.6)}[data-theme="dark"] .lesson-meta-text{color:rgba(var(--brand-text-color-rgb,248,250,252),0.8)}[data-theme="dark"] .lesson-meta-text--muted{color:rgba(var(--brand-text-color-rgb,248,250,252),0.65)}@media (max-width:640px){.lesson-module-section{padding:1.25rem}.lesson-listing-card{grid-template-columns:1fr}.lesson-listing-card-index{width:2rem;height:2rem}}