:root{--note-on-color: #ffde6a;--note-incoming-color: #6ab8ff;--note-scale-only-color: #fff9e6;--note-incoming-secondary-color: #b9dcff;--pulse-duration: .7s;--pulse-duration-imminent: .28s;--incoming-opacity-low: .45;--incoming-opacity-high: .95;--incoming-secondary-opacity-low: .25;--incoming-secondary-opacity-high: .6;--outgoing-fade-duration: .3s;--outgoing-opacity: .25;--anticipation-easing: cubic-bezier(0, 0, .2, 1);--outgoing-scale: .88}@keyframes note-incoming-pulse{0%,to{opacity:var(--incoming-opacity-low)}50%{opacity:var(--incoming-opacity-high)}}@keyframes note-outgoing-fade{0%{opacity:1;filter:grayscale(0);transform:scale(1)}to{opacity:var(--outgoing-opacity);filter:grayscale(1);transform:scale(var(--outgoing-scale))}}.note--incoming{animation:note-incoming-pulse var(--pulse-duration) var(--anticipation-easing) infinite}.note--incoming.note--imminent{animation-duration:var(--pulse-duration-imminent)}.note--incoming-secondary{animation:note-incoming-secondary-pulse var(--pulse-duration) var(--anticipation-easing) infinite}@keyframes note-incoming-secondary-pulse{0%,to{opacity:var(--incoming-secondary-opacity-low)}50%{opacity:var(--incoming-secondary-opacity-high)}}.note--outgoing{animation:note-outgoing-fade var(--outgoing-fade-duration) var(--anticipation-easing) forwards;transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:reduce){.note--incoming,.note--incoming-secondary,.note--outgoing{animation:none!important;transition:opacity .1s linear}.note--incoming{opacity:var(--incoming-opacity-high)}.note--incoming-secondary{opacity:var(--incoming-secondary-opacity-high)}.note--outgoing{opacity:var(--outgoing-opacity);filter:grayscale(1)}}.chord-notation-tab{display:flex;justify-content:center;padding:1rem;background:#fff;border-radius:8px}.chord-notation-tab__container{overflow:hidden}.chordgraph{display:block;margin:0 auto;width:min(92%,700px)}.chordgraph--cubedance{width:min(85%,620px)}.chordgraph--powertowers{width:min(90%,720px)}.chordgraph__edge{fill:none;stroke:#e4e4e4;stroke-width:2.5;transition:stroke .2s ease,stroke-width .2s ease}.chordgraph__edge--scale{stroke:#b4b4b4}.chordgraph__edge--live{stroke:var(--note-on-color, #ffde6a);stroke-width:8}.chordgraph__edge--incoming{stroke:var(--note-incoming-color, #6ab8ff);stroke-width:8}.chordgraph__node{fill:#fff;stroke:#dcdcdc;stroke-width:2.5;transition:fill .2s ease,stroke .2s ease,stroke-width .2s ease}.chordgraph__node--scale{fill:var(--note-on-color, #ffde6a);stroke:#b4b4b4}.chordgraph__node--sounding{fill:var(--note-on-color, #ffde6a);stroke:#1a1a1a;stroke-width:6}.chordgraph__node--incoming{fill:var(--note-incoming-color, #6ab8ff);stroke:#222}.chordgraph__label{fill:#c8c8c8;font-weight:700;text-anchor:middle;pointer-events:none;transition:fill .2s ease}.chordgraph__label--scale{fill:#333}.chordgraph__label--active{fill:#000}.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;transition:opacity .15s,transform .15s}@media screen and (orientation:landscape){.tabcontainer{border:2px solid #ffffff}}.tabcontainer--dragging{opacity:.5;transform:scale(.98);cursor:grabbing}.tabcontainer__title{position:absolute;left:.6rem;top:.15rem;margin:0;font-size:.8rem;color:#000;z-index:2}.tabcontainer__source{display:inline-flex;margin-left:.6rem;vertical-align:middle}.tabcontainer__source-btn{font-size:.65rem;font-family:inherit;line-height:1.4;padding:.05rem .4rem;color:#000;background:#fff;border:1px solid #111;border-radius:0;cursor:pointer}.tabcontainer__source-btn+.tabcontainer__source-btn{border-left:none}.tabcontainer__source-btn--active{background:#111;color:#fff}.tabcontainer__transposition{text-align:center;top:.15rem;margin:0;font-size:.8rem;color:#000}.tabcontainer__close{position:absolute;right:0rem;top:0rem;z-index:2;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}@media(min-width:1200px){.alltabscontainer--two{column-count:2;column-gap:1rem}.alltabscontainer--two>.tabcontainer{break-inside:avoid}}.staffanticipation{display:flex;flex-direction:column;align-items:center;padding:1rem}.control-group{display:inline-flex;align-items:center;gap:.5rem;height:30px;padding:0 .7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:6px}.control-group--desktop{display:none}@media(min-width:1200px){.control-group--desktop{display:inline-flex}}.control-group__name{color:#ffffff8c;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.control-group__end{color:#fff6;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.control-group__slider{width:120px;accent-color:white;cursor:pointer;margin:0}.control-group__readout{color:#fff;font-size:12px;min-width:4.2em;font-variant-numeric:tabular-nums;text-align:right}.control-group__btn{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;cursor:pointer;padding:2px 8px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3}.control-group__btn:hover{border-color:#fff}.control-group__btn--active{background:#fff;border-color:#fff;color:#000}.anticipation-switch{position:relative;display:inline-block;width:32px;height:18px;cursor:pointer;flex-shrink:0}.anticipation-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.anticipation-switch__track{position:absolute;inset:0;border-radius:999px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);pointer-events:none;transition:background-color .15s,border-color .15s}.anticipation-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background-color:#fff9;transition:transform .15s,background-color .15s}input:checked+.anticipation-switch__track{background-color:#fff;border-color:#fff}input:checked+.anticipation-switch__track:after{transform:translate(14px);background-color:#000}.tablature__waiting{color:#ffffff80;font-style:italic;padding:1rem 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__header{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.tabsectioncontainer__titlegroup{display:flex;align-items:center;gap:.6rem}.tabsectioncontainer__controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-left:auto}.tabsectioncontainer__title{font-weight:400;color:#fff;text-align:left;margin:0}.tabsectioncontainer__help{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;cursor:pointer;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.05em}.tabsectioncontainer__help:hover{border-color:#fff}.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}.tv{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:var(--font);padding:3vh 4vw;overflow:hidden}.tv--room{cursor:none}.tv__chrome{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:1.2vh;border-bottom:1px dashed var(--fg-dim);transition:opacity .4s ease}.tv__wordmark{font-size:clamp(16px,1.6vw,28px);font-weight:700;letter-spacing:.1em;white-space:nowrap}.tv__chrome-dim{color:var(--fg-dim);font-size:clamp(14px,1.3vw,22px);letter-spacing:.08em;text-transform:uppercase}.tv__hintbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:1.2vh;border-top:1px dashed var(--fg-dim);color:var(--fg-dim);font-size:clamp(13px,1.2vw,20px);letter-spacing:.08em;transition:opacity .4s ease}.tv__chrome--hidden,.tv__hintbar--hidden{opacity:0}.tv__dots{display:inline-flex;align-items:center;gap:10px}.tv__dot{width:.55em;height:.55em;border-radius:50%;background:var(--fg-dim);opacity:.5}.tv__dot--active{background:var(--fg);opacity:1}.tv__view-label{margin-left:6px;color:var(--fg);text-transform:uppercase}.tv__status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:clamp(22px,2.4vw,40px)}.tv__status-dim{color:var(--fg-dim);font-size:.7em}.tv__empty{color:var(--fg-dim);font-size:clamp(40px,4vw,72px)}.tv-picker__title{margin-top:3vh;font-size:clamp(30px,3.2vw,56px);font-weight:700;letter-spacing:.02em}.tv-picker__hint{margin-top:.8vh;color:var(--fg-dim);font-size:clamp(15px,1.5vw,24px)}.tv-picker__rooms{list-style:none;margin-top:3vh;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.6vh;padding:4px}.tv-picker__room{display:flex;flex-direction:column;gap:.5vh;width:min(1100px,88vw);padding:2.2vh 2.4vw;text-align:left;font-family:inherit;color:var(--fg);background:#ffffff0a;border:1px solid rgba(255,255,255,.18);border-radius:10px;cursor:pointer}.tv-picker__room--selected{background:#ffffff1a;border-color:var(--fg);outline:2px solid var(--fg);outline-offset:2px}.tv-picker__room-name{font-size:clamp(24px,2.4vw,44px);font-weight:700}.tv-picker__room-meta{color:var(--fg-dim);font-size:clamp(15px,1.4vw,24px)}.tv-picker__room-scale{color:var(--note-on-color, #ffde6a);font-size:clamp(15px,1.4vw,24px)}.tv__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.tv__ensemble{zoom:1.4}@media(min-width:1600px){.tv__ensemble{zoom:1.9}}@media(min-width:2200px){.tv__ensemble{zoom:2.6}}.tv__notation{display:flex;align-items:center;justify-content:center;gap:5vw;width:100%}.tv__panel{display:flex;flex-direction:column;align-items:center;gap:1.5vh}.tv__panel-label{color:var(--fg-dim);font-size:clamp(14px,1.3vw,22px);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.tv__staff,.tv__chordnotation{zoom:1.25}@media(min-width:1600px){.tv__staff,.tv__chordnotation{zoom:1.9}}@media(min-width:2200px){.tv__staff,.tv__chordnotation{zoom:2.6}}@media(min-width:3000px){.tv__staff,.tv__chordnotation{zoom:3.6}}.tv__staff{background:#fff;border-radius:8px}.tv__viz{height:100%;display:flex;align-items:center;justify-content:center}.tv__viz svg{height:min(76vh,92vw);width:auto}.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:var(--note-on-color, #ffde6a)}.strings__note--scale{fill:var(--note-scale-only-color, #fff9e6)}.strings__note--incoming{fill:var(--note-incoming-color, #6ab8ff)}.strings__note--incoming-secondary{fill:var(--note-incoming-secondary-color, #b9dcff)}.strings__note--outgoing{fill:var(--note-on-color, #ffde6a)}.strings__note--outgoing-scale{fill:var(--note-scale-only-color, #fff9e6)}.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}.strings__tuner{cursor:pointer}.strings__tuner text{font-size:15px;fill:#aaa;text-anchor:middle;-webkit-user-select:none;user-select:none}.strings__tuner:hover text{fill:#111}.strings__tuner-reset{cursor:pointer;font-size:14px;fill:#aaa;-webkit-user-select:none;user-select:none}.strings__tuner-reset:hover{fill:#111}.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--incoming .trill__note--trilled{fill:var(--note-incoming-color, #6ab8ff)}.trill--incoming.note--incoming-secondary .trill__note--trilled{fill:var(--note-incoming-secondary-color, #b9dcff)}.trill--scale .trill__note--trilled{fill:var(--note-scale-only-color, #fff9e6)}.trill__note{fill:none}.trill__note--fingered{fill:#000}.trill__note--trilled{fill:var(--note-on-color, #FFDE6A)}.harmonicas{padding:.75rem 1rem 1rem}.harmonicas__header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.harmonicas__edit{font-size:.8rem;font-weight:600;color:#666;background:none;border:1px solid #ccc;border-radius:4px;padding:.2rem .6rem;cursor:pointer}.harmonicas__edit:hover{background:#f0f0f0}.harmonicas__edit--active{color:#fff;background:#2196f3;border-color:#2196f3}.harmonicas__edit--active:hover{background:#1e88e5}.harmonicas__empty{padding:1rem 0;text-align:center;font-size:.9rem;color:#999}.harmonicas__grid{display:grid;gap:.5rem;height:16rem}.harmonicas__item{container-type:size;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;padding:.25rem;background:#f5f5f5;border-radius:6px;cursor:grab;transition:opacity .15s,transform .15s,background-color .15s;-webkit-user-select:none;user-select:none}.harmonicas__item:hover{background:#eee}.harmonicas__item--dragging{opacity:.5;transform:scale(.95);cursor:grabbing}.harmonicas__item--disabled .harmonicas__key,.harmonicas__item--disabled .harmonicas__slots{opacity:.35}.harmonicas__checkbox{flex-shrink:0;cursor:pointer}.harmonicas__key{display:flex;align-items:center;justify-content:center;min-width:2ch;text-align:center;font-size:max(1.2rem,min(52cqh,28cqw));font-weight:700;color:#333}.harmonicas__accidental{font-family:Helvetica Neue,Helvetica,Arial,Segoe UI Symbol,sans-serif}.harmonicas__slots{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ddd;margin-left:4cqw;padding-left:4cqw}.harmonicas__slot{flex:1;display:grid;justify-items:start;align-items:center}.harmonicas__slot>*{grid-area:1/1}.harmonicas__slot+.harmonicas__slot{border-top:1px solid #e5e5e5}.harmonicas__dir{font-size:max(.85rem,min(24cqh,14cqw));font-weight:400;line-height:1}.harmonicas__dir--off{color:#c9c9c9}.harmonicas__dir--in,.harmonicas__dir--out{color:#333;font-weight:700}.harmonicas__dir--incoming{color:var(--note-incoming-color, #6ab8ff);font-weight:700}.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:var(--note-on-color, #ffde6a)}.piano__key--scale{background-color:var(--note-scale-only-color, #fff9e6)}.piano__key--incoming{background-color:var(--note-incoming-color, #6ab8ff)}.piano__key--incoming-secondary{background-color:var(--note-incoming-secondary-color, #b9dcff)}.piano__key--outgoing{background-color:var(--note-on-color, #ffde6a)}.piano__key--outgoing-scale{background-color:var(--note-scale-only-color, #fff9e6)}.a,.b,.d,.e,.g{margin:0 0 0 calc(-2.3571428571% - 2px)}.autoharp{font-size:0;--s: 100px;--h: 170px;--border: 3px;--hex: polygon( 50% 0%, 100% 20.7%, 100% 79.3%, 50% 100%, 0% 79.3%, 0% 20.7% );display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,9rem);padding-bottom:2.5rem;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;font-size:20px;color:#333;position:relative;z-index:1}.autoharp__button{display:flex;justify-content:center;align-items:center;position:relative;width:var(--s);height:var(--h);margin:-6px 0;background-color:#333;clip-path:var(--hex);--fill: #ffffff}.autoharp__button:before{content:"";position:absolute;inset:var(--border);clip-path:var(--hex);background-color:var(--fill)}.autoharp__button--on{--fill: #ffffff}.autoharp__button--soft{--fill: #fff9e6}.autoharp__button--off{--fill: var(--note-on-color, #ffde6a)}.autoharp__button--incoming{--fill: var(--note-incoming-color, #6ab8ff)}.autoharp__button--outgoing{--fill: var(--note-on-color, #ffde6a)}@media screen and (max-width:1140px){.autoharp{--s: 60px;--h: 102px;grid-template-rows:repeat(3,6rem)}.autoharp__button{margin:-4px 0}.autoharp h2{font-size:18px}}.chord-prime-form{display:flex;justify-content:center;padding:1rem;background:#fff;border-radius:8px}.chord-prime-form__container{overflow:hidden}.chord-prime-form .note--incoming{animation:none!important;opacity:1!important}.triadtabs{position:relative;width:100%;height:240px;font-weight:700;font-size:2rem;color:#000;overflow:hidden}.triadtabs__pos{position:absolute;transform:translate(-50%,-50%)}.triadtabs__chord{display:inline-block;white-space:nowrap}.triadtabs__chord--incoming{color:var(--note-incoming-color, #6ab8ff)}.triadcircle{transition:opacity 1s ease;width:50%;display:block;margin:0 auto}.triadcircle__circle{stroke:#000;fill:none;stroke-width:1.6666666;stroke-opacity:.8}.triadcircle__chord{fill:var(--note-on-color, #ffde6a);transition:fill .2s ease}.triadcircle__chord--off{opacity:0}.triadcircle__chord--incoming{fill:var(--note-incoming-color, #6ab8ff)}.triadcircle__chordtext{fill:#000;font-size:4rem;font-weight:700;text-anchor:middle;transition:fill .2s ease}.triadcircle__chordtext--off{opacity:0}.winds{padding:.75rem}.winds__controls{margin-bottom:.25rem;font-size:.9rem}.winds__controls select{margin-left:.35rem}.winds__body{fill:#fff;stroke:#999;stroke-width:2.5}.winds__hole--covered{fill:#222}.winds__hole--open{fill:#fff;stroke:#222;stroke-width:2}.winds__hole--half{fill:#222;stroke:none}.winds__notehead{fill:#fff;stroke:#222;stroke-width:2}.winds__notehead-fill{fill:var(--note-on-color, #ffde6a);stroke:#222;stroke-width:2}.winds__notehead-fill--incoming{fill:var(--note-incoming-color, #6ab8ff)}.winds__label{text-anchor:middle;font-size:20px;font-weight:700;fill:#000}*{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}@media(min-width:1200px){.shell:has(.alltabscontainer--two){max-width:min(1760px,96vw)}}.shell--anticipating:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:radial-gradient(ellipse at center,transparent 45%,var(--anticipation-glow-color, #6ab8ff) 120%);mix-blend-mode:screen;animation:shell-glow-pulse 1.6s ease-in-out infinite}@keyframes shell-glow-pulse{0%,to{opacity:.18}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.shell--anticipating:after{animation:none;opacity:.3}}.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:stretch;gap:24px;padding:24px;border:1px dashed var(--fg)}.portal__main{flex:none;width:544px;display:flex;flex-direction:column;gap:18px}.portal__now-row{display:flex;align-items:stretch;gap:30px}.portal__bay{flex:none;display:flex;flex-direction:column}.portal__bay--next{flex:1 1 0;min-width:0}.portal__group{display:flex;flex-direction:column}.portal__group-label{font-size:11px;font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);margin-bottom:8px}.portal__bay-label{font-size:10px;font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);opacity:.7;margin-bottom:4px}.portal__scale{flex:1;display:flex;align-items:center;gap:16px;transform-origin:left center}.portal__scale-name{font-size:clamp(22px,3.5vw,28px);font-weight:700;letter-spacing:.02em}.portal__scale-next{flex:1;min-width:0;display:flex;align-items:center;gap:14px;overflow:hidden;color:var(--note-incoming-color)}.portal__scale-next>div{flex:none}.portal__scale-next-name{font-size:18px;font-weight:700;letter-spacing:.02em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal__meta-row{display:flex;align-items:flex-end;gap:30px}.portal__chord-row{display:flex;gap:30px}.portal__tempo{font-size:22px;font-weight:500;white-space:nowrap}.portal__direction-box{flex:1 1 0;min-width:0;display:flex;flex-direction:column;padding:12px 14px;border:1px solid #3a3a3a}.portal__direction-field{position:relative;flex:1 1 0;min-height:72px;overflow:hidden}.portal__direction-pos{position:absolute;transform:translate(-50%,-50%)}.portal__direction-chip{display:inline-block;font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap}.portal__direction-chip--incoming{color:var(--note-incoming-color, #6ab8ff)}.portal__chord-current{display:inline-block;width:192px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left center}.portal__chord-next{display:inline-block;width:192px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--note-incoming-color)}.portal__now--compact{margin-bottom:20px;gap:16px;padding:10px 16px}.portal__now--compact .portal__main{width:400px;gap:8px}.portal__now--compact .portal__direction-box{padding:8px 10px}.portal__now--compact .portal__now-row{gap:16px}.portal__now--compact .portal__scale{gap:12px}.portal__now--compact .portal__scale-name{font-size:18px}.portal__now--compact .portal__chord-row{gap:24px}.portal__now--compact .portal__group-label{font-size:10px;margin-bottom:4px}.portal__now--compact .portal__tempo{font-size:15px}.portal__now--compact .portal__scale-next{gap:10px}.portal__now--compact .portal__scale-next-name{font-size:15px}.portal__now--compact .portal__chord-current,.portal__now--compact .portal__chord-next{width:140px}.portal__now--compact .portal__bay-label{font-size:9px;margin-bottom:2px}.portal__now--compact .portal__direction-field{min-height:48px}.portal__now--compact .portal__direction-chip{font-size:13px}.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__title{font-size:.8rem;font-weight:400;color:#fff;text-align:left;margin:0;padding-bottom:.5rem;display:flex;align-items:center;gap:12px}.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}.portal__intro{font-size:16px;font-weight:300;line-height:1.6;color:var(--fg-dim);margin-bottom:10px}.code-page{display:flex;flex-direction:column;gap:24px}.code-page__intro{font-size:15px;font-weight:300;line-height:1.6;color:var(--fg-dim)}.code-page__intro a{color:#4da6ff;text-decoration:underline;text-underline-offset:3px}.code-page__block{position:relative;background:#ffffff0d;border:1px solid var(--fg-dim);padding:20px;overflow-x:auto}.code-page__snippet{font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0}.code-page__copy{position:absolute;top:10px;right:10px;font-family:var(--font);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--fg);color:var(--bg);border:none;padding:6px 12px;cursor:pointer;transition:opacity .2s}.code-page__copy:hover{opacity:.8}.code-page__actions{display:flex;gap:12px;flex-wrap:wrap}.code-page__btn{display:inline-block;font-family:var(--font);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;border:1px solid var(--fg);transition:all .2s}.code-page__btn--primary{background:var(--fg);color:var(--bg)}.code-page__btn--primary:hover{opacity:.9;text-decoration:none}.code-page__btn--secondary{background:transparent;color:var(--fg)}.code-page__btn--secondary:hover{background:var(--fg);color:var(--bg);text-decoration:none}.code-page__tip{font-size:13px;font-weight:300;color:var(--fg-dim);padding:16px;background:#ffffff08;border-left:2px solid var(--fg-dim)}.code-page__tip strong{color:var(--fg)}.code-page__tip code{background:#ffffff1a;padding:2px 6px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}@media(max-width:600px){.shell__header{padding:16px}.shell__main{padding:20px 16px 60px}}