.blog-chord.svelte-15fr4ur{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;margin:0}.play-btn.svelte-15fr4ur{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-600, #4b5563);font-size:.75rem;cursor:pointer;transition:all .15s}.play-btn.svelte-15fr4ur:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.svelte-15fr4ur:disabled{color:var(--color-brand-600, #7c3aed);border-color:var(--color-brand-300, #c4b5fd)}.toggle-group.svelte-unf6lq{display:inline-flex;border-radius:.375rem;border:1px solid var(--color-gray-300, #d1d5db);overflow:hidden}.toggle-btn.svelte-unf6lq{padding:.25rem .625rem;font-size:.75rem;line-height:1;background:#fff;color:var(--color-gray-500, #6b7280);border:none;border-right:1px solid var(--color-gray-300, #d1d5db);cursor:pointer;transition:all .15s}.toggle-btn.svelte-unf6lq:last-child{border-right:none}.toggle-btn.svelte-unf6lq:hover:not(.active){background:var(--color-gray-50, #f9fafb)}.toggle-btn.active.svelte-unf6lq{background:var(--color-gray-800, #1f2937);color:#fff}.chord-grid.svelte-1qm67fn{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.chord-grid-header.svelte-1qm67fn{display:flex;justify-content:flex-end;margin-bottom:.75rem}.chord-grid-inner.svelte-1qm67fn{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}figcaption.svelte-1qm67fn{margin-top:1rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280)}.chord-progression.svelte-srcpsg{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.progression-header.svelte-srcpsg{display:flex;justify-content:flex-end;margin-bottom:.75rem}.progression-inner.svelte-srcpsg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.progression-chord.svelte-srcpsg{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:background .2s}.progression-chord.active.svelte-srcpsg{background:var(--color-brand-50, #f5f3ff);outline:2px solid var(--color-brand-400, #a78bfa)}.arrow.svelte-srcpsg{font-size:1.25rem;color:var(--color-gray-400, #9ca3af)}.play-all-btn.svelte-srcpsg{display:block;margin:1rem auto 0;padding:.5rem 1.25rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.875rem;cursor:pointer;transition:all .15s}.play-all-btn.svelte-srcpsg:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-all-btn.svelte-srcpsg:disabled{color:var(--color-brand-600, #7c3aed);border-color:var(--color-brand-300, #c4b5fd);cursor:default}figcaption.svelte-srcpsg{margin-top:.75rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280)}.blog-scale.svelte-82ufvn{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.blog-scale-header.svelte-82ufvn{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.blog-scale-name.svelte-82ufvn{font-size:.875rem;font-weight:700;color:var(--color-gray-800, #1f2937)}.play-btn.svelte-82ufvn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-600, #4b5563);font-size:.75rem;cursor:pointer;transition:all .15s}.play-btn.svelte-82ufvn:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.svelte-82ufvn:disabled{color:var(--color-brand-600, #7c3aed);border-color:var(--color-brand-300, #c4b5fd)}.blog-scale-fretboard.svelte-82ufvn{display:flex;justify-content:center;overflow-x:auto}.blog-scale-staff.svelte-82ufvn{display:flex;justify-content:center;margin-top:.5rem;overflow-x:auto}.bass-tab.svelte-1b9nc2e{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.header.svelte-1b9nc2e{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.title.svelte-1b9nc2e{font-size:.875rem;font-weight:700;color:var(--color-gray-800, #1f2937)}.play-btn.svelte-1b9nc2e{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.8rem;cursor:pointer;transition:all .15s;margin-left:auto}.play-btn.svelte-1b9nc2e:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.svelte-1b9nc2e:disabled{color:var(--color-brand-600, #3b3355);border-color:var(--color-brand-300, #908ab9);cursor:default}.play-icon.svelte-1b9nc2e{font-size:.7rem}.playing-icon.svelte-1b9nc2e{animation:svelte-1b9nc2e-bounce .6s infinite alternate}@keyframes svelte-1b9nc2e-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.tab-scroll.svelte-1b9nc2e{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tab-scroll.svelte-1b9nc2e svg:where(.svelte-1b9nc2e){display:block}.note-hit.svelte-1b9nc2e{cursor:pointer;outline:none}.hit-rect.svelte-1b9nc2e{fill:var(--color-gray-50, #f9fafb);transition:fill .1s}.note-hit.svelte-1b9nc2e:hover .hit-rect:where(.svelte-1b9nc2e),.note-hit.svelte-1b9nc2e:focus-visible .hit-rect:where(.svelte-1b9nc2e){fill:var(--color-brand-100, #d5d3e6)}.hit-rect.on.svelte-1b9nc2e{fill:var(--color-brand-100, #d5d3e6)}.hint.svelte-1b9nc2e{margin:.75rem 0 0;text-align:center;font-size:.8rem;color:var(--color-brand-500, #524a82)}figcaption.svelte-1b9nc2e{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280);line-height:1.6}.embellishment.svelte-xxj7xu{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.step-legend.svelte-xxj7xu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600}.step-name.svelte-xxj7xu{padding:.2rem .6rem;border-radius:.375rem;color:var(--step-color);border:1.5px solid var(--step-color);opacity:.6;transition:all .2s}.step-name.active.svelte-xxj7xu{opacity:1;background:var(--step-color);color:#fff}.arrow.svelte-xxj7xu{color:var(--color-gray-400, #9ca3af);font-size:1rem}.diagram-container.svelte-xxj7xu{display:flex;justify-content:center;overflow-x:auto}.play-buttons.svelte-xxj7xu{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.play-btn.svelte-xxj7xu{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem 1rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.8rem;cursor:pointer;transition:all .15s}.play-btn.svelte-xxj7xu:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.svelte-xxj7xu:disabled{color:var(--color-blue-600, #2563eb);border-color:var(--color-blue-300, #93c5fd);cursor:default}.play-icon.svelte-xxj7xu{font-size:.7rem}.playing-icon.svelte-xxj7xu{animation:svelte-xxj7xu-bounce .6s infinite alternate}@keyframes svelte-xxj7xu-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}figcaption.svelte-xxj7xu{margin-top:1rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280)}.drum-pattern.svelte-z8dz66{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.header.svelte-z8dz66{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.title.svelte-z8dz66{font-size:.875rem;font-weight:700;color:var(--color-gray-800, #1f2937)}.bpm.svelte-z8dz66{font-size:.75rem;color:var(--color-gray-500, #6b7280)}.play-btn.svelte-z8dz66,.reset-btn.svelte-z8dz66{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.8rem;cursor:pointer;transition:all .15s}.play-btn.svelte-z8dz66{margin-left:auto}.reset-btn.svelte-z8dz66{margin-left:auto;padding:.4rem .8rem}.reset-btn.svelte-z8dz66+.play-btn:where(.svelte-z8dz66){margin-left:0}.play-btn.svelte-z8dz66:hover,.reset-btn.svelte-z8dz66:hover{background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.playing.svelte-z8dz66{color:var(--color-brand-600, #3b3355);border-color:var(--color-brand-300, #908ab9)}.play-icon.svelte-z8dz66,.stop-icon.svelte-z8dz66{font-size:.7rem}.grid-scroll.svelte-z8dz66{overflow-x:auto}.grid.svelte-z8dz66{display:flex;flex-direction:column;gap:4px;min-width:460px}.row.svelte-z8dz66{display:flex;align-items:center}.row-label.svelte-z8dz66{flex:0 0 64px;font-size:.7rem;color:var(--color-gray-600, #4b5563);text-align:right;padding-right:8px}.cells.svelte-z8dz66{display:flex;gap:3px;flex:1}.cell.svelte-z8dz66{flex:1;aspect-ratio:1;max-width:22px;border-radius:3px;background:var(--color-gray-200, #e5e7eb);border:none;padding:0;cursor:pointer;transition:background .1s}.cell.svelte-z8dz66:hover{background:var(--color-gray-300, #d1d5db)}.cell.on.svelte-z8dz66{background:var(--color-gray-700, #374151)}.cell.on.svelte-z8dz66:hover{background:var(--color-gray-600, #4b5563)}.cell.active.svelte-z8dz66{outline:2px solid var(--color-brand-500, #524a82);outline-offset:1px}.cell.active.on.svelte-z8dz66{background:var(--color-brand-600, #3b3355)}.cell.gap.svelte-z8dz66,.beat-num.gap.svelte-z8dz66{margin-left:8px}.beat-row.svelte-z8dz66{margin-bottom:2px}.beat-num.svelte-z8dz66{flex:1;max-width:22px;text-align:center;font-size:.7rem;font-weight:700;color:var(--color-gray-400, #9ca3af)}.beat-num.downbeat.svelte-z8dz66{color:var(--color-gray-600, #4b5563)}.hint.svelte-z8dz66{margin:.75rem 0 0;text-align:center;font-size:.8rem;color:var(--color-brand-500, #524a82)}figcaption.svelte-z8dz66{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280);line-height:1.6}.groove-layers.svelte-30luwu{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.header.svelte-30luwu{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.title.svelte-30luwu{font-size:.875rem;font-weight:700;color:var(--color-gray-800, #1f2937)}.bpm.svelte-30luwu{font-size:.75rem;color:var(--color-gray-500, #6b7280)}.play-btn.svelte-30luwu{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.8rem;cursor:pointer;transition:all .15s;margin-left:auto}.play-btn.svelte-30luwu:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.playing.svelte-30luwu,.play-btn.svelte-30luwu:disabled{color:var(--color-brand-600, #3b3355);border-color:var(--color-brand-300, #908ab9)}.play-icon.svelte-30luwu,.stop-icon.svelte-30luwu{font-size:.7rem}.playing-icon.svelte-30luwu{animation:svelte-30luwu-bounce .6s infinite alternate}@keyframes svelte-30luwu-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.layer-toggles.svelte-30luwu{display:flex;gap:.5rem;margin-bottom:1rem}.layer-btn.svelte-30luwu{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .5rem;border-radius:.5rem;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-500, #6b7280);cursor:pointer;transition:all .15s}.layer-btn.svelte-30luwu:hover{border-color:var(--color-gray-400, #9ca3af)}.layer-btn.on.svelte-30luwu{border-color:var(--color-brand-500, #524a82);background:var(--color-brand-50, #eeedf5);color:var(--color-brand-700, #302a47)}.dot.svelte-30luwu{width:8px;height:8px;border-radius:50%;background:var(--color-gray-300, #d1d5db);transition:background .15s}.layer-btn.on.svelte-30luwu .dot:where(.svelte-30luwu){background:var(--color-terracotta, #c05a3d)}.layer-name.svelte-30luwu{font-size:.85rem;font-weight:700}.layer-sub.svelte-30luwu{font-size:.65rem}.bars.svelte-30luwu{display:flex;gap:.4rem}.bar.svelte-30luwu{flex:1;display:flex;align-items:center;justify-content:center;padding:.7rem 0;border-radius:.5rem;background:var(--color-gray-100, #f3f4f6);border:1px solid var(--color-gray-200, #e5e7eb);transition:all .12s}.bar.active.svelte-30luwu{background:var(--color-brand-600, #3b3355);border-color:var(--color-brand-600, #3b3355)}.chord-name.svelte-30luwu{font-size:1rem;font-weight:700;color:var(--color-gray-700, #374151)}.bar.active.svelte-30luwu .chord-name:where(.svelte-30luwu){color:#fff}.hint.svelte-30luwu{margin:.75rem 0 0;text-align:center;font-size:.8rem;color:var(--color-brand-500, #524a82)}figcaption.svelte-30luwu{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280);line-height:1.6}.fretboard-staff.svelte-1if00ju{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.header.svelte-1if00ju{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.title.svelte-1if00ju{font-size:.875rem;font-weight:700;color:var(--color-gray-800, #1f2937)}.play-btn.svelte-1if00ju{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.8rem;cursor:pointer;transition:all .15s;margin-left:auto}.play-btn.svelte-1if00ju:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.svelte-1if00ju:disabled{color:var(--color-blue-600, #2563eb);border-color:var(--color-blue-300, #93c5fd);cursor:default}.play-icon.svelte-1if00ju{font-size:.7rem}.playing-icon.svelte-1if00ju{animation:svelte-1if00ju-bounce .6s infinite alternate}@keyframes svelte-1if00ju-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.step-labels.svelte-1if00ju{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.step-label.svelte-1if00ju{padding:.15rem .5rem;border-radius:.25rem;color:var(--color-gray-500, #6b7280);transition:all .2s}.step-label.active.svelte-1if00ju{color:var(--color-blue-700, #1d4ed8);background:var(--color-blue-50, #eff6ff)}.arrow.svelte-1if00ju{color:var(--color-gray-300, #d1d5db);font-size:.75rem}.scroll-container.svelte-1if00ju{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.content-inner.svelte-1if00ju{display:inline-block;min-width:100%}.fretboard-wrap.svelte-1if00ju{display:flex;justify-content:flex-start}.staff-wrap.svelte-1if00ju{margin-top:.25rem}.staff-wrap.svelte-1if00ju .scale-staff{overflow-x:visible;overflow-y:visible}.chord-staff-wrap.svelte-1if00ju{margin-top:.5rem;display:flex;justify-content:flex-start}.chord-staff-wrap.svelte-1if00ju svg{display:block}figcaption.svelte-1if00ju{margin-top:1rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280)}.blog-metronome.svelte-soelgp{margin:2rem 0;padding:1.25rem 1.5rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.top-row.svelte-soelgp{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.preset-label.svelte-soelgp{font-size:.875rem;font-weight:600;color:var(--color-gray-700, #374151)}.play-btn.svelte-soelgp{width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.875rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.play-btn.svelte-soelgp:hover{background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.playing.svelte-soelgp{background:var(--color-red-50, #fef2f2);border-color:var(--color-red-300, #fca5a5);color:var(--color-red-600, #dc2626)}.beat-dots.svelte-soelgp{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.dot.svelte-soelgp{width:1rem;height:1rem;border-radius:9999px;background:var(--color-gray-300, #d1d5db);transition:all .08s}.dot.muted.svelte-soelgp{background:transparent;border:2px dashed var(--color-gray-300, #d1d5db)}.dot.active.svelte-soelgp{background:var(--color-blue-500, #3b82f6);transform:scale(1.3)}.dot.active.first.svelte-soelgp{background:var(--color-red-500, #ef4444)}.dot.active.muted.svelte-soelgp{border-color:var(--color-blue-300, #93c5fd);background:transparent;transform:scale(1.3)}.bpm-row.svelte-soelgp{display:flex;align-items:center;gap:.75rem}.bpm-value.svelte-soelgp{font-size:.875rem;font-weight:600;color:var(--color-gray-700, #374151);min-width:4.5rem;font-variant-numeric:tabular-nums}.bpm-slider.svelte-soelgp{flex:1;accent-color:var(--color-blue-600, #2563eb)}figcaption.svelte-soelgp{margin-top:.75rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280)}.chord-rhythm.svelte-595v47{margin:1rem 0}.notation.svelte-595v47{overflow-x:auto;overflow-y:visible;background:#fff;border-radius:.5rem;border:1px solid #eee9dd;padding:.5rem .25rem}.notation.svelte-595v47 svg{display:block;margin:0 auto}.play-btn.svelte-595v47{display:block;margin:.75rem auto 0;padding:.4rem 1.1rem;background:#f5f2eb;color:#3b3355;border:1px solid #eee9dd;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.play-btn.svelte-595v47:hover:not(:disabled){background:#eee9dd}.play-btn.svelte-595v47:disabled{color:#c05a3d;cursor:default}.chord-rhythm.svelte-595v47 figcaption:where(.svelte-595v47){margin-top:.5rem;text-align:center;font-size:.85rem;color:#3b3355;opacity:.75}.bar-grid.svelte-9cbwy2{margin:1.5rem 0;background:#fff;border:1px solid #eee9dd;border-radius:.5rem;padding:1rem}.grid.svelte-9cbwy2{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:.5rem;margin-bottom:1rem}.bar.svelte-9cbwy2{border:1px solid #eee9dd;border-radius:.375rem;padding:.6rem .4rem;background:#f5f2eb;transition:background .2s,border-color .2s;min-height:3.25rem;display:flex;flex-direction:column}.bar.active-bar.svelte-9cbwy2{background:#f4d888;border-color:#d4a932}.bar-num.svelte-9cbwy2{font-size:.65rem;color:#3b3355;opacity:.45;margin-bottom:.25rem}.chords.svelte-9cbwy2{display:flex;gap:.3rem;justify-content:center;align-items:center;flex:1;font-weight:600;color:#3b3355;flex-wrap:wrap}.chord.svelte-9cbwy2{padding:.1rem .35rem;border-radius:.25rem;font-size:.95rem;transition:all .15s}.chord.active-chord.svelte-9cbwy2{background:#c05a3d;color:#f5f2eb}.play-btn.svelte-9cbwy2{display:block;margin:.5rem auto 0;padding:.4rem 1.1rem;background:#f5f2eb;color:#3b3355;border:1px solid #eee9dd;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.play-btn.svelte-9cbwy2:hover{background:#eee9dd}.play-btn.is-playing.svelte-9cbwy2{background:#c05a3d;color:#f5f2eb;border-color:#c05a3d}.play-btn.is-playing.svelte-9cbwy2:hover{background:#a74a32}figcaption.svelte-9cbwy2{margin-top:.75rem;text-align:center;font-size:.85rem;color:#3b3355;opacity:.75}@media(max-width:480px){.grid.svelte-9cbwy2{grid-template-columns:repeat(3,1fr)}.chord.svelte-9cbwy2{font-size:.8rem}}.compare-pair.svelte-11u247f{margin:2rem 0;display:flex;flex-direction:column;gap:1rem}.compare-item.svelte-11u247f{display:flex;flex-direction:column}.compare-label.svelte-11u247f{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--color-ink, #3b3355)}.compare-pair.svelte-11u247f .chord-progression{margin:0}.compare-pair.svelte-11u247f>figcaption:where(.svelte-11u247f){margin-top:.25rem;font-size:.875rem;color:var(--color-ink, #3b3355);opacity:.8;text-align:center}.inline-play-btn.svelte-11u247f{display:inline-flex;align-items:center;padding:.15rem .6rem;margin:0 .25rem;background:#f5f2eb;color:#3b3355;border:1px solid #eee9dd;border-radius:9999px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s;vertical-align:baseline}.inline-play-btn.svelte-11u247f:hover{background:#eee9dd}.chip-board.svelte-cf91bm{margin:1.5rem 0;padding:1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.row.svelte-cf91bm{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip.svelte-cf91bm{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .7rem;min-width:4.5rem;border-radius:.5rem;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;cursor:pointer;font-family:inherit;transition:transform .1s,box-shadow .15s,background .15s}.chip.svelte-cf91bm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.chip.svelte-cf91bm:disabled{opacity:.55;cursor:not-allowed}.chip.active.svelte-cf91bm{background:#f4d888;border-color:#d4a932}.degree.svelte-cf91bm{font-size:.7rem;color:var(--color-gray-500, #6b7280);letter-spacing:.02em}.name.svelte-cf91bm{font-size:.95rem;font-weight:600;color:#3b3355}.func.svelte-cf91bm{font-size:.65rem;font-weight:700;letter-spacing:.05em}.func-t.svelte-cf91bm .func:where(.svelte-cf91bm){color:#c05a3d}.func-sd.svelte-cf91bm .func:where(.svelte-cf91bm){color:#d4a932}.func-d.svelte-cf91bm .func:where(.svelte-cf91bm){color:#3b3355}figcaption.svelte-cf91bm{margin-top:.75rem;text-align:center;font-size:.8rem;color:var(--color-gray-500, #6b7280)}.map-grid.svelte-cf91bm{display:grid;grid-template-columns:repeat(7,minmax(4.5rem,1fr));gap:.5rem;justify-items:center}.col.svelte-cf91bm{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.col.svelte-cf91bm .chip:where(.svelte-cf91bm){width:100%;min-width:0}.arrow.svelte-cf91bm{font-size:1.25rem;line-height:1;color:#c05a3d;font-weight:700}.arrow.empty.svelte-cf91bm{color:var(--color-gray-400, #9ca3af);font-size:1rem}.chip.v7.svelte-cf91bm{border-style:dashed;border-color:#c05a3d}.chip.v7.svelte-cf91bm .func:where(.svelte-cf91bm){color:#c05a3d}.chip-empty.svelte-cf91bm{width:100%;padding:.4rem .7rem;border-radius:.5rem;border:1px dashed var(--color-gray-300, #d1d5db);background:transparent;color:var(--color-gray-400, #9ca3af);font-size:.75rem;text-align:center}.circle-wrap.svelte-cf91bm{display:flex;justify-content:center;margin-top:1.5rem}.circle-svg.svelte-cf91bm{width:100%;max-width:440px;height:auto;-webkit-user-select:none;user-select:none}.circle-svg.svelte-cf91bm path:where(.svelte-cf91bm){transition:fill .2s,stroke .2s,stroke-width .2s}@media(max-width:640px){.map-grid.svelte-cf91bm{grid-template-columns:repeat(4,minmax(0,1fr))}.chip.svelte-cf91bm{padding:.3rem .4rem}.name.svelte-cf91bm{font-size:.85rem}.circle-svg.svelte-cf91bm{max-width:340px}}.tab-reading.svelte-n31g7{margin:2rem 0;padding:1.5rem 1rem;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-gray-200, #e5e7eb)}.header.svelte-n31g7{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.title.svelte-n31g7{font-size:.875rem;font-weight:700;color:var(--color-gray-800, #1f2937)}.play-btn.svelte-n31g7{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--color-gray-300, #d1d5db);background:#fff;color:var(--color-gray-700, #374151);font-size:.8rem;cursor:pointer;transition:all .15s;margin-left:auto}.play-btn.svelte-n31g7:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.play-btn.svelte-n31g7:disabled{color:var(--color-brand-600, #3b3355);border-color:var(--color-brand-300, #908ab9);cursor:default}.play-icon.svelte-n31g7{font-size:.7rem}.playing-icon.svelte-n31g7{animation:svelte-n31g7-bounce .6s infinite alternate}@keyframes svelte-n31g7-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.tab-scroll.svelte-n31g7{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tab-scroll.svelte-n31g7 svg:where(.svelte-n31g7){display:block}.note-hit.svelte-n31g7{cursor:pointer;outline:none}.hit-rect.svelte-n31g7{fill:var(--color-gray-50, #f9fafb);transition:fill .1s}.note-hit.svelte-n31g7:hover .hit-rect:where(.svelte-n31g7),.note-hit.svelte-n31g7:focus-visible .hit-rect:where(.svelte-n31g7){fill:var(--color-brand-100, #d5d3e6)}.hit-rect.on.svelte-n31g7{fill:var(--color-brand-100, #d5d3e6)}.tech-status.svelte-n31g7{margin:.5rem 0 0;min-height:1.3rem;text-align:center;font-size:.8rem;font-weight:600;color:#c05a3d}.fretboard-wrap.svelte-n31g7{display:flex;justify-content:center;overflow-x:auto;margin-top:.75rem}.hint.svelte-n31g7{margin:.75rem 0 0;text-align:center;font-size:.8rem;color:var(--color-brand-500, #524a82)}figcaption.svelte-n31g7{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--color-gray-500, #6b7280);line-height:1.6}