:root{--ink:#161616;--on-ink:#fff;--muted:#646464;--bg:#fafaf8;--surface:#fff;--panel:#eff1f0;--line:#d8d8d8;--line-strong:#8a8a8a;--nofret:#ececec;--both:#d9e6ea;--both-ink:#1f3d47;--primary:#2f5f66;--alt:#9a6424;--alt-fill:#f7e3c4;--alt-ink:#5b3a12;--accent:#c0262d;--frame:#cdd0ce;--head-bg:#e6e9e7;--head-ink:#737877;--root-bg:#161616;--root-ink:#fff;--selected-bg:#161616;--selected-ink:#fff;--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;--panel:#222626;--line:#323737;--line-strong:#5f6666;--nofret:#262a2a;--both:#2a4851;--both-ink:#d8ebf1;--primary:#7cc3cc;--alt:#d9a05a;--alt-fill:#4a3519;--alt-ink:#f6dcb6;--accent:#ff6b70;--frame:#3e4444;--head-bg:#252a2a;--head-ink:#d4d7d7;--root-bg:#a9b0b0;--root-ink:#111313;--selected-bg:#2a4851;--selected-ink:#d8ebf1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#e8e8e6;--on-ink:#141515;--muted:#a3a6a6;--bg:#111313;--surface:#1a1d1d;--panel:#222626;--line:#323737;--line-strong:#5f6666;--nofret:#262a2a;--both:#2a4851;--both-ink:#d8ebf1;--primary:#7cc3cc;--alt:#d9a05a;--alt-fill:#4a3519;--alt-ink:#f6dcb6;--accent:#ff6b70;--frame:#3e4444;--head-bg:#252a2a;--head-ink:#d4d7d7;--root-bg:#a9b0b0;--root-ink:#111313;--selected-bg:#2a4851;--selected-ink:#d8ebf1;--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}#app{flex-direction:column;min-height:100dvh;display:flex}:root{--gutter-left:max(1rem, env(safe-area-inset-left));--gutter-right:max(1rem, env(safe-area-inset-right))}.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}}.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}.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}.nash.svelte-1dlcilw b.extra:where(.svelte-1dlcilw){background:var(--alt-fill);color:var(--alt-ink);outline:2px dashed var(--alt);outline-offset:-2px}.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}}.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);justify-content:center;align-items:center;gap:.4em;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)}.note.svelte-183o4sz{aspect-ratio:1;width:78%;max-width:2.9rem;font-family:var(--mono);white-space:nowrap;border-radius:50%;place-items:center;font-size:.92em;font-weight:600;line-height:1;transition:opacity .15s,box-shadow .15s;display:grid}.note.root.svelte-183o4sz{background:var(--root-bg);color:var(--root-ink)}.note.both.svelte-183o4sz{background:var(--both);color:var(--both-ink)}.note.primary.svelte-183o4sz{background:var(--both);color:var(--both-ink);box-shadow:inset 0 0 0 2px var(--primary)}.note.alt.svelte-183o4sz{background:var(--alt-fill);color:var(--alt-ink);border:2px dashed var(--alt)}.note.outside.svelte-183o4sz{color:var(--muted);font-weight:400}.note.dim.svelte-183o4sz{opacity:.18}.note.voiced.svelte-183o4sz{outline:3px solid var(--accent);outline-offset:2px}@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}.note.alt.svelte-183o4sz,.note.primary.svelte-183o4sz{border-width:1.5px}}.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}.seg.svelte-1dkbyok{border:1px solid var(--line-strong);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}.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}.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}.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}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}.legend.svelte-1n46o8q{color:var(--muted);flex-wrap:wrap;gap:.6rem 1.5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.legend.svelte-1n46o8q li:where(.svelte-1n46o8q){align-items:center;gap:.5rem;display:flex}.sw.svelte-1n46o8q{width:1.6rem;height:1.6rem;font-family:var(--mono);border-radius:50%;place-items:center;font-size:.7rem;font-weight:600;display:inline-grid}.sw.root.svelte-1n46o8q{background:var(--root-bg);color:var(--root-ink)}.sw.both.svelte-1n46o8q{background:var(--both)}.sw.primary.svelte-1n46o8q{background:var(--both);box-shadow:inset 0 0 0 2px var(--primary)}.sw.alt.svelte-1n46o8q{background:var(--alt-fill);border:2px dashed var(--alt)}.sw.outside.svelte-1n46o8q{color:var(--muted)}.sw.voiced.svelte-1n46o8q{outline:3px solid var(--accent);outline-offset:1px;width:1.2rem;height:1.2rem}.link.svelte-1n46o8q{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}footer.svelte-1n46o8q{margin:0 var(--gutter-right) 0 var(--gutter-left);padding:1rem 0 calc(2rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.slot.svelte-1n46o8q{display:flex}@media (width<=63.98rem){.top.svelte-1n46o8q{display:contents}.board.svelte-1n46o8q{top:var(--bar-h);z-index:5;background:var(--bg);margin-block:-.5rem;padding-block:.5rem;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}}@media (width>=64rem){main.svelte-1n46o8q{gap:1.25rem}.top.svelte-1n46o8q{grid-template:"controls board""controls legend"1fr/15rem minmax(0,1fr);gap:.75rem 2rem;display:grid}.board.svelte-1n46o8q{grid-area:board}.controls.svelte-1n46o8q{grid-area:controls;margin-top:0}.row.svelte-1n46o8q{flex-direction:column;gap:1rem}.legend.svelte-1n46o8q{grid-area:legend;align-content:start}.grid.svelte-1n46o8q{grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem}.slot.extra.svelte-1n46o8q{grid-row:2;grid-column:var(--degree)}}