.chord-buttons[data-astro-cid-zmdlhcld]{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.chord-btn[data-astro-cid-zmdlhcld]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8rem;font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:.3rem .6rem}.chord-btn[data-astro-cid-zmdlhcld]:hover{border-color:var(--color-text-muted)}.chord-btn[data-astro-cid-zmdlhcld].active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.clear-btn[data-astro-cid-zmdlhcld]{color:var(--color-text-muted)}.guitar-wrapper[data-astro-cid-zmdlhcld]{gap:0;margin:1rem 0;display:flex;overflow-x:auto}.fretboard[data-astro-cid-zmdlhcld]{flex-direction:column;flex-shrink:0;gap:0;display:flex}.fret-numbers[data-astro-cid-zmdlhcld]{gap:0;padding-left:0;display:flex}.fret-num[data-astro-cid-zmdlhcld]{text-align:center;width:48px;font-size:.65rem;font-family:var(--font-mono);color:var(--color-text-muted)}.fret-num[data-astro-cid-zmdlhcld]:first-child{width:56px}.fret-row[data-astro-cid-zmdlhcld]{gap:0;display:flex}.fret-cell[data-astro-cid-zmdlhcld]{border:none;border-right:2px solid var(--color-border);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:48px;height:32px;padding:0;display:flex;position:relative}.fret-cell[data-astro-cid-zmdlhcld]:after{content:"";background:var(--color-text-muted);opacity:.3;pointer-events:none;height:1.5px;position:absolute;top:50%;left:0;right:0}.fret-row[data-astro-cid-zmdlhcld][data-string="0"] .fret-cell[data-astro-cid-zmdlhcld]:after{opacity:.5;height:3px}.fret-row[data-astro-cid-zmdlhcld][data-string="1"] .fret-cell[data-astro-cid-zmdlhcld]:after{opacity:.45;height:2.5px}.fret-row[data-astro-cid-zmdlhcld][data-string="2"] .fret-cell[data-astro-cid-zmdlhcld]:after{opacity:.4;height:2px}.open-cell[data-astro-cid-zmdlhcld]{border-right:3px solid var(--color-text);gap:.25rem;width:56px}.string-label[data-astro-cid-zmdlhcld]{font-size:.65rem;font-family:var(--font-mono);color:var(--color-text-muted);z-index:1;position:relative}.fret-dot[data-astro-cid-zmdlhcld]{z-index:1;background:0 0;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:background .1s,transform .1s;position:relative}.fret-cell[data-astro-cid-zmdlhcld]:hover .fret-dot[data-astro-cid-zmdlhcld]{background:color-mix(in srgb, var(--color-text) 15%, transparent)}.fret-cell[data-astro-cid-zmdlhcld].held .fret-dot[data-astro-cid-zmdlhcld]{background:var(--color-link);transform:scale(1.2)}.fret-cell[data-astro-cid-zmdlhcld].muted .string-label[data-astro-cid-zmdlhcld]{opacity:.4;text-decoration:line-through}.strum-zone[data-astro-cid-zmdlhcld]{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0 8px 8px 0;flex-direction:column;flex-shrink:0;width:80px;display:flex;position:relative}.strum-label[data-astro-cid-zmdlhcld]{text-align:center;font-size:.65rem;font-family:var(--font-mono);color:var(--color-text-muted);height:18px;line-height:18px}.strum-string[data-astro-cid-zmdlhcld]{align-items:center;height:32px;padding:0 .75rem;display:flex}.strum-line[data-astro-cid-zmdlhcld]{background:var(--color-text-muted);opacity:.4;width:100%;height:1.5px;transition:opacity .1s}.strum-string[data-astro-cid-zmdlhcld].plucked .strum-line[data-astro-cid-zmdlhcld]{animation:.4s ease-out vibrate}.strum-zone[data-astro-cid-zmdlhcld]:hover .strum-line[data-astro-cid-zmdlhcld]{opacity:.7}@keyframes vibrate{0%,to{transform:translateY(0)}10%{transform:translateY(-3px)}20%{transform:translateY(2.5px)}30%{transform:translateY(-2px)}40%{transform:translateY(1.5px)}50%{transform:translateY(-1px)}60%{transform:translateY(.8px)}70%{transform:translateY(-.5px)}80%{transform:translateY(.3px)}}.strum-hint[data-astro-cid-zmdlhcld]{color:var(--color-text-muted);font-size:.8rem}.strum-hint[data-astro-cid-zmdlhcld] kbd[data-astro-cid-zmdlhcld]{border:1px solid var(--color-border);font-family:var(--font-mono);background:var(--color-surface);border-radius:3px;padding:.125rem .375rem;font-size:.75rem}@media (width<=480px){.fret-cell[data-astro-cid-zmdlhcld]{width:40px;height:28px}.open-cell[data-astro-cid-zmdlhcld]{width:48px}.fret-num[data-astro-cid-zmdlhcld]{width:40px}.fret-num[data-astro-cid-zmdlhcld]:first-child{width:48px}.strum-zone[data-astro-cid-zmdlhcld]{width:60px}.fret-dot[data-astro-cid-zmdlhcld]{width:14px;height:14px}}