@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fretboard Accidentals;src:url(data:font/woff2;base64,d09GMgABAAAAAAOwAA0AAAAABuAAAANgAAIAxQAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcQgZgAGwRCAqDYIMQATYCJAMYCw4ABCAFhCgHIBufBSAuCmxj0ugwCuPVlnPrY9VDOf5oGQ//v9+3fc67/42oNvEkjjZNM41G6OQhlGmEQqNaskooxFlEr4wPn2e9NAPhzzJZRG2HQrCQeISO5h/y9r7pZpBA3SV1M5lbBpVucXH+T52qeQvgg2RoHOfStewvPC2xUK5Yo56HCroGSCPSwSWD2k5ypMFm06dWLb9TgVbj/FAnZ+n5sFDgNgACrfZEM3PZ1O8cLrdDuBqGSAveckMbfGrUTvhqSl1fAGC+5HrMQ4O80hWD++vp44JULGRbI0ujZBZIByjA+ZGVhHP9Ov437fgvA/WLvAwCcjhvgGkWKKgwDwpO0ALzaK04YWIaFEWwuP4HQm/9fCNAO1gGkA6sYC5AiG/Dn0AANbhqD2peQCteg7cACiClFKqujuYyXpgxK6vLNt1H65m3Me4ck79pm0vRzrPeK1dS43dYzdjmUaazikeVtcflK8oQQWHtPGs7DAJaxR20zSiKePw1B8hre7VTZ789L7eDhdd6tQtda0/3KeZWtGniKUvnL08xRWef7iQ/au9BjaP/Qmz0nxLPk1CWFPyKD+Xf7PaLXRk5f8NeO59re4ebPDy/+N/vxvRev/y3Hx/R4TUcld+0G1U3T/oe/MfvwPPKV9Nf1r486LfrO9+DN2qn957+f5qfhaLrNhfXY06GqqoI+8F9TlnmcRdVoQ4HXR0f2IdfVgbbTbB3fugUXIXnrSMDDrcuWOM75VE/UqdV49SkUjHcmBvAte1b55zr8dGz2t1zAAikT3qvV/uq7MP/WdhXP4DvoTc+Ady8lD5C+rdetxjUEgQ/l5PPHHDSGoSj1ka3soFDtREgFEzAHj4AhdoKGqSvVLzZEO/sbADNnqNFacE1qETot4xInd4QlV0niGLeT6LhUW5EbbbWJXXabhaOdek2nKxFk2YqQiKQSIh8zRoQmbqouhDZZF1aNaijImJoVM26yBQEo5lK1U0Risdr0uI0q6nFqdOlA69TULVRvLKTSsHroFG0qMMmtTMMp8jVoImmXQ2ZhCMQ6IVJkiVLkrCrMq8wGMPBx8hAhRrIZq7AKZHOQzwRNaqhTb9ZyyN+JcEYQsQJxjHgBBnMqJ5RLba4/uapCpCsRXeLdK4kvx3X7i9rwsuSKB0N3LLuAAA=)format("woff2");unicode-range:U+266D-266F,U+1D12A-1D12B;font-display:swap;size-adjust:118%;ascent-override:80%;descent-override:22%}:root{--lining:#1e1016;--lining-2:#29161f;--lining-3:#36202b;--seam:#4f3441;--seam-strong:#7a5a66;--bone:#f3ebe1;--bone-dim:#cdbcb1;--pick:#f0603f;--pick-ink:#1c0a0b;--gold:#e9b95a;--teal:#6fd0c0;--violet:#bba5f3;--focus:#6fd0c0;--error:#ff9d85;--take:#f87171;--font:"Manrope Variable", "Fretboard Accidentals", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--lining);color:var(--bone);font-family:var(--font);font-optical-sizing:auto;margin:0;font-size:1rem;line-height:1.5}button,input,select{font:inherit;color:inherit}a{color:var(--bone)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.top,main,.site-footer{width:100%;max-width:1400px;margin:0 auto;padding-left:24px;padding-right:24px}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;padding-top:1.25rem;padding-bottom:.75rem;display:flex}.plate{border:1px solid var(--seam-strong);outline:1px solid var(--seam);outline-offset:3px;margin:4px 0 6px 4px;padding:.3rem .95rem .35rem}h1{letter-spacing:.035em;margin:0;font-size:1.45rem;font-weight:800;line-height:1.2}.rig{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.field>label,fieldset>legend,.small-head{color:var(--bone-dim);padding:0;font-size:.8125rem;font-weight:600}.small-head{margin:0 0 .5rem}fieldset{border:0;min-width:0;margin:0;padding:0}select,input[type=text]{border:1px solid var(--seam);background-color:var(--lining-2);border-radius:6px;min-height:44px;padding:.5rem .75rem;font-size:.9375rem;font-weight:600}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23cdbcb1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2.2rem}select option,select optgroup{background:var(--lining-2);color:var(--bone)}#instrument{min-width:13.5rem}#tuning{min-width:14rem}select:hover,input[type=text]:hover{border-color:var(--seam-strong)}button{border:1px solid var(--seam-strong);background:var(--lining-2);cursor:pointer;border-radius:6px;min-height:44px;padding:.5rem 1rem;font-size:.9375rem;font-weight:700}button:hover{background:var(--lining-3)}button.quiet{border-color:var(--seam);color:var(--bone-dim);background:0 0;font-weight:600}button.quiet:hover{color:var(--bone);border-color:var(--seam-strong)}button:disabled,select:disabled{opacity:.45;cursor:default}.help{color:var(--bone-dim);max-width:62ch;margin:.4rem 0 0;font-size:.8125rem}.error{color:var(--error);margin:.4rem 0 0;font-size:.875rem;font-weight:600}.status{min-height:1.5em;color:var(--bone-dim);margin:.4rem 0 0;font-size:.875rem}.tuner-row{border:1px solid var(--seam);background:var(--lining-2);border-radius:8px;margin:.25rem 0 1rem;padding:.9rem 1rem 1rem}.string-fields{flex-wrap:wrap;gap:.6rem .9rem;display:flex}.string-field{grid-template-rows:auto auto;grid-template-columns:44px 4.4rem 44px;gap:.2rem .25rem;display:grid}.string-field label{color:var(--bone-dim);grid-column:1/-1;font-size:.75rem;font-weight:600}.string-field input{text-align:center;background:var(--lining);width:100%;padding:.5rem .25rem}.string-field input[aria-invalid=true]{border-color:var(--error)}.string-field button{padding:0;font-size:1.1rem;line-height:1}.deck{flex-direction:column;gap:.9rem;padding:.25rem 0 .5rem;display:flex}.row{flex-wrap:wrap;align-items:flex-end;gap:.9rem 1.5rem;display:flex}.seg{border:1px solid var(--seam-strong);background:var(--lining-2);border-radius:8px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg label{display:flex;position:relative}.seg input,.root-keys input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.seg span{cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;min-height:40px;padding:.35rem 1rem;font-size:.9375rem;font-weight:700;display:flex}.seg label:hover span{background:var(--lining-3)}.seg input:checked+span{background:var(--bone);color:var(--pick-ink)}.seg input:focus-visible+span,.root-keys input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.seg-quiet span{font-weight:600}.pick-row{align-items:flex-end}.roots legend{margin-bottom:.3rem}.root-keys{border:1px solid var(--seam-strong);background:var(--lining-2);border-radius:8px;grid-template-columns:repeat(12,minmax(46px,1fr));display:grid;overflow:hidden}.root-keys label{display:flex;position:relative}.root-keys label+label>span{border-left:1px solid var(--seam)}.root-keys label>span{cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:48px;padding:.2rem .15rem;font-size:.9375rem;font-weight:700;line-height:1.1;display:flex}.root-keys .enh{color:var(--bone-dim);font-size:.75rem;font-weight:500;display:block}.root-keys .enh.used{color:inherit;font-weight:800}.root-keys label:hover>span{background:var(--lining-3)}.root-keys input:checked+span{background:var(--pick);color:var(--pick-ink)}.root-keys input:checked+span .enh{color:var(--pick-ink)}.root-keys input:focus-visible+span{outline-offset:-3px}.pick-fields{flex-wrap:wrap;gap:.75rem 1rem;display:flex}#scale,#chord{min-width:15rem;min-height:50px}.shape-field{width:100%}.shape-input{gap:.5rem;max-width:30rem;display:flex}.shape-input input{letter-spacing:.08em;flex:1;min-width:0;font-size:1.125rem}.shape-input input[aria-invalid=true]{border-color:var(--error)}.stage{border-top:1px solid var(--seam);margin-top:.75rem;padding-top:1rem}.readout{justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;display:flex}.readout-main{flex:1 1 0;min-width:0}.readout-title{letter-spacing:-.01em;margin:0;font-size:2.35rem;font-weight:800;line-height:1.1}.readout-sub{min-height:1.5em;color:var(--bone-dim);flex-wrap:wrap;column-gap:.9rem;margin:.3rem 0 0;font-weight:500;display:flex}.readout-sub button.link{min-height:0;color:var(--bone);text-decoration:underline;-webkit-text-decoration-color:var(--seam-strong);text-decoration-color:var(--seam-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;position:relative}.readout-sub button.link:after{content:"";position:absolute;inset:-10px -6px}.readout-sub button.link:hover{-webkit-text-decoration-color:var(--bone);text-decoration-color:var(--bone)}.transport{flex:none;align-items:center;gap:.9rem;display:flex}.play{border-color:var(--bone);background:var(--bone);min-width:6.5rem;color:var(--pick-ink)}.play:hover{background:#fff}.play[aria-pressed=true]{background:var(--pick);border-color:var(--pick)}.volume{color:var(--bone-dim);align-items:center;gap:.4rem;display:flex}.vol-icon{flex:none;width:22px;height:22px}input[type=range]{width:8rem;height:44px;accent-color:var(--bone);cursor:pointer}.strip-wrap{margin:.7rem 0 .2rem;overflow-x:auto}.strip{gap:.35rem;margin:0;padding:.1rem 0 .3rem;list-style:none;display:flex}.strip li{flex-direction:column;align-items:center;gap:.2rem;min-width:2.5rem;display:flex}.strip .n{background:var(--bone);width:2.1rem;height:2.1rem;color:var(--pick-ink);border-radius:50%;place-items:center;font-size:.9375rem;font-weight:800;line-height:1;display:grid}.strip .d{color:var(--bone-dim);white-space:nowrap;font-size:.8125rem;font-weight:600}.strip .opt .n{color:var(--bone);box-shadow:inset 0 0 0 1.5px var(--seam-strong);background:0 0}.g-root .n,.dot-root{background:var(--pick)}.g-third .n,.dot-third{background:var(--gold)}.g-fifth .n,.dot-fifth{background:var(--teal)}.g-seventh .n,.dot-seventh{background:var(--violet)}.dot-other{background:var(--bone)}.strip .opt.g-root .n{box-shadow:inset 0 0 0 2px var(--pick)}.strip .opt.g-third .n{box-shadow:inset 0 0 0 2px var(--gold)}.strip .opt.g-fifth .n{box-shadow:inset 0 0 0 2px var(--teal)}.strip .opt.g-seventh .n{box-shadow:inset 0 0 0 2px var(--violet)}.result{margin-top:.2rem}.alts{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin-top:.5rem;display:flex}.alts-head{color:var(--bone-dim);margin:0;font-size:.875rem;font-weight:600}.alt-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.alt-list button{padding:.4rem .8rem;font-weight:700}.board-wrap{scrollbar-color:var(--seam-strong) transparent;margin-top:.9rem;overflow:auto hidden}.board{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:4px;width:max-content;min-width:100%;display:block}.board:focus-visible{outline-offset:4px}.board svg{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 auto;display:block}.board .note{transform-box:fill-box;transform-origin:50%;transition:transform .12s ease-out}.board .note.sounding{transform:scale(1.22)}.board .note.sounding circle:last-of-type{stroke:var(--bone);stroke-width:2.5px}.board .hover-ring{pointer-events:none}.stage .status{min-height:1.5em}.view{border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;margin-top:.75rem;padding:1rem 0 1.25rem;display:flex}.view-group{flex-wrap:wrap;align-items:flex-end;gap:.9rem 1.25rem;display:flex}.window legend{margin-bottom:.3rem}.window-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.window-row select{background-position:right .6rem center;padding-left:.6rem;padding-right:1.9rem}.window-row .to{color:var(--bone-dim);font-size:.875rem}.step{width:44px;padding:0;font-size:1.35rem;line-height:1}.checks{flex-wrap:wrap;gap:0 1rem;display:flex}.check{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;font-size:.9375rem;font-weight:600;display:flex}.check input{width:1.15rem;height:1.15rem;accent-color:var(--pick);margin:0}.export-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.export-group .status{flex-basis:100%;margin:0}.by-string{border-bottom:1px solid var(--seam);margin-top:1rem;padding-bottom:1rem}.by-string summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.by-string summary:before{content:"";border-right:2px solid var(--bone-dim);border-bottom:2px solid var(--bone-dim);width:.5rem;height:.5rem;margin-right:.7rem;transform:rotate(-45deg)}.by-string[open] summary:before{transform:rotate(45deg)}.by-string summary::-webkit-details-marker{display:none}.table-scroll{overflow-x:auto}.fret-table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.875rem}.fret-table th,.fret-table td{border:1px solid var(--seam);text-align:center;white-space:nowrap;min-width:2.4rem;padding:.3rem .4rem}.fret-table thead th{color:var(--bone-dim);font-weight:600}.fret-table tbody th{text-align:left;font-weight:700}.fret-table td.root{color:var(--pick);font-weight:800}.ref{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"read keys""formulas formulas";gap:2.5rem 4rem;padding:2rem 0 1rem;display:grid}.ref-read{grid-area:read}.ref-keys{grid-area:keys}.ref-formulas{grid-area:formulas}.ref h2{margin:0 0 .75rem;font-size:1.2rem;font-weight:800}.ref p{color:var(--bone-dim);max-width:62ch;margin:0 0 .85rem}.ref p b{color:var(--bone)}.key-list{margin:0 0 1rem}.key-list div{grid-template-columns:6.5rem 1fr;gap:.75rem;padding:.3rem 0;display:grid}.key-list dt{align-items:center;gap:.5rem;font-weight:700;display:flex}.key-list dd{color:var(--bone-dim);margin:0}.dot{border-radius:50%;flex:none;width:.9rem;height:.9rem;display:inline-block}.formula-tables{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:1.5rem 4rem;display:grid}.formula-table{border-collapse:collapse;width:100%;font-size:.875rem}.formula-table caption{text-align:left;padding-bottom:.4rem;font-weight:700}.formula-table th,.formula-table td{border-bottom:1px solid var(--seam);text-align:left;vertical-align:middle;padding:.15rem .5rem .15rem 0}.formula-table thead th{color:var(--bone-dim);padding-bottom:.3rem;font-weight:600}.formula-table td{color:var(--bone-dim);white-space:nowrap;word-spacing:.22em}.formula-table td.sym{color:var(--bone);font-weight:700}.formula-table button{text-align:left;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--seam-strong);text-decoration-color:var(--seam-strong);text-underline-offset:3px;background:0 0;border:0;padding:.2rem 0;font-weight:700}.formula-table button:hover{-webkit-text-decoration-color:var(--bone);text-decoration-color:var(--bone);background:0 0}.ref .note{margin-top:.75rem;font-size:.875rem}.keys{margin:0}.keys div{border-bottom:1px solid var(--seam);grid-template-columns:7.5rem 1fr;gap:.75rem;padding:.35rem 0;font-size:.9375rem;display:grid}.keys dd{color:var(--bone-dim);margin:0}kbd{border:1px solid var(--seam-strong);text-align:center;border-bottom-width:2px;border-radius:4px;min-width:1.6rem;padding:.05rem .35rem;font-family:inherit;font-size:.8125rem;font-weight:700;display:inline-block}.print-sheet{display:none}.site-footer{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding-top:2rem;padding-bottom:2.5rem;font-size:.875rem;display:flex}.site-footer a{color:var(--bone-dim);text-underline-offset:3px}.site-footer a:hover{color:var(--bone)}.tt-take{color:var(--take)}@media (width<=900px){.ref{grid-template-columns:minmax(0,1fr);grid-template-areas:"read""formulas""keys"}.formula-tables{grid-template-columns:minmax(0,1fr)}}@media (width<=980px){.root-keys{grid-template-columns:repeat(6,minmax(44px,1fr))}.root-keys label:nth-child(7)>span{border-left:0}.root-keys label:nth-child(n+7)>span{border-top:1px solid var(--seam)}.roots{width:100%;max-width:30rem}}@media (width<=700px){.top,main,.site-footer{padding-left:16px;padding-right:16px}.top{flex-direction:column;align-items:stretch}.plate{align-self:flex-start}.rig{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}#instrument,#tuning,#scale,#chord{width:100%;min-width:0}.row,.pick-fields{width:100%}.seg{width:100%;display:flex}.seg label{flex:auto}.seg span{flex:1;justify-content:center;padding:.35rem .6rem}.pick-fields{grid-template-columns:minmax(0,1fr);display:grid}h1{font-size:1.25rem}.top{padding-top:1rem}.readout-title{font-size:1.85rem}.play{min-width:5.5rem}.volume{display:none}.key-list div,.keys div{grid-template-columns:6.5rem 1fr}.view,.view-group{align-items:stretch}.export-buttons button{flex:40%}.string-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .75rem;display:grid}.string-field{grid-template-columns:44px minmax(0,1fr) 44px}.tuner-row{padding:.8rem .75rem .9rem}.top{gap:.75rem;padding-bottom:.5rem}.deck{gap:.75rem}.stage{padding-top:.85rem}.strip-wrap{margin-top:.55rem}.board-wrap{margin-top:.6rem}}@media (width<=380px){.rig{grid-template-columns:minmax(0,1fr)}.seg{flex-wrap:nowrap}.seg span{padding:.35rem .45rem;font-size:.875rem}.string-fields{grid-template-columns:minmax(0,1fr);gap:.5rem}.string-field{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) 44px 5.5rem 44px;align-items:center}.string-field label{grid-column:auto;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.board .note{transition:none}.board .note.sounding{transform:none}}@media print{@page{margin:14mm}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#111;background:#fff}.top,main,.site-footer{display:none!important}.print-sheet{display:block}.print-title{margin:0;font-size:20pt;font-weight:800}.print-sub{color:#333;margin:2pt 0 12pt;font-size:10.5pt}.print-board svg{width:100%;height:auto;max-height:235mm;display:block}}