:root{--page:#e9e5de;--ink:#2a2420;--ink-soft:#6e655c;--line:#cfc8bd;--wood:#3a2419;--wood-2:#442b1e;--fret:#b8b2a6;--nut:#ede6d6;--string:#d9cfbe;--pearl:#f3efe6;--pearl-ink:#2e2721;--brass:#d4a93a;--brass-ink:#3a2a05;--btn:#fff;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#181512;--ink:#eee8de;--ink-soft:#a39a8e;--line:#3a332c;--btn:#231f1b}}:root[data-theme=dark]{--page:#181512;--ink:#eee8de;--ink-soft:#a39a8e;--line:#3a332c;--btn:#231f1b}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--page);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:Sora,system-ui,-apple-system,Segoe UI,sans-serif}img{max-width:100%}.bar[data-v-05786f98]{align-items:center;gap:10px;margin-bottom:14px;display:flex}.root[data-v-05786f98]{flex:1;align-items:baseline;gap:8px;min-height:40px;display:flex}.lbl[data-v-05786f98]{color:var(--ink-soft);font-size:13px}.val[data-v-05786f98]{color:var(--ink);font-size:26px;font-weight:600}.ctl[data-v-05786f98]{font:inherit;color:var(--ink);background:var(--btn);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:500}.ctl[data-v-05786f98]:active{transform:scale(.97)}.ctl[data-v-05786f98]:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.cell[data-v-09120eb5]{cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cell[data-v-09120eb5]:before{content:"";width:var(--w);background:var(--string);pointer-events:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cell[data-v-09120eb5]:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.dot[data-v-09120eb5]{z-index:1;background:var(--pearl);min-width:34px;height:30px;color:var(--pearl-ink);opacity:0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:0 6px;font-size:14px;font-weight:600;line-height:1;transition:transform .14s ease-out,opacity .14s ease-out;display:flex;position:relative;transform:scale(.6)}.dot small[data-v-09120eb5]{opacity:.7;margin-top:2px;font-size:9.5px;font-weight:500}.cell.on .dot[data-v-09120eb5]{opacity:1;transform:scale(1)}.cell.is-root .dot[data-v-09120eb5]{background:var(--brass);color:var(--brass-ink)}@media (prefers-reduced-motion:reduce){.dot[data-v-09120eb5]{transition:none}}.heads[data-v-c1903940],.row[data-v-c1903940]{grid-template-columns:26px 1fr;align-items:stretch;display:grid}.heads .strs[data-v-c1903940],.row .frets[data-v-c1903940]{grid-template-columns:repeat(6,1fr);display:grid}.heads span[data-v-c1903940]{color:var(--ink-soft);text-align:center;padding-bottom:4px;font-size:12px}.fnum[data-v-c1903940]{color:var(--ink-soft);justify-content:flex-start;align-items:center;font-size:11px;display:flex}.row .frets[data-v-c1903940]{background:var(--wood);border-bottom:3px solid var(--fret);position:relative}.row:nth-child(2n) .frets[data-v-c1903940]{background:var(--wood-2)}.row.open .frets[data-v-c1903940]{border-bottom:7px solid var(--nut);background:0 0}.row.open[data-v-c1903940] .cell:before{background:var(--line)}.row.open[data-v-c1903940] .dot{border:1px solid var(--line)}.inlay[data-v-c1903940]:before,.inlay2[data-v-c1903940]:before,.inlay2[data-v-c1903940]:after{content:"";opacity:.55;pointer-events:none;background:#8e7a63;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute;top:50%}.inlay[data-v-c1903940]:before{left:50%}.inlay2[data-v-c1903940]:before{left:33.3%}.inlay2[data-v-c1903940]:after{left:66.6%}main[data-v-552766f2]{max-width:440px;margin:0 auto;padding:20px 16px 32px}h1[data-v-552766f2]{letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:600}.hint[data-v-552766f2]{color:var(--ink-soft);margin:0 0 18px;font-size:14px;line-height:1.5}.opts[data-v-552766f2]{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:16px;font-size:13px;display:flex}.opts label[data-v-552766f2]{cursor:pointer;align-items:center;gap:8px;display:flex}.opts input[data-v-552766f2]{accent-color:var(--brass);width:16px;height:16px}.foot[data-v-552766f2]{color:var(--ink-soft);margin-top:16px;font-size:12px;line-height:1.5}