.chord-instrument{flex:1 0 auto;justify-content:center;padding:.25rem 1rem 1rem;display:flex}.page-chords-tool .tool-screen{height:auto;min-height:max(100svh, calc(var(--tool-bar-height) + var(--tool-device-min)))}.page-chords-tool .tool-device{flex:1 0 auto}.chord-instrument :is(.vi-label,.vi-chip,.chord-play-key){font-family:var(--font-family-ui);letter-spacing:.02em}.chord-face{flex-direction:column;justify-content:center;gap:10px;width:100%;max-width:36rem;display:flex}@media (min-width:1024px) and (min-height:760px){.chord-face{max-width:46rem}}.chord-readout{flex-wrap:wrap;align-items:center;gap:4px 16px;padding:12px 16px;display:flex}.chord-title{flex:12rem;align-items:baseline;gap:12px;min-width:0;display:flex}.chord-symbol{letter-spacing:-.01em;white-space:nowrap;font-size:clamp(2.75rem,12vw,3.75rem);font-stretch:80%}.chord-name{margin:0;font-size:1.125rem;font-weight:800;line-height:1.3}.chord-notes{gap:6px;list-style:none;display:flex}.chord-notes li{background:var(--vi-key);border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:2.75rem;padding:6px 8px;display:flex}.chord-note{font-family:var(--vi-num);font-size:1.25rem;font-weight:700;font-stretch:85%;line-height:1.1}.chord-solfege{color:var(--vi-ink);white-space:nowrap;font-size:.75rem;font-weight:500}.chord-board{flex-direction:column;gap:10px;padding:12px;display:flex}.chord-keyboard{touch-action:manipulation;width:100%;height:auto;display:block}.chord-key-white{fill:var(--card-raised);stroke:var(--vi-line);stroke-width:1px}.chord-key-black{fill:var(--vi-ink)}[data-lit=true]>.chord-key-white,[data-lit=true]>.chord-key-black{fill:var(--vi-signal)}.chord-key-name{font-family:var(--vi-num);fill:var(--vi-on-signal);font-size:8px;font-weight:700;font-stretch:80%}.chord-marks-black .chord-key-name{font-size:6.5px}.chord-key-finger-dot{fill:var(--card-raised)}.chord-key-finger{font-family:var(--vi-num);fill:var(--vi-ink);font-size:9px;font-weight:700}.chord-marks-black .chord-key-finger{font-size:7.5px}.chord-options{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.chord-segment{flex-wrap:wrap;gap:4px;display:flex}.chord-segment .vi-chip{min-height:32px;padding-inline:10px;font-size:12px}.chord-play{grid-template-columns:3fr 2fr;gap:8px;display:grid}.chord-play-key{border-radius:12px;justify-content:center;align-items:center;gap:8px;height:52px;font-size:14px;font-weight:700;display:flex}.chord-picker{flex-direction:column;gap:6px;padding:8px;display:flex}.chord-roots,.chord-kinds{gap:4px;list-style:none;display:grid}.chord-roots{grid-template-columns:repeat(6,minmax(0,1fr))}.chord-kinds{grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width:640px){.chord-roots{grid-template-columns:repeat(12,minmax(0,1fr))}.chord-kinds{grid-template-columns:repeat(9,minmax(0,1fr))}}.chord-pick{height:40px;font-family:var(--vi-num);letter-spacing:0;text-transform:none;border-radius:10px;font-size:15px;font-weight:700;font-stretch:85%;text-decoration:none;display:grid}.chord-pick[data-selected=true]{color:var(--vi-panel);background:var(--vi-ink)}.chord-table{border-collapse:collapse;width:100%;font-size:.9375rem}.chord-table th,.chord-table td{border-bottom:1px solid var(--color-border);text-align:start;vertical-align:baseline;padding:.75rem .5rem}.chord-table thead th{color:var(--color-muted-foreground);padding-top:0;font-size:.8125rem;font-weight:600}.chord-table tbody th{white-space:nowrap}.chord-table-note{font-size:1.0625rem;font-weight:800}.chord-table-solfege,.chord-table-degree{color:var(--color-muted-foreground);margin-inline-start:.5rem;font-size:.8125rem;font-weight:500}.chord-card-board{border-radius:12px;padding:8px}.chord-hands{gap:1.5rem;font-size:.875rem;display:flex}.chord-hands div{gap:.5rem;display:flex}.chord-hands dt{color:var(--color-muted-foreground)}.chord-hands dd{font-weight:700}.chord-chart-scroll{background:var(--color-card);scrollbar-width:thin;border-radius:1rem;overflow-x:auto}.chord-chart{border-collapse:collapse;width:100%;min-width:40rem;font-size:.9375rem}.chord-chart thead th{color:var(--color-muted-foreground);text-align:center;white-space:nowrap;padding:.75rem .5rem .5rem;font-size:.75rem;font-weight:600}.chord-chart tbody th,.chord-chart td{text-align:center;padding:2px}.chord-chart th:first-child,.chord-chart td:first-child{background:var(--color-card);position:sticky;left:0}.chord-chart a{color:var(--color-foreground);white-space:nowrap;border-radius:.5rem;padding:.5rem .25rem;font-weight:700;text-decoration:none;transition:background-color .12s;display:block}.chord-chart a:hover{background:var(--color-muted);color:var(--color-accent-foreground)}