:root{--ink:#161616;--on-ink:#fff;--muted:#646464;--bg:#fafaf8;--surface:#fff;--line:#d8d8d8;--line-strong:#8a8a8a;--nofret:#ececec;--both:#d9e6ea;--both-ink:#1f3d47;--accent:#c0262d;--frame:#cdd0ce;--head-bg:#e6e9e7;--head-ink:#737877;--root-bg:#161616;--root-ink:#fff;--selected-bg:#161616;--selected-ink:#fff;--shadow:#00000040;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.45 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e8e8e6;--on-ink:#141515;--muted:#a3a6a6;--bg:#111313;--surface:#1a1d1d;--line:#323737;--line-strong:#5f6666;--nofret:#262a2a;--both:#2a4851;--both-ink:#d8ebf1;--accent:#ff6b70;--frame:#3e4444;--head-bg:#252a2a;--head-ink:#d4d7d7;--root-bg:#a9b0b0;--root-ink:#111313;--selected-bg:#2a4851;--selected-ink:#d8ebf1;--shadow:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#e8e8e6;--on-ink:#141515;--muted:#a3a6a6;--bg:#111313;--surface:#1a1d1d;--line:#323737;--line-strong:#5f6666;--nofret:#262a2a;--both:#2a4851;--both-ink:#d8ebf1;--accent:#ff6b70;--frame:#3e4444;--head-bg:#252a2a;--head-ink:#d4d7d7;--root-bg:#a9b0b0;--root-ink:#111313;--selected-bg:#2a4851;--selected-ink:#d8ebf1;--shadow:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{flex-direction:column;min-height:100dvh;display:flex}@media (width>=64rem){:root{font-size:clamp(16px,min(1.25vw,2.7vh),24px)}}:root{--gutter-left:max(1rem, env(safe-area-inset-left));--gutter-right:max(1rem, env(safe-area-inset-right))}@page{size:portrait;margin:12mm}@media print{html:root:root{--ink:#161616;--on-ink:#fff;--muted:#646464;--bg:#fff;--surface:#fff;--line:#d8d8d8;--line-strong:#8a8a8a;--nofret:#ececec;--both:#d9e6ea;--both-ink:#1f3d47;--accent:#c0262d;--frame:#cdd0ce;--head-bg:#e6e9e7;--head-ink:#737877;--root-bg:#161616;--root-ink:#fff;--selected-bg:#161616;--selected-ink:#fff;--shadow:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px}body{background:#fff}#app{min-height:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.flabel{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}svg.svelte-1c5ejg5{width:100%;max-height:15rem;font-family:var(--sans);display:block}.string.svelte-1c5ejg5{stroke:var(--ink);stroke-width:1.6px}.string.fifth.svelte-1c5ejg5{stroke-dasharray:2 3;stroke-width:1.4px}.fret.svelte-1c5ejg5{stroke:var(--line-strong);stroke-width:1.5px}.nut.svelte-1c5ejg5{stroke:var(--root-bg);stroke-width:6px}.fretnum.svelte-1c5ejg5,.stringnum.svelte-1c5ejg5{fill:var(--muted);font-size:11px}.open.svelte-1c5ejg5{fill:var(--surface);stroke:var(--ink);stroke-width:1.6px}.opennote.svelte-1c5ejg5{fill:var(--ink);font-size:13px;font-weight:700}.muted.svelte-1c5ejg5 line:where(.svelte-1c5ejg5){stroke:var(--muted);stroke-width:1.6px}.dot.svelte-1c5ejg5{fill:var(--root-bg)}.note.svelte-1c5ejg5{fill:var(--root-ink);font-size:14px;font-weight:700}@media (width>=64rem){svg.svelte-1c5ejg5:not(.horizontal){max-height:8rem}}.card.svelte-1dlcilw{text-align:left;width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--frame);cursor:pointer;border-radius:0;flex-direction:column;gap:.6rem;padding:1.1rem 1.25rem 1rem;transition:box-shadow .15s,transform .15s;display:flex}@media (hover:hover){.card.svelte-1dlcilw:hover{box-shadow:4px 4px 0 var(--line-strong)}}.card.svelte-1dlcilw:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card.selected.svelte-1dlcilw{box-shadow:0 0 0 3px var(--accent)}.top.svelte-1dlcilw{justify-content:space-between;align-items:flex-start;display:flex}.name.svelte-1dlcilw{font-size:2rem;font-weight:700;line-height:1}.quality.svelte-1dlcilw{color:var(--muted);margin-top:.3rem;font-size:.85rem}.nash.svelte-1dlcilw{flex-direction:column;align-items:flex-end;display:flex}.nash.svelte-1dlcilw b:where(.svelte-1dlcilw){font-family:var(--mono);background:var(--both);color:var(--both-ink);padding:.1rem .6rem;font-size:1.5rem}.notes.svelte-1dlcilw{color:var(--muted);margin:0;font-size:.8rem}@media (width>=64rem){.card.svelte-1dlcilw{gap:.4rem;padding:.65rem .8rem .6rem}.top.svelte-1dlcilw{flex-wrap:wrap;gap:.25rem .5rem}.name.svelte-1dlcilw{font-size:1.4rem}.quality.svelte-1dlcilw{margin-top:.2rem;font-size:.8rem}.nash.svelte-1dlcilw b:where(.svelte-1dlcilw){padding:.05rem .45rem;font-size:1.1rem}.notes.svelte-1dlcilw{font-size:.75rem}}@media print{.card.svelte-1dlcilw{break-inside:avoid;gap:.35rem;padding:.6rem .7rem}.card.selected.svelte-1dlcilw{box-shadow:none}.name.svelte-1dlcilw{font-size:1.3rem}.nash.svelte-1dlcilw b:where(.svelte-1dlcilw){font-size:1rem}}.wrap.svelte-183o4sz{container-type:inline-size}.board.svelte-183o4sz{border:1px solid var(--frame);background:var(--surface);grid-template-columns:repeat(13,minmax(0,1fr));font-size:clamp(.6rem,2.1cqi,.95rem);display:grid}.row.svelte-183o4sz{display:contents}.head.svelte-183o4sz{background:var(--head-bg);flex-direction:column;justify-content:center;align-items:center;gap:.2em;height:1.6em;display:flex}.head.label.svelte-183o4sz{border:none}.head.svelte-183o4sz i:where(.svelte-183o4sz){background:var(--head-ink);border-radius:50%;width:.4em;height:.4em}.label.svelte-183o4sz{border-right:3px solid var(--line-strong);border-bottom:1px solid var(--line);place-items:center;display:grid}.cell.svelte-183o4sz{aspect-ratio:1.15;border-left:1px solid var(--line);border-bottom:1px solid var(--line);place-items:center;display:grid}.cell.first.svelte-183o4sz{border-left:none}.cell.nofret.svelte-183o4sz{background:var(--nofret);border-left:none}.note.svelte-183o4sz{aspect-ratio:1;width:78%;max-width:2.9rem;font-family:var(--mono);white-space:nowrap;outline-offset:0;background-color:#0000;border-radius:50%;outline:3px solid #0000;place-items:center;font-size:.92em;font-weight:600;line-height:1;transition-property:opacity,background-color,color,box-shadow,outline-color;transition-duration:.5s;display:grid;box-shadow:inset 0 0 0 2px #0000}.note.root.svelte-183o4sz{background:var(--both);color:var(--both-ink);box-shadow:inset 0 0 0 2px var(--both-ink)}.note.inkey.svelte-183o4sz{background:var(--both);color:var(--both-ink)}.note.outside.svelte-183o4sz{color:var(--muted);font-weight:400}.note.dim.svelte-183o4sz{opacity:.18}.note.hidden.svelte-183o4sz{opacity:0}.note.voiced.svelte-183o4sz{z-index:1;outline-color:var(--accent);position:relative}@media (width>=64rem){.cell.svelte-183o4sz{aspect-ratio:auto;height:2.9rem}.note.svelte-183o4sz{max-width:2.4rem}}@container (width<=560px){.board.svelte-183o4sz{font-size:clamp(.55rem,3cqi,.8rem)}.label.svelte-183o4sz{border-right-width:2px}.cell.svelte-183o4sz{aspect-ratio:.8}.note.svelte-183o4sz{letter-spacing:-.04em;width:94%;font-size:.85em}}@media print{.cell.svelte-183o4sz{aspect-ratio:auto;height:2.6rem}.note.svelte-183o4sz{width:auto;max-width:none;height:2.15rem}.note.dim.svelte-183o4sz:not(.hidden){opacity:1}.note.voiced.svelte-183o4sz{outline-color:#0000}}.group.svelte-alapda{flex-direction:column;gap:.4rem;display:flex}.flabel.svelte-alapda{justify-content:space-between;align-items:center;gap:.5rem;display:flex}kbd.svelte-alapda{border:1px solid var(--line-strong);background:var(--bg);min-width:1.35rem;height:1.35rem;color:var(--muted);font-family:var(--mono);letter-spacing:0;border-radius:.3rem;place-items:center;padding:0 .3rem;font-size:.7rem;font-weight:600;line-height:1;display:inline-grid}@media (hover:none) and (pointer:coarse){kbd.svelte-alapda{display:none}}select.svelte-alapda{width:100%;min-height:2.5rem;font:inherit;color:var(--ink);border:1.5px solid var(--line-strong);appearance:none;background:linear-gradient(45deg, transparent 50%, currentColor 50%) right 1rem center / .35rem .35rem no-repeat, linear-gradient(-45deg, transparent 50%, currentColor 50%) right .65rem center / .35rem .35rem no-repeat, var(--surface);border-radius:.5rem;padding:0 2rem 0 .75rem;font-size:1rem}select.svelte-alapda:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pills.svelte-alapda{flex-wrap:wrap;gap:.5rem;display:none}@media (width>=64rem){select.svelte-alapda{display:none}.pills.svelte-alapda{display:flex}}button.svelte-alapda{font:inherit;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;flex-direction:column;align-items:center;padding:.3rem .75rem;font-size:.8rem;display:inline-flex}button.svelte-alapda:after{content:attr(data-label);content:attr(data-label) / "";visibility:hidden;pointer-events:none;height:0;font-weight:600;overflow:hidden}button.on.svelte-alapda{border-color:var(--ink);background:var(--both);font-weight:600}button.svelte-alapda:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.desc.svelte-1dkbyok{color:var(--muted);margin:.15rem 0 0;font-size:.8rem;line-height:1.35}.seg.svelte-1dkbyok{border:1px solid var(--line-strong);touch-action:none;-webkit-user-select:none;user-select:none;display:flex}button.svelte-1dkbyok{font:inherit;background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;border:none;flex:1;padding:.45rem .7rem;font-size:.85rem}button.svelte-1dkbyok+button:where(.svelte-1dkbyok){border-left:1px solid var(--line-strong)}button.on.svelte-1dkbyok{background:var(--selected-bg);color:var(--selected-ink)}button.svelte-1dkbyok:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.toggle.svelte-d39fdc{grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;display:grid}label.svelte-d39fdc{cursor:pointer;font-size:.85rem;font-weight:600}input.svelte-d39fdc{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:999px;width:2.4rem;height:1.4rem;margin:0;transition:background-color .2s;position:relative}input.svelte-d39fdc:before{content:"";background:var(--surface);border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .2s;position:absolute;top:.15rem;left:.15rem}input.svelte-d39fdc:checked{background:var(--selected-bg)}input.svelte-d39fdc:checked:before{transform:translate(1rem)}input.svelte-d39fdc:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.desc.svelte-d39fdc{color:var(--muted);grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.35}.titlebar.svelte-1n46o8q{z-index:10;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0}.bar.svelte-1n46o8q{padding:.6rem var(--gutter-right) .6rem var(--gutter-left);align-items:center;gap:.25rem;display:flex}h1.svelte-1n46o8q{margin:0 auto 0 0;font-size:clamp(1.25rem,3.5vw,1.6rem);line-height:1.1}.icon.svelte-1n46o8q,.close.svelte-1n46o8q{color:var(--ink);cursor:pointer;background:0 0;border:1.5px solid #0000;place-items:center;padding:.35rem;display:grid}@media (hover:hover){.icon.svelte-1n46o8q:hover,.close.svelte-1n46o8q:hover{border-color:var(--line-strong)}}.icon.svelte-1n46o8q:focus-visible,.close.svelte-1n46o8q:focus-visible{outline:3px solid var(--accent);outline-offset:1px}svg.svelte-1n46o8q :is(path:where(.svelte-1n46o8q),circle:where(.svelte-1n46o8q)){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}svg.svelte-1n46o8q .fill:where(.svelte-1n46o8q){fill:currentColor}dialog.svelte-1n46o8q{margin:calc(3.5rem + env(safe-area-inset-top)) var(--gutter-right) auto auto;border:1px solid var(--frame);background:var(--surface);width:min(20rem,100vw - 2rem);color:var(--ink);box-shadow:4px 4px 0 var(--line-strong);padding:0}dialog.svelte-1n46o8q::backdrop{background:#00000040}.pcopy.svelte-1n46o8q{display:none}.panel.svelte-1n46o8q{flex-direction:column;gap:1rem;padding:1rem;display:flex}.phead.svelte-1n46o8q{justify-content:space-between;align-items:center;display:flex}.phead.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0;font-size:1.1rem}.psec.svelte-1n46o8q{border-top:1px solid var(--line);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.psec.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin:0;font-size:1rem}main.svelte-1n46o8q{width:100%;padding:1.25rem var(--gutter-right) 2.5rem var(--gutter-left);flex-direction:column;flex:1 0 auto;gap:1.5rem;display:flex}.top.svelte-1n46o8q{flex-direction:column;gap:1rem;display:flex}.controls.svelte-1n46o8q{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.row.svelte-1n46o8q{flex-wrap:wrap;gap:1.5rem 2.5rem;display:flex}.row.svelte-1n46o8q>*{flex:auto}footer.svelte-1n46o8q{margin:0 var(--gutter-right) 0 var(--gutter-left);padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);text-align:right;font-size:.8rem}.grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.slot.svelte-1n46o8q{display:flex}.statusbar.svelte-1n46o8q,.chartbar.svelte-1n46o8q,.chordstrip.svelte-1n46o8q{display:none}@media (width<=63.98rem){main.svelte-1n46o8q{padding-top:.75rem;padding-bottom:calc(var(--chartbar-h) + 1rem)}.top.svelte-1n46o8q{display:contents}.titlebar.svelte-1n46o8q{position:static}.statusbar.svelte-1n46o8q{z-index:20;height:max(env(safe-area-inset-top), 11px);background:var(--surface);display:block;position:fixed;inset:0 0 auto}.statusbar.scrolled.svelte-1n46o8q{background:var(--bg)}.pinned.svelte-1n46o8q{top:var(--pin-top,env(safe-area-inset-top));z-index:5;margin:-.75rem calc(-1 * var(--gutter-right)) -.5rem calc(-1 * var(--gutter-left));padding:.75rem var(--gutter-right) .5rem var(--gutter-left);background:var(--bg);flex-direction:column;gap:.75rem;display:flex;position:sticky}.controls.svelte-1n46o8q{grid-template-columns:1.3fr .8fr 1.3fr;align-items:end;gap:.75rem;margin-top:0;display:grid}.row.svelte-1n46o8q{display:contents}.offkey-toggle.svelte-1n46o8q{display:none}.chordstrip.svelte-1n46o8q{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0 calc(-1 * var(--gutter-right)) 0 calc(-1 * var(--gutter-left));padding:.1rem var(--gutter-right) .15rem var(--gutter-left);gap:.4rem;display:flex}.chordstrip.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:0;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1 1 0;align-items:center;gap:.15rem;padding:.3rem .25rem;display:flex}.chordstrip.svelte-1n46o8q b:where(.svelte-1n46o8q){font-family:var(--mono);font-size:.9rem;line-height:1}.chordstrip.svelte-1n46o8q span:where(.svelte-1n46o8q){color:var(--muted);white-space:nowrap;font-size:.7rem;line-height:1}.chordstrip.svelte-1n46o8q .on:where(.svelte-1n46o8q),.chordstrip.svelte-1n46o8q .on:where(.svelte-1n46o8q) span:where(.svelte-1n46o8q){color:var(--accent)}.chordstrip.svelte-1n46o8q .inview:where(.svelte-1n46o8q){box-shadow:inset 0 -2px}.chordstrip.svelte-1n46o8q button:where(.svelte-1n46o8q):focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.pinned.svelte-1n46o8q{transition:box-shadow .15s}.pinned.scrolled.svelte-1n46o8q{box-shadow:0 6px 10px -6px var(--shadow)}dialog.svelte-1n46o8q{border:none;border-left:1px solid var(--frame);width:min(20rem,85vw);height:100dvh;max-height:none;box-shadow:-6px 0 16px var(--shadow);margin:0 0 0 auto}dialog[open].svelte-1n46o8q{animation:.25s ease-out svelte-1n46o8q-slide-in}.panel.svelte-1n46o8q{min-height:100%;padding:calc(1rem + env(safe-area-inset-top)) var(--gutter-right) calc(1rem + env(safe-area-inset-bottom)) 1rem}.pcopy.svelte-1n46o8q{border-top:1px solid var(--line);color:var(--muted);margin:auto 0 0;padding-top:1rem;font-size:.8rem;display:block}footer.svelte-1n46o8q{display:none}.chartbar.svelte-1n46o8q{z-index:5;padding:.6rem var(--gutter-right) calc(.6rem + env(safe-area-inset-bottom)) var(--gutter-left);border-top:1px solid var(--line);background:var(--surface);display:grid;position:fixed;bottom:0;left:0;right:0}}@keyframes svelte-1n46o8q-slide-in{0%{transform:translate(100%)}}@media (width>=64rem){main.svelte-1n46o8q{gap:1.25rem}.pinned.svelte-1n46o8q{display:contents}.top.svelte-1n46o8q{grid-template:"controls board""controls toggle"1fr/15rem minmax(0,1fr);gap:.75rem 2rem;display:grid}.board.svelte-1n46o8q{grid-area:board}.offkey-toggle.svelte-1n46o8q{grid-area:toggle;place-self:start end}.controls.svelte-1n46o8q{grid-area:controls;margin-top:0}.row.svelte-1n46o8q{flex-direction:column;gap:1rem}.grid.svelte-1n46o8q{grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem}}.printhead.svelte-1n46o8q{display:none}.icon.svelte-1n46o8q:disabled{opacity:.4;cursor:progress}.pdfready.svelte-1n46o8q{left:50%;bottom:calc(var(--chartbar-h) + 1rem);z-index:30;background:var(--selected-bg);color:var(--selected-ink);box-shadow:0 4px 16px var(--shadow);white-space:nowrap;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)}.pdfready.svelte-1n46o8q button:where(.svelte-1n46o8q){font:inherit;background:var(--surface);color:var(--ink);cursor:pointer;border:none;padding:.35rem .8rem;font-weight:700}.pdfready.svelte-1n46o8q .dismiss:where(.svelte-1n46o8q){color:inherit;background:0 0;padding:.35rem .5rem}@media print{.titlebar.svelte-1n46o8q{padding-top:0;position:static}.bar.svelte-1n46o8q{padding:0 0 .5rem}.icon.svelte-1n46o8q,.controls.svelte-1n46o8q,.chordstrip.svelte-1n46o8q,.chartbar.svelte-1n46o8q,.offkey-toggle.svelte-1n46o8q,footer.svelte-1n46o8q,.statusbar.svelte-1n46o8q{display:none!important}main.svelte-1n46o8q{flex:none;gap:1rem;padding:.75rem 0 0}.printhead.svelte-1n46o8q{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.printhead.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0;font-size:1.15rem;font-weight:700}.ptuning.svelte-1n46o8q span:where(.svelte-1n46o8q){font-family:var(--mono);color:var(--muted);margin-left:.4em;font-weight:600}.top.svelte-1n46o8q,.pinned.svelte-1n46o8q{box-shadow:none;background:0 0;margin:0;padding:0;display:block;position:static}.grid.svelte-1n46o8q{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.grid.vertical.svelte-1n46o8q{grid-template-columns:repeat(4,minmax(0,1fr))}.slot.svelte-1n46o8q{break-inside:avoid}}