.fretboard-wrap[data-v-537bd024]{overflow-x:auto}.fretboard[data-v-537bd024]{min-width:760px}.fretboard-legend[data-v-537bd024]{display:flex;gap:10px;margin-bottom:10px}.legend-current[data-v-537bd024],.legend-next[data-v-537bd024]{font-size:.75rem;padding:4px 8px;border-radius:6px;font-weight:700}.legend-current[data-v-537bd024]{background:#10b981;color:#052e26}.legend-next[data-v-537bd024]{background:#3b82f633;color:#bfdbfe;border:1px solid #3b82f6}.header-row[data-v-537bd024],.string-row[data-v-537bd024],.marker-row[data-v-537bd024]{display:grid;grid-template-columns:44px repeat(12,1fr);gap:4px;margin-bottom:6px;align-items:center}.string-label[data-v-537bd024]{font-weight:700;color:#cbd5e1;text-align:center;padding:6px 4px;border-radius:8px;transition:background .15s ease,color .15s ease,border-color .15s ease;font-size:.9rem;border:1px solid transparent}.string-label.current[data-v-537bd024]{background:#10b981;color:#052e26}.string-label.next[data-v-537bd024]{background:#3b82f633;color:#bfdbfe;border-color:#3b82f6}.spacer[data-v-537bd024]{opacity:0}.fret-label[data-v-537bd024]{text-align:center;color:#94a3b8;font-size:.72rem}.fret-cell[data-v-537bd024]{height:34px;border-radius:8px;border:1px solid #243041;background:#0b1220;display:flex;align-items:center;justify-content:center;color:transparent;font-weight:800;font-size:.78rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.fret-cell.firstFret[data-v-537bd024]{border-left:4px solid #94a3b8}.fret-cell.current[data-v-537bd024]{background:#10b981;border-color:#10b981;color:#052e26}.fret-cell.next[data-v-537bd024]{background:#3b82f633;border-color:#3b82f6;color:#bfdbfe}.marker-cell[data-v-537bd024]{height:18px;display:flex;align-items:center;justify-content:center}.marker-dot[data-v-537bd024]{width:8px;height:8px;border-radius:999px;background:#64748b}.marker-double[data-v-537bd024]{display:flex;gap:8px;align-items:center;justify-content:center}.marker-double .marker-dot[data-v-537bd024]{background:#94a3b8}body{margin:0;background:#030712}.trainer[data-v-b51f0928]{max-width:900px;margin:0 auto;padding:20px 16px 24px;font-family:Inter,system-ui,sans-serif;color:#e5e7eb}h1[data-v-b51f0928]{margin:0 0 8px;font-size:2rem}.site-header[data-v-b51f0928]{display:flex;align-items:center;gap:12px;margin-bottom:14px}.logo[data-v-b51f0928]{width:40px;height:40px}.site-header h1[data-v-b51f0928]{margin:0;font-size:1.7rem;font-weight:800}.subtitle[data-v-b51f0928]{margin:2px 0 0;font-size:.9rem;color:#9ca3af}.ai-note[data-v-b51f0928]{margin-top:20px;font-size:.8rem;color:#6b7280;text-align:center;line-height:1.4;opacity:.85}.panel[data-v-b51f0928]{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:14px;margin-bottom:12px}label[data-v-b51f0928]{font-weight:600}select[data-v-b51f0928],button[data-v-b51f0928],input[data-v-b51f0928]{font:inherit}button[data-v-b51f0928]{cursor:pointer}select[data-v-b51f0928]{width:180px;padding:10px 12px;border-radius:10px;border:1px solid #374151;background:#0f172a;color:#e5e7eb}input[type=range][data-v-b51f0928]{width:220px}.header-transport[data-v-b51f0928]{padding:10px 14px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.header-transport[data-v-b51f0928]:hover{opacity:.95}.header-transport.is-start[data-v-b51f0928]{background:#10b981;color:#052e26}.header-transport.is-stop[data-v-b51f0928]{background:#374151;color:#f3f4f6}.header-transport[data-v-b51f0928]:disabled{opacity:.5;cursor:not-allowed}.control-group[data-v-b51f0928]{display:grid;gap:8px;align-content:start}.control-group label[data-v-b51f0928]{display:block;line-height:1.2;margin:0}.controls-panel[data-v-b51f0928]{padding:0;overflow:hidden}.controls-header[data-v-b51f0928]{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:16px;align-items:center;padding:14px 20px}.controls-toggle[data-v-b51f0928]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;background:transparent;color:#e5e7eb;border:none;border-radius:0;font-weight:700;cursor:pointer}.controls-toggle[data-v-b51f0928]:hover{background:transparent}.chevron[data-v-b51f0928]{font-size:1rem;color:#9ca3af}.header-volume[data-v-b51f0928]{display:flex;align-items:center;gap:10px;min-width:0}.header-volume label[data-v-b51f0928]{font-size:.9rem;color:#9ca3af;font-weight:600;white-space:nowrap}.header-volume input[type=range][data-v-b51f0928]{width:100%;min-width:100px}.header-stop[data-v-b51f0928]{padding:10px 14px;background:#374151;color:#f3f4f6;border:none;border-radius:10px;font-weight:700;cursor:pointer}.header-stop[data-v-b51f0928]:disabled{opacity:.5;cursor:not-allowed}.controls[data-v-b51f0928]{display:grid;gap:16px;padding:0 20px 20px}.button-row[data-v-b51f0928]{display:block;margin-top:4px}.start-button[data-v-b51f0928]{width:100%;border:none;border-radius:10px;padding:12px 18px;background:#10b981;color:#052e26;font-weight:700;cursor:pointer}.start-button[data-v-b51f0928]:hover{background:#34d399}.start-button[data-v-b51f0928]:disabled{opacity:.5;cursor:not-allowed}.notes[data-v-b51f0928]{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;align-items:stretch}.note-card[data-v-b51f0928]{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:14px;text-align:center}.note-card.current[data-v-b51f0928]{border-color:#10b981;background:#0a1b18;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.note-card.current.flash[data-v-b51f0928]{transform:scale(1.02);box-shadow:0 0 0 2px #10b98133}.note-card.current.downbeat[data-v-b51f0928]{transform:scale(1.05);box-shadow:0 0 0 3px #10b98159;border-color:#34d399}.label[data-v-b51f0928]{margin-bottom:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.note-card.small .note[data-v-b51f0928]{font-size:2.25rem;font-weight:700}.note-card.current .note[data-v-b51f0928]{font-size:4.5rem;font-weight:800;line-height:1;transition:transform .12s ease}.note-card.current.downbeat .note[data-v-b51f0928]{transform:scale(1.04)}.note-card.previous[data-v-b51f0928]{background:#0b1220;border-color:#1f2937}.note-card.next[data-v-b51f0928]{background:#3b82f61f;border-color:#3b82f6}.note-card.next .note[data-v-b51f0928]{color:#bfdbfe}.note-card.next .label[data-v-b51f0928]{color:#93c5fd}.note-card.previous .note[data-v-b51f0928]{color:#9ca3af}.beat-indicator[data-v-b51f0928]{margin-top:16px;display:flex;justify-content:center;gap:10px}.beat-indicator span[data-v-b51f0928]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#1f2937;color:#9ca3af;font-size:.8rem;font-weight:700;transition:all .15s ease}.beat-indicator span.active[data-v-b51f0928]{background:#10b981;color:#052e26;transform:scale(1.15);box-shadow:0 0 10px #10b98166}.tempo-display[data-v-b51f0928]{font-size:.8rem;color:#9ca3af;text-align:center;margin-top:4px}.fretboards[data-v-b51f0928]{display:grid;grid-template-columns:1fr;gap:12px}.fretboards .panel[data-v-b51f0928]{padding:16px}.pool-items[data-v-b51f0928]{display:flex;flex-wrap:wrap;gap:10px}.pool-note[data-v-b51f0928]{background:#0b1220;border:1px solid #243041;border-radius:999px;padding:8px 12px;font-weight:600}@media(max-width:720px){.controls-header[data-v-b51f0928]{grid-template-columns:1fr;align-items:stretch}.header-volume[data-v-b51f0928]{justify-content:space-between}.header-volume input[type=range][data-v-b51f0928]{width:160px}.notes[data-v-b51f0928]{grid-template-columns:1fr}.note-card.current .note[data-v-b51f0928]{font-size:3.5rem}.note-card.small .note[data-v-b51f0928]{font-size:2rem}}@media(max-width:900px){.fretboards[data-v-b51f0928]{grid-template-columns:1fr}}
