.fretboard[data-v-efa07f16]{--fb-line: var(--hb-board-line);--fb-nut: var(--hb-nut);--fb-marker: var(--hb-marker);--fb-root: var(--hb-dot-root);--fb-tone: var(--hb-dot-tone);--fb-optional-stroke: var(--hb-optional-stroke);--fb-altered: var(--hb-altered);--fb-label: var(--hb-dot-tone-label);display:block;width:100%;height:auto;font-family:system-ui,sans-serif}.fb-fret-number[data-v-efa07f16]{font-size:11px;fill:var(--fb-line)}.fb-nut[data-v-efa07f16]{fill:var(--fb-nut)}.fb-fret-wire[data-v-efa07f16]{stroke:var(--fb-line);stroke-width:1.4}.fb-string[data-v-efa07f16]{stroke:var(--fb-line)}.fb-string-altered[data-v-efa07f16]{stroke:var(--fb-altered)}.fb-marker circle[data-v-efa07f16]{fill:var(--fb-marker)}.fb-dot[data-v-efa07f16]{cursor:pointer}.fb-dot-passive[data-v-efa07f16]{pointer-events:none}.fb-dot text[data-v-efa07f16]{font-size:10px;fill:var(--fb-label);pointer-events:none}.fb-dot-overlay circle[data-v-efa07f16]{stroke:var(--hb-overlay);stroke-width:3}.fb-dot-hit circle[data-v-efa07f16]{stroke:var(--hb-accent);stroke-width:3}.fb-focus-dim .fb-dot[data-v-efa07f16]:not(.fb-dot-hit){opacity:.22}.fb-box-outline[data-v-efa07f16]{fill:var(--hb-accent);fill-opacity:.05;stroke:var(--hb-accent);stroke-opacity:.45;pointer-events:none}.fb-box-dim .fb-dot[data-v-efa07f16]:not(.fb-dot-inbox){opacity:.22}.fb-octave-line[data-v-efa07f16]{stroke:var(--hb-accent);stroke-width:2;stroke-opacity:.55;pointer-events:none}.fb-cell[data-v-efa07f16]{fill:transparent;cursor:pointer}.fb-ghost[data-v-efa07f16]{pointer-events:none}.fb-mark[data-v-efa07f16]{fill:none;stroke:var(--hb-good);stroke-width:2.4;pointer-events:none}.fb-mark-reveal[data-v-efa07f16]{stroke-dasharray:4 3}.fb-mark-hit[data-v-efa07f16]{stroke-width:3}@media(prefers-reduced-motion:no-preference){.fb-mark-hit[data-v-efa07f16]{transform-box:fill-box;transform-origin:center;animation:fb-mark-pop-efa07f16 .22s ease-out}}@keyframes fb-mark-pop-efa07f16{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.fb-ghost circle[data-v-efa07f16]{fill:var(--hb-surface);stroke:var(--hb-muted);stroke-width:1.6;stroke-dasharray:3 2.5}.fb-ghost text[data-v-efa07f16]{font-size:10px;fill:var(--hb-text)}.fb-dot-root circle[data-v-efa07f16]{fill:var(--fb-root)}.fb-dot-root text[data-v-efa07f16]{fill:var(--hb-dot-root-label)}.fb-dot-normal circle[data-v-efa07f16]{fill:var(--fb-tone)}.fb-dot-optional circle[data-v-efa07f16]{fill:var(--hb-surface);stroke:var(--fb-optional-stroke);stroke-width:1.6}.fb-dot-optional text[data-v-efa07f16]{fill:var(--fb-optional-stroke)}.fb-dot-role-root[data-v-efa07f16]{--fb-role: var(--fb-root)}.fb-dot-role-third[data-v-efa07f16]{--fb-role: var(--hb-role-third)}.fb-dot-role-fifth[data-v-efa07f16]{--fb-role: var(--hb-role-fifth)}.fb-dot-role-seventh[data-v-efa07f16]{--fb-role: var(--hb-role-seventh)}.fb-dot-role-extension[data-v-efa07f16]{--fb-role: var(--hb-role-extension)}.fb-dot-role-root circle[data-v-efa07f16],.fb-dot-role-third circle[data-v-efa07f16],.fb-dot-role-fifth circle[data-v-efa07f16],.fb-dot-role-seventh circle[data-v-efa07f16],.fb-dot-role-extension circle[data-v-efa07f16]{fill:var(--fb-role)}.fb-dot-role-root text[data-v-efa07f16]{fill:var(--hb-dot-root-label)}.fb-dot-role-third text[data-v-efa07f16],.fb-dot-role-fifth text[data-v-efa07f16],.fb-dot-role-seventh text[data-v-efa07f16],.fb-dot-role-extension text[data-v-efa07f16]{fill:var(--hb-role-label)}.fb-dot-optional.fb-dot-role-root circle[data-v-efa07f16],.fb-dot-optional.fb-dot-role-third circle[data-v-efa07f16],.fb-dot-optional.fb-dot-role-fifth circle[data-v-efa07f16],.fb-dot-optional.fb-dot-role-seventh circle[data-v-efa07f16],.fb-dot-optional.fb-dot-role-extension circle[data-v-efa07f16]{fill:var(--hb-surface);stroke:var(--fb-role)}.fb-dot-optional.fb-dot-role-root text[data-v-efa07f16],.fb-dot-optional.fb-dot-role-third text[data-v-efa07f16],.fb-dot-optional.fb-dot-role-fifth text[data-v-efa07f16],.fb-dot-optional.fb-dot-role-seventh text[data-v-efa07f16],.fb-dot-optional.fb-dot-role-extension text[data-v-efa07f16]{fill:var(--fb-role)}.fb-open-letter[data-v-efa07f16]{font-size:11px;fill:var(--fb-line)}.fb-string-altered-letter[data-v-efa07f16]{fill:var(--fb-altered)}.fb-tuner-btn[data-v-efa07f16]{cursor:pointer}.fb-tuner-hit[data-v-efa07f16]{fill:transparent}.fb-tuner-btn circle[data-v-efa07f16]{fill:var(--hb-surface-2);stroke:var(--fb-line);stroke-width:1}.fb-tuner-btn text[data-v-efa07f16]{font-size:11px;fill:var(--fb-line);pointer-events:none}.fb-tuner-btn:focus-visible circle[data-v-efa07f16]{stroke:var(--fb-root);stroke-width:2}.staff[data-v-57055b77]{display:block;font-family:system-ui,sans-serif}.st-line[data-v-57055b77],.st-ledger[data-v-57055b77]{stroke:var(--hb-board-line);stroke-width:1.2}.st-clef[data-v-57055b77]{fill:var(--hb-board-line)}.st-note[data-v-57055b77]{cursor:pointer}.st-note ellipse[data-v-57055b77]{fill:var(--hb-dot-tone)}.st-note-root ellipse[data-v-57055b77]{fill:var(--hb-dot-root)}.st-note-role-root ellipse[data-v-57055b77]{fill:var(--hb-dot-root)}.st-note-role-third ellipse[data-v-57055b77]{fill:var(--hb-role-third)}.st-note-role-fifth ellipse[data-v-57055b77]{fill:var(--hb-role-fifth)}.st-note-role-seventh ellipse[data-v-57055b77]{fill:var(--hb-role-seventh)}.st-note-role-extension ellipse[data-v-57055b77]{fill:var(--hb-role-extension)}.st-acc[data-v-57055b77]{fill:var(--hb-text);font-size:15px}.st-pname[data-v-57055b77]{fill:var(--hb-muted);font-size:10px;text-anchor:middle}.st-note-focused ellipse[data-v-57055b77]{stroke:var(--hb-accent);stroke-width:2.5}.st-note-focused .st-pname[data-v-57055b77]{fill:var(--hb-accent);font-weight:700}.st-note:focus-visible ellipse[data-v-57055b77]{stroke:var(--hb-accent);stroke-width:2.5}.staff-dimmed .st-note[data-v-57055b77]:not(.st-note-focused){opacity:.35}.st-ghost ellipse[data-v-57055b77]{fill:none;stroke:var(--hb-muted);stroke-width:1.6;stroke-dasharray:3 2.5}.st-ghost .st-acc[data-v-57055b77],.st-ghost .st-pname[data-v-57055b77]{fill:var(--hb-muted)}.st-ghost .st-pname[data-v-57055b77]{font-style:italic}.staff-caption[data-v-57055b77]{margin:.35rem 0 0;font-size:.85rem;color:var(--hb-muted)}.mode-toggle[data-v-49754f66]{display:inline-flex;border:1px solid var(--hb-border);border-radius:6px;overflow:hidden}.mode-toggle button[data-v-49754f66]{padding:.4rem .9rem;font:inherit;background:var(--hb-surface);border:none;cursor:pointer}.mode-toggle button+button[data-v-49754f66]{border-left:1px solid var(--hb-border)}.mode-toggle button.selected[data-v-49754f66]{background:var(--hb-accent);color:var(--hb-accent-contrast)}.combo[data-v-f8e4c38c]{position:relative;display:inline-block}.combo-button[data-v-f8e4c38c]{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.4rem .7rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.combo-caret[data-v-f8e4c38c]{font-size:.7em;color:var(--hb-muted)}.combo-panel[data-v-f8e4c38c]{position:absolute;z-index:30;top:calc(100% + 4px);left:var(--hb-panel-shift, 0px);min-width:max(100%,14rem);max-width:var(--hb-panel-max-width);background:var(--hb-surface);border:1px solid var(--hb-border);border-radius:8px;box-shadow:0 6px 24px var(--hb-shadow);padding:.4rem}.combo-panel-inline[data-v-f8e4c38c]{position:static;max-width:none;box-shadow:none;border:none;padding:0}.combo-search[data-v-f8e4c38c]{width:100%;box-sizing:border-box;margin-bottom:.4rem;padding:.35rem .5rem;font:inherit;border:1px solid var(--hb-border);border-radius:6px}.combo-list[data-v-f8e4c38c]{list-style:none;margin:0;padding:0;max-height:min(16rem,calc(100vh - 11rem));max-height:min(16rem,calc(100dvh - 11rem));overflow-y:auto;overscroll-behavior:contain;outline:none}.combo-option[data-v-f8e4c38c]{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;cursor:pointer}.combo-option.active[data-v-f8e4c38c]{background:var(--hb-active-bg)}.combo-option[aria-selected=true] .combo-option-label[data-v-f8e4c38c]{font-weight:700}.combo-option-sublabel[data-v-f8e4c38c]{font-size:.8em;color:var(--hb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-empty[data-v-f8e4c38c]{padding:.35rem .5rem;color:var(--hb-muted)}.tuning[data-v-bca5111b]{position:relative;display:inline-flex;align-items:center;gap:.45rem}.tuning-caption[data-v-bca5111b]{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hb-muted)}.tuning-header[data-v-bca5111b]{display:inline-flex;align-items:baseline;gap:.6rem;padding:.4rem .7rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.tuning-header[data-v-bca5111b]:hover{border-color:var(--hb-accent);background:var(--hb-active-bg)}.tuning-caret[data-v-bca5111b]{font-size:.7em;color:var(--hb-muted);align-self:center}.tuning-letters[data-v-bca5111b]{letter-spacing:.06em}.tuning-header.custom .tuning-letters[data-v-bca5111b],.tuning-header.custom .tuning-name[data-v-bca5111b]{color:var(--hb-altered)}.tuning-name[data-v-bca5111b]{font-size:.85em;color:var(--hb-muted)}@media(max-width:640px){.tuning-caption[data-v-bca5111b],.tuning-name[data-v-bca5111b]{display:none}}.tuning-dialog[data-v-bca5111b]{position:absolute;z-index:40;top:calc(100% + 4px);left:var(--hb-panel-shift, 0px);width:17rem;max-width:var(--hb-panel-max-width);max-height:calc(100vh - 5rem);max-height:calc(100dvh - 5rem);overflow-y:auto;overscroll-behavior:contain;background:var(--hb-surface);border:1px solid var(--hb-border);border-radius:8px;box-shadow:0 6px 24px var(--hb-shadow);padding:.5rem}.share[data-v-96d20bd3]{position:relative;display:inline-block}.share-button[data-v-96d20bd3]{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;font:inherit;font-weight:600;color:var(--hb-accent);background:var(--hb-control-bg);border:1px solid var(--hb-accent);border-radius:6px;cursor:pointer}.share-button[data-v-96d20bd3]:hover{background:var(--hb-active-bg)}@media(max-width:640px){.share-button .button-label[data-v-96d20bd3]{display:none}}.share-icon[data-v-96d20bd3]{width:15px;height:15px;stroke:var(--hb-accent);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.share-note[data-v-96d20bd3]:not(:empty){position:absolute;z-index:30;top:calc(100% + 4px);right:0;white-space:nowrap;padding:.3rem .6rem;font-size:.85rem;color:var(--hb-text);background:var(--hb-surface);border:1px solid var(--hb-border);border-radius:6px;box-shadow:0 6px 24px var(--hb-shadow)}.display-options[data-v-1d4f896f]{position:relative;display:inline-block}.display-button[data-v-1d4f896f]{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;font:inherit;font-weight:600;color:var(--hb-accent);background:var(--hb-control-bg);border:1px solid var(--hb-accent);border-radius:6px;cursor:pointer}.display-button[data-v-1d4f896f]:hover{background:var(--hb-active-bg)}@media(max-width:640px){.display-button .button-label[data-v-1d4f896f]{display:none}}.display-icon[data-v-1d4f896f]{width:15px;height:15px;stroke:var(--hb-accent);stroke-width:1.6;fill:var(--hb-surface)}.display-panel[data-v-1d4f896f]{position:absolute;z-index:30;top:calc(100% + 4px);right:calc(-1 * var(--hb-panel-shift, 0px));width:15rem;max-width:var(--hb-panel-max-width);max-height:calc(100vh - 7rem);max-height:calc(100dvh - 7rem);overflow-y:auto;overscroll-behavior:contain;background:var(--hb-surface);border:1px solid var(--hb-border);border-radius:8px;box-shadow:0 6px 24px var(--hb-shadow);padding:.6rem .8rem}fieldset[data-v-1d4f896f]{border:none;margin:0 0 .5rem;padding:0}legend[data-v-1d4f896f]{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hb-muted);padding:0;margin-bottom:.15rem}fieldset label[data-v-1d4f896f]{margin-right:.9rem;cursor:pointer}.position-picker[data-v-68d49111]{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.position-title[data-v-68d49111]{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hb-muted);margin-right:.3rem}.position-btn[data-v-68d49111]{min-width:var(--hb-chip-min);padding:.3rem .5rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.position-btn-active[data-v-68d49111]{background:var(--hb-active-bg);border-color:var(--hb-accent);color:var(--hb-accent)}.shape-toggle[data-v-68d49111]{display:inline-flex;gap:.3rem;margin-left:.6rem}.neck-lenses[data-v-c07ee125]{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.lens-group[data-v-c07ee125]{display:inline-flex;align-items:center;gap:.3rem}.lens-title[data-v-c07ee125]{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hb-muted);margin-right:.3rem}.lens-btn[data-v-c07ee125]{min-width:var(--hb-chip-min);padding:.3rem .5rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.lens-btn-active[data-v-c07ee125]{background:var(--hb-active-bg);border-color:var(--hb-accent);color:var(--hb-accent)}.lens-btn[data-v-c07ee125]:disabled{opacity:.45;cursor:not-allowed}.octaves-btn[data-v-c07ee125]{margin-left:.6rem}.overlay-picker[data-v-da460cee]{display:inline-flex;align-items:center;gap:.4rem}.overlay-title[data-v-da460cee]{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hb-muted)}.overlay-select[data-v-da460cee]{padding:.3rem .4rem;font:inherit;background:var(--hb-control-bg);color:var(--hb-text);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.role-legend[data-v-31c94b9c]{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;list-style:none;margin:.5rem 0 0;padding:0;font-size:.82rem;color:var(--hb-muted)}.role-entry[data-v-31c94b9c]{display:inline-flex;align-items:center;gap:.35rem}.role-swatch[data-v-31c94b9c]{width:.7rem;height:.7rem;border-radius:50%}.role-swatch-root[data-v-31c94b9c]{background:var(--hb-dot-root)}.role-swatch-third[data-v-31c94b9c]{background:var(--hb-role-third)}.role-swatch-fifth[data-v-31c94b9c]{background:var(--hb-role-fifth)}.role-swatch-seventh[data-v-31c94b9c]{background:var(--hb-role-seventh)}.role-swatch-extension[data-v-31c94b9c]{background:var(--hb-role-extension)}.role-note[data-v-31c94b9c]{font-style:italic}.circle-panel[data-v-9353e381]{display:flex;justify-content:center;margin:1.25rem 0 .25rem}.circle-svg[data-v-9353e381]{width:min(470px,94vw);height:auto;font-family:system-ui,sans-serif}.cof-wedge[data-v-9353e381]{cursor:pointer}.cof-wedge path[data-v-9353e381]{fill:hsl(calc(var(--cof-hue) * 1deg) 45% var(--hb-cof-base-l));stroke:var(--hb-border);stroke-width:1}.cof-wedge-minor path[data-v-9353e381]{fill:hsl(calc(var(--cof-hue) * 1deg) 30% var(--hb-cof-base-l))}.cof-wedge:hover path[data-v-9353e381],.cof-diatonic path[data-v-9353e381]{fill:hsl(calc(var(--cof-hue) * 1deg) 60% var(--hb-cof-lit-l))}.cof-wedge-minor:hover path[data-v-9353e381],.cof-wedge-minor.cof-diatonic path[data-v-9353e381]{fill:hsl(calc(var(--cof-hue) * 1deg) 45% var(--hb-cof-lit-l))}.cof-active path[data-v-9353e381],.cof-wedge-minor.cof-active path[data-v-9353e381]{fill:hsl(calc(var(--cof-hue) * 1deg) 65% var(--hb-cof-active-l))}.cof-wedge text[data-v-9353e381]{fill:var(--hb-text);text-anchor:middle;pointer-events:none}.cof-major[data-v-9353e381]{font-size:15px;font-weight:600}.cof-minor[data-v-9353e381]{font-size:12px}.cof-sig[data-v-9353e381]{font-size:9.5px;fill:var(--hb-muted)}.circle-compact .cof-minor[data-v-9353e381]{font-size:13px}.cof-active text[data-v-9353e381]{fill:var(--hb-accent-contrast)}.cof-active .cof-sig[data-v-9353e381]{fill:var(--hb-accent-contrast);opacity:.8}.cof-wedge:focus-visible path[data-v-9353e381]{stroke:var(--hb-accent);stroke-width:2.5}.cof-center[data-v-9353e381]{font-size:20px;font-weight:700;fill:var(--hb-accent);text-anchor:middle}.cof-staff-line[data-v-9353e381]{stroke:var(--hb-board-line);stroke-width:.7;opacity:.7}.cof-clef[data-v-9353e381]{fill:var(--hb-text)}.cof-acc[data-v-9353e381]{font-size:10px;fill:var(--hb-text);text-anchor:middle}.info-title[data-v-c2b7b21e]{font-size:1.15rem;margin:0 0 .4rem}dl[data-v-c2b7b21e]{display:grid;grid-template-columns:auto 1fr;gap:.15rem .9rem;margin:0}dt[data-v-c2b7b21e]{color:var(--hb-muted);font-size:.85rem}dd[data-v-c2b7b21e]{margin:0}dd small[data-v-c2b7b21e]{color:var(--hb-muted)}.anatomy[data-v-def215c6]{margin-top:1.25rem}.anatomy-overlay[data-v-def215c6]{margin:0 0 .3rem}.anatomy-summary[data-v-def215c6]{margin:0 0 .3rem;color:var(--hb-muted)}.anatomy-stack[data-v-def215c6]{margin:0 0 .5rem}.anatomy-stack small[data-v-def215c6],.anatomy-table small[data-v-def215c6]{color:var(--hb-muted)}.anatomy-table[data-v-def215c6]{width:100%;border-collapse:collapse;font-size:.9rem}.anatomy-table th[data-v-def215c6]{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hb-muted);font-weight:500;padding:.25rem .9rem .25rem 0}.anatomy-table td[data-v-def215c6]{padding:.25rem .9rem .25rem 0;border-top:1px solid var(--hb-border);vertical-align:top}.anatomy-comment[data-v-def215c6]{color:var(--hb-muted)}.playback[data-v-29035459]{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.play-button[data-v-29035459]{padding:.4rem .9rem;font:inherit;background:var(--hb-accent);color:var(--hb-accent-contrast);border:none;border-radius:6px;cursor:pointer;min-width:5.2rem}.play-button[data-v-29035459]:disabled{opacity:.6;cursor:wait}.speed[data-v-29035459]{display:inline-flex;align-items:center;gap:.3rem}.speed input[data-v-29035459]{width:6.5rem;accent-color:var(--hb-accent)}.playback-error[data-v-29035459]{color:var(--hb-altered);font-size:.85rem}.quiz-prompt[data-v-fe52428e]{display:flex;flex-direction:column;gap:.45rem}.quiz-prompt[data-quiz-context=bar][data-v-fe52428e]{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.quiz-line[data-v-fe52428e]{margin:0;font-size:.95rem}.quiz-right[data-v-fe52428e]{color:var(--hb-good);margin-left:.5rem;font-weight:600}.quiz-wrong[data-v-fe52428e]{color:var(--hb-altered);margin-left:.5rem}.quiz-choices[data-v-fe52428e]{display:flex;flex-wrap:wrap;gap:.3rem}.quiz-choice[data-v-fe52428e]{min-width:3rem}.quiz-next[data-v-fe52428e],.quiz-skip[data-v-fe52428e]{align-self:flex-start}.quiz-prompt[data-quiz-context=bar] .quiz-next[data-v-fe52428e],.quiz-prompt[data-quiz-context=bar] .quiz-skip[data-v-fe52428e]{align-self:center;margin-left:auto}.lens-btn[data-v-fe52428e]{padding:.3rem .6rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.lens-btn[data-v-fe52428e]:disabled{opacity:.45;cursor:not-allowed}.quiz[data-v-8ec96f6f]{margin-top:.6rem;display:flex;flex-direction:column;gap:.45rem}.quiz-kinds[data-v-8ec96f6f]{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.quiz-score[data-v-8ec96f6f]{margin-left:.5rem;font-size:.85rem;color:var(--hb-muted);font-variant-numeric:tabular-nums}.quiz-line[data-v-8ec96f6f]{margin:0;font-size:.95rem}.quiz-muted[data-v-8ec96f6f]{color:var(--hb-muted);font-size:.8rem}.lens-btn[data-v-8ec96f6f]{padding:.3rem .6rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.lens-btn-active[data-v-8ec96f6f]{background:var(--hb-active-bg);border-color:var(--hb-accent);color:var(--hb-accent)}.patterns[data-v-78af18cb]{margin-top:.6rem;display:flex;flex-direction:column;gap:.45rem}.pattern-row[data-v-78af18cb]{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.pattern-note[data-v-78af18cb]{font-size:.8rem;color:var(--hb-muted);margin-left:.4rem}.lens-btn[data-v-78af18cb]{padding:.3rem .6rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.lens-btn-active[data-v-78af18cb]{background:var(--hb-active-bg);border-color:var(--hb-accent);color:var(--hb-accent)}.source-chip[data-v-78af18cb]{cursor:default}.play-button[data-v-78af18cb]{padding:.4rem .9rem;font:inherit;background:var(--hb-accent);color:var(--hb-accent-contrast);border:none;border-radius:6px;cursor:pointer;min-width:5.2rem}.progression[data-v-871d734c]{margin-top:.6rem;display:flex;flex-direction:column;gap:.45rem}.prog-row[data-v-871d734c]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.btn-row[data-v-871d734c]{display:inline-flex;gap:.3rem}.prog-strip[data-v-871d734c]{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0}.prog-bar[data-v-871d734c]{display:flex;flex-direction:column;align-items:center;min-width:3.1rem;padding:.3rem .45rem;border:1px solid var(--hb-border);border-radius:6px;background:var(--hb-surface)}.prog-bar-active[data-v-871d734c]{border-color:var(--hb-accent);background:var(--hb-active-bg)}.prog-numeral[data-v-871d734c]{font-weight:600;font-size:.95rem}.prog-chord[data-v-871d734c]{font-size:.75rem;color:var(--hb-muted)}.prog-note[data-v-871d734c]{margin:0;font-size:.8rem;color:var(--hb-muted)}.lens-btn[data-v-871d734c]{padding:.3rem .6rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.lens-btn-active[data-v-871d734c]{background:var(--hb-active-bg);border-color:var(--hb-accent);color:var(--hb-accent)}.play-button[data-v-871d734c]{padding:.4rem .9rem;font:inherit;background:var(--hb-accent);color:var(--hb-accent-contrast);border:none;border-radius:6px;cursor:pointer;min-width:5.2rem}.practice-bar[data-v-8c2fdf99]{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.practice-tabs[data-v-8c2fdf99]{display:inline-flex;gap:.3rem}.practice-audio[data-v-8c2fdf99]{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--hb-border)}.audio-group[data-v-8c2fdf99]{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.3rem;border:1px solid var(--hb-border);border-radius:8px;padding:.45rem .6rem .5rem;margin:0}.audio-group legend[data-v-8c2fdf99]{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hb-muted);padding:0 .3rem}.audio-sep[data-v-8c2fdf99]{width:1px;align-self:stretch;background:var(--hb-border);margin:0 .35rem}.btn-row[data-v-8c2fdf99]{display:inline-flex;gap:.3rem}.beat-dots[data-v-8c2fdf99]{display:inline-flex;align-items:center;gap:.28rem;margin:0 .2rem}.beat-dot[data-v-8c2fdf99]{width:8px;height:8px;border-radius:50%;background:var(--hb-surface-2);border:1px solid var(--hb-border);transition:transform .08s ease-out,background-color .08s ease-out}.beat-dot-accent[data-v-8c2fdf99]{width:10px;height:10px}.beat-dot-active[data-v-8c2fdf99]{background:var(--hb-accent);border-color:var(--hb-accent);transform:scale(1.35)}.lens-btn[data-v-8c2fdf99]{min-width:var(--hb-chip-min);padding:.3rem .6rem;font:inherit;background:var(--hb-control-bg);border:1px solid var(--hb-border);border-radius:6px;cursor:pointer}.lens-btn-active[data-v-8c2fdf99]{background:var(--hb-active-bg);border-color:var(--hb-accent);color:var(--hb-accent)}.practice-tempo[data-v-8c2fdf99]{display:inline-flex;align-items:center;gap:.4rem}.practice-tempo input[data-v-8c2fdf99]{width:6.5rem;accent-color:var(--hb-accent)}.practice-bpm[data-v-8c2fdf99]{font-size:.8rem;color:var(--hb-muted);font-variant-numeric:tabular-nums;min-width:4.2rem}.drone-vol[data-v-8c2fdf99]{display:inline-flex;align-items:center;gap:.3rem;margin-left:.2rem}.drone-level[data-v-8c2fdf99]{width:4.5rem;accent-color:var(--hb-accent)}.quiz-bar[data-v-08f4e546]{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:.6rem;margin-top:.5rem;padding:.45rem .7rem;background:var(--hb-surface);border:1px solid var(--hb-border);border-radius:8px}.quiz-bar[data-v-08f4e546]>.quiz-prompt{flex:1 1 auto;min-width:0}.quiz-bar-score[data-v-08f4e546]{flex:0 0 auto;font-size:.85rem;color:var(--hb-muted);font-variant-numeric:tabular-nums}.ccard[data-v-65530888]{border:1px solid var(--hb-border);border-radius:10px;background:var(--hb-surface);margin:1rem 0}.ccard-head[data-v-65530888]{display:flex;align-items:center;gap:.45rem;width:100%;padding:.55rem .9rem;font:inherit;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:var(--hb-muted);background:none;border:none;border-radius:10px;cursor:pointer;text-align:left}.ccard-head[data-v-65530888]:hover{color:var(--hb-text)}.ccard-chevron[data-v-65530888]{width:10px;height:10px;flex:none;transition:transform .12s ease-out}.ccard-chevron-open[data-v-65530888]{transform:rotate(90deg)}.ccard-body[data-v-65530888]{padding:0 .9rem .8rem}.page[data-v-835f1530]{min-height:100vh;min-height:100dvh;padding:var(--hb-safe-top) var(--hb-safe-right) var(--hb-safe-bottom) var(--hb-safe-left);display:flex;flex-direction:column}.room[data-v-835f1530]{width:100%;max-width:920px;margin:0 auto;padding:1.5rem 1rem 0;flex:1}.room-header[data-v-835f1530]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:.9rem}.brand[data-v-835f1530]{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;border-radius:8px}.brand:hover h1[data-v-835f1530]{color:var(--hb-accent)}.brand-mark[data-v-835f1530]{width:26px;height:26px;flex:none}.brand-text[data-v-835f1530]{display:flex;flex-direction:column}.brand h1[data-v-835f1530]{font-size:1.35rem;letter-spacing:-.01em;line-height:1.15;margin:0}.brand-tag[data-v-835f1530]{font-size:.72rem;letter-spacing:.02em;color:var(--hb-muted)}.room-controls[data-v-835f1530]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem}.spacer[data-v-835f1530]{flex:1}.room-positions[data-v-835f1530]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:-.65rem 0 .9rem}.board-scroll[data-v-835f1530]{overflow-x:auto;margin-left:calc(-1rem - var(--hb-safe-left));margin-right:calc(-1rem - var(--hb-safe-right));padding-left:calc(1rem + var(--hb-safe-left));padding-right:calc(1rem + var(--hb-safe-right))}.board-scroll[data-v-835f1530] .fretboard{min-width:var(--board-min-width, 640px)}.staff-scroll[data-v-835f1530]{overflow-x:auto;margin:1rem calc(-1rem - var(--hb-safe-right)) 0 calc(-1rem - var(--hb-safe-left));padding-left:calc(1rem + var(--hb-safe-left));padding-right:calc(1rem + var(--hb-safe-right))}.room-playback[data-v-835f1530]{margin:1rem 0 1.25rem}.room-panels[data-v-835f1530],.panel-col[data-v-835f1530]{display:contents}.site-footer[data-v-835f1530]{margin-top:2.5rem;padding:1.1rem 1rem 1.4rem;border-top:1px solid var(--hb-border);text-align:center;color:var(--hb-muted);font-size:.85rem}.site-footer p[data-v-835f1530]{margin:.25rem 0}.site-footer-fine[data-v-835f1530]{font-size:.78rem}.site-footer a[data-v-835f1530]{color:inherit}.site-footer-support[data-v-835f1530]{margin:.5rem 0 .65rem}.site-footer a.support-link[data-v-835f1530]{display:inline-flex;align-items:center;margin-left:.35rem;padding:.28rem .75rem;border:1px solid var(--hb-border);border-radius:999px;background:var(--hb-surface);color:var(--hb-accent);text-decoration:none}.site-footer a.support-link[data-v-835f1530]:hover,.site-footer a.support-link[data-v-835f1530]:focus-visible{border-color:var(--hb-accent)}@media(max-width:640px){.room[data-v-835f1530]{padding-top:.9rem}.room-header[data-v-835f1530]{margin-bottom:.55rem}.room-controls[data-v-835f1530]{gap:.5rem;margin-bottom:.7rem}.room-positions[data-v-835f1530]{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.45rem;margin:0 0 .7rem}.room-positions[data-v-835f1530] .position-picker,.room-positions[data-v-835f1530] .neck-lenses{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1rem - var(--hb-safe-left));margin-right:calc(-1rem - var(--hb-safe-right));padding-left:calc(1rem + var(--hb-safe-left));padding-right:calc(1rem + var(--hb-safe-right))}.room-positions[data-v-835f1530] .position-picker>*,.room-positions[data-v-835f1530] .neck-lenses>*{flex:none}.room-positions[data-v-835f1530] .position-picker::-webkit-scrollbar,.room-positions[data-v-835f1530] .neck-lenses::-webkit-scrollbar{display:none}}@media(orientation:landscape)and (max-height:480px){.room[data-v-835f1530]{padding-top:.6rem}.room-header[data-v-835f1530]{margin-bottom:.45rem}.brand-mark[data-v-835f1530]{width:20px;height:20px}.brand h1[data-v-835f1530]{font-size:1.05rem}.brand-tag[data-v-835f1530]{display:none}.room-controls[data-v-835f1530]{gap:.45rem;margin-bottom:.6rem}.room-positions[data-v-835f1530]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0 .9rem;margin:-.2rem calc(-1rem - var(--hb-safe-right)) .45rem calc(-1rem - var(--hb-safe-left));padding-left:calc(1rem + var(--hb-safe-left));padding-right:calc(1rem + var(--hb-safe-right))}.room-positions[data-v-835f1530]>*{flex:none}.room-positions[data-v-835f1530]::-webkit-scrollbar{display:none}.room-playback[data-v-835f1530]{margin:.6rem 0 .75rem}.site-footer[data-v-835f1530]{margin-top:1.25rem}}@media(min-width:1000px){.room[data-v-835f1530]{max-width:1280px;padding:1.75rem 1.5rem 0}.board-scroll[data-v-835f1530] .fretboard{max-width:1100px;margin-inline:auto}.room-panels[data-v-835f1530]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:1.5rem}.panel-col[data-v-835f1530]{display:block;min-width:0}}
