.chords-page{--chords-sheet:var(--paper-2);--chords-mono:var(--font-mono),"IBM Plex Mono",ui-monospace,monospace;--chords-ui:var(--font-instrument),"Instrument Sans",sans-serif}.chords-title{margin:.75rem 0 1rem;font-size:clamp(3rem,6vw,4.2rem)}.chords-intro{margin:0 0 2rem;color:var(--walnut)}.chords-picker{display:grid;gap:1.25rem;padding:1.1rem 0 1.5rem;border-top:3px solid var(--ink);border-bottom:1px solid var(--rule)}.chords-group{margin:0;padding:0;border:0;min-width:0}.chords-legend,.chords-meta-label{font-family:var(--chords-mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--walnut)}.chords-legend{padding:0;margin-bottom:.6rem}.chords-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.1rem,1fr));gap:.4rem}.chords-chips:has(.chords-chip-wide){grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr))}.chords-chip{position:relative;display:block;cursor:pointer}.chords-chip-input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.chords-chip span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 .5rem;border:1px solid var(--rule);background:var(--chords-sheet);font-family:var(--chords-ui);font-size:.95rem;font-weight:500;color:var(--ink)}.chords-chip:hover span{border-color:var(--walnut)}.chords-chip-input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:inset 0 -3px 0 var(--burst)}.chords-chip-input:focus-visible+span{outline:2px solid var(--burst);outline-offset:2px}.chords-result{padding-top:2rem}.chords-result-head{display:grid;gap:.2rem;margin-bottom:1.5rem}.chords-symbol{margin:0;font-family:var(--font-fraunces),"Fraunces",serif;font-size:clamp(2.6rem,5vw,3.4rem);font-weight:500;font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 0;letter-spacing:-.02em;line-height:1}.chords-name{margin:0;font-style:italic;color:var(--walnut)}.chords-frets,.chords-notes,.chords-tones{margin:0;font-family:var(--chords-mono);font-size:.9rem}.chords-tones{margin-top:.4rem}.chords-empty{color:var(--walnut)}.chords-voicings{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:0;padding:0;list-style:none}@media (min-width:900px){.chords-voicings{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}}.chords-voicing{min-width:0;padding:.9rem 1rem 1rem;border-top:2px solid var(--ink);background:var(--chords-sheet)}.chords-voicing-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.6rem}.chords-voicing-title{margin:0;font-family:var(--chords-ui);font-size:.95rem;font-weight:500}.chords-voicing-num{margin-right:.6rem;font-family:var(--chords-mono);font-size:.75rem;color:var(--burst)}.chords-frets code{font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.08em}.chords-figures{display:grid;grid-template-columns:110fr 112fr 76fr;gap:.5rem;align-items:end}.chords-figure{margin:0;min-width:0}.chords-figure figcaption{margin-top:.3rem;text-align:center;font-family:var(--chords-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--walnut)}.chords-notes{margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--rule)}.chords-svg{display:block;width:100%;height:auto;max-width:200px;margin:0 auto;overflow:visible}.chords-line{stroke:var(--ink);stroke-width:.8}.chords-nut{stroke:var(--ink);stroke-width:3.5}.chords-accidental path,.chords-mute{stroke:var(--ink);stroke-width:1.3;fill:none}.chords-open{fill:none;stroke:var(--ink);stroke-width:1.2}.chords-clef-dot,.chords-dot,.chords-head{fill:var(--ink)}.chords-dot-root{fill:var(--burst)}.chords-barre{stroke:var(--ink);stroke-width:7;stroke-linecap:round;opacity:.85}.chords-head-hole,.chords-tab-knock{fill:var(--chords-sheet)}.chords-clef{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chords-clef-8,.chords-fretnum,.chords-string-name,.chords-tab-clef,.chords-tab-num{font-family:var(--chords-mono);fill:var(--ink)}.chords-fretnum{font-size:9px}.chords-string-name{font-size:8px;fill:var(--walnut)}.chords-clef-8{font-size:7px}.chords-tab-clef{font-size:11px;font-weight:600}.chords-tab-num{font-size:10.5px;font-weight:600}