.fret-note[data-v-4d66ab2a]{position:absolute;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.fret-note--fretted[data-v-4d66ab2a]{background:var(--note-other, #3b82f6);color:#fff;font-size:12px;font-weight:700}.fret-note--fretted.fret-note--root[data-v-4d66ab2a]{background:var(--note-root, #ef4444);box-shadow:0 0 8px #ef444480}.fret-note--colored[data-v-4d66ab2a]{color:#fff;font-size:11px;font-weight:700;box-shadow:0 0 6px #0000004d}.fret-note--open[data-v-4d66ab2a]{background:transparent;border:2.5px solid var(--note-open, #10b981);color:var(--note-open, #10b981);font-size:10px;font-weight:700;width:30px;height:30px}.fret-note--open.fret-note--root[data-v-4d66ab2a]{border-color:var(--note-open-root, #f59e0b);color:var(--note-open-root, #f59e0b)}.fret-note--ghost[data-v-4d66ab2a]{background:transparent;border:2px solid rgba(255,255,255,.25);color:#ffffff59;font-size:11px;font-weight:600}.fret-note--ghost.fret-note--root[data-v-4d66ab2a]{border-color:#ef444466;color:#ef444480}.fret-note--muted[data-v-4d66ab2a]{background:transparent;color:var(--note-muted, #6b7280);font-size:14px;font-weight:700;width:auto;height:auto}.fret-note__label[data-v-4d66ab2a]{line-height:1;-webkit-user-select:none;user-select:none;letter-spacing:0}.fretboard-wrapper[data-v-40a3eda0]{display:flex;justify-content:center}.fretboard-viewport[data-v-40a3eda0]{overflow-x:auto;overflow-y:hidden;border-radius:10px;background:var(--fretboard-bg, #1e1e2a);border:1px solid var(--border-color, #333);box-shadow:0 2px 12px #0000004d}.fretboard-empty[data-v-40a3eda0]{padding:80px 60px;text-align:center;color:var(--text-secondary, #666);font-size:16px}.fretboard[data-v-40a3eda0]{position:relative;flex-shrink:0}.fretboard__nut[data-v-40a3eda0]{position:absolute;top:0;left:0;width:8px;height:100%;background:var(--nut, #8b8b8b);z-index:2;border-radius:2px 0 0 2px}.fretboard__fret-line[data-v-40a3eda0]{position:absolute;top:0;width:2px;height:100%;background:var(--fret-line, #3a3a4a);z-index:1}.fretboard__string[data-v-40a3eda0]{position:absolute;left:0;width:100%;height:1.5px;background:var(--string-line, #555568);z-index:1}.fretboard__fret-number[data-v-40a3eda0]{position:absolute;bottom:8px;font-size:11px;color:var(--text-secondary, #666);transform:translate(-50%);font-family:monospace;-webkit-user-select:none;user-select:none}.fret-note-wrapper[data-v-40a3eda0]{position:absolute;z-index:10;pointer-events:none}.fretboard__barre[data-v-40a3eda0]{position:absolute;top:50%;width:4px;height:220px;background:var(--barre-bg, rgba(59, 130, 246, .2));border-radius:2px;transform:translate(-50%,-50%);z-index:0}.harmonization[data-v-f16065d7]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.harmonization__card[data-v-f16065d7]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px 8px;border-radius:8px;background:var(--bg-tertiary, #1e1e2a);border:1px solid var(--border-color, #333);min-width:120px}.harmonization__card--empty[data-v-f16065d7]{opacity:.4}.harmonization__card-header[data-v-f16065d7]{display:flex;align-items:center;gap:5px}.harmonization__degree-dot[data-v-f16065d7]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.harmonization__degree-roman[data-v-f16065d7]{font-size:13px;font-weight:700;color:var(--text-primary, #ccc)}.harmonization__degree-name[data-v-f16065d7]{font-size:10px;color:var(--text-secondary, #888)}.harmonization__mini[data-v-f16065d7]{display:flex;flex-direction:column;align-items:center;gap:4px}.harmonization__svg[data-v-f16065d7]{display:block;flex-shrink:0}.harmonization__mini-controls[data-v-f16065d7]{display:flex;align-items:center;gap:6px}.harmonization__nav-btn[data-v-f16065d7]{padding:2px 6px;border:1px solid var(--border-color, #444);border-radius:3px;background:transparent;color:var(--text-secondary, #888);cursor:pointer;font-size:9px;line-height:1}.harmonization__header[data-v-f16065d7]{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.harmonization__type-btn[data-v-f16065d7]{padding:6px 16px;border:1px solid var(--border-color, #444);border-radius:6px;background:transparent;color:var(--text-secondary, #888);cursor:pointer;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.harmonization__type-btn[data-v-f16065d7]:hover{background:var(--bg-hover, #2a2a3e);color:var(--text-primary, #ccc)}.harmonization__type-btn--active[data-v-f16065d7]{background:var(--note-other, #3b82f6);color:#fff;border-color:var(--note-other, #3b82f6)}.harmonization__nav-btn[data-v-f16065d7]:hover:not(:disabled){background:var(--bg-hover, #2a2a3e);color:var(--text-primary, #ccc)}.harmonization__nav-btn[data-v-f16065d7]:disabled{opacity:.3;cursor:not-allowed}.harmonization__nav-count[data-v-f16065d7]{font-size:10px;color:var(--text-secondary, #666);font-family:monospace;min-width:32px;text-align:center}.harmonization__function-badge[data-v-f16065d7]{font-size:9px;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-secondary, #aaa);font-weight:500;letter-spacing:.3px}.harmonization__not-found[data-v-f16065d7]{font-size:11px;color:var(--text-secondary, #555);padding:20px 10px}@media (max-width: 768px){.harmonization[data-v-f16065d7]{padding:12px}.harmonization__card[data-v-f16065d7]{min-width:100%}.harmonization__mini svg[data-v-f16065d7]{max-width:100%;height:auto}.harmonization__type-btn[data-v-f16065d7]{padding:4px 12px;font-size:11px}}.circle-of-fifths[data-v-40cd9e9f]{display:block;width:100%;max-width:580px;height:auto;margin:0 auto}@media (max-width: 768px){.circle-of-fifths[data-v-40cd9e9f]{max-width:100%;padding:0 12px}}.harmonica[data-v-3a14b402]{background:var(--bg-secondary, #1a1a28);border:1px solid var(--border-color, #333);border-radius:12px;padding:20px;max-width:70%;overflow-x:auto;margin:0 auto}.harmonica__header[data-v-3a14b402]{font-size:14px;font-weight:600;color:var(--text-primary, #d0d0d0);margin-bottom:16px;text-align:center}.harmonica__chord-info[data-v-3a14b402]{color:var(--text-secondary, #888);font-weight:400}.harmonica__board[data-v-3a14b402]{display:flex;flex-direction:column;align-items:stretch}.harmonica__row[data-v-3a14b402]{display:flex;align-items:center}.harmonica__row-label[data-v-3a14b402]{width:32px;flex-shrink:0;text-align:center;font-size:12px;font-weight:700;margin-right:4px}.harmonica__row-label--num[data-v-3a14b402]{height:22px}.harmonica__row-label--blow[data-v-3a14b402]{color:#ef4444}.harmonica__row-label--draw[data-v-3a14b402]{color:#3b82f6}.harmonica__row-label--slide[data-v-3a14b402]{color:#a78bfa}.harmonica__num-cell[data-v-3a14b402]{width:38px;height:22px;margin:1px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-secondary, #666);font-family:monospace}.harmonica__note-cell[data-v-3a14b402]{width:38px;height:30px;margin:1px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #333);border-radius:4px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.harmonica__cell--blow[data-v-3a14b402]{background:#ef444414}.harmonica__cell--draw[data-v-3a14b402]{background:#3b82f614}.harmonica__cell--slide[data-v-3a14b402]{background:#a78bfa0f}.harmonica__note--in[data-v-3a14b402]{background:var(--note-other, #3b82f6)!important;color:#fff!important}.harmonica__note--root[data-v-3a14b402]{background:var(--note-root, #ef4444)!important;color:#fff!important;box-shadow:0 0 8px #ef444480}.harmonica__note--out[data-v-3a14b402]{opacity:.35}.harmonica__note-label[data-v-3a14b402]{line-height:1}.harmonica__legend[data-v-3a14b402]{display:flex;justify-content:center;gap:16px;margin-top:14px;font-size:11px;color:var(--text-secondary, #888)}.harmonica__legend-swatch[data-v-3a14b402]{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:4px}.harmonica__legend--root[data-v-3a14b402]{background:#ef4444}.harmonica__legend--in[data-v-3a14b402]{background:#3b82f6}.harmonica__legend--out[data-v-3a14b402]{background:transparent;border:1px solid #555}@media (max-width: 768px){.harmonica[data-v-3a14b402]{max-width:100%;padding:12px}.harmonica__note-cell[data-v-3a14b402]{width:30px;height:26px;font-size:10px}.harmonica__num-cell[data-v-3a14b402]{width:30px;font-size:10px}.harmonica__row-label[data-v-3a14b402]{width:24px;font-size:10px}.harmonica__header[data-v-3a14b402]{font-size:12px}.harmonica__legend[data-v-3a14b402]{font-size:10px;gap:10px;flex-wrap:wrap}}.mini[data-v-b39924c6]{display:flex;flex-direction:column;align-items:center;gap:2px}.mini--empty[data-v-b39924c6]{font-size:10px;color:var(--text-secondary, #555);padding:10px 0}.mini__svg[data-v-b39924c6]{display:block;flex-shrink:0}.mini__info[data-v-b39924c6]{display:flex;gap:8px;font-size:9px;color:var(--text-secondary, #666)}.panel[data-v-b744d591]{display:flex;flex-direction:column;gap:14px}.panel__categories[data-v-b744d591]{display:flex;gap:4px;flex-wrap:wrap}.panel__tab[data-v-b744d591]{padding:7px 16px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--bg-tertiary, #1e1e2a);color:var(--text-secondary, #999);font-size:13px;cursor:pointer;transition:all .15s}.panel__tab[data-v-b744d591]:hover{background:var(--bg-hover, #2a2a3e);color:var(--text-primary, #ccc)}.panel__tab--active[data-v-b744d591]{background:var(--tab-active, #3b82f6);color:#fff;border-color:var(--tab-active, #3b82f6)}.panel__toolbar[data-v-b744d591]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0}.panel__tb-btn[data-v-b744d591]{padding:4px 10px;border:1px solid var(--border-color, #444);border-radius:5px;background:transparent;color:var(--text-secondary, #aaa);font-size:11px;cursor:pointer;transition:all .15s}.panel__tb-btn[data-v-b744d591]:hover{background:var(--bg-hover, #2a2a3e);color:var(--text-primary, #ddd)}.panel__tb-btn--active[data-v-b744d591]{background:var(--tab-active, #3b82f6);color:#fff;border-color:var(--tab-active, #3b82f6)}.panel__tb-btn--sm[data-v-b744d591]{font-size:10px;padding:3px 8px}.panel__tb-sep[data-v-b744d591]{width:1px;height:18px;background:var(--border-color, #333)}.panel__accordion[data-v-b744d591]{margin-bottom:6px}.panel__acc-hd[data-v-b744d591]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--bg-tertiary, #1e1e2a);border:1px solid var(--border-color, #333);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;color:var(--text-primary, #ccc);transition:background .15s}.panel__acc-hd[data-v-b744d591]:hover{background:var(--bg-hover, #2a2a3e)}.panel__acc-ico[data-v-b744d591]{font-size:15px;line-height:1}.panel__acc-fl[data-v-b744d591]{margin-left:auto;font-size:10px;color:var(--text-secondary, #666);transition:transform .2s}.panel__acc-fl.on[data-v-b744d591]{transform:rotate(90deg)}.panel__acc-bd[data-v-b744d591]{padding:10px 12px 6px;display:flex;flex-direction:column;gap:10px}.panel__section[data-v-b744d591]{display:flex;flex-direction:column;gap:6px}.panel__label[data-v-b744d591]{font-size:11px;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.panel__keys[data-v-b744d591],.panel__keys--wrap[data-v-b744d591]{display:flex;gap:3px;flex-wrap:wrap}.panel__key[data-v-b744d591]{padding:5px 10px;border:1px solid var(--border-color, #333);border-radius:4px;background:transparent;color:var(--text-secondary, #888);font-size:12px;cursor:pointer;transition:all .15s;font-family:monospace}.panel__key[data-v-b744d591]:hover{background:var(--bg-hover, #2a2a3e);color:var(--text-primary, #ccc)}.panel__key--active[data-v-b744d591]{background:var(--tab-active, #3b82f6);color:#fff;border-color:var(--tab-active, #3b82f6)}.panel__suffixes[data-v-b744d591]{display:flex;gap:3px;flex-wrap:wrap}.panel__suffix[data-v-b744d591]{padding:5px 12px;border:1px solid var(--border-color, #333);border-radius:4px;background:transparent;color:var(--text-secondary, #888);font-size:12px;cursor:pointer;transition:all .15s;font-family:monospace}.panel__suffix[data-v-b744d591]:hover{background:var(--bg-hover, #2a2a3e);color:var(--text-primary, #ccc)}.panel__suffix--active[data-v-b744d591]{background:var(--suffix-active, #6366f1);color:#fff;border-color:var(--suffix-active, #6366f1)}.panel__diatonic[data-v-b744d591]{display:flex;gap:4px;flex-wrap:wrap}.panel__diatonic-chord[data-v-b744d591]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--bg-tertiary, #1e1e2a);color:var(--text-secondary, #999);cursor:pointer;transition:all .15s;min-width:62px}.panel__diatonic-chord[data-v-b744d591]:hover{background:var(--bg-hover, #2a2a3e);border-color:var(--text-secondary, #555)}.panel__diatonic-chord--active[data-v-b744d591]{background:var(--suffix-active, #6366f1);color:#fff;border-color:var(--suffix-active, #6366f1)}.panel__diatonic-chord--disabled[data-v-b744d591]{opacity:.35;cursor:not-allowed}.panel__diatonic-roman[data-v-b744d591]{font-size:14px;font-weight:700}.panel__diatonic-name[data-v-b744d591]{font-size:10px;opacity:.85}.panel__legend[data-v-b744d591]{display:flex;gap:8px;flex-wrap:wrap}.panel__legend-item[data-v-b744d591]{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;background:var(--bg-tertiary, #1e1e2a);border:1px solid var(--border-color, #333)}.panel__legend-item--disabled[data-v-b744d591]{opacity:.35}.panel__legend-dot[data-v-b744d591]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.panel__legend-roman[data-v-b744d591]{font-size:13px;font-weight:700;color:var(--text-primary, #ccc)}.panel__legend-name[data-v-b744d591]{font-size:10px;color:var(--text-secondary, #888)}.panel__voicing-nav[data-v-b744d591]{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:8px;background:var(--voicing-bg, #1a1a28)}.panel__voicing-btn[data-v-b744d591]{padding:6px 14px;border:1px solid var(--border-color, #444);border-radius:4px;background:transparent;color:var(--text-secondary, #aaa);cursor:pointer;font-size:14px;transition:all .15s}.panel__voicing-btn[data-v-b744d591]:hover:not(:disabled){background:var(--bg-hover, #2a2a3e);border-color:var(--text-primary, #666)}.panel__voicing-btn[data-v-b744d591]:disabled{opacity:.3;cursor:not-allowed}.panel__voicing-label[data-v-b744d591]{font-size:14px;color:var(--text-primary, #ccc);font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px}.panel__caged-badge[data-v-b744d591]{font-size:11px;font-weight:700;color:var(--tab-active, #3b82f6);background:#3b82f61f;padding:2px 8px;border-radius:4px;letter-spacing:.3px}.panel__sub[data-v-b744d591]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;min-width:60px;cursor:pointer}.panel__sub[data-v-b744d591]:hover{border-color:var(--suffix-active, #6366f1)}.panel__sub-chord[data-v-b744d591]{font-size:13px;font-weight:700}.panel__sub-type[data-v-b744d591]{font-size:9px;opacity:.7}.panel__board-btn[data-v-b744d591]{width:100%;padding:8px;border:1px dashed var(--border-color, #555);border-radius:6px;background:transparent;color:var(--text-secondary, #aaa);font-size:12px;cursor:pointer;transition:all .15s}.panel__board-btn[data-v-b744d591]:hover{border-color:var(--suffix-active, #6366f1);color:var(--text-primary, #ddd);background:#6366f114}.panel__board-actions[data-v-b744d591]{display:flex;align-items:center;gap:8px}.panel__board-actions .panel__label[data-v-b744d591]{margin-right:auto}.panel__board-empty[data-v-b744d591]{font-size:12px;color:var(--text-secondary, #666);padding:14px 0;line-height:1.6}.panel__board-grid[data-v-b744d591]{display:flex;flex-wrap:wrap;gap:10px}.panel__board-card[data-v-b744d591]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px 6px;border-radius:8px;background:var(--bg-tertiary, #1e1e2a);border:1px solid var(--border-color, #333);min-width:100px;cursor:pointer;transition:border-color .15s}.panel__board-card[data-v-b744d591]:hover{border-color:var(--suffix-active, #6366f1)}.panel__board-card-hd[data-v-b744d591]{display:flex;align-items:center;gap:8px;width:100%}.panel__board-card-name[data-v-b744d591]{font-size:13px;font-weight:700;color:var(--text-primary, #ccc)}.panel__board-card-orig[data-v-b744d591]{font-size:9px;color:var(--text-secondary, #555);text-decoration:line-through}.panel__board-card-del[data-v-b744d591]{margin-left:auto;padding:2px 6px;border:none;border-radius:3px;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:11px;line-height:1}.panel__board-card-del[data-v-b744d591]:hover{background:#ef444426;color:#ef4444}.panel__transpo-val[data-v-b744d591]{display:inline-flex;align-items:center;justify-content:center;min-width:36px;font-size:14px;font-weight:700;font-family:monospace;color:var(--text-primary, #ccc)}.panel__help-details[data-v-b744d591]{margin-bottom:8px;border:1px solid var(--border-color, #333);border-radius:6px;overflow:hidden}.panel__help-summary[data-v-b744d591]{padding:8px 10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-primary, #ccc);background:var(--bg-tertiary, #1e1e2a);-webkit-user-select:none;user-select:none}.panel__help-summary[data-v-b744d591]:hover{background:var(--bg-hover, #2a2a3e)}.panel__help-text[data-v-b744d591]{padding:6px 10px 4px;margin:0;font-size:12px;line-height:1.5;color:var(--text-secondary, #999)}.panel__help-list[data-v-b744d591]{margin:4px 0;padding:0 10px 4px 24px;font-size:12px;color:var(--text-secondary, #999);line-height:1.6}.panel__help-details .panel__key[data-v-b744d591]{margin:4px 10px 8px}.panel__toast[data-v-b744d591]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;background:#22c55e;color:#fff;font-size:14px;font-weight:600;z-index:1000;pointer-events:none;box-shadow:0 4px 16px #0006}.toast-enter-active[data-v-b744d591]{transition:all .25s ease-out}.toast-leave-active[data-v-b744d591]{transition:all .2s ease-in}.toast-enter-from[data-v-b744d591]{opacity:0;transform:translate(-50%) translateY(16px)}.toast-leave-to[data-v-b744d591]{opacity:0;transform:translate(-50%) translateY(8px)}@media (max-width: 768px){.panel__tab[data-v-b744d591]{padding:5px 10px;font-size:11px}.panel__tb-btn[data-v-b744d591]{padding:3px 7px;font-size:10px}.panel__tb-btn--sm[data-v-b744d591]{padding:2px 6px;font-size:9px}.panel__key[data-v-b744d591]{padding:4px 7px;font-size:11px}.panel__suffix[data-v-b744d591]{padding:4px 8px;font-size:11px}.panel__diatonic-chord[data-v-b744d591]{padding:6px 10px;min-width:50px}.panel__diatonic-roman[data-v-b744d591]{font-size:12px}.panel__acc-hd[data-v-b744d591]{padding:6px 10px;font-size:12px}.panel__acc-bd[data-v-b744d591]{padding:8px 10px 4px}.panel__board-card[data-v-b744d591]{padding:8px}.panel__board-card-name[data-v-b744d591]{font-size:12px}}.app[data-v-e14c7a9b]{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary, #14141e);color:var(--text-primary, #d0d0d0);transition:background .3s,color .3s}.app-header[data-v-e14c7a9b]{display:flex;align-items:center;gap:10px;padding:14px 24px;border-bottom:1px solid var(--header-border, #2a2a3a);background:var(--bg-secondary, #1a1a28)}.app-title[data-v-e14c7a9b]{font-size:20px;font-weight:700;color:var(--text-primary, #e0e0e0);margin:0}.app-version[data-v-e14c7a9b]{font-size:11px;color:var(--text-secondary, #555);font-family:monospace}.app-main[data-v-e14c7a9b]{display:flex;flex-direction:column;gap:24px;padding:20px 24px 32px;flex:1}.app-panel[data-v-e14c7a9b]{max-width:900px;margin:0 auto;width:100%}.app-fretboard[data-v-e14c7a9b]{display:flex;justify-content:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary, #14141e);color:var(--text-primary, #d0d0d0);line-height:1.5;transition:background .3s,color .3s}button{font-family:inherit}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary, #1a1a28)}::-webkit-scrollbar-thumb{background:#3a3a4e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4a5e}[data-theme=dark]{--bg-primary: #14141e;--bg-secondary: #1a1a28;--bg-tertiary: #1e1e2a;--bg-hover: #2a2a3e;--border-color: #333;--text-primary: #d0d0d0;--text-secondary: #666;--note-root: #ef4444;--note-root-glow: rgba(239, 68, 68, .5);--note-other: #3b82f6;--note-open: #10b981;--note-open-root: #f59e0b;--note-muted: #6b7280;--fret-line: #3a3a4a;--string-line: #555568;--nut: #8b8b8b;--fretboard-bg: #1e1e2a;--barre-bg: rgba(59, 130, 246, .2);--voicing-bg: #1a1a28;--tab-active: #3b82f6;--suffix-active: #6366f1;--header-border: #2a2a3a}[data-theme=wood]{--bg-primary: #1a1410;--bg-secondary: #2a1f14;--bg-tertiary: #3a2a1a;--bg-hover: #4a3520;--border-color: #4a3520;--text-primary: #d4c4a8;--text-secondary: #8a7a60;--note-root: #c0392b;--note-root-glow: rgba(192, 57, 43, .5);--note-other: #2980b9;--note-open: #27ae60;--note-open-root: #d4a017;--note-muted: #7a6a50;--fret-line: #5a4530;--string-line: #7a6540;--nut: #8b7355;--fretboard-bg: #2a1f14;--barre-bg: rgba(41, 128, 185, .2);--voicing-bg: #2a1f14;--tab-active: #c0392b;--suffix-active: #8e44ad;--header-border: #3a2a1a}[data-theme=wood] .fretboard-viewport{background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(139,90,43,.07) 4px,rgba(139,90,43,.07) 5px),linear-gradient(180deg,#3a2416,#2a1a0e,#3a2416)}[data-theme=metal]{--bg-primary: #121216;--bg-secondary: #1a1a22;--bg-tertiary: #22222e;--bg-hover: #2e2e3e;--border-color: #3a3a48;--text-primary: #c0c0c8;--text-secondary: #707080;--note-root: #e74c3c;--note-root-glow: rgba(231, 76, 60, .5);--note-other: #5dade2;--note-open: #2ecc71;--note-open-root: #f1c40f;--note-muted: #606070;--fret-line: #3a3a48;--string-line: #585870;--nut: #9090a0;--fretboard-bg: #1a1a22;--barre-bg: rgba(93, 173, 226, .2);--voicing-bg: #1a1a22;--tab-active: #5dade2;--suffix-active: #a569bd;--header-border: #2a2a38}[data-theme=metal] .fretboard-viewport{background:linear-gradient(180deg,#1a1a22,#22222e,#1a1a22,#22222e,#1a1a22,#22222e)}@media (max-width: 768px){html{font-size:14px}.app-header{padding:10px 12px!important}.app-title{font-size:16px!important}.app-version{font-size:10px!important}.app-main{padding:12px!important;gap:16px!important}.app-panel{max-width:100%!important}.app-fretboard{margin:0 -12px}.fretboard-viewport{border-radius:0!important}.fret-note{width:28px!important;height:28px!important}.fret-note__label{font-size:10px!important}.fret-note--open{width:24px!important;height:24px!important}}@media print{@page{margin:1.5cm}.app-header,.app-fretboard,.panel__categories,.panel__toolbar,.panel__accordion:not(:has(.panel__board-grid)),.panel__toast,.panel__acc-hd,.panel__board-actions,.panel__board-empty{display:none!important}.panel__board-grid{display:flex!important;flex-wrap:wrap;gap:12px;justify-content:center}.panel__board-card{break-inside:avoid;cursor:default;background:#f5f5f5!important;border:1px solid #ccc!important}.panel__board-card:hover{border-color:#ccc!important}.panel__board-card-name{color:#000!important}body{background:#fff!important;color:#000!important}.app-main{display:block!important;padding:0!important}.app-panel{max-width:none!important;margin:0!important}}