:root{color:#27332f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#000;font-family:Montserrat,sans-serif;font-weight:700}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-weight:inherit}body{min-width:320px;min-height:100svh;margin:0}.app-stage{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.page-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page-overlay>*{pointer-events:auto}.page-shell{width:1920px;height:1080px;transform:scale(var(--ui-scale,1));transform-origin:50%;background:#f7f4ed;flex:none;position:relative;overflow:hidden}.page-shell:after{content:"";pointer-events:none;z-index:5000;position:absolute;inset:0;box-shadow:inset 0 0 0 7.0876px #000}.page-shell--inactive{display:none}.left-menu,.right-menu{z-index:10;background:#f7f4edf5;width:160px;height:100%;transition:transform .45s;position:fixed;top:0}.left-menu{left:0;transform:translate(calc(-100% - 200px))}.right-menu{right:0;transform:translate(calc(100% + 200px))}.left-menu--open,.right-menu--open{transform:translate(0)}.left-menu-button{cursor:pointer;background:0 0;border:0;padding:0;transition:visibility linear;position:absolute}.left-menu-button img{width:100%;height:auto;display:block}.left-menu-button--jtab{width:100px;top:39.66px;left:30px}.left-menu-button--play{width:100px;top:299.53px;left:30px}.left-menu-button--close{width:100px;top:483.81px;left:30px}.left-menu-button--exit{width:100px;top:575.27px;left:30px}.left-menu-button--timer{width:100px;top:660.42px;left:30px}.left-menu-button--barlines{width:100px;top:920.27px;left:30px}.left-menu-button--eyeclose{width:40px;top:216px;left:150px}.left-menu-button--eyeclose-bottom{width:40px;top:836.98px;left:150px}.left-menu-button--eyeclose,.left-menu-button--eyeclose-bottom{opacity:0;pointer-events:none;transition:transform .45s,opacity .45s;transform:translate(360px)}.left-menu--open .left-menu-button--eyeclose,.left-menu--open .left-menu-button--eyeclose-bottom,.right-menu--open .left-menu-button--eyeclose,.right-menu--open .left-menu-button--eyeclose-bottom{opacity:1;pointer-events:auto;transform:translate(0)}.left-menu:not(.left-menu--open) .left-menu-button:not(.left-menu-button--eyeclose):not(.left-menu-button--eyeclose-bottom),.right-menu:not(.right-menu--open) .left-menu-button:not(.left-menu-button--eyeclose):not(.left-menu-button--eyeclose-bottom){visibility:hidden;transition-delay:.45s}.right-menu-mirror{position:absolute;inset:0;transform:scaleX(-1)}.right-menu .left-menu-button img{transform:scaleX(-1)}.stave-stack{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);width:min(100%,1440px);height:100%;margin:0 auto;padding:16.2px 0;display:grid}.stave{align-items:center;display:flex;position:relative}.stave-artwork{will-change:transform;width:100%;transition:opacity .5s;position:relative}.stave-artwork--eyelid-hidden{opacity:0;pointer-events:none}.stave-restore{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.stave-image{width:100%;height:auto;display:block}.stave-notation{visibility:hidden;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.notation-note--toggle image{pointer-events:none}.notation-note--toggle rect{pointer-events:all;cursor:pointer}.notation-note--toggle:focus{outline:none}.notation-note--toggle:focus-visible rect{stroke:#9a5d3c;stroke-width:4px}.stave-artwork--notation .stave-image{visibility:hidden}.stave-artwork--notation .stave-notation{visibility:visible}.stave-artwork--notation .placement-grid{visibility:hidden}.bar-lines{pointer-events:none;z-index:1;width:100%;height:315.72px;position:absolute;top:-14%;left:0;overflow:visible}.bar-line{opacity:0;transition:opacity .5s}.bar-line--active{opacity:1}.bar-line--black{fill:#000}.bar-line--navy{fill:#002060}.bar-line--light{fill:#deebf7}.placement-grid{position:absolute;inset:0}.pulsating-bar{z-index:1000;opacity:0;pointer-events:none;transform-origin:50%;width:60px;height:330.5px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.pulsating-bar img{width:100%;height:100%;display:block}.placement-row{grid-template-columns:repeat(16,5.529%);column-gap:.655%;width:100%;height:25%;display:grid;position:absolute;left:1.055%}.placement-row:first-child{top:-9.5%}.placement-row:nth-child(2){top:21.8%}.placement-row:nth-child(3){top:53.2%}.placement-row:nth-child(4){top:84.5%}.placement-cell{cursor:pointer;width:100%;height:100%;position:relative}.placement-cell:focus-visible{outline-offset:-2px;outline:2px solid #9a5d3c}.placed-note{aspect-ratio:197/159;width:100%;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)}.placed-note>img{pointer-events:none;width:auto;height:100%;display:block}.placed-note--Q>img{width:100%;height:100%}.placed-note[data-kind=C][data-value="7"]>img{width:212.183%;height:100%}.placed-note[data-kind=D][data-value="2"]>img,.placed-note[data-kind=D][data-value="3"]>img,.placed-note[data-kind=D][data-value="4"]>img,.placed-note[data-kind=D][data-value="10"]>img{width:324.365%;height:100%}.placed-note[data-kind=M]>img{width:436.041%;height:100%}@keyframes note-emphasize-pulse{0%{opacity:1;transform:translateY(-50%)scale(1)}50%{opacity:.7;transform:translateY(-50%)scale(1.1)}to{opacity:1;transform:translateY(-50%)scale(1)}}.placed-note.note-emphasize{animation:note-emphasize-pulse var(--note-emphasis-duration,.5s) ease}.placed-note.note-emphasize,.notation-head.note-emphasize{will-change:transform, opacity}.notation-head{opacity:0;transform-box:fill-box;transform-origin:50%;--notehead-emphasis-scale:1.12;--notehead-emphasis-opacity:.85}@keyframes notehead-emphasize-pulse{0%{opacity:1;transform:scale(1)}50%{transform:scale(var(--notehead-emphasis-scale));opacity:var(--notehead-emphasis-opacity)}to{opacity:1;transform:scale(1)}}.notation-head.note-emphasize{animation:notehead-emphasize-pulse var(--note-emphasis-duration,.5s) ease}.placed-note-outline{z-index:1001;pointer-events:none}.note-grid{aspect-ratio:197/159;grid-template-rows:2fr 1fr;grid-template-columns:1fr 2fr;width:100%;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.note-grid button{cursor:pointer;background:0 0;border:0;padding:0}.note-grid-button--1{grid-area:1/1}.note-grid-button--2{grid-area:1/2}.note-grid-button--7{grid-area:2/1}.note-grid-button--8{grid-area:2/2}.control-panel{padding:10.8px 0;position:relative}.button-selector,.utility-buttons,.hidden-selector,.line-break,.playback-fade-target{transition:opacity .45s}.playback-active .playback-fade-target{opacity:0;pointer-events:none}.playback-active .line-break{opacity:1}.playback-active .hidden-selector{opacity:1;pointer-events:none}.line-break{opacity:0;pointer-events:none;width:calc(100% + 307.2px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-selector{align-items:center;gap:6px;display:flex}.number-button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:5px;flex:1 1 0;min-width:0;padding:0;position:relative}.number-button img{width:100%;height:auto;display:block}.number-button .number-button-arrows{pointer-events:none;width:auto;height:121.9%;animation:.5s both play-selection-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.utility-buttons{justify-content:center;align-items:center;gap:10px;margin-top:10.8px;display:flex;position:relative}.utility-button,.dots-button{cursor:pointer;background:0 0;border:0;width:150px;padding:0}.utility-button img,.dots-button img{width:100%;height:auto;display:block}.utility-button--text{color:#2b2116;background:#f7f4ed;border:2px solid #2b2116;border-radius:999px;width:auto;padding:12px 24px;font-size:18px;font-weight:700}.utility-button--text:hover,.utility-button--text:focus-visible{background:#9a5d3c1f}.utility-button--text:disabled{opacity:.45;cursor:default;background:#f7f4ed}.utility-button--icon{width:56px;height:56px;position:relative}.utility-button--icon:hover,.utility-button--icon:focus-visible{filter:brightness(.9)}.utility-main{align-items:center;gap:10px;display:flex;position:relative}.generate{display:contents}.generate-panel{z-index:5;color:#f7f4ed;visibility:hidden;clip-path:inset(0 0 0 100% round 999px);background:#2b2116;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 12px;transition:clip-path .35s,visibility 0s linear .35s;display:flex;position:absolute;inset:0}.generate-panel--open{visibility:visible;clip-path:inset(0 round 999px);transition:clip-path .35s,visibility}.generate-panel>*{opacity:0;transition:opacity .15s}.generate-panel--open>*{opacity:1;transition:opacity .25s .2s}.generate-panel .level-picker-label{color:#f7f4ed}.generate-panel .level-button{color:#f7f4ed;background:0 0;border-color:#f7f4ed}.generate-panel .level-button:hover,.generate-panel .level-button:focus-visible{background:#f7f4ed33}.generate-panel .level-button--on,.generate-panel .level-button--on:hover,.generate-panel .level-button--on:focus-visible{color:#2b2116;background:#f7f4ed;border-color:#f7f4ed}.generate-panel .utility-button--text{color:#2b2116;background:#f7f4ed;border-color:#f7f4ed;padding:8px 22px}.generate-panel .utility-button--text:hover,.generate-panel .utility-button--text:focus-visible{background:#fff}.generate-panel .utility-button--text:disabled{opacity:.45;background:#f7f4ed}.generate-close{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-left:4px;padding:0;display:flex}.generate-close svg{fill:none;stroke:#f7f4ed;stroke-width:2px;stroke-linecap:round;opacity:.6;width:18px;height:18px;transition:opacity .2s}.generate-close:hover svg,.generate-close:focus-visible svg{opacity:1}.generate-close:focus-visible{background:#f7f4ed26;outline:none}.level-picker{align-items:center;gap:6px;display:flex}.level-picker-label{color:#2b2116;margin-right:2px;font-size:18px;font-weight:700}.level-button{color:#2b2116;cursor:pointer;background:#f7f4ed;border:2px solid #2b2116;border-radius:50%;width:42px;height:42px;padding:0;font-size:18px;font-weight:700}.level-button:hover,.level-button:focus-visible{background:#9a5d3c1f}.level-button--on,.level-button--on:hover,.level-button--on:focus-visible{color:#f7f4ed;background:#9a5d3c;border-color:#9a5d3c}.play-button{cursor:pointer;background:#f7f4ed;border:2px solid #2b2116;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.play-button svg{fill:#2b2116;width:18px;height:18px;margin-left:2px}.play-button:hover,.play-button:focus-visible{background:#9a5d3c1f}.play-button:disabled{opacity:.45;cursor:default;background:#f7f4ed}.utility-button--on,.utility-button--on:hover,.utility-button--on:focus-visible{color:#f7f4ed;background:#9a5d3c;border-color:#9a5d3c}.hidden-selector{opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hidden-selector:before{content:"";pointer-events:none;position:absolute;inset:0 -76.8px}.control-panel--hidden .button-selector,.control-panel--hidden .utility-buttons{opacity:0;pointer-events:none}.control-panel--hidden .line-break{opacity:1}.control-panel--hidden .hidden-selector{opacity:1;pointer-events:auto}.uke-stack{opacity:1;width:33.48%;position:relative}.uke-stack--loading{opacity:0}.uke-image{width:100%;height:auto;display:block}.uke-strings{cursor:default;pointer-events:none;position:absolute}.uke-strings svg{pointer-events:none;width:100%;height:100%;display:block}.uke-strings svg path{pointer-events:auto;cursor:pointer}@keyframes uke-strings-emphasize{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}.uke-strings-emphasize{animation:1s uke-strings-emphasize}.uke-strings--p{width:79.3343%;height:22.2915%;top:18.0942%;left:11.0872%}.uke-strings--b{width:86.2548%;height:30.2326%;top:17.9807%;left:4.1667%}.uke-strings--y{width:86.2548%;height:30.2893%;top:52.0703%;left:4.1667%}.uke-strings--g{width:79.3343%;height:22.2915%;top:59.9546%;left:11.0872%}.uke-bridge-cover{pointer-events:none;background:#fff;width:5.5575%;height:42.0306%;position:absolute;top:29.1549%;left:89.9425%}.uke-bridge{cursor:pointer;background:0 0;border:0;width:3.0412%;height:42.0306%;padding:0;position:absolute;top:29.1549%;left:89.9425%}.uke-bridge img{width:100%;height:100%;display:block}.side-dot{cursor:pointer;background:0 0;border:0;width:50px;padding:0;transition:transform .45s,opacity .45s;position:absolute;top:50%;transform:translateY(-50%)}.side-dot img{width:100%;height:auto;display:block}.side-dot--left{left:-243.84px;transform:translate(-140%,-50%)}.side-dot--right{right:-243.84px;transform:translate(140%,-50%)}.playback-stop{cursor:pointer;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.playback-stop--left{left:-101.62px}.playback-stop--right{right:-101.62px}.playback-stop img{pointer-events:none;width:12px;height:12px;transition:transform .3s;display:block;transform:scale(0)}.playback-active .playback-stop{pointer-events:auto}.playback-active .playback-stop img{transform:scale(1)}.notation-toggle{cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;width:100px;height:100px;margin-top:-50px;padding:0;transition:opacity .45s;position:absolute;top:50%}.notation-toggle--left{left:-65.62px}.notation-toggle--right{right:-65.62px}.notation-toggle--visible{opacity:1;pointer-events:auto}.notation-toggle-icons{width:100%;height:100%;display:block;position:relative}.notation-toggle-icon{pointer-events:none;width:100%;height:100%;transition:transform .3s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.notation-toggle-icon[data-shown=false]{transform:translate(-50%,-50%)scale(0)}.control-panel--hidden .side-dot--left,.control-panel--hidden .side-dot--right{transform:translateY(-50%)}.control-panel--menu-open .side-dot--left{transform:translate(-140%,-50%)}.control-panel--menu-open .side-dot--right{transform:translate(140%,-50%)}.control-panel--play-menu .side-dot--left{transform:translate(-140%,-50%)}.control-panel--play-menu .side-dot--right{transform:translate(140%,-50%)}.side-dot-line{z-index:-1;opacity:0;pointer-events:none;background:#000;border-radius:999px;height:3.5438px;transition:opacity .45s;position:absolute;top:50%;left:-79.62px;right:-79.62px;transform:translateY(-50%)}.control-panel--hidden .side-dot-line{opacity:1}.barlines-cycle-button{cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;width:100px;padding:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-381.06px,-50%)}.barlines-cycle-button img{width:100%;height:auto;display:block}.barlines-cycle-button--right{transform:translate(281.06px,-50%)}.barlines-cycle-button--visible{opacity:1;pointer-events:auto}.barlines-cycle-button--fading{opacity:0;transition:opacity 2s}.barlines-cycle-button--dismissing{opacity:0;pointer-events:none;transition:opacity .5s}.timer-widget{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;right:calc(50% + 281.06px);transform:translateY(calc(-50% - 21.25px))}.timer-widget--right{left:calc(50% + 281.06px);right:auto}.timer-image-wrap{opacity:0;pointer-events:none;width:69.33px;height:91.31px;margin-bottom:27.39px;transition:opacity .5s;position:relative}.timer-image-wrap--visible{opacity:1}.timer-image-wrap--idle-fade{opacity:0;transition:opacity 2s}.timer-image-wrap--dismissing{opacity:0;pointer-events:none;transition:opacity .5s}.timer-image{width:100%;height:100%;transition:transform .5s;display:block;position:absolute;top:0;left:0;transform:scaleX(1)}.timer-image-wrap--entering{opacity:1;pointer-events:none;transition:opacity}.timer-image-wrap--entering .timer-image{transition:transform 1s;transform:scaleX(1)}.timer-image-wrap--closing{opacity:0;pointer-events:none;transition:opacity .5s .5s}.timer-image-wrap--closing .timer-image{transition-delay:.5s;transform:scaleX(0)}.timer-image-wrap--closed .timer-image{transition:none;transform:scaleX(0)}.timer-image-wrap--alarm-entering{opacity:1;pointer-events:none;transition:opacity 1s}.timer-image-wrap--alarm-entering .timer-image{transition:transform 1s;transform:scaleX(1)}@keyframes timer-teeter{0%{transform:rotate(0)}25%{transform:rotate(8deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}to{transform:rotate(0)}}.timer-image-wrap--teeter{animation:1s infinite timer-teeter}.timer-image-wrap--clickable{pointer-events:auto;cursor:pointer}.timer-image-wrap--alarm-exiting{opacity:0;pointer-events:none;transition:opacity 1s}.timer-image-wrap--alarm-exiting .timer-image{transition:transform 1s;transform:scaleX(0)}.timer-buttons{opacity:0;pointer-events:none;gap:18.59px;transition:opacity .5s;display:flex}.timer-buttons--visible{opacity:1;pointer-events:auto}.timer-buttons--idle-fade{opacity:0;transition:opacity 2s}.timer-buttons--dismissing{opacity:0;pointer-events:none;transition:opacity .5s}.timer-buttons--exiting{pointer-events:none}.timer-button{cursor:pointer;background:0 0;border:0;padding:0}.timer-button img{width:auto;height:60px;display:block}.timer-button--other-exit{opacity:0;transition:opacity .5s}@keyframes timer-button-emphasize{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.timer-button--selected{animation:.5s timer-button-emphasize}.timer-button--selected-exit{opacity:0;transition:opacity .5s}.play-menu{z-index:2000;aspect-ratio:4129/710;opacity:0;pointer-events:none;width:1539.14px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50.4481%,-51.5493%)}.play-menu--open{opacity:1}.play-menu-part{pointer-events:none;background:0 0;border:0;padding:0;display:block;position:absolute}.play-menu--open .play-menu-part{pointer-events:auto}.play-menu-tab{width:21.4822%;height:24.7887%;top:0;left:5.4735%}.play-menu-base{width:95.8101%;height:72.3944%;top:15.3521%;left:2.543%}.play-menu-op--1{width:28.6026%;height:25.9155%;top:20.4225%;left:5.1102%}.play-menu-op--2{width:28.6026%;height:25.9155%;top:52.9577%;left:5.1102%}.play-menu-op--3{width:28.6026%;height:48.8732%;top:23.662%;left:35.7714%}.play-menu-op--4{width:28.6268%;height:48.8732%;top:23.662%;left:66.4326%}.play-menu-op img{width:100%;height:100%;display:block}.play-menu-op:not(.play-menu-op--5){cursor:pointer}.play-menu-op--restricted{opacity:.3;cursor:default}.play-menu-op--5{cursor:pointer;border-radius:50%;width:4.311%;height:25.0704%;top:6.0563%;left:95.689%;overflow:hidden}.play-menu-uke{animation:2s infinite timer-teeter}.play-menu-uke--op1{width:7.7265%;height:35.9467%;top:22.6128%;left:2.6082%}.play-menu-uke--op2{width:7.5666%;height:35.3269%;top:52.7167%;left:2.6483%}.play-menu-uke--op3{width:7.6732%;height:36.2566%;top:29.8163%;left:33.5076%}.play-menu-uke--op4-top{width:7.7265%;height:35.9467%;top:22.6128%;left:64.2233%}.play-menu-uke--op4-bottom{width:7.5666%;height:35.3269%;top:52.7167%;left:64.2635%}.play-menu-bpm--30{width:9.7845%;height:33.5211%;top:38.0282%;left:12.0853%}.play-menu-bpm--40{width:9.8087%;height:33.5211%;top:38.0282%;left:34.3909%}.play-menu-bpm--50{width:9.8087%;height:33.5211%;top:38.0282%;left:56.6965%}.play-menu-bpm--60{width:9.7845%;height:33.5211%;top:38.0282%;left:79.0264%}.play-menu-bpm-text--30{width:7.2657%;height:24.507%;top:44.2254%;left:21.24%}.play-menu-bpm-text--40{width:7.2657%;height:24.507%;top:44.2254%;left:43.5457%}.play-menu-bpm-text--50{width:7.2657%;height:24.507%;top:44.2254%;left:65.8513%}.play-menu-bpm-text--60{width:7.2657%;height:24.507%;top:44.2254%;left:88.1569%}.play-menu-select-tempo{width:16.8564%;height:24.507%;top:16.9014%;left:3.9477%}@keyframes play-cog-spin{to{transform:rotate(360deg)}}.play-menu-cog{border-radius:50%;width:5.643%;height:32.8169%;top:67.1831%;left:0}.play-menu-cog img{width:100%;height:100%;transition:filter .2s;animation:8s linear infinite play-cog-spin;display:block}.play-menu-tab{transform:translateY(70%)}.play-menu-tempo{opacity:0}.play-menu--open .play-menu-uke,.play-menu--open .play-menu-tab,.play-menu--open .play-menu-tempo,.play-menu--open .play-menu-selection,.play-menu--open .play-menu-playbutton{pointer-events:none}.play-menu--open.play-menu--live .play-menu-bpm{pointer-events:auto;cursor:pointer}.play-menu-bpm img{width:100%;height:100%;display:block}.play-menu--tempo .play-menu-choice{opacity:0;pointer-events:none;transition:opacity .5s}.play-menu--tempo .play-menu-tempo{opacity:1;transition:opacity .5s .5s}.play-menu--choice-1 .play-menu-tab--1,.play-menu--choice-2 .play-menu-tab--2,.play-menu--choice-3 .play-menu-tab--3,.play-menu--choice-4 .play-menu-tab--4{transition:transform .5s ease-out .5s;transform:translateY(0)}@keyframes play-selection-in{0%{opacity:0}to{opacity:1}}.play-menu-selection{width:2.543%;height:40.8451%;animation:.5s both play-selection-in;top:34.3662%}.play-menu-selection--30{left:15.6576%}.play-menu-selection--40{left:37.9753%}.play-menu-selection--50{left:60.2809%}.play-menu-selection--60{left:82.5987%}.play-menu-playbutton{border-radius:20%;width:5.0618%;height:29.4366%;top:71.9718%;left:95.1078%;overflow:hidden;transform:scale(0)}.play-menu--bpm-set .play-menu-playbutton{transition:transform .5s;transform:scale(1)}.play-menu--open.play-menu--bpm-set .play-menu-playbutton{pointer-events:auto;cursor:pointer}.play-menu-playbutton img{pointer-events:none}.play-menu-greybox{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.play-menu-play-arrow{opacity:0;height:69.378%;display:block;position:absolute;top:16.555%}.play-menu-play-arrow--30{width:62.6794%;left:24.2392%}.play-menu-play-arrow--40{width:62.201%;left:24.4785%}.play-menu-play-arrow--50{width:62.6794%;left:24.2584%}.play-menu-play-arrow--60{width:62.201%;left:24.5167%}.play-menu-play-arrow--on{opacity:1;z-index:1}.play-menu--bpm-swapped .play-menu-play-arrow{transition:opacity 0s linear .5s}.play-menu--bpm-swapped .play-menu-play-arrow--on{transition:opacity .5s}.play-menu-play-arrow--manual{width:62.201%;left:24.5167%}.play-menu-playbutton svg{pointer-events:none}.play-menu--open.play-menu--bpm-set .play-menu-playbutton:disabled{opacity:.4;cursor:default}.play-menu--open.play-menu--live .play-menu-cog{pointer-events:auto;cursor:pointer}.play-menu-cog:focus-visible{outline-offset:2px;outline:3px solid #7b3ff2}.play-menu-cog[aria-pressed=true] img{filter:drop-shadow(0 0 3px #7b3ff2)drop-shadow(0 0 8px #7b3ff2)}.play-menu--tempo.play-menu--manual .play-menu-preset{opacity:0;transition:opacity .3s}.play-menu--open.play-menu--live.play-menu--manual .play-menu-bpm{pointer-events:none}.play-menu-manual{opacity:0;transition:opacity .3s}.play-menu--open .play-menu-manual{pointer-events:none}.play-menu--tempo.play-menu--manual .play-menu-manual{opacity:1;transition:opacity .4s .3s}.play-menu--open.play-menu--live.play-menu--manual .play-menu-manual-control{pointer-events:auto}.play-menu-manual-pill{box-sizing:border-box;background:var(--tempo-colour,#c00000);color:#000;border:5px solid #000;border-radius:999px;justify-content:center;align-items:center;width:9.7845%;height:33.5211%;font-family:Montserrat,sans-serif;font-size:66px;font-weight:700;line-height:1;transition:background-color .12s linear;display:flex;top:38.0282%;left:12.0853%}.play-menu-manual-pill--wide{font-size:50px}.play-menu-manual-bpm{width:7.2657%;height:24.507%;top:44.2254%;left:21.24%}.play-menu-manual-step{cursor:pointer;touch-action:manipulation;width:3.9%;height:22.7%;top:43.4%}.play-menu-manual-step--down{left:31%}.play-menu-manual-step--up{left:88.7%}.play-menu-manual-step svg{width:100%;height:100%;transition:transform .1s;display:block}.play-menu-manual-step:active svg{transform:scale(.9)}.play-menu-manual-step:focus-visible,.play-menu-slider:focus-visible{outline-offset:4px;border-radius:12px;outline:3px solid #7b3ff2}.play-menu-manual-slider{--thumb:44px;width:51%;height:16.62%;top:46.47%;left:36.2%}.play-menu-manual-line{left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);box-sizing:border-box;background:var(--tempo-track);border:5px solid #000;border-radius:999px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.play-menu-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.play-menu-slider::-webkit-slider-runnable-track{height:var(--thumb);background:0 0;border:0}.play-menu-slider::-moz-range-track{height:var(--thumb);background:0 0;border:0}.play-menu-slider::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);box-sizing:border-box;background:var(--silver);border:5px solid #000;border-radius:50%;margin-top:0}.play-menu-slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;background:var(--silver);border:5px solid #000;border-radius:50%}.play-menu-manual-ruler{left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);height:44px;position:absolute;top:calc(50% + 17px)}.play-menu-manual-tick{background:#000;width:3px;height:15px;margin-left:-1.5px;position:absolute;top:0}.play-menu-manual-end{color:#000;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;line-height:1;position:absolute;top:19px;transform:translate(-50%)}.info-panel{z-index:2000;aspect-ratio:4129/710;opacity:0;pointer-events:none;width:1539.14px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50.4481%,-51.5493%)}.info-panel--open{opacity:1}.info-panel-background{pointer-events:none;width:97.457%;height:81.6901%;display:block;position:absolute;top:6.0563%;left:2.543%}.info-panel--open .info-panel-background{pointer-events:auto}.info-panel-close{cursor:pointer;pointer-events:none;background:0 0;border:0;border-radius:50%;width:4.311%;height:25.0704%;padding:0;position:absolute;top:6.0563%;left:95.689%}.info-panel--open .info-panel-close{pointer-events:auto}.info-panel-close:focus-visible{outline-offset:2px;outline:3px solid #2b2116}.info-panel-pages{pointer-events:none;width:1180px;height:144px;position:absolute;top:64px;left:72px;overflow:hidden}.info-panel--open .info-panel-pages{pointer-events:auto}.info-panel-text{column-width:1180px;column-fill:auto;color:#2b2116;width:1180px;height:144px;transform:translateX(calc(var(--info-page,0) * -100%));column-gap:0;margin:0;font-family:Montserrat,sans-serif;font-size:38px;font-weight:700;line-height:48px;transition:transform .35s}.info-panel-nav{pointer-events:none;flex-wrap:wrap;justify-content:space-between;row-gap:8px;width:144px;display:flex;position:absolute;top:96px;left:1290px}.info-panel--open .info-panel-nav{pointer-events:auto}.info-panel-step{cursor:pointer;background:#009394;border:5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:opacity .2s,transform .1s;display:flex}.info-panel-step svg{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.info-panel-step:disabled{opacity:.35;cursor:default}.info-panel-step:active:not(:disabled){transform:scale(.94)}.info-panel-step:focus-visible{outline-offset:3px;outline:3px solid #2b2116}.info-panel-count{text-align:center;color:#2b2116;width:100%;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;line-height:1}.page-header{justify-content:space-between;align-items:center;padding:48px 60px 0;display:flex}.page-header-left,.page-header-right{flex:1 1 0;display:flex}.page-header-right{justify-content:flex-end}.page-title{color:#2b2116;text-align:center;flex:none;margin:0;padding:0 24px;font-size:48px;font-weight:700}.page-nav-button{color:#2b2116;cursor:pointer;background:0 0;border:2px solid #2b2116;border-radius:999px;padding:14px 28px;font-size:20px;font-weight:700;transition:background .2s,color .2s}.page-nav-button:hover,.page-nav-button:focus-visible{color:#f7f4ed;background:#8f0c5a;border-color:#8f0c5a}.page-nav-button--creator{color:#f7f4ed;background:#8f0c5a;border-color:#2b2116}.page-nav-button--creator:hover,.page-nav-button--creator:focus-visible{background:#6e0945;border-color:#2b2116}.menu-shell,.placeholder-shell{background:#bf1078}.menu-shell .page-title,.placeholder-shell .page-title{color:#f7f4ed}.menu-shell .page-nav-button--back,.placeholder-shell .page-nav-button--back{color:#f7f4ed;border-color:#f7f4ed}.menu-shell .menu-page{z-index:1;height:100%;animation:.5s both home-account-in;position:relative}.menu-shell .page-header{padding:48px 80px 0}.menu-shell .page-title{text-shadow:0 2px 10px #00000040;font-size:52px}.menu-shell .page-nav-button.page-nav-button--back{color:#f7f4ed;background:#8f0c5a;border:6px solid #000;padding:22px 48px;font-size:30px;box-shadow:0 0 0 9px #fff}.menu-shell .page-nav-button.page-nav-button--back:hover,.menu-shell .page-nav-button.page-nav-button--back:focus-visible{background:#6e0945;border-color:#000}.menu-page :is(.page-title,.page-nav-button,.resource-card){transition:opacity .5s,background .2s,transform .2s}.menu-page--leaving :is(.page-title,.page-nav-button,.resource-card){opacity:0;pointer-events:none}.menu-page--leaving .menu-picked{transition-duration:.3s}.menu-page--leaving .menu-picked--held{opacity:1}.resource-list{flex-direction:column;gap:24px;max-width:1200px;margin:72px auto 0;padding:0 60px;display:flex}.resource-card{text-align:left;cursor:pointer;background:#fbf9f4;border:6px solid #2b2116;border-radius:16px;flex-direction:column;gap:8px;padding:32px 40px;transition:background .2s,transform .2s;display:flex}.resource-card:hover,.resource-card:focus-visible{background:#f6e1ec;transform:translateY(-2px)}.resource-card-label{color:#2b2116;font-size:32px;font-weight:700}.resource-card-description{color:#57503f;font-size:18px}.home-shell{background:#6a5aa0}.home-button.home-login{z-index:2;border:6px solid #000;padding:22px 64px;font-size:30px;position:absolute;top:48px;right:80px;box-shadow:0 0 0 9px #fff}.home-logo,.home-zones{z-index:1;position:relative}.home-logo{pointer-events:none}.home-uke-button{pointer-events:auto}.home-sky{background:linear-gradient(135deg,#3fb3b0 0%,#4e93bc 45%,#5276b8 75%,#7f6dbe 100%);position:absolute;inset:0;overflow:hidden}.home-sky-colour{opacity:0;will-change:opacity;animation:home-sky-colour 60s ease-in-out calc(var(--sky-clock,0s) - 20s) infinite alternate;background:linear-gradient(135deg,#db4fa0 0%,#9566be 45%,#5276b8 100%);position:absolute;inset:0}@keyframes home-sky-colour{0%,15%{opacity:0}85%,to{opacity:.85}}.home-sky-glow,.home-sky-spot{will-change:transform;animation:ease-in-out var(--sky-clock,0s) infinite alternate;border-radius:50%;position:absolute}.home-sky-glow{width:1200px;height:1200px;animation-duration:50s}.home-sky-glow--a{background:radial-gradient(circle,#3cdcc852,#0000 65%);animation-name:home-sky-wander-a;top:-400px;left:-300px}.home-sky-glow--b{background:radial-gradient(circle,#ff6eb942,#0000 65%);animation-name:home-sky-wander-b;animation-duration:64s;bottom:-450px;right:-350px}@keyframes home-sky-wander-a{to{transform:translate(900px,500px)}}@keyframes home-sky-wander-b{to{transform:translate(-1000px,-300px)}}.home-sky-spot{width:700px;height:700px;animation-name:home-sky-spot}.home-sky-spot--1{background:radial-gradient(circle,#ff3caa33,#0000 62%);animation-duration:21s;top:80px;left:0}.home-sky-spot--2{animation-duration:26s;animation-delay:calc(var(--sky-clock,0s) - 9s);background:radial-gradient(circle,#ffe63c29,#0000 62%);top:-100px;left:1250px}@keyframes home-sky-spot{0%{transform:translate(0)}50%{transform:translate(380px,180px)}to{transform:translate(-240px,260px)}}.home-sky-stars{will-change:transform, opacity;width:2520px;height:1080px;animation:home-sky-drift-stars 160s linear var(--sky-clock,0s) infinite, home-sky-twinkle 4.5s ease-in-out var(--sky-clock,0s) infinite alternate;background-repeat:repeat;position:absolute;top:0;left:0}@keyframes home-sky-drift-stars{0%{transform:translate(0)}to{transform:translate(-600px)}}@keyframes home-sky-twinkle{0%{opacity:.55}to{opacity:1}}.home-sky-ukes{pointer-events:none;position:absolute;inset:0}.calm .home-sky-glow,.calm .home-sky-spot{display:none}.calm :is(.home-sky-colour,.home-sky-stars,.home-character,.home-zone-stars){animation:none!important}.calm .home-zone-stars--0{opacity:.6}.fps-meter{z-index:100000;color:#7cfc8a;pointer-events:none;background:#000000b3;border-radius:8px;padding:4px 10px;font:700 14px/1.3 monospace;position:fixed;top:8px;left:8px}.fps-meter--slow{color:#ff8a80}.home-sky-uke{opacity:.6;transform-origin:50%;will-change:transform;display:block;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.home-sky,.home-sky *{animation:none!important}}.home-button{color:#f7f4ed;cursor:pointer;background:0 0;border:3px solid #f7f4ed;border-radius:999px;padding:16px 36px;font-size:22px;font-weight:700;transition:background .2s,color .2s}.home-button:hover,.home-button:focus-visible{color:#8f0c5a;background:#f7f4ed}.home-button--solid{background:#8f0c5a;border-color:#2b2116}.home-button--solid:hover,.home-button--solid:focus-visible{color:#f7f4ed;background:#6e0945}.home-logo{flex-direction:column;justify-content:flex-start;align-items:center;height:580px;margin-top:94px;display:flex;translate:30px}.home-logo>.home-uke-button{margin-top:-19px}.home-uke{height:320px;display:block}.home-uke-button{cursor:pointer;background:0 0;border:none;padding:0;display:block}.home-uke-button:focus-visible{outline-offset:6px;border-radius:24px;outline:4px solid #fff}.home-wordmark{width:960px;margin-top:-60px;display:block}.home-wordmark-letters{position:relative}.home-wordmark-letters img{aspect-ratio:2482/678;width:100%;display:block}.home-letter{cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:0;position:absolute;top:0;bottom:0}.home-letter:focus-visible{outline-offset:2px;border-radius:12px;outline:4px solid #fff}.home-sky-tint{opacity:0;pointer-events:none;position:absolute;inset:0}.home-subtitle{width:1342px;margin-top:-10px;animation:2s ease-in-out 5s both home-subtitle-intro;position:relative}@keyframes home-subtitle-intro{0%{opacity:0}to{opacity:1}}.home-subtitle.home-subtitle--quick{animation:none}.home-subtitle img{width:100%;display:block}.home-subtitle-words{clip-path:inset(0 -1000px);position:absolute;inset:0}.home-subtitle .home-subtitle-main--gliding{transition:transform 1s ease-in-out}.home-subtitle .home-subtitle-word{position:absolute;inset:0}.home-subtitle .home-subtitle-word--leaving{animation:1s ease-in-out forwards home-subtitle-sink}.home-subtitle .home-subtitle-word--arriving{animation:1s ease-in-out both home-subtitle-drop}@keyframes home-subtitle-sink{0%{translate:0}to{translate:0 100%}}@keyframes home-subtitle-drop{0%{translate:0 -100%}to{translate:0}}.home-zones{justify-content:center;gap:300px;margin-top:24px;display:flex}.home-zone-slot{position:relative}.home-zone-characters{pointer-events:none;transition:transform .2s;position:absolute;inset:0}.home-zone-slot:hover .home-zone,.home-zone-slot:hover .home-zone-characters{transform:translateY(-4px)}.home-zone-slot:has(.home-zone:focus-visible) .home-zone{transform:translateY(-4px)}.home-zone-slot:has(.home-zone:focus-visible) .home-zone-characters{transform:translateY(-4px)}.home-character{transform-origin:50% 90%;animation:var(--move-time,1s) ease-in-out var(--move-delay,0s) infinite alternate;display:block;position:absolute}.home-character--teeter{animation-name:home-character-teeter}.home-character--bob{animation-name:home-character-bob}.home-character--shuffle{animation-name:home-character-shuffle}@keyframes home-character-teeter{0%{rotate:calc(var(--move-amount) * -1)}to{rotate:var(--move-amount)}}@keyframes home-character-bob{0%{translate:0 calc(var(--move-amount) * -1)}to{translate:0 var(--move-amount)}}@keyframes home-character-shuffle{0%{translate:calc(var(--move-amount) * -1) 0}38%{translate:calc(var(--move-amount) * -.25) 0;animation-timing-function:ease-out}50%{animation-timing-function:ease-in;translate:0 -10px}62%{translate:calc(var(--move-amount) * .25) 0}to{translate:var(--move-amount) 0}}.home-zone-outline-defs{width:0;height:0;position:absolute}.home-zone-halo{filter:url(#home-zone-outline);pointer-events:none;will-change:transform;transition:transform .2s;position:absolute;inset:0}.home-zone-halo-card,.home-zone-halo-band{background:#fff;position:absolute}.home-zone-halo-card{border-radius:24px;inset:0}.home-zone-halo-band{border-radius:16px;width:540.08px;height:100px;top:277px;left:50%;transform:translate(-50%,-50%)}.home-zone-slot:hover .home-zone-halo{transform:translateY(-4px)}.home-zone-slot:has(.home-zone:focus-visible) .home-zone-halo{transform:translateY(-4px)}.home-zone{box-sizing:border-box;cursor:pointer;background:0 0;border:6px solid #000;border-radius:24px;justify-content:center;align-items:center;width:640px;height:280px;transition:filter .2s,transform .2s;display:flex;position:relative}.home-zone:hover,.home-zone:focus-visible{filter:brightness(1.07)}.home-zone--student{--card-paint:linear-gradient(135deg, #c8f7ff 0%, #9ceefc 35%, #74e2f5 65%, #b4f3fe 100%);--band-paint:linear-gradient(135deg, #6ee3f5 0%, #3fd0ea 35%, #1ebbdb 65%, #58dbf0 100%)}.home-zone--teacher{--card-paint:linear-gradient(135deg, #ffc6dd 0%, #ffa6c8 35%, #ff8ab6 65%, #ffb8d3 100%);--band-paint:linear-gradient(135deg, #ff8dbb 0%, #f86aa3 35%, #ec4e8d 65%, #fc7db1 100%)}.home-zone-title{box-sizing:border-box;isolation:isolate;color:#000;border:6px solid #000;border-radius:16px;justify-content:center;align-items:center;width:86%;height:100px;font-size:50px;font-weight:700;line-height:1;display:flex;position:absolute;top:calc(100% + 3px);left:50%;overflow:hidden;transform:translate(-50%,-50%)}.home-zone-title:before{content:"";z-index:-1;background:var(--band-paint);background-position:40% 40%;background-size:250% 250%;position:absolute;inset:0}.home-zone-pattern{pointer-events:none;border-radius:18px;position:absolute;inset:0;overflow:hidden}.home-zone-pattern:before{content:"";background:var(--card-paint);background-position:40% 40%;background-size:250% 250%;position:absolute;inset:0}.home-zone-stars{opacity:0;will-change:opacity;animation:9s ease-in-out infinite home-zone-stars;position:absolute;inset:0}.home-zone-stars--1{animation-delay:-3s}.home-zone-stars--2{animation-delay:-6s}@keyframes home-zone-stars{0%,to{opacity:0}18%,33%{opacity:.75}50%{opacity:0}}.home-zone-pattern--teacher:after{content:"";background-image:repeating-linear-gradient(45deg,#ffffff59 0 12px,#0000 12px 40px);animation:2.5s linear infinite home-zone-stripes;position:absolute;inset:0 0 0 -56.57px}@keyframes home-zone-stripes{0%{transform:translate(0)}to{transform:translate(56.57px)}}@media (prefers-reduced-motion:reduce){.home-zone-title:before,.home-zone-pattern:before,.home-zone-pattern--teacher:after,.home-character,.home-zone-stars{animation:none}.home-zone-stars--0{opacity:.6}}.home-login,.home-logo,.home-zone-slot{transition:opacity .5s}.home-content--hidden{pointer-events:none}.home-content--arriving{animation:1.2s ease-in-out both home-content-arrive}@keyframes home-content-arrive{0%{opacity:0}to{opacity:1}}.home-content--hidden .home-login,.home-content--hidden .home-logo,.home-content--hidden .home-zone-slot{opacity:0}.home-content--hidden .home-pressed{transition-duration:.3s}.home-content--hidden .home-pressed--held{opacity:1}.home-content--keep-login .home-button.home-login{opacity:1;pointer-events:auto}.home-teacher{z-index:1;box-sizing:border-box;flex-direction:column;align-items:center;padding-top:270px;animation:.4s both home-account-in;display:flex;position:absolute;inset:0}.home-teacher--leaving{pointer-events:none;animation:.5s both home-account-out}.home-teacher-menu{flex-direction:column;align-items:stretch;gap:30px;width:760px;display:flex}.home-button.home-teacher-item{border:6px solid #000;padding:22px 40px;font-size:34px;animation:.5s both home-teacher-item-in;box-shadow:0 0 0 9px #fff}@keyframes home-teacher-item-in{0%{opacity:0;translate:0 -24px}to{opacity:1;translate:0}}.home-teacher-menu--leaving .home-button.home-teacher-item{opacity:0;transition:opacity .5s;animation:none}.home-teacher-menu--leaving .home-button.home-teacher-item--chosen{transition-duration:.3s}.home-teacher-menu--leaving .home-button.home-teacher-item--held{opacity:1}.teacher-page-wrap{animation:.5s both home-account-in}.teacher-page-wrap--leaving{pointer-events:none;animation:.5s both home-account-out}.teacher-page-frame{position:relative}.teacher-page{box-sizing:border-box;color:#2b2116;background:#fbf9f4;border:6px solid #000;border-radius:24px;flex-direction:column;width:1720px;height:770px;padding:30px 72px 24px;font-size:24px;display:flex;overflow:hidden;box-shadow:0 0 0 9px #fff}.teacher-page-header{text-align:center;flex:none;margin-bottom:22px}.teacher-page-title{color:#8f0c5a;margin:0;font-size:48px;font-weight:800}.teacher-page-tagline{color:#2b2116;margin:4px 0 0;font-size:28px;font-style:italic;font-weight:600}.teacher-page-viewport{flex:auto;min-height:0;overflow:hidden}.teacher-page-body{column-count:2;column-fill:auto;column-rule:3px solid #e6dfd0;column-gap:80px;height:100%;transition:opacity .3s}.teacher-page-body--turning{opacity:0}.teacher-page-body>*{break-inside:avoid;margin:0 0 18px}.teacher-page-body>:is(.teacher-page-list,.teacher-page-faq){break-inside:auto}.teacher-page-heading{color:#8f0c5a;break-after:avoid;margin:0 0 10px;font-size:32px;font-weight:700}.teacher-page-body>.teacher-page-heading:not(:first-child){margin-top:10px}.teacher-page-text{font-size:24px;line-height:1.5}.teacher-page-list{flex-direction:column;gap:8px;padding-left:34px;font-size:24px;line-height:1.5;display:flex}.teacher-page-list li{break-inside:avoid}.teacher-page-list li::marker{color:#8f0c5a}.teacher-page-signature{color:#57503f;flex-direction:column;gap:2px;font-size:24px;display:flex}.teacher-page-signature-name{color:#8f0c5a;font-size:30px;font-style:italic;font-weight:700}.teacher-page-faq-item{break-inside:avoid;margin-bottom:20px}.teacher-page-faq dt{color:#8f0c5a;font-size:28px;font-weight:700;line-height:1.3}.teacher-page-faq dd{margin:6px 0 0;font-size:24px;line-height:1.5}.teacher-page-plan{column-span:all;background:#fff;border-radius:18px;flex-direction:column;gap:12px;padding:26px 34px;display:flex}.teacher-page-plan .teacher-page-plan-features{grid-template-columns:1fr 1fr;gap:8px 60px;display:grid}.teacher-page-plan-highlights{color:#237a34;flex-direction:column;gap:6px;margin:2px 0 4px;padding:0;font-size:24px;font-weight:700;list-style:none;display:flex}.teacher-page-plan-highlights li:before{content:"✓ "}.account-button.teacher-page-contact{align-self:flex-start;margin-top:6px;text-decoration:none}.teacher-page-get-in-touch{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.contact-title{text-align:center;color:#8f0c5a;margin:0;font-size:40px;font-weight:800}.contact-email{color:#8f0c5a;font-weight:700}.account-card.contact-card{gap:16px;padding-top:34px;padding-bottom:34px}.contact-card .account-form{gap:16px}.account-input.contact-message{resize:none;height:130px;font-family:inherit}.teacher-page-plan-name{color:#8f0c5a;margin:0;font-size:34px;font-weight:800}.teacher-page-plan-price{margin:0;font-size:28px;font-weight:700}.teacher-page-plan-blurb,.teacher-page-plan-ideal{margin:0;font-size:24px;line-height:1.4}.teacher-page-plan-ideal{color:#57503f}.teacher-page-plan-features{flex-direction:column;gap:4px;margin:2px 0;padding-left:30px;font-size:24px;line-height:1.4;display:flex}.teacher-page-note{color:#57503f;font-size:24px;line-height:1.5}.teacher-page-footer{flex:none;justify-content:flex-end;align-items:flex-end;min-height:56px;display:flex;position:relative}.teacher-page-sections{gap:14px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.teacher-page-turn.teacher-page-turn--finish{background:#2e9e44}.teacher-page-turn.teacher-page-turn--finish:hover,.teacher-page-turn.teacher-page-turn--finish:focus-visible{background:#237a34}.teacher-page-turn--back{margin-right:auto}.account-close.account-close--done{justify-content:center;align-items:center;animation:2s forwards account-close-done;display:flex}.account-close--done svg{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}@keyframes account-close-done{0%{background-color:#8f0c5a}to{background-color:#2e9e44}}.account-close.account-close--done:hover,.account-close.account-close--done:focus-visible{background-color:#237a34;animation:none}.account-close.account-close--done-already{background-color:#2e9e44;animation:none}.teacher-page-turn{color:#fff;cursor:pointer;background:#8f0c5a;border:4px solid #000;border-radius:999px;align-self:flex-end;padding:12px 28px;font-size:24px;font-weight:700;transition:background .2s}.teacher-page-turn:hover,.teacher-page-turn:focus-visible{background:#6e0945}.teacher-page-pending-link{color:#8f0c5a;opacity:.6;cursor:default;font-weight:700;text-decoration:underline}.account-button.teacher-page-cta{margin:6px auto 18px;display:block}.home-exit{z-index:2;color:#fff;cursor:pointer;background:#8a8a8a;border:4px solid #000;border-radius:999px;padding:9px 24px;font-size:19px;font-weight:700;transition:background .2s;position:absolute;bottom:48px;right:80px;box-shadow:0 0 0 6px #fff}.home-exit:hover,.home-exit:focus-visible{background:#6b6b6b}.home-exit.home-exit--leaving{opacity:0;pointer-events:none;transition:opacity .5s}.home-button.home-create{z-index:2;opacity:0;pointer-events:none;border:6px solid #000;flex-direction:column;align-items:center;padding:12px 48px 10px;font-size:30px;line-height:1.15;transition:opacity .5s;display:flex;position:absolute;top:48px;left:80px;box-shadow:0 0 0 9px #fff}.home-button.home-create.home-create--shown{opacity:1;pointer-events:auto}.home-create-free{opacity:.9;font-size:19px;font-weight:600}.home-content--hidden .home-button.home-create.home-pressed{transition-duration:.3s;transition-delay:0s}.home-content--hidden .home-button.home-create.home-pressed--held{opacity:1}.home-button.home-teacher-item--visited{background:#8a8a8a}.home-button.home-teacher-item--visited:hover,.home-button.home-teacher-item--visited:focus-visible{color:#fff;background:#6b6b6b}.home-account{z-index:10;box-sizing:border-box;justify-content:center;align-items:center;padding:250px 0 20px;animation:.4s both home-account-in;display:flex;position:absolute;inset:0}.home-account--leaving{pointer-events:none;animation:.5s both home-account-out}@keyframes home-account-in{0%{opacity:0}to{opacity:1}}@keyframes home-account-out{0%{opacity:1}to{opacity:0}}.home-account .account-card{margin:0}.home-account-logo{pointer-events:none;flex-direction:column;align-items:center;animation:.7s cubic-bezier(.3,1.45,.55,1) both home-account-logo-drop;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%)}@keyframes home-account-logo-drop{0%{opacity:0;translate:0 -80px}40%{opacity:1}to{opacity:1;translate:0}}.home-account-logo .home-uke{height:128px}.home-account-logo .home-account-wordmark{width:384px;margin-top:-24px}.account-card.account-card--fading{opacity:0}.account-card.account-card--wide{width:1180px;height:700px;padding-top:40px}.account-close{z-index:1;color:#fff;cursor:pointer;background:#8f0c5a;border:4px solid #000;border-radius:50%;width:56px;height:56px;padding:0;font-size:34px;line-height:1;position:absolute;top:-22px;right:-22px;box-shadow:0 0 0 5px #fff}.account-close:hover,.account-close:focus-visible{background:#6e0945}.account-card{color:#2b2116;background:#fbf9f4;border:6px solid #2b2116;border-radius:16px;flex-direction:column;align-items:stretch;gap:24px;width:760px;margin:96px auto 0;padding:48px 56px;transition:opacity .3s;display:flex;position:relative}.account-tabs{gap:12px;display:flex}.account-tab{color:#2b2116;cursor:pointer;background:0 0;border:2px solid #2b2116;border-radius:999px;flex:1 1 0;padding:14px 20px;font-size:22px;transition:background .2s,color .2s}.account-tab:hover,.account-tab:focus-visible{background:#f6e1ec}.account-tab--active,.account-tab--active:hover,.account-tab--active:focus-visible{color:#fbf9f4;cursor:default;background:#2b2116}.account-form{flex-direction:column;gap:24px;display:flex}.signup{flex-direction:column;flex:auto;gap:20px;min-height:0;display:flex}.signup-content{flex-direction:column;flex:auto;justify-content:flex-start;gap:20px;min-height:0;animation:.5s both signup-in;display:flex}@keyframes signup-in{0%{opacity:0}to{opacity:1}}.signup-content :is(.signup-question,.signup-headline,.signup-text,.signup-option,.account-message,.account-button,.account-form){transition:opacity .5s}.signup-content:is(.signup-content--others,.signup-content--chosen,.signup-content--all) :is(.signup-question,.signup-headline,.signup-text,.signup-option,.account-message,.account-button,.account-form){opacity:0}.signup-content--others .signup-option.signup-option--chosen{opacity:1}.signup-content--chosen .signup-option.signup-option--chosen{transition-duration:.3s}.signup-back{z-index:1;color:#fff;cursor:pointer;background:#8f0c5a;border:4px solid #000;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:flex;position:absolute;top:-22px;left:-22px;box-shadow:0 0 0 5px #fff}.signup-back svg{fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.signup-back:hover,.signup-back:focus-visible{background:#6e0945}.signup-progress{background:#fff;border:3px solid #2b2116;border-radius:999px;height:18px;margin-top:8px;overflow:hidden}.signup-progress-fill{background:#8f0c5a;border-radius:999px;height:100%;transition:width .4s;display:block}.signup-headline{text-align:center;color:#8f0c5a;margin:0;font-size:40px;font-weight:800}.signup-question{text-align:center;color:#2b2116;margin:0;font-size:36px;font-weight:700}.signup-text{text-align:center;color:#2b2116;margin:0;font-size:22px;line-height:1.4}.signup-text--left{text-align:left;color:#57503f;font-size:19px}.signup-options{flex-direction:column;gap:12px;display:flex}.signup-option{white-space:nowrap;color:#2b2116;text-align:left;cursor:pointer;background:#fff;border:3px solid #2b2116;border-radius:14px;padding:18px 24px;font-size:22px;transition:background .15s,transform .15s}.signup-option:hover,.signup-option:focus-visible{background:#f6e1ec;transform:translate(4px)}.account-check{cursor:pointer;align-items:flex-start;gap:14px;font-size:19px;line-height:1.4;display:flex}.account-check input{accent-color:#8f0c5a;cursor:pointer;flex:none;width:26px;height:26px;margin:2px 0 0}.account-field{flex-direction:column;gap:8px;display:flex}.account-label{font-size:22px}.account-input{color:#2b2116;background:#fff;border:3px solid #2b2116;border-radius:12px;padding:14px 20px;font-size:24px}.account-input:focus-visible{outline-offset:2px;outline:4px solid #8f0c5a}.account-hint{color:#57503f;font-size:16px}.account-button{color:#f7f4ed;cursor:pointer;background:#8f0c5a;border:2px solid #2b2116;border-radius:999px;align-self:center;min-width:320px;padding:18px 40px;font-size:24px;transition:background .2s}.account-button:hover,.account-button:focus-visible{background:#6e0945}.account-button:disabled{opacity:.6;cursor:default}.account-button,.account-button--quiet{border:6px solid #000;font-weight:700}.account-text{text-align:center;margin:0;font-size:24px}.account-text--quiet{color:#57503f;font-size:18px}.account-email{text-align:center;color:#8f0c5a;overflow-wrap:anywhere;margin:-12px 0 0;font-size:30px}.account-message{border-radius:12px;margin:0;padding:16px 20px;font-size:20px;line-height:1.4}.account-message--error{color:#8a1c1c;background:#fde4e4}.account-message--info{color:#1d5a48;background:#e2f3ee}.jukes-toolbar{flex-wrap:wrap;align-items:center;gap:16px;max-width:1200px;margin:56px auto 0;padding:0 60px;display:flex}.jukes-sort-label{color:#2b2116;font-size:20px;font-weight:700}.jukes-sort-select{color:#2b2116;cursor:pointer;background:#f7f4ed;border:2px solid #2b2116;border-radius:8px;padding:10px 18px;font-size:18px}.jukes-random{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.jukes-random-label{color:#2b2116;font-size:20px;font-weight:700}.jukes-random-difficulties{flex-wrap:wrap;gap:6px;display:flex}.jukes-random-difficulty{color:#2b2116;cursor:pointer;background:#f7f4ed;border:2px solid #2b2116;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.jukes-random-difficulty:hover,.jukes-random-difficulty:focus-visible{background:#9a5d3c1f}.jukes-random-difficulty--on,.jukes-random-difficulty--on:hover,.jukes-random-difficulty--on:focus-visible{color:#f7f4ed;background:#2b2116}.jukes-random-go{color:#f7f4ed;cursor:pointer;background:#8f0c5a;border:2px solid #2b2116;border-radius:999px;padding:10px 22px;font-size:16px;font-weight:700}.jukes-random-go:hover:not(:disabled),.jukes-random-go:focus-visible:not(:disabled){background:#6e0945}.jukes-random-go:disabled{opacity:.45;cursor:default}.jukes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1200px;margin:28px auto 0;padding:0 60px 60px;display:grid}.jukes-empty{color:#57503f;max-width:1200px;margin:60px auto 0;padding:0 60px;font-size:20px}.juke-card{cursor:pointer;background:#ffffff80;border:2px solid #2b2116;border-radius:16px;flex-direction:column;gap:10px;padding:28px 28px 84px;transition:background .2s,transform .2s;display:flex;position:relative}.juke-card:hover,.juke-card:focus-within{background:#9a5d3c1f;transform:translateY(-2px)}.juke-card-top-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.juke-card-top-right{align-items:center;gap:10px;display:flex}.juke-card-preview{position:absolute;bottom:24px;right:24px}.juke-card-open{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:10px;padding:0;display:flex}.juke-card-title{color:#2b2116;font-size:26px;font-weight:700}.juke-card-style{color:#57503f;font-size:16px}.juke-card-difficulty{text-transform:uppercase;letter-spacing:.04em;color:#2b2116;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:700}.juke-card-difficulty--beginner{background:#99ca3d}.juke-card-difficulty--intermediate{background:#ffda3b}.juke-card-difficulty--advanced{background:#00aeef}.juke-card-difficulty--expert{background:#ec018c}.juke-checkbox{cursor:pointer;background:#f7f4ed;border:2px solid #2b2116;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.juke-checkbox svg{fill:#2b2116;opacity:0;width:11px;height:11px;transition:opacity .15s}.juke-checkbox[aria-checked=true]{background:#2b2116}.juke-checkbox[aria-checked=true] svg{opacity:1;fill:#f7f4ed}.juke-info-trigger{justify-content:center}.juke-info-button{color:#f7f4ed;cursor:pointer;background:#8f0c5a;border:2px solid #2b2116;border-radius:999px;padding:18px 40px;font-size:22px;font-weight:700;transition:background .2s}.juke-info-button:hover,.juke-info-button:focus-visible{background:#6e0945}.juke-info-overlay{z-index:4000;background:#2b21168c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.info-panel-describe{z-index:3;color:#fff;white-space:nowrap;cursor:pointer;pointer-events:none;background:#009394;border:4px solid #000;border-radius:21px;height:42px;padding:0 22px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;transition:transform .1s;position:absolute;top:22px;right:92px}.info-panel--open .info-panel-describe{pointer-events:auto}.info-panel-describe:active{transform:scale(.96)}.info-panel-play{z-index:3;cursor:pointer;pointer-events:none;background:#009394;border:5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:background .2s;display:flex;position:absolute;top:15px;left:90px}.info-panel--open .info-panel-play{pointer-events:auto}.info-panel-play:hover,.info-panel-play:focus-visible{background:#007c7d}.info-panel-play:focus-visible{outline-offset:3px;outline:3px solid #2b2116}.info-panel-play svg{fill:#fff;width:26px;height:26px}.info-panel-play svg path{transform:translate(1px)}.info-panel-describe:focus-visible{outline-offset:3px;outline:3px solid #2b2116}.info-panel-menu{pointer-events:none;justify-content:center;align-items:center;gap:64px;width:1380px;height:140px;display:flex;position:absolute;top:62px;left:72px}.info-panel-choice{color:#fff;cursor:pointer;pointer-events:none;background:#009394;border:6px solid #000;border-radius:54px;width:560px;height:108px;padding:0 28px;font-family:Montserrat,sans-serif;font-size:44px;font-weight:800;transition:transform .15s,background .2s}.info-panel--open .info-panel-choice{pointer-events:auto}.info-panel-choice:hover,.info-panel-choice:focus-visible,.info-panel-describe:hover,.info-panel-describe:focus-visible,.guess-go:hover:not(:disabled),.guess-go:focus-visible{background:#007c7d}.info-panel-choice:focus-visible{outline-offset:4px;outline:3px solid #2b2116}.guess-form,.guess-result{display:contents}.guess-input{box-sizing:border-box;color:#2b2116;pointer-events:none;background:#fff;border:5px solid #000;border-radius:36px;width:1146px;height:72px;padding:0 28px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;position:absolute;top:100px;left:96px}.guess-input::placeholder{color:#6b6455;font-weight:600}.guess-input:focus{outline-offset:2px;outline:4px solid #009394}.guess-go{color:#fff;cursor:pointer;pointer-events:none;background:#009394;border:5px solid #000;border-radius:36px;width:172px;height:72px;padding:0;font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;transition:opacity .2s,transform .1s;position:absolute;top:100px;left:1262px}.guess-go:disabled{opacity:.4;cursor:default}.guess-go:active:not(:disabled){transform:scale(.96)}.guess-go:focus-visible{outline-offset:3px;outline:3px solid #2b2116}.guess-again{font-size:24px}.info-panel--open .guess-input,.info-panel--open .guess-go{pointer-events:auto}.guess-verdict-row{pointer-events:none;align-items:baseline;gap:28px;width:1060px;display:flex;position:absolute;top:66px;left:96px}.guess-verdict{white-space:nowrap;font-family:Montserrat,sans-serif;font-size:44px;font-weight:800;line-height:50px}.guess-verdict--yes{color:#0a7d3e}.guess-verdict--no{color:#1d4f91}.guess-word{color:#2b2116;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;overflow:hidden}.guess-choices{gap:28px;width:1150px;display:flex;position:absolute;top:134px;left:96px}.guess-verdict-row--centred{justify-content:center;width:1464px;top:64px;left:44px}.guess-choices--centred{justify-content:center;width:1464px;top:136px;left:44px}.guess-choices .guess-go{width:260px;height:68px;font-size:30px;position:static}.guess-choices .guess-onward{width:340px}.info-panel--open .guess-choices .guess-go{pointer-events:auto}.guess-answer{pointer-events:none;grid-template-columns:84px minmax(0,.9fr) minmax(0,1.5fr);align-items:center;column-gap:40px;width:1370px;height:84px;display:grid;position:absolute;top:124px;left:96px}.guess-answer .song-face{justify-self:center;width:76px;height:76px}.guess-answer-title{color:#2b2116;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Montserrat,sans-serif;font-size:34px;font-weight:800;line-height:38px;display:-webkit-box;overflow:hidden}.guess-answer-qualities{flex-direction:column;gap:6px;min-width:0;display:flex}.guess-answer-label{color:#57503f;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:24px}.guess-answer-keywords{flex-wrap:wrap;gap:8px 10px;display:flex}.guess-keyword{color:#2b2116;white-space:nowrap;background:#ffffffbf;border:3px solid #2b2116;border-radius:999px;padding:0 14px;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;line-height:32px}.info-leave{z-index:2001;pointer-events:none;position:absolute;inset:0}.info-leave-button{cursor:pointer;pointer-events:auto;background:0 0;border:0;width:100px;padding:0;transition:filter .2s;animation:.45s cubic-bezier(.3,1.7,.5,1) backwards show-pop;position:absolute}.info-leave-button img{width:100%;height:auto;display:block}.info-leave-button--close{top:483.81px}.info-leave-button--exit{animation-delay:.12s;top:575.27px}.info-leave--left .info-leave-button{left:30px}.info-leave--right .info-leave-button{right:30px}.info-leave-button:hover,.info-leave-button:focus-visible{filter:brightness(.88)}.info-leave-button:focus-visible{outline-offset:3px;outline:3px solid #2b2116}.show{pointer-events:none;border-radius:12px;width:1460px;height:177px;position:absolute;top:48px;left:46px;overflow:hidden}.show-heading{color:#2b2116;text-align:center;white-space:nowrap;margin:0;font-family:Montserrat,sans-serif;font-size:32px;font-weight:800;line-height:36px;position:absolute;top:22px;left:0;right:0}.show-line{animation:.6s cubic-bezier(.3,1.7,.5,1) backwards show-word;display:inline-block}@keyframes show-word{0%{opacity:0;transform:translateY(-36px)scale(.3)}}.show-verdict{font-size:40px;line-height:38px;display:inline-block}.show-verdict--correct{color:#0a7d3e;animation:.7s cubic-bezier(.3,1.7,.5,1) show-win}.show-verdict--wrong{color:#1d4f91;animation:.5s show-shake}.show-options{width:1460px;display:flex;position:absolute;top:68px;left:0}.show-slot{flex:1 1 0;justify-content:center;min-width:0;transition:flex-grow .6s;display:flex}.show-slot--gone{flex-grow:0}.show-option{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#2b2116;cursor:pointer;pointer-events:none;width:236px;height:72px;animation:show-drop .7s cubic-bezier(.3, 1.5, .5, 1) calc(.7s + var(--option) * .2s) backwards;background:#fffaf0;border:5px solid #000;border-radius:22px;flex-direction:row;flex:none;align-items:center;gap:8px;padding:0 10px;font-family:Montserrat,sans-serif;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .25s,opacity .6s,box-shadow .2s;display:flex;position:relative}.info-panel--open .show-option{pointer-events:auto}.show-option:hover:not(:disabled),.show-option:focus-visible{background:#f1e6c8;outline:none;transform:translateY(-6px)}.show .show-option--picked,.show .show-option--picked:hover:not(:disabled){background:#ffd23f;transform:translateY(-5px);box-shadow:0 0 0 4px #fff,0 0 18px 6px #ffd23fe6}.show .show-option--gone{opacity:0;pointer-events:none;transform:scale(.5)translateY(24px)}.info-panel--open .show-option--gone{pointer-events:none}.show-option-name{-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:20px;font-weight:800;line-height:22px;display:-webkit-box;overflow:hidden}.show-option .song-face{flex:none;order:-1;width:44px;height:44px}.show-confirm{z-index:3;width:200px;height:48px;font-size:24px;animation:.35s cubic-bezier(.3,1.7,.5,1) backwards show-pop;top:205px;left:676px}.show-reset{z-index:3;color:#2b2116;background:#fffaf0;width:160px;height:48px;font-size:24px;transition:opacity .2s,transform .1s,left .3s,background .2s;animation:.35s cubic-bezier(.3,1.7,.5,1) backwards show-pop;top:205px;left:676px}.show-confirm~.show-reset{left:900px}.info-panel--open .show-reset:hover:not(:disabled),.info-panel--open .show-reset:focus-visible{background:#f1e6c8}.show-answer{grid-template-columns:84px minmax(0,.9fr) minmax(0,1.5fr);align-items:center;column-gap:40px;width:1360px;height:84px;animation:.5s cubic-bezier(.3,1.5,.5,1) backwards show-pop;display:grid;position:absolute;top:80px;left:50px}.show-answer .song-face{justify-self:center;width:76px;height:76px}.show-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.show-confetti span{border-radius:2px;width:12px;height:18px;animation:1.8s ease-in forwards show-confetti;position:absolute;top:-20px}@keyframes show-drop{0%{opacity:0;transform:translateY(-190px)scale(.5)}}@keyframes show-win{0%{transform:scale(.4)}60%{transform:scale(1.2)}}@keyframes show-shake{0%,to{transform:translate(0)}20%{transform:translate(-14px)}40%{transform:translate(14px)}60%{transform:translate(-9px)}80%{transform:translate(9px)}}@keyframes show-pop{0%{opacity:0;transform:scale(.2)}}@keyframes show-confetti{to{transform:translateY(260px)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.show-line,.show-option,.show-confetti span{animation:none}}.juke-info-panel{background:#f7f4ed;border:2px solid #2b2116;border-radius:20px;width:720px;max-width:calc(100% - 120px);padding:48px;position:relative}.juke-info-panel h2{color:#2b2116;margin:0 0 8px;font-size:34px}.juke-info-style{color:#57503f;margin:0 0 16px;font-size:20px}.juke-info-difficulty{text-transform:uppercase;letter-spacing:.04em;color:#2b2116;border-radius:999px;margin:0 0 20px;padding:4px 16px;font-size:14px;font-weight:700;display:inline-block}.juke-info-difficulty--beginner{background:#99ca3d}.juke-info-difficulty--intermediate{background:#ffda3b}.juke-info-difficulty--advanced{background:#00aeef}.juke-info-difficulty--expert{background:#ec018c}.juke-info-description{color:#2b2116;margin:0;font-size:20px;line-height:1.5}.juke-info-close{color:#2b2116;cursor:pointer;background:0 0;border:0;padding:0;font-size:32px;line-height:1;position:absolute;top:20px;right:24px}.juke-export-overlay{z-index:4000;background:#2b21168c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.juke-export-panel{background:#f7f4ed;border:2px solid #2b2116;border-radius:20px;width:1080px;max-width:calc(100% - 120px);max-height:calc(100% - 120px);padding:48px;position:relative;overflow-y:auto}.juke-export-panel h2{color:#2b2116;margin:0 0 8px;font-size:34px}.juke-export-hint{color:#57503f;margin:0 0 20px;font-size:18px;line-height:1.5}.juke-export-hint code{background:#2b211614;border-radius:4px;padding:2px 6px}.juke-export-warning{color:#7c4a30;background:#b8503b1f;border-radius:10px;margin:0 0 20px;padding:12px 18px;font-size:16px}.juke-export-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.juke-export-field{color:#2b2116;flex-direction:column;gap:6px;font-size:16px;font-weight:700;display:flex}.juke-export-field--wide{grid-column:1/-1}.juke-export-field input,.juke-export-field select,.juke-export-field textarea{color:#2b2116;resize:vertical;background:#fff;border:2px solid #2b2116;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:16px;font-weight:700}.juke-export-field-note{color:#7c4a30;font-size:13px;font-weight:400}.juke-export-field--checkbox{justify-content:center}.juke-export-field-checkbox-row{align-items:center;gap:8px;display:flex}.juke-export-field-checkbox-row input[type=checkbox]{accent-color:#9a5d3c;width:20px;height:20px;margin:0}.juke-export-field-label-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.juke-export-field-remove{color:#b8503b;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.juke-export-add-tip{color:#9a5d3c;cursor:pointer;background:0 0;border:2px dashed #9a5d3c;border-radius:999px;grid-column:1/-1;align-self:start;margin-top:-8px;padding:8px 18px;font-size:14px;font-weight:700}.juke-export-add-tip:hover,.juke-export-add-tip:focus-visible{background:#9a5d3c1f}.juke-export-code{color:#f7f4ed;resize:vertical;background:#2b2116;border:2px solid #2b2116;border-radius:12px;width:100%;height:260px;padding:16px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;display:block}.juke-export-actions{justify-content:flex-end;margin-top:20px;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-button img{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.preview-icons{width:100%;height:100%;display:block;position:relative}.preview-icon{transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.preview-icon[data-shown=false]{transform:translate(-50%,-50%)scale(0)}.records-stage{pointer-events:none;width:1920px;height:474px;position:absolute;top:303px;left:0}.record-slot{pointer-events:none;width:380px;height:474px;position:absolute;top:0}.record-fly{pointer-events:none;width:320px;height:320px;position:absolute;top:0;left:30px}.record-disc{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:320px;height:320px;padding:0;display:block}.record-disc:focus-visible{outline-offset:8px;outline:4px solid #9a5d3c}.record-image{width:100%;height:100%;animation:2s linear infinite record-spin;display:block}@keyframes record-spin{to{transform:rotate(360deg)}}.record-icons{pointer-events:none;width:320px;height:320px;transition:opacity .3s;position:absolute;top:0;left:30px}.record-new{pointer-events:none;display:flex;position:absolute;top:74px;left:246px;transform:translate(-50%,-50%)}.record-new img{animation:1s ease-in-out infinite alternate record-new-pulse;display:block}@keyframes record-new-pulse{to{transform:scale(1.4)}}.record-banner{pointer-events:none;width:96px;height:96px;animation:1.4s ease-in-out infinite alternate record-banner-wobble;animation-delay:var(--banner-beat,0s);display:block;position:absolute;top:-10px;left:-14px}.record-banner-art{width:100%;height:100%;display:block;overflow:visible}@keyframes record-banner-wobble{0%{transform:rotate(-9deg)scale(1)}to{transform:rotate(7deg)scale(1.1)}}@media (prefers-reduced-motion:reduce){.record-banner{animation:none}}.record-under{pointer-events:none;justify-content:center;align-items:center;gap:14px;width:320px;height:57px;display:flex;position:absolute;top:330px;left:0}.record-under .song-face{flex:none;width:56px;height:56px}.record-marks{align-items:center;gap:8px;display:flex}.record-marks img{display:block}.record-preview-spot{pointer-events:none;align-items:center;display:flex}.record-icons[data-live=true] .record-preview-spot{pointer-events:auto}.record-label{justify-content:center;width:100%;transition:opacity .3s;display:flex;position:absolute;top:396px;left:0}.record-reveal{color:#57503f;cursor:pointer;background:0 0;border:3px solid #57503f;border-radius:999px;margin-top:8px;padding:6px 26px;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;transition:background .2s}.record-reveal:hover,.record-reveal:focus-visible{background:#9a5d3c26}.record-name{text-align:center;color:#2b2116;justify-content:center;align-items:flex-start;min-height:78px;font-family:Montserrat,sans-serif;font-size:34px;font-weight:700;line-height:1.15;display:flex}.records-empty{text-align:center;color:#57503f;margin:220px 0 0;font-size:32px;font-weight:700}.records-zone{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:110px;bottom:0}.records-zone:disabled{cursor:default}.records-zone:focus-visible{outline:none}.records-zone-arrow{fill:none;stroke:#2b2116;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px;margin-top:-32px;margin-left:-32px;transition:transform .15s,stroke .15s;position:absolute;top:353px;left:50%}.records-zone:hover:not(:disabled) .records-zone-arrow,.records-zone:focus-visible .records-zone-arrow{stroke:#9a5d3c;transform:scale(1.2)}.records-zone:disabled .records-zone-arrow{opacity:.4}.records-bottom-bar{z-index:7;align-items:center;gap:20px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.records-bottom-button{color:#f7f4ed;text-align:center;cursor:pointer;background:#8f0c5a;border:3px solid #2b2116;border-radius:999px;min-width:310px;padding:14px 42px;font-size:24px;font-weight:700;transition:background .2s}.records-bottom-button:hover,.records-bottom-button:focus-visible{background:#6e0945}.lucky-dip{position:relative}.lucky-dip-scrim{z-index:1;opacity:0;visibility:hidden;background:#24242499;width:8000px;height:8000px;transition:opacity .25s,visibility 0s linear .25s;position:absolute;top:-3000px;left:-3000px}.lucky-dip--open .lucky-dip-scrim{opacity:1;visibility:visible;transition:opacity .25s,visibility}.lucky-dip-button{z-index:2;position:relative}.lucky-dip-popup{z-index:8;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}.lucky-dip--open .lucky-dip-record{pointer-events:auto}.lucky-dip-records{gap:30px;display:flex}.lucky-dip-record{cursor:pointer;transform-origin:50% 100%;opacity:0;visibility:hidden;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;width:150px;padding:0;transition:transform .2s,opacity .2s,visibility 0s linear .2s;display:flex;transform:scale(0)}.lucky-dip--open .lucky-dip-record{opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.3, 1.35, .5, 1) calc(var(--lucky-index) * 90ms), opacity .25s ease calc(var(--lucky-index) * 90ms), visibility 0s;transform:scale(1)}.lucky-dip-record:disabled{cursor:default}.lucky-dip--open .lucky-dip-record:disabled{opacity:.3}.lucky-dip-disc{border-radius:50%;width:110px;height:110px;transition:transform .15s;display:block}.lucky-dip-record:hover:not(:disabled) .lucky-dip-disc,.lucky-dip-record:focus-visible .lucky-dip-disc{transform:scale(1.12)}.lucky-dip-record:focus-visible{outline:none}.lucky-dip-name{color:#f7f4ed;font-size:22px;line-height:1}.records-prefs{z-index:6;opacity:0;visibility:hidden;background:#fbf9f4;border:3px solid #2b2116;border-radius:20px;padding:20px 32px;transition:opacity .25s,transform .25s,visibility 0s linear .25s;position:absolute;bottom:112px;left:160px;right:160px;transform:translateY(28px);box-shadow:0 10px 40px #2b211640}.records-prefs-close{cursor:pointer;background:0 0;border:0;border-radius:50%;width:52px;height:52px;padding:0;transition:filter .2s;position:absolute;top:-26px;right:-26px}.records-prefs-close img{width:100%;height:100%;display:block}.records-prefs-close:hover,.records-prefs-close:focus-visible{filter:brightness(.9)}.records-prefs-close:focus-visible{outline:none}.records-prefs--open{opacity:1;visibility:visible;transition-delay:0s;transform:none}.records-prefs-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;display:flex}.records-prefs-heading h2{color:#2b2116;margin:0;font-size:26px}.records-prefs-count{color:#57503f;margin-left:auto;font-size:18px;font-weight:700}.records-prefs-row{flex-wrap:wrap;align-items:center;gap:10px 40px;margin-bottom:12px;display:flex}.records-prefs-row:last-child{margin-bottom:0}.records-prefs-group{display:contents}.records-pref--character{margin-left:auto}.records-pref--all{border-right:3px solid #2b211640;margin-right:4px;padding-right:36px}.records-pref{color:#2b2116;cursor:pointer;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.records-pref input{accent-color:#2b2116;cursor:pointer;width:26px;height:26px;margin:0}.records-pref-icon{display:block}.record-launch{z-index:9000;position:fixed;inset:0;overflow:hidden}.record-launch-disc{will-change:transform;position:absolute}.songs-bar{align-items:center;gap:16px;display:flex;position:absolute;top:124px;left:110px;right:110px}.songs-bar .jukes-sort-label,.songs-sort-select{font-size:24px}.songs-search{color:#2b2116;background:#f7f4ed;border:2px solid #2b2116;border-radius:8px;width:340px;min-width:0;padding:8px 16px;font-family:inherit;font-size:24px}.songs-search::placeholder{color:#8a8372}.songs-search:disabled{opacity:.55;cursor:default}.songs-search:focus-visible{outline-offset:2px;outline:3px solid #9a5d3c}.songs-hide{color:#2b2116;cursor:pointer;background:0 0;border:3px solid #2b2116;border-radius:999px;padding:8px 22px;font-size:20px;font-weight:700;transition:background .2s,color .2s}.songs-hide:hover,.songs-hide:focus-visible{background:#9a5d3c26}.songs-hide--on,.songs-hide--on:hover,.songs-hide--on:focus-visible{color:#f7f4ed;background:#2b2116;border-color:#2b2116}.songs-count{color:#57503f;margin-left:auto;font-size:22px;font-weight:700}.songs-reset{color:#2b2116;text-align:center;cursor:pointer;background:0 0;border:3px solid #2b2116;border-radius:999px;min-width:172px;padding:8px 24px;font-size:18px;font-weight:700;transition:background .2s,color .2s}.songs-reset:hover,.songs-reset:focus-visible{background:#9a5d3c26}.songs-reset--sure,.songs-reset--sure:hover,.songs-reset--sure:focus-visible{color:#fff7f2;background:#c2412d;border-color:#7f2517}.songs-list{border-top:2px solid #2b21162e;margin:0;padding:0;list-style:none;position:absolute;top:186px;left:110px;right:110px}.song-row{cursor:pointer;border-bottom:2px solid #2b21162e;grid-template-columns:54px 30px 58px 372px 48px 1fr 80px 170px 120px 64px 64px;align-items:center;column-gap:16px;height:56px;padding:0 24px;transition:background .15s;display:grid}.song-row:hover{background:#9a5d3c14}.song-row--flash-wait,.song-row--flash-tick{background:#ffd23f80;box-shadow:inset 0 0 0 3px #ffb300}.song-row--flash-wait{animation:.8s ease-out song-row-light}.song-row--flash-fade{transition:background 1.2s,box-shadow 1.2s}.song-row--flash-tick .song-status,.song-row--flash-tick.song-row--open .song-name,.song-row--flash-tick.song-row--open .song-face,.song-row--flash-tick.song-row--open .song-keywords{animation:.7s backwards song-reveal}@keyframes song-row-light{0%{background:#ffd23f00;box-shadow:inset 0 0 0 3px #ffb30000}}@keyframes song-reveal{0%{opacity:0;transform:scale(.85)}}.song-number{color:#57503f;font-variant-numeric:tabular-nums;justify-self:end;font-family:Montserrat,sans-serif;font-size:26px;font-weight:800;line-height:1}.song-played-box{justify-self:center;width:20px;height:20px;position:relative}.song-played{appearance:none;box-sizing:border-box;cursor:pointer;background:0 0;border:3px solid #2b2116;border-radius:5px;width:20px;height:20px;margin:0;transition:background .2s,border-color .2s,opacity .2s;position:absolute;inset:0}.song-played:checked{background:#2b2116}.song-played:disabled:not(:checked){opacity:.75;cursor:default;background:#2b21160f;border-color:#9b9588}.song-played:focus-visible{outline-offset:2px;outline:3px solid #9a5d3c}.song-played-tick{fill:none;stroke:#f7f4ed;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;pointer-events:none;width:20px;height:20px;transition:stroke-dashoffset .3s 50ms;position:absolute;inset:0}.song-played:checked+.song-played-tick{stroke-dashoffset:0}.song-row--flash-tick .song-played-box{animation:.7s cubic-bezier(.3,1.8,.5,1) song-tick-pop}.song-row--flash-tick .song-played-box:before{content:"";pointer-events:none;border:3px solid #ffb300;border-radius:8px;animation:.9s ease-out forwards song-tick-ring;position:absolute;inset:-4px}@keyframes song-tick-pop{0%{transform:scale(.6)}55%{transform:scale(1.5)rotate(-8deg)}to{transform:scale(1)}}@keyframes song-tick-ring{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(2.4)}}.song-record{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-self:center;width:46px;height:46px;padding:0;display:block}.song-record:focus-visible{outline-offset:3px;outline:3px solid #9a5d3c}.song-name{text-align:left;color:#2b2116;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;min-width:0;padding:0;font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;overflow:hidden}.song-name:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #9a5d3c}.song-face{justify-self:center;width:44px;height:44px;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:block}.song-row:hover .song-face{transform:scale(1.12)}.song-keywords{white-space:pre;text-overflow:ellipsis;color:#57503f;min-width:0;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;position:relative;overflow:hidden}.song-reveal{color:#57503f;cursor:pointer;background:0 0;border:2px solid #57503f;border-radius:999px;padding:6px 22px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;transition:background .2s}.song-reveal:hover,.song-reveal:focus-visible{background:#9a5d3c26}.song-keywords-measure{visibility:hidden;white-space:pre;pointer-events:none;position:absolute;top:0;left:0}.song-cell{justify-content:center;align-items:center;display:flex}.song-difficulty{justify-self:start;padding:6px 20px;font-size:16px}.song-status{text-transform:uppercase;letter-spacing:.04em;border:2px solid #2b2116;border-radius:999px;justify-self:start;padding:4px 16px;font-size:16px;font-weight:700}.song-status--unseen{color:#f7f4ed;background:#2b2116}.song-status--played{color:#57503f;background:0 0;border-color:#2b211673}.songs-empty{text-align:center;color:#57503f;margin:0;font-size:32px;font-weight:700;position:absolute;top:220px;left:110px;right:110px}.songs-pager{z-index:6;align-items:center;gap:16px;display:flex;position:absolute;bottom:34px;right:60px}.songs-pager-label{text-align:center;color:#2b2116;min-width:150px;font-size:22px;font-weight:700}.songs-pager-button{cursor:pointer;background:#f7f4ed;border:4px solid #2b2116;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:background .2s;display:flex}.songs-pager-button svg{fill:none;stroke:#2b2116;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.songs-pager-button:hover:not(:disabled),.songs-pager-button:focus-visible{background:#9a5d3c26}.songs-pager-button:disabled{opacity:.4;cursor:default}.songs-overlay{z-index:4000;background:#2b21168c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.songs-panel{color:#2b2116;background:#fbf9f4;border:6px solid #2b2116;border-radius:16px;flex-direction:column;gap:22px;width:960px;max-height:calc(100% - 160px);padding:40px 48px 48px;display:flex;overflow-y:auto}.songs-panel-header{justify-content:space-between;align-items:center;display:flex}.songs-panel-title{margin:0;font-size:40px}.songs-panel-close{cursor:pointer;background:0 0;border:2px solid #2b2116;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex}.songs-panel-close svg{fill:none;stroke:#2b2116;stroke-width:2.5px;stroke-linecap:round;width:26px;height:26px}.songs-panel-close:hover,.songs-panel-close:focus-visible{background:#f6e1ec}.songs-panel-text{margin:0;font-size:24px}.songs-panel-text--quiet{color:#57503f;font-size:20px}.songs-panel-button{color:#f7f4ed;cursor:pointer;background:#8f0c5a;border:2px solid #2b2116;border-radius:999px;align-self:flex-start;padding:16px 40px;font-size:22px;transition:background .2s}.songs-panel-button:hover,.songs-panel-button:focus-visible{background:#6e0945}.songs-panel-button:disabled{opacity:.5;cursor:default;background:#8f0c5a}.songs-save{gap:14px;display:flex}.songs-save-input{color:#2b2116;background:#fff;border:3px solid #2b2116;border-radius:12px;flex:auto;min-width:0;padding:14px 20px;font-size:24px}.songs-save-input::placeholder{color:#8a8372}.songs-save-input:focus-visible{outline-offset:2px;outline:4px solid #8f0c5a}.songs-confirm{background:#f6e1ec;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;font-size:20px;display:flex}.songs-confirm>span{flex:400px}.songs-list-title{margin:8px 0 0;font-size:26px}.songs-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.songs-row{background:#fff;border:2px solid #2b2116;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex}.songs-row-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:24px;overflow:hidden}.songs-row-date{color:#57503f;flex:none;font-size:16px}.songs-row-actions,.songs-row-confirm{flex:none;align-items:center;gap:8px;font-size:18px;display:flex}.songs-small-button{color:#2b2116;cursor:pointer;background:0 0;border:2px solid #2b2116;border-radius:999px;padding:8px 20px;font-size:18px;transition:background .2s}.songs-small-button:hover,.songs-small-button:focus-visible{background:#f6e1ec}.songs-small-button--strong{color:#f7f4ed;background:#8f0c5a}.songs-small-button--strong:hover,.songs-small-button--strong:focus-visible{background:#6e0945}.songs-small-button--danger{color:#fff;background:#a3241f}.songs-small-button--danger:hover,.songs-small-button--danger:focus-visible{background:#7e1a16}.songs-small-button:disabled{opacity:.5;cursor:default}.songs-message{border-radius:12px;margin:0;padding:16px 20px;font-size:20px;line-height:1.4}.songs-message--error{color:#8a1c1c;background:#fde4e4}.songs-message--info{color:#1d5a48;background:#e2f3ee}.subscription{border-top:3px solid #2b2116;border-bottom:3px solid #2b2116;flex-direction:column;gap:18px;padding:24px 0;display:flex}.subscription-title{text-align:center;margin:0;font-size:28px}.subscription-plan{text-align:center;color:#8f0c5a;margin:0;font-size:26px}.subscription-choices{justify-content:center;gap:20px;display:flex}.subscription-choice{color:#f7f4ed;cursor:pointer;background:#8f0c5a;border:6px solid #000;border-radius:24px;flex-direction:column;align-items:center;gap:4px;min-width:240px;padding:18px 28px;transition:background .2s;display:flex}.subscription-choice:hover,.subscription-choice:focus-visible{background:#6e0945}.subscription-choice:disabled{opacity:.6;cursor:default}.subscription-choice-price{font-size:34px}.subscription-choice-period{font-size:18px}.account-button--quiet{color:#2b2116;background:0 0}.account-button--quiet:hover,.account-button--quiet:focus-visible{background:#f6e1ec}.account-link{color:#8f0c5a;cursor:pointer;background:0 0;border:0;align-self:center;padding:4px 8px;font-size:20px;text-decoration:underline}.account-link:hover,.account-link:focus-visible{color:#6e0945}