.overlay-panel.svelte-12u7uki{background:var(--fretboard-bg);border-bottom:1px solid var(--header-border);flex-direction:column;gap:.75rem;padding:.75rem 2rem;display:flex}.root-row.svelte-12u7uki{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row-label.svelte-12u7uki{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);min-width:2.5rem;font-size:.65rem}.root-picker.svelte-12u7uki{flex-wrap:wrap;gap:.3rem;display:flex}.root-btn.svelte-12u7uki{border:1px solid var(--dot-border);background:var(--dot-bg);color:var(--dot-text);cursor:pointer;text-align:center;border-radius:5px;min-width:2.25rem;padding:.4rem .7rem;font-size:.75rem;font-weight:600;transition:all .1s}.root-btn.svelte-12u7uki:hover{border-color:var(--dot-hover-border);color:var(--dot-hover-text)}.root-btn.active.svelte-12u7uki{background:var(--role-root);border-color:var(--role-root);color:#fff;font-weight:700}.type-row.svelte-12u7uki{flex-direction:column;gap:.5rem;max-height:220px;display:flex;overflow-y:auto}.category-group.svelte-12u7uki{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.category-label.svelte-12u7uki{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;min-width:8rem;font-size:.6rem}.def-list.svelte-12u7uki{flex-wrap:wrap;gap:.3rem;display:flex}.def-btn.svelte-12u7uki{border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--toggle-text);cursor:pointer;white-space:nowrap;border-radius:5px;padding:.35rem .75rem;font-size:.73rem;transition:all .1s}.def-btn.svelte-12u7uki:hover{border-color:var(--dot-hover-border);color:var(--dot-hover-text)}.def-btn.active.svelte-12u7uki{background:var(--toggle-active-bg);border-color:var(--toggle-active-bg);color:var(--toggle-active-text);font-weight:600}.panel-footer.svelte-12u7uki{justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}.done-btn.svelte-12u7uki{border:1px solid var(--active-bg);color:var(--active-bg);cursor:pointer;background:0 0;border-radius:5px;padding:.45rem .9rem;font-size:.75rem;transition:all .15s}.done-btn.svelte-12u7uki:hover{background:var(--active-bg);color:#fff}.clear-btn.svelte-12u7uki{border:1px solid var(--btn-border);color:var(--btn-text);cursor:pointer;background:0 0;border-radius:5px;padding:.45rem .9rem;font-size:.75rem;transition:all .15s}.clear-btn.svelte-12u7uki:hover{border-color:var(--text-muted);color:var(--text-label)}@media (width<=640px){.root-btn.svelte-12u7uki{min-width:2.5rem;padding:.55rem .85rem;font-size:.8rem}.def-btn.svelte-12u7uki{padding:.5rem .9rem;font-size:.78rem}.done-btn.svelte-12u7uki,.clear-btn.svelte-12u7uki{padding:.6rem 1.1rem;font-size:.8rem}}.transport-controls.svelte-ix5te7{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.zoom-group.svelte-ix5te7{align-items:center;gap:var(--space-sm);color:var(--text-label);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;display:flex}.zoom-label.svelte-ix5te7{min-width:4ch}input[type=range].svelte-ix5te7{-webkit-appearance:none;background:var(--dot-border);border-radius:2px;outline:none;width:90px;height:3px}input[type=range].svelte-ix5te7::-webkit-slider-thumb{-webkit-appearance:none;background:var(--active-bg);cursor:pointer;border-radius:50%;width:11px;height:11px}.icon-btn.svelte-ix5te7{cursor:pointer;border:1px solid var(--btn-border);color:var(--btn-text);background:0 0;border-radius:6px;padding:.5rem .85rem;font-size:.85rem;line-height:1;transition:all .15s}.icon-btn.svelte-ix5te7:hover{border-color:var(--text-muted);color:var(--text-label)}.icon-btn.playing.svelte-ix5te7{border-color:var(--active-bg);color:var(--active-bg)}@media (width<=640px){.icon-btn.svelte-ix5te7{padding:.65rem 1rem;font-size:.9rem}}.chord-chart.svelte-13dr24y{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.chord-cell.svelte-13dr24y{padding:var(--space-md);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;font-family:inherit;font-size:.9rem}.chord-cell.svelte-13dr24y:hover{border-color:var(--dot-border);color:var(--dot-hover-text)}.chord-cell.active.svelte-13dr24y{background:var(--active-bg);color:var(--active-text);border:2px solid var(--active-bg);font-weight:700}.song-shell.svelte-7dnzm1{border-bottom:1px solid var(--header-border);padding:var(--space-md)}.song-title.svelte-7dnzm1{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);font-size:.75rem}.fretboard-page.svelte-ea3903{flex-direction:column;min-height:100vh;display:flex}.header.svelte-ea3903{padding-inline:var(--space-md) var(--space-lg);border-bottom:1px solid var(--header-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-left.svelte-ea3903 h1:where(.svelte-ea3903){letter-spacing:.2em;color:var(--active-bg);text-transform:uppercase;font-size:1rem;font-weight:400}.sub.svelte-ea3903{margin-top:var(--space-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;display:block}.controls.svelte-ea3903{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.zoom-group.svelte-ea3903{align-items:center;gap:var(--space-sm);color:var(--text-label);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;display:flex}.zoom-label.svelte-ea3903{min-width:4ch}input[type=range].svelte-ea3903{-webkit-appearance:none;background:var(--dot-border);border-radius:2px;outline:none;width:90px;height:3px}input[type=range].svelte-ea3903::-webkit-slider-thumb{-webkit-appearance:none;background:var(--active-bg);cursor:pointer;border-radius:50%;width:11px;height:11px}.toggle-group.svelte-ea3903{background:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:6px;display:flex;overflow:hidden}.toggle-btn.svelte-ea3903{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:var(--toggle-text);white-space:nowrap;background:0 0;border:none;padding:.5rem .9rem;font-size:.75rem;font-weight:600;transition:all .15s}.toggle-btn.active.svelte-ea3903{background:var(--toggle-active-bg);color:var(--toggle-active-text)}.icon-btn.svelte-ea3903{cursor:pointer;border:1px solid var(--btn-border);color:var(--btn-text);background:0 0;border-radius:6px;padding:.5rem .85rem;font-size:.85rem;line-height:1;transition:all .15s}.icon-btn.svelte-ea3903:hover{border-color:var(--text-muted);color:var(--text-label)}.selection-pill.svelte-ea3903{border:1px solid var(--dot-border);background:var(--dot-bg);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.45rem .8rem;font-family:inherit;font-size:.75rem;line-height:1;transition:all .15s;display:flex}.selection-pill.svelte-ea3903:hover{border-color:var(--dot-hover-border)}.pill-root.svelte-ea3903{color:var(--role-root);font-weight:700}.pill-sep.svelte-ea3903{color:var(--text-muted)}.pill-def.svelte-ea3903{color:var(--dot-hover-text);font-weight:600}.import-group.svelte-ea3903{align-items:center;gap:var(--space-sm);display:flex}.import-input.svelte-ea3903{border:1px solid var(--toggle-border);color:var(--text);background:0 0;border-radius:4px;width:220px;padding:.2rem .4rem;font-size:.75rem}.import-error.svelte-ea3903{color:var(--text-muted);font-size:.65rem}.note-display.svelte-ea3903{border-bottom:1px solid var(--header-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem 1rem 1rem;display:flex}.nd-note.svelte-ea3903{color:var(--active-bg);letter-spacing:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1}.fretboard-wrap.svelte-ea3903{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow-x:auto}.fretboard-outer.svelte-ea3903{width:82%;min-width:600px}.fret-nums-row.svelte-ea3903,.marker-row.svelte-ea3903{align-items:center;display:flex}.fn-spacer.svelte-ea3903{flex-shrink:0;width:34px}.fn-open.svelte-ea3903,.fn-cell.svelte-ea3903{text-align:center;color:var(--text-muted);flex-shrink:0;padding-bottom:4px;font-size:.6rem}.fn-cell.marked.svelte-ea3903{color:var(--active-bg);font-weight:700}.strings-area.svelte-ea3903{background:var(--fretboard-bg);border-radius:4px;padding:4px 0}.string-row.svelte-ea3903{align-items:center;display:flex;position:relative}.s-label.svelte-ea3903{text-align:right;width:34px;color:var(--text-label);letter-spacing:.05em;flex-shrink:0;padding-right:6px;font-size:.65rem;font-weight:700}.open-col.svelte-ea3903,.fret-col.svelte-ea3903{height:var(--row-h,42px);cursor:pointer;font:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.open-col.svelte-ea3903:after{content:"";background:var(--nut-color);z-index:1;width:3px;position:absolute;top:0;bottom:0;right:0}.fret-col.svelte-ea3903:after{content:"";background:var(--fret-color);z-index:0;pointer-events:none;width:1px;position:absolute;top:10%;bottom:10%;right:0}.open-col.svelte-ea3903:before,.fret-col.svelte-ea3903:before{content:"";background:var(--string-color);z-index:0;pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sr-1 .open-col.svelte-ea3903:before,.sr-1 .fret-col.svelte-ea3903:before{height:1px}.sr-2 .open-col.svelte-ea3903:before,.sr-2 .fret-col.svelte-ea3903:before{height:1.5px}.sr-3 .open-col.svelte-ea3903:before,.sr-3 .fret-col.svelte-ea3903:before{height:2px}.sr-4 .open-col.svelte-ea3903:before,.sr-4 .fret-col.svelte-ea3903:before{height:2.5px}.sr-5 .open-col.svelte-ea3903:before,.sr-5 .fret-col.svelte-ea3903:before{height:3px}.sr-6 .open-col.svelte-ea3903:before,.sr-6 .fret-col.svelte-ea3903:before{height:3.5px}.note-dot.svelte-ea3903{z-index:1;width:var(--dot-size,26px);height:var(--dot-size,26px);font-size:var(--dot-font,.58rem);color:var(--dot-text);background:var(--dot-bg);border:1px solid var(--dot-border);pointer-events:none;letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:background .1s,border-color .1s,color .1s,box-shadow .1s;display:flex;position:relative}.open-col.svelte-ea3903:hover .note-dot:where(.svelte-ea3903),.fret-col.svelte-ea3903:hover .note-dot:where(.svelte-ea3903){border-color:var(--dot-hover-border);color:var(--dot-hover-text)}.open-col.active.svelte-ea3903 .note-dot:where(.svelte-ea3903),.fret-col.active.svelte-ea3903 .note-dot:where(.svelte-ea3903){background:var(--active-bg);border-color:var(--active-bg);color:var(--active-text);box-shadow:0 0 8px var(--active-glow);font-weight:700}.mk-spacer.svelte-ea3903{flex-shrink:0;width:34px}.mk-open.svelte-ea3903{flex-shrink:0}.mk-cell.svelte-ea3903{flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding-top:6px;display:flex}.mdot.svelte-ea3903{background:var(--marker-color);border-radius:50%;width:5px;height:5px}@media (width<=640px){.toggle-btn.svelte-ea3903{padding:.65rem 1rem;font-size:.8rem}.icon-btn.svelte-ea3903{padding:.65rem 1rem;font-size:.9rem}.selection-pill.svelte-ea3903{padding:.6rem .9rem;font-size:.8rem}}:root[data-theme=dark]{--bg:#0a0a0a;--header-border:#222;--text:#e0e0e0;--text-muted:#666;--text-label:#999;--fretboard-bg:#111008;--string-color:#7a6030;--nut-color:#888;--fret-color:#3a3020;--dot-bg:#1c1608;--dot-border:#4a3e20;--dot-text:#9a8a55;--dot-hover-border:#8a7040;--dot-hover-text:#c8b870;--active-bg:#c8a96e;--active-text:#0a0a0a;--active-glow:#c8a96e66;--marker-color:#3a3020;--toggle-bg:#1a1a1a;--toggle-border:#333;--toggle-active-bg:#c8a96e;--toggle-active-text:#0a0a0a;--toggle-text:#666;--btn-border:#333;--btn-text:#666}:root[data-theme=light]{--bg:#f4ede0;--header-border:#d4c4a8;--text:#2a1a05;--text-muted:#a08060;--text-label:#806040;--fretboard-bg:#c8a06026;--string-color:#8a6030;--nut-color:#5a3a18;--fret-color:#b89060;--dot-bg:#ede0c8;--dot-border:#c4a870;--dot-text:#7a5828;--dot-hover-border:#8a6030;--dot-hover-text:#4a2808;--active-bg:#7a4818;--active-text:#fff5e8;--active-glow:#7a481840;--marker-color:#c4a870;--toggle-bg:#ede0c8;--toggle-border:#c4a870;--toggle-active-bg:#7a4818;--toggle-active-text:#fff5e8;--toggle-text:#a08040;--btn-border:#c4a870;--btn-text:#a08040}:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-btn-v:.35rem;--role-root:#e05a5a;--role-second:#a070c0;--role-third:#5a9ee0;--role-fourth:#c08040;--role-fifth:#5ac47a;--role-sixth:#60b0b0;--role-seventh:#c8a96e}:root [data-role=root] .note-dot{background:var(--role-root);color:#fff;border-color:var(--role-root);box-shadow:0 0 8px color-mix(in srgb, var(--role-root) 40%, transparent)}:root [data-role=second] .note-dot{background:var(--role-second);color:#fff;border-color:var(--role-second);box-shadow:0 0 8px color-mix(in srgb, var(--role-second) 40%, transparent)}:root [data-role=third] .note-dot{background:var(--role-third);color:#fff;border-color:var(--role-third);box-shadow:0 0 8px color-mix(in srgb, var(--role-third) 40%, transparent)}:root [data-role=fourth] .note-dot{background:var(--role-fourth);color:#fff;border-color:var(--role-fourth);box-shadow:0 0 8px color-mix(in srgb, var(--role-fourth) 40%, transparent)}:root [data-role=fifth] .note-dot{background:var(--role-fifth);color:#0a0a0a;border-color:var(--role-fifth);box-shadow:0 0 8px color-mix(in srgb, var(--role-fifth) 40%, transparent)}:root [data-role=sixth] .note-dot{background:var(--role-sixth);color:#0a0a0a;border-color:var(--role-sixth);box-shadow:0 0 8px color-mix(in srgb, var(--role-sixth) 40%, transparent)}:root [data-role=seventh] .note-dot{background:var(--role-seventh);color:#0a0a0a;border-color:var(--role-seventh);box-shadow:0 0 8px color-mix(in srgb, var(--role-seventh) 40%, transparent)}:root [data-role=ninth] .note-dot{background:var(--role-second);color:#fff;border-color:var(--role-second);box-shadow:0 0 8px color-mix(in srgb, var(--role-second) 40%, transparent)}:root [data-role=eleventh] .note-dot{background:var(--role-fourth);color:#fff;border-color:var(--role-fourth);box-shadow:0 0 8px color-mix(in srgb, var(--role-fourth) 40%, transparent)}:root [data-role=thirteenth] .note-dot{background:var(--role-sixth);color:#0a0a0a;border-color:var(--role-sixth);box-shadow:0 0 8px color-mix(in srgb, var(--role-sixth) 40%, transparent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .2s,color .2s}