.scale-box{flex:none;width:64px;height:auto;display:block}.scale-box-fret{stroke:var(--muted);stroke-width:1px}.scale-box-string{stroke:var(--ink);stroke-width:1px}.scale-box-base-fret{fill:var(--muted);font-family:var(--mono);text-anchor:middle;dominant-baseline:central;font-size:9px}.scale-box-dot{fill:var(--ink)}.scale-box-dot--root{fill:var(--warn)}.scale-box-dot--blue{fill:var(--surface);stroke:var(--warn);stroke-width:2px}.box-row-scroll{max-width:100%;padding:3px;overflow-x:auto}.box-row{gap:10px;display:flex}.box-row-card{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--sans);text-align:start;cursor:pointer;border-radius:12px;flex:1 0 200px;align-items:start;gap:12px;padding:12px;display:flex}.box-row-card[aria-pressed=true]{border-color:var(--highlight);box-shadow:0 0 0 3px var(--highlight)}.box-row-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.box-row-words,.box-row-title,.box-row-frets,.box-row-note{display:block}.box-row-title{font-family:var(--display);font-size:18px;font-weight:700}.box-row-frets{color:var(--muted);font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:11px}.box-row-note{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.35}