.chordstrip--rows{grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px;display:grid}.chordstrip--rows li,.prog--card .chordstrip--rows li{min-width:0}.scale{flex-direction:column;gap:14px;min-width:0;display:flex}.scale__bar,.tex__bar{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.scale__bar .sw-btn[aria-pressed=true],.tex__bar .sw-btn[data-act=run][aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.scalestrip{flex-wrap:wrap;align-items:center;gap:6px 0;margin:0;padding:0;list-style:none;display:flex}.scalestrip li{align-items:center;display:inline-flex}.scalestrip .note{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);min-width:48px;height:56px;color:var(--ink);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:0 8px;transition:transform 80ms cubic-bezier(.2,0,0,1);display:inline-flex}.scalestrip .note b{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:22px}.scalestrip .note span{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.04em;font-size:10.5px;line-height:14px}.scalestrip .note:hover{border-color:var(--line-strong)}.scalestrip .note.is-on{background:var(--sw-type-soft,var(--amber-soft));border-color:var(--ink);transform:translateY(-2px)}.scalestrip li.is-marked .note{border-color:var(--sw-type,var(--amber));border-width:2px}.scalestrip li.is-marked .note span{color:var(--sw-type-ink,var(--ink));font-weight:700}.scalestrip .gap{font-family:var(--font-mono);color:var(--ink-muted);text-align:center;letter-spacing:.04em;width:30px;font-size:10.5px}.scalestrip--sm .note{min-width:40px;height:48px}.scalestrip--sm .note b{font-size:16px}.scalestrip--sm .gap{width:22px}@media (width<=480px){.scalestrip .note{min-width:38px;height:50px;padding:0 5px}.scalestrip .gap{width:18px;font-size:9.5px}}.tex{flex-direction:column;gap:14px;min-width:0;display:flex}.tex .sw-sheet{width:max-content;display:flex}.tex .sw-cell{cursor:default}.tex .chordstrip li.now{border-color:var(--keys);background:var(--chords-soft)}.tex__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}@media (width<=719px){.tex .sw-sheet{--cell:26px;--cell-gap:3px;--lane:32px;--lane-label:64px;padding:12px}.tex .sw-lane__label,.tex .sw-count>span:first-child{z-index:1;background:var(--card);justify-content:center;align-self:stretch;position:sticky;left:0}}.pair{gap:14px;display:grid}@media (width>=900px){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.pair__side{border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--card);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.pair__side.is-current{border-color:var(--ink);box-shadow:var(--shadow-hard)}.pair__side .switcher button{justify-content:space-between;width:100%}.pair__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:26px}.cof-wrap{align-items:start;gap:20px;display:grid}@media (width>=860px){.cof-wrap{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:32px}}.cof{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;max-width:440px;height:auto;margin:0 auto;display:block}.cof__seg{cursor:pointer;outline:none}.cof__seg path{fill:var(--card);stroke:var(--line-strong);stroke-width:1.5px;transition:fill .12s}.cof__seg--minor path{fill:var(--card-2)}.cof__seg:hover path{fill:var(--chords-soft)}.cof__seg:focus-visible path{stroke:var(--focus-ring);stroke-width:3px}.cof__seg.is-near path,.cof__seg.is-rel path{fill:var(--chords-soft)}.cof__seg.is-rel path{fill:var(--amber-soft)}.cof__seg.is-key path{fill:var(--chords)}.cof__seg.is-key text{fill:var(--on-ink)}.cof__seg.is-sounding path{stroke:var(--ink);stroke-width:3.5px}.cof__name{font-family:var(--font-display);fill:var(--ink);text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:19px;font-weight:800}.cof__seg--minor .cof__name{font-size:14px;font-weight:700}.cof__alt{font-family:var(--font-mono);fill:var(--ink-muted);text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:10px}.cof__deg{font-family:var(--font-mono);fill:var(--chords-ink);text-anchor:middle;dominant-baseline:middle;letter-spacing:.04em;pointer-events:none;font-size:10.5px;font-weight:500}.cof__seg.is-key .cof__deg,.cof__seg.is-key .cof__alt{fill:var(--on-ink)}.cof__hub{fill:var(--paper);stroke:var(--line)}.cof__hubkey{font-family:var(--font-display);fill:var(--ink);text-anchor:middle;font-size:15px;font-weight:800}.cof__hubsig{font-family:var(--font-mono);fill:var(--ink-muted);text-anchor:middle;font-size:10.5px}.cof-info{flex-direction:column;gap:10px;min-height:280px;font-size:15px;line-height:22px;display:flex}.cof-info__key{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-weight:800;line-height:30px}.cof-wrap .sw-btn[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.hearrow{flex-wrap:wrap;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.scalestrip .note,.cof__seg path{transition:none}}