.strings{padding:.75rem;padding-right:0}.strings__string{stroke:#000}.strings__string--1{stroke-width:1.75}.strings__string--2{stroke-width:2}.strings__string--3{stroke-width:2.25}.strings__string--4{stroke-width:2.5}.strings__string--5{stroke-width:2.75}.strings__string--6{stroke-width:3}.strings__fret{stroke-width:3;stroke:#969696}.strings__fret--nut{stroke-width:7;stroke:#000}.strings__note{fill:#ffde6a}.strings__note+text{text-anchor:middle;font-size:20px;font-weight:700}.strings__note--on{fill:#ffde6a}.strings__note--chord{fill:#ff8c42}.strings__note--root{fill:#ff4242}.strings__note--open{stroke:#000;stroke-width:3}.strings__note--open.strings__note--off{fill:#fff}.strings__note--fingered+text{fill:#000}.strings__note--fingered.strings__note--off{opacity:0}.strings__note--fingered.strings__note--off+text{opacity:0}.strings__note--marker{fill:#c8c8c8}.trillcontainer{display:grid;justify-items:center;grid-template-columns:repeat(3,minmax(0,1fr))}.trill{grid-column:span 1;height:4rem;width:100%;padding:.5rem;display:flex;justify-content:center;border-radius:4px;transition:background-color .2s ease}.trill svg{max-height:100%;max-width:100%}.trill--has-chord{background-color:#ff8c4240}.trill--has-chord .trill__note--trilled{fill:#ff8c42}.trill--has-root{background-color:#ff424240}.trill--has-root .trill__note--trilled{fill:#ff4242}.trill__note{fill:none}.trill__note--fingered{fill:#000}.trill__note--trilled{fill:#ffde6a}.piano{padding-bottom:28.8%;width:100%}.piano__clear{clear:both}.piano__key{float:left;position:relative}.piano__key:first-child{margin-left:20%}.piano__key:last-child{border-right:2px solid black}.piano__key--white{padding-bottom:28.8%;width:8.5714285714%;z-index:1;border-top:2px solid black;border-bottom:2px solid black;border-left:2px solid black;background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.piano__key--black{padding-bottom:15.84%;width:4.7142857143%;z-index:2;border:2px solid black;background-color:#fff;margin:0 0 0 calc(-2.3571428571% - 2px);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.piano__key--on{background-color:#ffde6a}.piano__key--chord{background-color:#ff8c42}.piano__key--root{background-color:#ff4242}.a,.b,.d,.e,.g{margin:0 0 0 calc(-2.3571428571% - 2px)}.autoharp{font-size:0;--s: 100px;--m: 100px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,9rem);padding-bottom:1rem;margin-top:1.8rem}.autoharp .c_sharp,.autoharp .e,.autoharp .g,.autoharp .a_sharp{justify-self:center}.autoharp .d,.autoharp .f,.autoharp .g_sharp,.autoharp .b{justify-self:end}.autoharp h2{font-weight:700}.autoharp__button{display:flex;justify-content:center;align-items:center;position:relative;width:var(--s);height:var(--m);background-color:#fff9e6;margin:28.87px 0;border-left:solid 2.3px #333333;border-right:solid 2.3px #333333}.autoharp__button--on{background-color:#fff9e6}.autoharp__button--chord{background-color:#fff}.autoharp__button--off{background-color:#ff8c42}.autoharp__button:before,.autoharp__button:after{content:"";position:absolute;z-index:1;width:70.71px;height:70.71px;-webkit-transform:scaleY(.5774) rotate(-45deg);-ms-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg);background-color:inherit;left:12.3447px}.autoharp__button:before{top:-35.3553px;border-top:solid 3.2527px #333333;border-right:solid 3.2527px #333333}.autoharp__button:after{bottom:-35.3553px;border-bottom:solid 3.2527px #333333;border-left:solid 3.2527px #333333}@media screen and (max-width:1140px){.autoharp{grid-template-rows:repeat(3,6rem)}.autoharp__button{display:flex;justify-content:center;align-items:center;position:relative;width:60px;height:60px;background-color:#fff9e6;margin:17.32px 0;border-left:solid 2.3px #333333;border-right:solid 2.3px #333333}.autoharp__button--on{background-color:#fff9e6}.autoharp__button--chord{background-color:#fff}.autoharp__button--off{background-color:#ff8c42}.autoharp__button:before,.autoharp__button:after{content:"";position:absolute;z-index:1;width:42.43px;height:42.43px;-webkit-transform:scaleY(.5774) rotate(-45deg);-ms-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg);background-color:inherit;left:6.4868px}.autoharp__button:before{top:-21.2132px;border-top:solid 3.2527px #333333;border-right:solid 3.2527px #333333}.autoharp__button:after{bottom:-21.2132px;border-bottom:solid 3.2527px #333333;border-left:solid 3.2527px #333333}.autoharp h2{font-size:18px}}.chord-notation-tab{display:flex;justify-content:center;padding:1rem;background:#fff;border-radius:8px}.chord-notation-tab__container{overflow:hidden}.chord-prime-form{display:flex;justify-content:center;padding:1rem;background:#fff;border-radius:8px}.chord-prime-form__container{overflow:hidden}.triadtabs{font-weight:700;font-size:2rem;color:#000}.triadtabs__chord{transition:color .2s ease,background-color .2s ease;padding:.1em .2em;border-radius:4px}.triadtabs__chord--shared2{background-color:#ff8c42;color:#fff}.triadtabs__chord--shared3{background-color:#ff4242;color:#fff}.triadcircle{transition:opacity 1s ease;width:50%}.triadcircle__circle{stroke:#000;fill:none;stroke-width:1.6666666;stroke-opacity:.8}.triadcircle__chord{fill:#ffde6a;transition:fill .2s ease}.triadcircle__chord--off{opacity:0}.triadcircle__chord--shared2{fill:#ff8c42}.triadcircle__chord--shared3{fill:#ff4242}.triadcircle__chordtext{fill:#000;font-size:4rem;font-weight:700;text-anchor:middle;transition:fill .2s ease}.triadcircle__chordtext--off{opacity:0}.triadcircle__chordtext--light{fill:#fff}.select__multi-value__label{color:#fff!important}.tabcontainer__transposeInput{color:#000;background:#fff;border:2px solid #ffffff;border-radius:0;padding:4px 6px;font-size:12px;text-align:left;width:130px}.tabcontainer{background-color:#fff;position:relative;width:100%;border:none;box-sizing:border-box;margin-bottom:.5rem;overflow:hidden;border-radius:0}@media screen and (orientation:landscape){.tabcontainer{border:2px solid #ffffff}}.tabcontainer__title{position:absolute;left:.6rem;top:.15rem;margin:0;font-size:.8rem;color:#000}.tabcontainer__transposition{text-align:center;top:.15rem;margin:0;font-size:.8rem;color:#000}.tabcontainer__close{position:absolute;right:0rem;top:0rem;background-color:#0000001a;border-radius:0;cursor:pointer;color:#000;padding:.2rem .5rem;text-decoration:none;border:none}.alltabscontainer{list-style-type:none;padding:0}.tabsectioncontainer{margin-top:auto;margin-bottom:20%}@media screen and (orientation:landscape){.tabsectioncontainer{position:static;padding-bottom:0;margin-top:0;margin-bottom:0}}.tabsectioncontainer>*{font-size:.8rem;padding-bottom:.5rem}.tabsectioncontainer>*:first-child{padding-top:.5rem}.tabsectioncontainer__select{z-index:10;width:100%;color:#000}.tabsectioncontainer__title{font-weight:400;color:#fff;text-align:left;margin:0;padding-bottom:.1rem}.select__control{border:none!important;border-radius:0!important;background-color:#323232!important;min-height:50px!important}@media(min-width:576px){.select__control{border:2px solid #ffffff!important}}.select__control--is-focused{border:none!important;box-shadow:none!important}@media(min-width:576px){.select__control--is-focused{border:2px solid #ffffff!important}}.select__indicator{color:#ffffff80!important}.select__indicator-separator{display:none!important}.select__value-container{padding:8px 18px!important}.select__placeholder{color:#ffffff4d;font-family:Inter,sans-serif;font-size:18px}.select__input-container{color:#fff!important}.select__multi-value{background:#ffffff1a!important;border-radius:0!important}.select__multi-value__label{color:#fff}.select__multi-value__remove{color:#fff!important}.select__multi-value__remove:hover{background-color:#fff3!important;color:#fff!important}.select__menu{background-color:#323232!important;border:2px solid #ffffff!important;border-radius:0!important}@media screen and (orientation:portrait){.select__menu-list{max-height:50vh!important}}.select__option{background-color:#323232!important;color:#fff!important}.select__option--is-focused{background-color:#ffffff1a!important}.select__option--is-selected{background-color:#fff3!important}.select__group-heading{color:#ffffff80!important}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--fg: #ffffff;--fg-dim: #666666;--font: helvetica-neue-lt-pro, "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;color-scheme:dark}body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.4}a{color:var(--fg);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px dashed var(--fg);outline-offset:3px}.shell{min-height:100vh;max-width:900px;margin:0 auto;display:flex;flex-direction:column}.shell__header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px dashed var(--fg)}.shell__wordmark{font-size:16px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.shell__nav{display:flex;gap:20px}.shell__nav a{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--fg-dim)}.shell__nav a.active{color:var(--fg)}.shell__main{flex:1;padding:30px 24px 60px}.shell__status{padding:60px 0;text-align:center;font-size:15px;letter-spacing:.03em}.shell__status-dim{margin-top:10px;color:var(--fg-dim);font-size:13px}.shell__status-dim a{text-decoration:underline;text-underline-offset:3px}.portal{display:flex;flex-direction:column;gap:36px}.portal__room{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);margin-bottom:14px}.portal__now{margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:24px;border:1px dashed var(--fg)}.portal__scale{display:flex;align-items:center;gap:20px}.portal__scale-name{font-size:clamp(24px,5vw,36px);font-weight:700;letter-spacing:.02em}.portal__meta{display:flex;gap:40px}.portal__meta dt{font-size:11px;font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);margin-bottom:6px}.portal__meta dd{font-size:22px;font-weight:500}.portal__now--compact{margin-bottom:20px;gap:16px;padding:10px 16px}.portal__now--compact .portal__scale{gap:12px}.portal__now--compact .portal__scale-name{font-size:18px}.portal__now--compact .portal__meta{gap:24px}.portal__now--compact .portal__meta dt{font-size:10px;margin-bottom:2px}.portal__now--compact .portal__meta dd{font-size:15px}.portal__actions{display:flex;flex-direction:column;gap:12px}.portal__action{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid var(--fg);transition:background .2s,color .2s}.portal__action:hover{background:var(--fg);color:var(--bg);text-decoration:none}.portal__action-title{font-size:22px;font-weight:700;letter-spacing:.1em}.portal__action-desc{font-size:13px;font-weight:300;opacity:.7}.tablature__waiting{padding:30px 0;color:var(--fg-dim);font-size:14px;letter-spacing:.03em}.midipage{display:flex;flex-direction:column;gap:20px}.midipage__enable{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border:1px dashed var(--fg)}.midipage__enable-btn,.midipage__add{font-family:var(--font);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:12px 24px;background:var(--fg);color:var(--bg);border:none;cursor:pointer;transition:background .2s}.midipage__enable-btn:hover,.midipage__add:hover{background:#ccc}.midipage__add{align-self:flex-start}.midipage__hint{font-size:13px;font-weight:300;color:var(--fg-dim);max-width:480px}.midipage__error{font-size:13px;color:#ff6b6b}.midipage__rows{list-style:none;display:flex;flex-direction:column;gap:10px}.midipage__row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--fg-dim);position:relative}.midipage__field{display:flex;flex-direction:column;gap:6px}.midipage__field>span{font-size:10px;font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim)}.midipage__field select{font-family:var(--font);font-size:13px;background:#1a1a1a;color:var(--fg);border:1px solid var(--fg-dim);padding:8px 10px;min-width:110px}.midipage__octave{display:flex;align-items:center;gap:8px}.midipage__octave button{width:28px;height:32px;font-size:15px;background:#1a1a1a;color:var(--fg);border:1px solid var(--fg-dim);cursor:pointer}.midipage__octave span{min-width:32px;text-align:center;font-size:13px}.midipage__remove{position:absolute;top:0;right:0;background:#ffffff14;color:var(--fg);border:none;padding:4px 10px;cursor:pointer;font-size:12px}.play{display:flex;flex-direction:column;align-items:center;gap:18px;padding:80px 20px;text-align:center}.play__status{font-size:16px;letter-spacing:.03em}.play__link{font-size:14px;text-decoration:underline;text-underline-offset:3px}.play__store{font-size:12px;color:var(--fg-dim);text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.shell__header{padding:16px}.shell__main{padding:20px 16px 60px}.portal__now{flex-direction:column;align-items:flex-start}}