.ui-section.chord-workspace{padding-top:0;padding-bottom:3rem}.chord-controls{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr;gap:2rem;padding-bottom:1.25rem;display:grid}.chord-controls fieldset{border:0;min-width:0;margin:0;padding:0}.chord-control-pills{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.chord-quality-select{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.8rem;display:flex}.chord-quality-select select{background:var(--surface);min-width:0;max-width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:.4rem;padding:.45rem .65rem}.chord-bench{min-width:0;margin-top:1.25rem}.chord-bench-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.chord-bench-heading .chord-bench-title{font-family:var(--display);color:inherit;text-transform:none;letter-spacing:-.02em;margin:.4rem 0;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:700;line-height:1.15}.chord-bench-heading p{color:var(--muted);margin:.5rem 0 0}.chord-bench-instruction{color:var(--muted);margin:1.25rem 0 0}.chord-reference-link{margin:1.25rem 0 0;font-size:.85rem}.chord-extras{padding-top:2.5rem;padding-bottom:2rem}.chord-related h2{font-family:var(--display);text-transform:none;letter-spacing:-.02em;margin:.6rem 0;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:700;line-height:1.2}.chord-workspace .chord-bench-heading p,.chord-workspace .chord-bench-instruction,.chord-workspace .chord-controls legend{color:var(--ui-muted)}.chord-workspace .chord-reference-link a{color:var(--ui-ink)}.chord-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.chord-related-grid>button{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.3rem;display:flex}.chord-related-grid strong{font:700 1.8rem/1.15 var(--display)}.chord-related-grid button>span:last-child{border-top:1px solid var(--line);width:100%;padding-top:.8rem;font-size:.85rem}.chord-note-finder{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.chord-note-finder>summary{font:700 1.2rem/1.5 var(--display);cursor:pointer}.chord-note-finder .explorer-filter-panel{margin-top:1rem}.chord-match-pills{flex-wrap:wrap;gap:.5rem;display:flex}.chord-matches .explorer-more{justify-content:flex-start;padding:0}.chord-context a{margin-left:1rem}.explorer-chord-detail .chord-bench{grid-column:1/-1;width:100%}@media (max-width:52rem){.chord-controls{grid-template-columns:minmax(0,1fr);gap:1.25rem}}@media (max-width:40rem){.chord-related-grid{grid-template-columns:minmax(0,1fr)}.chord-bench-heading{align-items:flex-start}}
.music-explorer{margin:1.5rem 0 2rem}.music-explorer h2,.music-explorer h3{font-family:var(--sans);text-transform:none;letter-spacing:-.02em;color:var(--ink)}.music-explorer h2{margin:0;font-size:1.2rem}.music-explorer h3{margin:0;font-size:1rem}.music-explorer p{color:var(--muted);margin:.4rem 0 1rem;font-size:.875rem;line-height:1.6}.music-explorer small{color:var(--muted);font-size:.78rem;line-height:1.6;display:block}.music-explorer button:not(.ui-pill),.music-explorer select{min-width:44px;min-height:44px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:6px;padding:.65rem .85rem;font-size:.875rem}.music-explorer button:not(.ui-pill):hover{border-color:var(--accent)}.music-explorer button:not(.ui-pill):focus-visible,.music-explorer a:not(.ui-pill):focus-visible,.music-explorer select:focus-visible,.music-explorer summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.music-explorer button:not(.ui-pill):disabled{opacity:.5;cursor:default}.music-explorer button:not(.ui-pill)[aria-pressed=true]{background:var(--ground);border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.explorer-filter-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:1.4rem}.explorer-panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.explorer-panel-heading p{margin:.2rem 0 1rem}.explorer-note-field{border:0;min-width:0;margin:0;padding:0}.explorer-note-field legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.explorer-notes{grid-template-columns:repeat(12,minmax(0,1fr));gap:.45rem;margin-top:.4rem;display:grid}.explorer-notes button{min-height:56px;font-family:var(--mono);padding:.35rem .2rem;position:relative}.explorer-notes small{font-size:.65rem}.explorer-notes button[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink);box-shadow:none}.explorer-notes button[aria-pressed=true] small{color:inherit}.explorer-notes button[aria-pressed=true]:after{content:"✓";font-size:.6rem;position:absolute;top:.2rem;right:.3rem}.explorer-selection{margin:1rem 0 .65rem!important}.explorer-refine{border-top:1px solid var(--line);padding-top:.7rem}.explorer-refine>summary{cursor:pointer;min-height:44px;font-size:.875rem}.explorer-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.explorer-selects label{color:var(--muted);font-size:.8rem}.explorer-selects select{width:100%;margin-top:.35rem;display:block}.explorer-result-summary{margin-top:1.4rem}.explorer-result-summary p{margin:.75rem 0}.explorer-row{border-bottom:1px solid var(--line);padding:1.15rem .4rem}.explorer-row.is-open{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.15rem .9rem}.explorer-row-main{grid-template-columns:minmax(170px,1fr) minmax(0,2.4fr) auto;align-items:center;gap:1.2rem;display:grid}.explorer-result-name a{color:var(--ink);text-decoration:none}.explorer-result-name a:hover{text-decoration:underline}.explorer-result-name small{margin-top:.2rem}.explorer-actions{flex-wrap:wrap;align-items:start;gap:.35rem;display:flex}.explorer-actions button{padding:.6rem;font-size:.75rem}.explorer-detail{padding-top:1.5rem}.explorer-detail a{color:var(--accent);font-size:.875rem}.explorer-degrees{flex-wrap:wrap;gap:.5rem;margin:.7rem 0 1.5rem;display:flex}.explorer-degrees>div{text-align:center;flex-direction:column;gap:.4rem;display:flex}.explorer-degrees>div>span:last-child{color:var(--muted);font-size:.8rem}.explorer-triads{flex-wrap:wrap;gap:.4rem;display:flex}.explorer-triads span{border:1px solid var(--line);border-radius:5px;padding:.65rem;font-size:.75rem}.explorer-more{justify-content:center;padding:1.3rem;display:flex}.explorer-context{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.explorer-chord-detail{grid-template-columns:230px 1fr;gap:2rem;display:grid}.explorer-chord-detail figure{margin:0}.explorer-chord-detail figcaption{color:var(--muted);font-size:.75rem}.explorer-chord-detail .chord-diagram{max-width:210px}.explorer-empty{border:1px solid var(--line);border-radius:10px;padding:1.5rem}@media (min-width:701px){.explorer-refine>summary{display:none}.explorer-refine>.explorer-selects{display:grid}.explorer-refine::details-content{content-visibility:visible}}@media (max-width:1000px){.explorer-row-main{grid-template-columns:minmax(145px,1fr) minmax(0,2fr)}.explorer-row-main>.explorer-actions{grid-column:2}}@media (max-width:700px){.music-explorer{margin-top:1rem}.explorer-filter-panel{padding:1rem}.explorer-notes{grid-template-columns:repeat(6,minmax(0,1fr))}.explorer-selects{grid-template-columns:1fr}.explorer-refine:not([open])>.explorer-selects{display:none}.explorer-row-main{grid-template-columns:1fr;gap:.7rem}.explorer-row-main>.explorer-actions{grid-column:auto}.explorer-row{padding:1.2rem .2rem}.explorer-row.is-open{padding:1rem}.explorer-result-summary>.explorer-panel-heading,.explorer-detail>.explorer-panel-heading{flex-direction:column;align-items:start;gap:.4rem}.explorer-detail>.explorer-panel-heading{margin-bottom:.7rem}.explorer-chord-detail{grid-template-columns:1fr;gap:1rem}.explorer-panel-heading{gap:.5rem}.explorer-notes button{min-width:44px}}@media (max-width:367px){.explorer-notes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.music-explorer .explorer-result-summary p{margin:.5rem 0}.explorer-panel-heading p{margin-bottom:.5rem}.explorer-result-summary{margin-top:1rem}}
.chord-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.chord-shapes__card{min-width:0}.chord-shapes__select{border:1px solid var(--line);background:var(--surface);width:100%;height:100%;min-height:44px;color:var(--ink);font-family:var(--sans);cursor:pointer;border-radius:.85rem;flex-direction:column;align-items:center;padding:1rem;font-size:1rem;line-height:1.5;display:flex}.chord-shapes__select[aria-pressed=true]{background:var(--highlight);color:var(--ui-on-highlight);border-color:var(--highlight)}.chord-shapes__select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.chord-shapes__title{font-family:var(--display);align-self:flex-start;font-weight:700}.chord-shapes__select svg{width:150px;max-width:100%;height:160px;margin:.6rem auto;display:block}.chord-shapes__frets{font-family:var(--mono);font-size:.75rem}.chord-shapes__caption{margin-top:.5rem;font-size:.75rem}.chord-shapes__play{border-top:1px solid var(--line);width:100%;margin-top:1rem;padding-top:.6rem;font-size:.8rem}.chord-shapes__problem{color:var(--warn);margin:.6rem 0 0;font-size:.85rem}@media (max-width:52rem){.chord-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:28rem){.chord-shapes{grid-template-columns:minmax(0,1fr)}}