.scale-finder.music-explorer{margin:0}.scale-finder.music-explorer h2{font-family:var(--sans);text-transform:none;letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.2rem}.scale-finder .finder-filter{background:var(--ui-surface);border-color:var(--ui-line);border-radius:1rem;padding:1.5rem}.scale-finder .finder-filter h2{font:700 1.6rem/1.2 var(--display);color:var(--ui-ink)}.scale-finder .finder-filter p,.scale-finder .finder-filter small,.scale-finder .finder-filter label{color:var(--ui-muted)}.scale-finder .finder-filter button:not(.ui-pill),.scale-finder .finder-filter select{color:var(--ui-ink);background:var(--ui-ground);border-color:var(--ui-line)}.scale-finder .finder-filter .explorer-panel-heading>button{background:0 0;border:0;text-decoration:underline}.scale-finder .finder-filter .explorer-notes{margin:1.25rem 0}.scale-finder .finder-filter .explorer-notes button[aria-pressed=true]{background:var(--highlight);color:var(--ui-on-highlight);border-color:var(--highlight)}.scale-finder .finder-filter .explorer-notes button[aria-pressed=true] small{color:inherit}.scale-finder .finder-filter .explorer-notes button:after{content:none}.finder-picker-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.finder-match{flex-wrap:wrap;gap:.3rem;display:flex}.scale-finder .finder-filter .explorer-refine{border-color:var(--ui-line);margin-top:.8rem}.scale-finder .finder-filter .explorer-refine>summary{color:var(--ui-ink);min-height:44px;display:list-item}.scale-finder .finder-filter .explorer-refine::details-content{content-visibility:auto}.scale-finder .finder-filter .explorer-refine:not([open])>.explorer-selects{display:none}.scale-finder .finder-filter .explorer-selects{grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem}.scale-finder .finder-results{padding-top:2rem;padding-bottom:2rem}.scale-finder .explorer-result-summary{margin:0 0 1.5rem}.scale-finder .explorer-result-summary h2{font-family:var(--display);font-size:clamp(1.6rem,3vw,2rem);font-weight:700;line-height:1.2}.scale-finder .explorer-result-summary .explorer-panel-heading{flex-wrap:wrap}.finder-workbench{grid-template-columns:minmax(230px,.85fr) minmax(0,1.65fr);align-items:start;gap:1.4rem;display:grid}.finder-list{border-top:1px solid var(--line)}.scale-finder .finder-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.8rem .6rem;display:grid}.scale-finder .finder-row.is-open{background:var(--ui-night);color:var(--ui-on-night);border:0;border-radius:.65rem;padding:1.15rem .9rem}.scale-finder .finder-select{text-align:left;background:0 0;border:0;min-width:0;padding:0}.scale-finder .finder-select strong{font:700 1.3rem/1.2 var(--display);display:block}.scale-finder .finder-select[aria-pressed=true]{box-shadow:none;color:inherit;background:0 0;border:0}.scale-finder .finder-row.is-open small{color:color-mix(in srgb, var(--ui-on-night) 72%, var(--ui-night))}.scale-finder .finder-row .explorer-sound button{color:inherit;background:0 0;border:0;padding:.4rem;font-size:.75rem}.scale-finder .finder-select .explorer-note-chips{gap:.3rem;margin:.5rem 0 0}.scale-finder .finder-preview{background:var(--surface);border:1px solid var(--line);border-radius:1rem;min-width:0;padding:1.4rem}.finder-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.scale-finder .finder-preview h3{font-family:var(--display);margin:.3rem 0 .65rem;font-size:clamp(1.6rem,3vw,1.9rem);font-weight:700;line-height:1.15}.scale-finder .finder-preview .finder-key-link{color:var(--ink);text-underline-offset:.2em;font-weight:600}.scale-finder .explorer-degrees{gap:.5rem;margin-bottom:1.2rem}.scale-finder .explorer-degrees>div{flex:1 0 2.5rem;min-width:0}.scale-finder .explorer-degrees .explorer-sound{align-items:stretch;display:flex}.scale-finder .explorer-degrees .is-selected button{background:var(--highlight);color:var(--ui-on-highlight);border-color:var(--highlight)}.finder-neck{color:var(--ui-on-night);background:var(--ui-night);border-radius:.7rem;margin-bottom:1.2rem;padding:1rem .75rem}.finder-neck-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.finder-labels{gap:.25rem;display:flex}.scale-finder .finder-root-note{color:color-mix(in srgb, var(--ui-on-night) 72%, var(--ui-night));margin:.6rem 0 0;font-size:.7rem}.finder-chords{border-top:1px solid var(--line);padding-top:1rem}.finder-chords h4{font:700 1.1rem/1.3 var(--display);margin:0 0 .75rem}.scale-finder .finder-chords .explorer-triads span{border-radius:2rem;padding:.35rem .6rem}.scale-finder .finder-chords>button{text-underline-offset:.2em;text-decoration:underline}.scale-finder .explorer-more{padding:1.2rem 0 0}@media (max-width:780px){.finder-workbench{grid-template-columns:minmax(0,1fr)}.finder-list{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.scale-finder .finder-row{border:1px solid var(--line);border-radius:.6rem}.scale-finder .finder-preview{padding:1.1rem}}@media (max-width:700px){.scale-finder .finder-row.is-open{padding:1rem}}@media (max-width:520px){.finder-list{grid-template-columns:1fr}.scale-finder .finder-filter{padding:1rem}.scale-finder .finder-filter .explorer-selects{grid-template-columns:1fr}.scale-finder .finder-filter select{font-size:1rem}.scale-finder .finder-filter h2{font-size:1.35rem}.scale-finder .finder-filter .explorer-panel-heading{align-items:start}.scale-finder .finder-select strong{font-size:1.2rem}}@media (max-width:367px){.scale-finder .explorer-degrees{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}
.explorer-note-chips{flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem;display:flex}.explorer-note-chips span{border:1px solid var(--line);background:var(--surface);min-width:32px;font-size:.8rem;font-family:var(--mono);text-align:center;border-radius:4px;padding:.45rem .5rem}.explorer-note-chips span.is-selected{border-color:var(--accent);background:var(--ground);font-weight:700}.explorer-note-chips.note-chips--compact span{background:0 0;border:0;min-width:0;padding:0;font-size:.7rem}.note-chips--compact .is-selected{color:var(--accent)}.note-chips--emphasized .is-selected{color:var(--highlight)}