@font-face{font-family:Changa;src:url(https://fonts.neb.host/Changa/static/Changa-Regular.ttf)}@font-face{font-family:Changa Bold;src:url(https://fonts.neb.host/Changa/static/Changa-Bold.ttf)}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-black-softer:#4d4d4d;--vt-c-black-true:#000;--vt-c-gray:#ccc;--vt-c-gray-dark:#adadad;--vt-c-indigo:#2c3e50;--vt-c-orange:orange;--vt-c-red:#ff1900;--vt-c-beige:#dbca9a;--vt-c-beige-light:#eeddae;--vt-c-green:#8edf82;--vt-c-green-dark:#299519;--vt-c-green-light:#9ef690;--vt-c-yellow:#fff3a5;--vt-c-yellow-hover:#fff3a57d;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px;--base-color:#3e484d;--header-color:var(--vt-c-white-soft);--header-button-color:var(--vt-c-white)}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}html{overscroll-behavior:none;vertical-align:baseline;height:100%;margin:0;padding:0;font-size:100%}body{height:100%;min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}@media (width>=1440px){body{place-items:center;display:flex}}#app{flex-direction:column;justify-content:flex-start;place-items:center;max-width:1280px;min-height:100vh;margin:0 auto;padding:0 2rem 2rem;font-weight:400;display:flex}@media (width>=768px){#app{justify-content:center}}@media (width>=1440px){#app{grid-template-columns:1fr 1fr;max-width:1920px;padding:0 2rem;display:grid}}a{color:var(--vt-c-black);padding:1px;transition:all .4s}p.buffered{padding:15px 0 0}button{background-color:var(--vt-c-green);border-radius:15px 225px 255px 15px 15px 255px 225px 15px;box-sizing:border-box;color:#41403e;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-image:none;background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px;border-style:solid;border-width:2px;border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;align-self:center;height:30px;padding:.45rem;font-family:Neucha,sans-serif;font-size:1rem;line-height:15px;text-decoration:none;transition:all .135s ease-in-out;display:inline-block;box-shadow:15px 28px 25px -18px #0003}@media (hover:hover){button:hover{background-color:var(--vt-c-green-light);border-radius:15px 25px 255px 155px 15px 25px 225px 155px;border-radius:200px 28px 205px 25px/22px 195px 25px 205px;box-shadow:2px 8px 8px -5px #0000004d}}button:focus{box-shadow:2px 8px 4px -6px #0000004d}button:disabled,button:disabled:hover,button:disabled:focus{border-color:var(--vt-c-gray);box-shadow:none;color:#777;cursor:default;background-color:#ccc}strong{font-weight:700}input[type=checkbox]{margin-right:.25em}.switch{cursor:pointer;background-color:#444;border-radius:999px;width:32px;height:20px;display:block;position:relative}.switch[data-status=true]{background-color:var(--base-color)}.switch[data-status=true] .knob{transform:translate(calc(100% - 4px))}.switch .knob{background-color:var(--vt-c-white);border-radius:8px;width:50%;height:calc(100% - 4px);transition:transform .3s;display:block;position:absolute;top:2px;left:2px;transform:translate(0)}#settings{flex-direction:column;place-content:center;display:flex}#settings .setting-row{border-bottom:1px solid #666;justify-content:space-between;align-items:center;padding:0;display:flex}#settings .setting-row:last-of-type{border-bottom:none}#settings .setting-row .text{padding:8px 8px 8px 0}#settings .setting-row .text .title{font-size:18px}#settings .setting-row .text .description{color:#444;font-size:12px}#settings .setting-row .control{margin-left:1em;display:block}.settings-form[data-v-17badb2b]{flex-direction:column;display:flex}header[data-v-3a2b666b]{background-color:var(--header-color);border-bottom:1px solid var(--base-color);z-index:2;flex-flow:row;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 16px;display:flex;position:fixed;top:0}header button[data-v-3a2b666b]{background-color:var(--header-button-color);align-items:center;height:40px;display:flex}@media (hover:hover){header button[data-v-3a2b666b][data-v-3a2b666b]:hover{background-color:var(--vt-c-beige-light)}}header .menu-left[data-v-3a2b666b]{justify-content:flex-start;align-items:center;gap:5px;width:70px;margin:0;padding:0;display:flex}header .menu-left #button-nav img[data-v-3a2b666b]{width:24px;height:24px}header .menu-left #nav-overlay[data-v-3a2b666b]{align-items:unset;z-index:11;background-color:#0000;justify-content:left;width:100%;height:100%;display:none;position:fixed;top:50px;left:0}header .menu-left #nav-overlay.show[data-v-3a2b666b]{display:flex}header .menu-left #nav-overlay #nav-content[data-v-3a2b666b]{background-color:var(--vt-c-white);box-sizing:border-box;border-radius:0;width:100%;max-width:500px;max-height:calc(100% - 52px);padding:0;position:relative;top:0;overflow-y:auto;box-shadow:3px 5px 5px #00000026}@media (width>=415px){header .menu-left #nav-overlay #nav-content[data-v-3a2b666b]{width:325px}}header .menu-left #nav-overlay #nav-content a[data-v-3a2b666b]{color:var(--black);text-decoration:none}header .menu-left #nav-overlay #nav-content .container[data-v-3a2b666b]{align-items:normal;padding:0}header .menu-left #nav-overlay #nav-content .container .nav-header[data-v-3a2b666b]{padding-top:18px;padding-bottom:18px;padding-left:18px;font-size:20px}header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-3a2b666b]{background-color:#0000;justify-content:left;align-items:center;height:30px;padding:4px 0 4px 18px;font-family:Changa Bold;font-size:16px;font-weight:700;display:flex}@media (hover:hover){header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-3a2b666b][data-v-3a2b666b]:hover{background-color:#e9e9e9}}header .menu-left #nav-overlay #nav-content #button-nav-close[data-v-3a2b666b]{width:24px;height:24px;font-size:20px;position:absolute;top:16px;right:16px}@media (hover:hover){header .menu-left #nav-overlay #nav-content #button-nav-close[data-v-3a2b666b] a[data-v-3a2b666b]:hover{color:var(--dark-color)}}header .menu-left #nav-overlay #nav-content .nav-footer[data-v-3a2b666b]{display:flex}header .title[data-v-3a2b666b]{letter-spacing:.1em;pointer-events:none;text-align:center;text-transform:uppercase;font-family:Changa Bold,sans-serif;font-size:14px;font-weight:700;line-height:100%}@media (width>=768px){header .title[data-v-3a2b666b]{font-size:20px}}header .menu-right[data-v-3a2b666b]{justify-content:flex-end;width:70px;display:flex}header .menu-right button#button-settings[data-v-3a2b666b]{justify-content:flex-end;margin-right:0;display:flex}header .modal-footer[data-v-3a2b666b]{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}#footer-neb-host[data-v-3a2b666b]{background:var(--header-color);border-top:2px solid var(--vt-c-black);color:var(--vt-c-black);letter-spacing:initial;text-align:left;z-index:2;width:100%;margin-top:20px;padding:10px 18px;font-family:Consolas,sans-serif;font-size:14px;font-weight:500;position:absolute;bottom:0;left:0;right:0}#buttons[data-v-b112ef54]{justify-content:center;gap:5px;padding-bottom:1em;display:flex}#fretboard-viewport[data-v-b112ef54]{overflow-x:visible}@media (width<=768px){#fretboard-viewport[data-v-b112ef54]{max-width:90vw;overflow-x:scroll}}#fretboard-numbers[data-v-b112ef54]{font-size:1rem;display:flex}#fretboard-numbers div[data-v-b112ef54]{text-align:center;writing-mode:sideways-lr;width:1.75rem;margin:0;padding:.3em 0;font-weight:700}@media (width<=768px){#fretboard-numbers[data-v-b112ef54]{width:100%;display:-webkit-box}}#fretboard[data-v-b112ef54]{flex-direction:row;display:flex}#fretboard #string-notes[data-v-b112ef54]{border:2px solid var(--vt-c-black-true);flex-direction:column;align-items:center;width:1.75rem;margin-top:0;padding:0 .5em;font-size:1rem;font-weight:700;display:flex}#fretboard #string-notes div[data-v-b112ef54]{align-items:center;height:1.75rem;display:flex}#fretboard #strings[data-v-b112ef54]{border-bottom:2px solid var(--vt-c-black-true);border-top:2px solid var(--vt-c-black-true)}#fretboard .string[data-v-b112ef54]{align-items:center;height:1.75rem;display:flex}#fretboard .string[data-v-b112ef54]:last-of-type{border-bottom:0}#fretboard .string .fret[data-v-b112ef54]{border-right:2px solid var(--vt-c-black-true);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;transition:all .1s;display:flex;position:relative}#fretboard .string .fret.empty[data-v-b112ef54]:after{content:"";background:var(--vt-c-gray-dark);width:100%;height:2px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (hover:hover){#fretboard .string .fret[data-v-b112ef54]:hover{background:var(--vt-c-yellow);border-right:2px solid var(--vt-c-orange);cursor:pointer}}:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover)[data-v-b112ef54]{background-color:var(--vt-c-green);border-right:2px solid var(--vt-c-green-dark);border:none}:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble[data-v-b112ef54]{border:10px var(--vt-c-green-dark);border-right:2px solid var(--vt-c-black);color:var(--vt-c-black);z-index:10;border-radius:16px;width:28px;height:28px;transition:all .1s}:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble.playing[data-v-b112ef54]{background-color:var(--vt-c-orange)}@media (hover:hover){:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble[data-v-b112ef54]:hover{background-color:var(--vt-c-yellow);border-color:var(--vt-c-yellow);border-right:2px solid var(--vt-c-black)}}:is(#fretboard .string .fret.pressed,#fretboard .string .fret.pressed:hover).note-bubble.pressed-hover[data-v-b112ef54]{background-color:var(--vt-c-yellow-hover)}#fretboard .string .fret[data-v-b112ef54]:first-of-type{border-left:1px solid var(--vt-c-gray);border-top:none;border-right:none}#fretboard .string .fret[data-v-b112ef54]:first-of-type{border-left:none}#fretboard .string .fret[data-v-b112ef54]:nth-of-type(2){border-left:2px solid var(--vt-c-black-true)}.overlay[data-v-0003930b]{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog[data-v-0003930b]{background:var(--vt-c-white);border-radius:.3rem;width:400px;max-width:90vw;padding:1.5rem;box-shadow:0 2px 8px #0000004d}.content p[data-v-0003930b]{padding-bottom:10px}.close-btn[data-v-0003930b]{background:var(--vt-c-red);color:var(--vt-c-white);cursor:pointer;border:none;margin-top:.5rem;padding:.5rem 1rem}header[data-v-86bc823f]{display:flex}header h1[data-v-86bc823f]{font-size:2.6rem;font-weight:500;position:relative}main[data-v-86bc823f]{z-index:1;margin-top:50px;line-height:1.5;display:block}#note-stats[data-v-86bc823f]{padding-top:5px;font-size:.9rem;line-height:1.2}@media (width>=1200px){#note-stats[data-v-86bc823f]{font-size:1rem}}@media (width>=1200px){header[data-v-86bc823f]{place-items:center}}footer[data-v-86bc823f]{background:var(--vt-c-black-softer);border-top:2px solid var(--vt-c-black-true);color:var(--vt-c-white);height:20px;letter-spacing:initial;text-align:left;z-index:2;width:100vw;margin:20px 0 0;padding:0 10px;font-family:Consolas,sans-serif;font-size:12px;font-weight:500;position:fixed;bottom:0;left:0;right:0}