.chord-finder-heading-icon{color:var(--primary)}.chord-finder-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.55fr) minmax(0,.88fr);grid-template-areas:"picker main side""board board board"}.chord-finder-picker{grid-area:picker}.chord-finder-main{text-align:center;grid-area:main;align-content:center;justify-items:center}.chord-finder-side{grid-area:side}.chord-finder-board{grid-area:board;grid-template-columns:minmax(0,1fr);min-width:0}.chord-finder-board>*{min-width:0}.chord-finder-root-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.chord-finder-quality-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.chord-finder-root-grid button,.chord-finder-quality-grid button{border:1.5px solid var(--border);min-height:46px;color:var(--navy);font:700 15px var(--font-body);cursor:pointer;background:#fff;border-radius:14px;padding:0 6px}.chord-finder-quality-grid button{min-height:40px;font-size:14px}.chord-finder-root-grid button[aria-pressed=true],.chord-finder-quality-grid button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:#fff}.chord-finder-root-grid button:focus-visible,.chord-finder-quality-grid button:focus-visible,.chord-finder-arrow:focus-visible,.chord-finder-diagram:focus-visible,.chord-finder-voicing-list button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.chord-finder-name b{color:var(--navy);font:800 clamp(48px, 5cqi, 72px) / 1 var(--font-display);letter-spacing:-.04em;display:block}.chord-finder-name span{color:var(--text-muted);font-size:17px;font-weight:700}.chord-finder-stage{grid-template-columns:52px minmax(0,340px) 52px;justify-content:center;align-items:center;gap:16px;width:100%;display:grid}.chord-finder-diagram{touch-action:pan-y;border-radius:18px;min-width:0}.chord-finder-diagram svg{width:100%;height:auto;max-height:330px}.chord-finder-arrow{background:var(--blue-wash);width:52px;height:52px;color:var(--primary);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.chord-finder-arrow:disabled{opacity:.35;cursor:default}.chord-finder-arrow svg{width:24px;height:24px}.chord-finder-voice{color:var(--text-body);font-size:15px}.chord-finder-keyboard{width:100%;max-width:620px}.chord-finder-keyboard svg{width:100%;height:auto}.chord-finder-play{justify-items:center;gap:16px;width:100%;display:grid}.chord-finder-audio{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px 24px;display:flex}.chord-finder-tone-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.chord-finder-tone-list li{background:var(--bg-light);color:var(--text-body);border-radius:12px;grid-template-columns:16px 46px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:grid}.chord-finder-tone-list b{color:var(--navy);font:800 20px var(--font-display)}.chord-finder-tone-list i{background:var(--primary);border-radius:50%;width:16px;height:16px;display:inline-block}.chord-finder-tone-list i.is-degree-root{background:var(--coral)}.chord-finder-tone-list i.is-degree-third{background:#04a33e}.chord-finder-tone-list i.is-degree-fifth{background:var(--yellow)}.chord-finder-tone-list i.is-degree-seventh{background:var(--lavender)}.chord-finder-voicing-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.chord-finder-voicing-list button{border:1.5px solid var(--border);color:var(--text-body);font:700 12.5px var(--font-body);cursor:pointer;background:#fff;border-radius:14px;align-content:start;gap:2px;padding:6px 4px 8px;display:grid}.chord-finder-voicing-list b{color:var(--navy);font-size:14px}.chord-finder-voicing-list button[aria-pressed=true]{border-color:var(--primary);background:var(--blue-wash);color:var(--primary)}.chord-finder-voicing-list button[aria-pressed=true] b{color:var(--primary)}.chord-finder-board-options{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.chord-finder-tip p{margin:0}.chord-finder-mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chord-finder-mode-tabs button{border:1.5px solid var(--border);min-height:52px;color:var(--navy);text-align:left;cursor:pointer;background:#fff;border-radius:16px;gap:2px;padding:6px 18px;display:grid}.chord-finder-mode-tabs b{font:800 15px var(--font-display)}.chord-finder-mode-tabs small{color:var(--text-muted);font-size:12px}.chord-finder-mode-tabs button[aria-selected=true]{border-color:var(--primary);background:var(--blue-wash)}.chord-finder-mode-tabs button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.chord-finder-studio{background:#fff;border-radius:26px;overflow:hidden}@media (max-width:899px){.chord-finder-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""picker""side""board";gap:12px}.chord-finder-grid>.tools-desk-card{border-radius:22px;padding:18px}.chord-finder-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.chord-finder-arrow{width:44px;height:44px}.chord-finder-root-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.chord-finder-quality-grid{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(64px,auto);grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.chord-finder-quality-grid button{scroll-snap-align:center}}@media (prefers-reduced-motion:reduce){.chord-finder-arrow{transition:none}}.chord-box{width:100%;height:auto;display:block}.chord-box.is-main{max-width:300px;max-height:330px;margin-inline:auto}.chord-box-board{fill:#fff}.chord-box-fret{stroke:#cbd5e1;stroke-width:1.4px}.chord-box-nut{stroke:var(--navy);stroke-width:5px}.chord-box-string{stroke:var(--navy);stroke-width:1.3px;opacity:.85}.chord-box-dot,.chord-box-barre{fill:var(--navy)}.chord-box-dot.is-root{fill:var(--coral)}.chord-box-finger{fill:#fff;font:800 12px var(--font-body)}.chord-box-open{fill:none;stroke:var(--navy);stroke-width:1.8px}.chord-box-open.is-root{stroke:var(--coral);stroke-width:2.4px}.chord-box-mute{fill:var(--text-muted);font:700 16px var(--font-body)}.chord-box-fret-number{fill:var(--text-muted);font:800 12px var(--font-body)}.chord-box-string-name{fill:var(--text-muted);font:700 10px var(--font-body)}