.note-tooltip[data-v-514a5616]{position:fixed;z-index:50;min-width:170px;padding:8px 12px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 10px 30px #00000059;color:var(--color-text);font-size:13px;pointer-events:none;transform:translate(-50%,-100%)}.note-tooltip.below[data-v-514a5616]{transform:translate(-50%)}.note-tooltip-title[data-v-514a5616]{margin-bottom:6px;color:var(--color-marked);font-size:20px;font-weight:700;line-height:1.1}.note-tooltip-title sub[data-v-514a5616]{font-size:12px}.note-tooltip-details[data-v-514a5616]{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0}.note-tooltip-details dt[data-v-514a5616]{color:var(--color-muted)}.note-tooltip-details dd[data-v-514a5616]{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.fretboard[data-v-514a5616]{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:8px}.controls[data-v-514a5616]{position:relative;flex:0 0 104px}.control-row[data-v-514a5616]{position:absolute;left:0;right:10px;display:flex;align-items:center;gap:6px;transform:translateY(-50%)}.tune-button[data-v-514a5616]{width:28px;height:28px;padding:0;font-size:18px;line-height:1}.open-note[data-v-514a5616]{flex:1;text-align:right;font-weight:700;color:var(--color-text)}.board-wrap[data-v-514a5616]{flex:1 1 auto;min-width:0}.board[data-v-514a5616]{display:block}.fret-shadow[data-v-514a5616]{fill:#0006}.nut[data-v-514a5616]{stroke:#ffffff47;stroke-width:1}.string[data-v-514a5616]{stroke:#d6d6d6}.string-shadow[data-v-514a5616]{stroke:#00000073}.note.hidden[data-v-514a5616]{opacity:0}.note circle[data-v-514a5616]{fill:#f8fafc;stroke:#00000073;stroke-width:.5}.note.sharp circle[data-v-514a5616]{fill:#a3acb9}.note.in-scale circle[data-v-514a5616]{fill:#059669;stroke:#064e3b}.note.tonic circle[data-v-514a5616]{fill:#34d399;stroke:#059669}.note.in-scale text[data-v-514a5616]{fill:#fff}.note.tonic text[data-v-514a5616]{fill:#022c22}.note[data-v-514a5616]{cursor:pointer}.note.marked circle[data-v-514a5616]{fill:var(--color-marked);stroke:var(--color-marked-stroke)}.note.marked text[data-v-514a5616]{fill:#fff}.open-note[data-v-514a5616]{cursor:pointer}.open-note.marked[data-v-514a5616]{color:var(--color-open-marked)}.open-note.in-scale[data-v-514a5616]{color:var(--color-open-in-scale)}.open-note.tonic[data-v-514a5616]{color:var(--color-open-tonic);text-decoration:underline;text-underline-offset:3px}.note text[data-v-514a5616]{fill:#111827;font-size:var(--note-font-size, 9px);font-weight:600;text-anchor:middle;dominant-baseline:central}.dot[data-v-514a5616]{fill:var(--color-dot)}.fret-number[data-v-514a5616]{fill:var(--color-muted);font-size:12px;text-anchor:middle}.tuning-select[data-v-ac7bd672]{position:relative}.tuning-select-trigger[data-v-ac7bd672]{display:block;width:300px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tuning-select-list[data-v-ac7bd672]{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:100%;max-width:min(420px,90vw);max-height:320px;margin:0;padding:4px;overflow-y:auto;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-panel);list-style:none;outline:none}.tuning-option[data-v-ac7bd672]{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 6px 0 10px;border-radius:6px;font-size:14px;cursor:pointer}.tuning-option.active[data-v-ac7bd672]{background:var(--color-control-hover)}.tuning-option.selected[data-v-ac7bd672]{color:var(--color-accent);font-weight:600}.tuning-option-label[data-v-ac7bd672]{flex:1;white-space:nowrap}.tuning-option-remove[data-v-ac7bd672]{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-muted);cursor:pointer}.tuning-option-remove[data-v-ac7bd672]:hover{background:#f8717126;color:#f87171}.tuning-option-remove svg[data-v-ac7bd672]{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}@media(max-width:640px){.tuning-select-trigger[data-v-ac7bd672]{width:100%}}.dialog-backdrop[data-v-82a27993]{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0000008c}.dialog[data-v-82a27993]{width:100%;max-width:400px;padding:20px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 20px 50px #00000073}.dialog-title[data-v-82a27993]{margin:0;font-size:17px;font-weight:700}.dialog-text[data-v-82a27993]{margin:8px 0 20px;color:var(--color-muted);font-size:14px;line-height:1.5}.dialog-actions[data-v-82a27993]{display:flex;justify-content:flex-end;gap:8px}.btn-danger[data-v-82a27993]{border-color:#b91c1c;background-color:#dc2626;color:#fff}.btn-danger[data-v-82a27993]:hover:not(:disabled){border-color:#991b1b;background-color:#b91c1c}.collapse-toggle[data-v-4627d826]{width:38px;padding:0}.collapse-toggle svg[data-v-4627d826]{transition:transform .2s}.collapse-toggle[aria-expanded=false] svg[data-v-4627d826]{transform:rotate(90deg)}.instrument-toolbar.collapsed[data-v-4627d826]{align-items:center;gap:8px;padding:4px 16px}.instrument-toolbar.collapsed .collapse-toggle[data-v-4627d826]{align-self:center;width:24px;height:24px;border-color:transparent;border-radius:6px;background-color:transparent;color:var(--color-muted)}.instrument-toolbar.collapsed .collapse-toggle[data-v-4627d826]:hover{border-color:transparent;background-color:transparent;color:var(--color-text)}.instrument-toolbar.collapsed .collapse-toggle .btn-icon[data-v-4627d826]{width:14px;height:14px}.instrument-toolbar.collapsed .panel-title[data-v-4627d826]{font-size:13px}.instrument-toolbar.collapsed .panel-summary[data-v-4627d826]{font-size:12px}.collapsed-summary[data-v-4627d826]{display:flex;flex:1 1 auto;align-items:baseline;gap:10px;min-width:0}.panel-title[data-v-4627d826]{flex:0 0 auto;font-size:14px;font-weight:700}.panel-summary[data-v-4627d826]{min-width:0;overflow:hidden;color:var(--color-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.board-panel[data-v-4627d826]{padding:20px 16px 12px}.board-panel.collapsed[data-v-4627d826]{padding-top:8px}.board-panel.collapsed .fretboard[data-v-4627d826]{padding-bottom:0}@media(max-width:640px){.instrument-toolbar[data-v-4627d826]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) repeat(3,auto)}.field-instrument[data-v-4627d826]{grid-column:1 / -1}.field-tuning[data-v-4627d826]{grid-column:1 / 3}.instrument-toolbar .btn[data-v-4627d826]{align-self:end;width:38px;padding:0}.instrument-toolbar .btn-text[data-v-4627d826]{display:none}.field-wood[data-v-4627d826]{grid-column:1;margin-left:0}.field-frets[data-v-4627d826]{grid-column:2 / -2}.collapse-toggle[data-v-4627d826]{grid-column:-2}.instrument-toolbar.collapsed[data-v-4627d826]{display:flex}.instrument-toolbar .select[data-v-4627d826]{width:100%}}.note-picker[data-v-0f76502f]{display:flex;flex-wrap:wrap;gap:8px}.note-chip[data-v-0f76502f]{width:38px;height:38px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-control);color:var(--color-text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,transform .05s,opacity .15s}.note-chip[data-v-0f76502f]:hover:not(:disabled){background-color:var(--color-control-hover);border-color:var(--color-border-hover)}.note-chip[data-v-0f76502f]:active:not(:disabled){transform:scale(.94)}.note-chip[data-v-0f76502f]:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #34d39940}.note-chip.selected[data-v-0f76502f]{border-color:#064e3b;background:#059669;color:#fff}.note-chip.selected[data-v-0f76502f]:hover:not(:disabled){border-color:#064e3b;background:#047857}.note-chip[data-v-0f76502f]:disabled{cursor:default;opacity:.45}.toolbar-divider[data-v-0f76502f]{align-self:stretch;width:1px;margin:0 4px;background:var(--color-border)}.legend[data-v-0f76502f]{display:flex;gap:16px;margin:0 0 0 auto;padding:0;list-style:none;align-self:center;color:var(--color-muted);font-size:13px}.legend li[data-v-0f76502f]{display:flex;align-items:center;gap:8px}.legend-dot[data-v-0f76502f]{width:12px;height:12px;border-radius:50%}.legend-dot.tonic[data-v-0f76502f]{background:#34d399}.legend-dot.in-scale[data-v-0f76502f]{background:#059669}@media(max-width:640px){.toolbar-divider[data-v-0f76502f]{flex-basis:100%;width:auto;height:1px;margin:4px 0}}:root{color-scheme:dark;--color-bg: #0b0e14;--color-surface: #131821;--color-control: #1b2230;--color-control-hover: #232c3d;--color-text: #e6e9ef;--color-muted: #8b95a7;--color-border: #262f3e;--color-border-hover: #3a4557;--color-accent: #34d399;--color-accent-strong: #059669;--radius: 10px;--radius-lg: 16px;--shadow-panel: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px rgba(0, 0, 0, .35);--glow-a: rgba(52, 211, 153, .08);--glow-b: rgba(99, 102, 241, .07);--color-switch-off: #3a4557;--color-dot: #4b5563;--color-open-in-scale: #10b981;--color-open-tonic: #6ee7b7;--color-marked: #8b5cf6;--color-marked-stroke: #4c1d95;--color-open-marked: #a78bfa}:root[data-theme=light]{color-scheme:light;--color-bg: #f4f6f9;--color-surface: #fff;--color-control: #f8fafc;--color-control-hover: #eef2f6;--color-text: #0f172a;--color-muted: #64748b;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-accent: #10b981;--shadow-panel: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--glow-a: rgba(16, 185, 129, .08);--glow-b: rgba(99, 102, 241, .06);--color-switch-off: #cbd5e1;--color-dot: #94a3b8;--color-open-in-scale: #059669;--color-open-tonic: #10b981;--color-marked: #7c3aed;--color-marked-stroke: #4c1d95;--color-open-marked: #7c3aed}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 500px at 10% -10%,var(--glow-a),transparent 60%),radial-gradient(900px 400px at 100% 0%,var(--glow-b),transparent 60%),var(--color-bg);background-attachment:fixed;color:var(--color-text);-webkit-font-smoothing:antialiased}.btn,.select{height:38px;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-control);color:var(--color-text);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .05s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.btn:hover:not(:disabled),.select:hover:not(:disabled){background-color:var(--color-control-hover);border-color:var(--color-border-hover)}.btn:active:not(:disabled){transform:scale(.96)}.btn:focus-visible,.select:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #34d39940}.btn:disabled,.select:disabled{color:var(--color-muted);cursor:default;opacity:.5}.btn-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.select{appearance:none;padding:0 38px 0 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b95a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel)}.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:16px}.field{display:flex;flex-direction:column;gap:6px}.field-end{margin-left:auto}.switch{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 12px 0 8px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-control);color:var(--color-text);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.switch:hover{background-color:var(--color-control-hover);border-color:var(--color-border-hover)}.switch:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #34d39940}.switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:var(--color-switch-off);transition:background-color .2s}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:transform .2s}.switch[aria-checked=true] .switch-track{background:var(--color-accent-strong)}.switch[aria-checked=true] .switch-thumb{transform:translate(16px)}.field-label{color:var(--color-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.page[data-v-7678bbc8]{display:flex;flex-direction:column;gap:16px;padding:20px 16px 32px}.topbar[data-v-7678bbc8]{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px}.topbar-actions[data-v-7678bbc8]{display:flex;align-items:center;gap:8px}.language-select[data-v-7678bbc8]{width:auto}.theme-toggle[data-v-7678bbc8]{width:38px;padding:0}.highlight-menu[data-v-7678bbc8]{position:relative}.highlight-menu-button[data-v-7678bbc8]{width:76px;padding:0;background-color:transparent}.topbar-button[data-v-7678bbc8]{background-color:transparent}.highlight-menu-button[aria-expanded=true][data-v-7678bbc8]{border-color:var(--color-accent)}.notes-icon[data-v-7678bbc8]{width:34px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.highlight-menu-popup[data-v-7678bbc8]{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;box-shadow:0 20px 50px #00000059}.brand[data-v-7678bbc8]{display:flex;align-items:center;gap:12px}.brand-logo[data-v-7678bbc8]{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 6px 20px #34d3994d}.brand-logo svg[data-v-7678bbc8]{width:22px;height:22px;fill:none;stroke:#04140d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-title[data-v-7678bbc8]{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}.brand-subtitle[data-v-7678bbc8]{margin:2px 0 0;color:var(--color-muted);font-size:13px}.settings-menu[data-v-7678bbc8]{position:relative}.settings-menu-button[data-v-7678bbc8]{display:none;width:38px;padding:0;background-color:transparent}.settings-menu-button[aria-expanded=true][data-v-7678bbc8]{border-color:var(--color-accent)}.settings-menu-popup[data-v-7678bbc8]{display:flex;align-items:center;gap:8px}@media(max-width:640px){.settings-menu-button[data-v-7678bbc8]{display:inline-flex}.settings-menu-popup[data-v-7678bbc8]{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:none;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 20px 50px #00000059}.settings-menu-popup.open[data-v-7678bbc8]{display:flex}.topbar-button[data-v-7678bbc8]{width:38px;padding:0}.topbar-button .btn-text[data-v-7678bbc8]{display:none}}