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