.button-module__x0Fa7W__button{text-transform:uppercase;cursor:pointer;border:2px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:900;transition:background-color .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.button-module__x0Fa7W__button:active{transform:scale(.95)}.button-module__x0Fa7W__button:hover:not(:disabled){transform:scale(1.02)}.button-module__x0Fa7W__button:disabled{opacity:.4;cursor:not-allowed}.button-module__x0Fa7W__primary{background-color:var(--ui-btn-primary-bg);color:var(--ui-btn-primary-text);box-shadow:var(--ui-btn-primary-shadow)}.button-module__x0Fa7W__secondary{background-color:var(--ui-btn-secondary-bg);border-color:var(--ui-btn-secondary-border);color:var(--ui-btn-secondary-text)}.button-module__x0Fa7W__sm{padding:.5rem 1rem;font-size:.75rem}.button-module__x0Fa7W__md{padding:var(--btn-py)var(--btn-px);font-size:var(--btn-text)}.button-module__x0Fa7W__lg{border-radius:2rem;padding:1.5rem 3rem;font-size:1.5rem}.button-module__x0Fa7W__icon{will-change:transform;flex-shrink:0;width:1.25rem;height:1.25rem;transition:transform .3s}.button-module__x0Fa7W__sm .button-module__x0Fa7W__icon{width:1rem;height:1rem}.button-module__x0Fa7W__button:hover .button-module__x0Fa7W__iconSlideRight{transform:translate(4px)}.button-module__x0Fa7W__button:hover .button-module__x0Fa7W__iconSlideLeft{transform:translate(-4px)}
.piano-grid-module__QSY81W__noteBase{--relative-start:calc(var(--note-start) - var(--start-unit) + 1);grid-column:var(--relative-start)/span calc(3 - var(--is-black));opacity:min(clamp(0,var(--relative-start),1),clamp(0,calc(var(--end-unit) - var(--note-start)),1));display:flex}.piano-grid-module__QSY81W__note-21{--note-start:36;--is-black:0;}.piano-grid-module__QSY81W__note-22{--note-start:38;--is-black:1;}.piano-grid-module__QSY81W__note-23{--note-start:39;--is-black:0;}.piano-grid-module__QSY81W__note-24{--note-start:42;--is-black:0;}.piano-grid-module__QSY81W__note-25{--note-start:44;--is-black:1;}.piano-grid-module__QSY81W__note-26{--note-start:45;--is-black:0;}.piano-grid-module__QSY81W__note-27{--note-start:47;--is-black:1;}.piano-grid-module__QSY81W__note-28{--note-start:48;--is-black:0;}.piano-grid-module__QSY81W__note-29{--note-start:51;--is-black:0;}.piano-grid-module__QSY81W__note-30{--note-start:53;--is-black:1;}.piano-grid-module__QSY81W__note-31{--note-start:54;--is-black:0;}.piano-grid-module__QSY81W__note-32{--note-start:56;--is-black:1;}.piano-grid-module__QSY81W__note-33{--note-start:57;--is-black:0;}.piano-grid-module__QSY81W__note-34{--note-start:59;--is-black:1;}.piano-grid-module__QSY81W__note-35{--note-start:60;--is-black:0;}.piano-grid-module__QSY81W__note-36{--note-start:63;--is-black:0;}.piano-grid-module__QSY81W__note-37{--note-start:65;--is-black:1;}.piano-grid-module__QSY81W__note-38{--note-start:66;--is-black:0;}.piano-grid-module__QSY81W__note-39{--note-start:68;--is-black:1;}.piano-grid-module__QSY81W__note-40{--note-start:69;--is-black:0;}.piano-grid-module__QSY81W__note-41{--note-start:72;--is-black:0;}.piano-grid-module__QSY81W__note-42{--note-start:74;--is-black:1;}.piano-grid-module__QSY81W__note-43{--note-start:75;--is-black:0;}.piano-grid-module__QSY81W__note-44{--note-start:77;--is-black:1;}.piano-grid-module__QSY81W__note-45{--note-start:78;--is-black:0;}.piano-grid-module__QSY81W__note-46{--note-start:80;--is-black:1;}.piano-grid-module__QSY81W__note-47{--note-start:81;--is-black:0;}.piano-grid-module__QSY81W__note-48{--note-start:84;--is-black:0;}.piano-grid-module__QSY81W__note-49{--note-start:86;--is-black:1;}.piano-grid-module__QSY81W__note-50{--note-start:87;--is-black:0;}.piano-grid-module__QSY81W__note-51{--note-start:89;--is-black:1;}.piano-grid-module__QSY81W__note-52{--note-start:90;--is-black:0;}.piano-grid-module__QSY81W__note-53{--note-start:93;--is-black:0;}.piano-grid-module__QSY81W__note-54{--note-start:95;--is-black:1;}.piano-grid-module__QSY81W__note-55{--note-start:96;--is-black:0;}.piano-grid-module__QSY81W__note-56{--note-start:98;--is-black:1;}.piano-grid-module__QSY81W__note-57{--note-start:99;--is-black:0;}.piano-grid-module__QSY81W__note-58{--note-start:101;--is-black:1;}.piano-grid-module__QSY81W__note-59{--note-start:102;--is-black:0;}.piano-grid-module__QSY81W__note-60{--note-start:105;--is-black:0;}.piano-grid-module__QSY81W__note-61{--note-start:107;--is-black:1;}.piano-grid-module__QSY81W__note-62{--note-start:108;--is-black:0;}.piano-grid-module__QSY81W__note-63{--note-start:110;--is-black:1;}.piano-grid-module__QSY81W__note-64{--note-start:111;--is-black:0;}.piano-grid-module__QSY81W__note-65{--note-start:114;--is-black:0;}.piano-grid-module__QSY81W__note-66{--note-start:116;--is-black:1;}.piano-grid-module__QSY81W__note-67{--note-start:117;--is-black:0;}.piano-grid-module__QSY81W__note-68{--note-start:119;--is-black:1;}.piano-grid-module__QSY81W__note-69{--note-start:120;--is-black:0;}.piano-grid-module__QSY81W__note-70{--note-start:122;--is-black:1;}.piano-grid-module__QSY81W__note-71{--note-start:123;--is-black:0;}.piano-grid-module__QSY81W__note-72{--note-start:126;--is-black:0;}.piano-grid-module__QSY81W__note-73{--note-start:128;--is-black:1;}.piano-grid-module__QSY81W__note-74{--note-start:129;--is-black:0;}.piano-grid-module__QSY81W__note-75{--note-start:131;--is-black:1;}.piano-grid-module__QSY81W__note-76{--note-start:132;--is-black:0;}.piano-grid-module__QSY81W__note-77{--note-start:135;--is-black:0;}.piano-grid-module__QSY81W__note-78{--note-start:137;--is-black:1;}.piano-grid-module__QSY81W__note-79{--note-start:138;--is-black:0;}.piano-grid-module__QSY81W__note-80{--note-start:140;--is-black:1;}.piano-grid-module__QSY81W__note-81{--note-start:141;--is-black:0;}.piano-grid-module__QSY81W__note-82{--note-start:143;--is-black:1;}.piano-grid-module__QSY81W__note-83{--note-start:144;--is-black:0;}.piano-grid-module__QSY81W__note-84{--note-start:147;--is-black:0;}.piano-grid-module__QSY81W__note-85{--note-start:149;--is-black:1;}.piano-grid-module__QSY81W__note-86{--note-start:150;--is-black:0;}.piano-grid-module__QSY81W__note-87{--note-start:152;--is-black:1;}.piano-grid-module__QSY81W__note-88{--note-start:153;--is-black:0;}.piano-grid-module__QSY81W__note-89{--note-start:156;--is-black:0;}.piano-grid-module__QSY81W__note-90{--note-start:158;--is-black:1;}.piano-grid-module__QSY81W__note-91{--note-start:159;--is-black:0;}.piano-grid-module__QSY81W__note-92{--note-start:161;--is-black:1;}.piano-grid-module__QSY81W__note-93{--note-start:162;--is-black:0;}.piano-grid-module__QSY81W__note-94{--note-start:164;--is-black:1;}.piano-grid-module__QSY81W__note-95{--note-start:165;--is-black:0;}.piano-grid-module__QSY81W__note-96{--note-start:168;--is-black:0;}.piano-grid-module__QSY81W__note-97{--note-start:170;--is-black:1;}.piano-grid-module__QSY81W__note-98{--note-start:171;--is-black:0;}.piano-grid-module__QSY81W__note-99{--note-start:173;--is-black:1;}.piano-grid-module__QSY81W__note-100{--note-start:174;--is-black:0;}.piano-grid-module__QSY81W__note-101{--note-start:177;--is-black:0;}.piano-grid-module__QSY81W__note-102{--note-start:179;--is-black:1;}.piano-grid-module__QSY81W__note-103{--note-start:180;--is-black:0;}.piano-grid-module__QSY81W__note-104{--note-start:182;--is-black:1;}.piano-grid-module__QSY81W__note-105{--note-start:183;--is-black:0;}.piano-grid-module__QSY81W__note-106{--note-start:185;--is-black:1;}.piano-grid-module__QSY81W__note-107{--note-start:186;--is-black:0;}.piano-grid-module__QSY81W__note-108{--note-start:189;--is-black:0;}
.background-lane-module__VdBDwa__container{pointer-events:none;grid-template-columns:repeat(calc(var(--end-unit) - var(--start-unit)),minmax(0,1fr));opacity:1;grid-template-rows:1fr;width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}.background-lane-module__VdBDwa__lane{box-sizing:border-box;background-color:color-mix(in srgb,var(--lane-white),var(--lane-black)calc(var(--is-black)*100%));border-right-color:rgba(255,255,255,calc(.05*var(--is-black)));grid-row:1;min-width:0;height:100%}
.carousel-module__tebK4G__carousel{grid-template-rows:1fr;grid-template-columns:80px 1fr 80px;align-items:center;width:100%;height:100%;display:grid;position:relative}.carousel-module__tebK4G__gallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;grid-area:1/1/2/4;align-items:center;gap:2rem;height:480px;min-height:0;padding-block:2rem;padding-inline:calc(50% - 140px);display:flex;overflow-x:auto}.carousel-module__tebK4G__prev{z-index:20;grid-area:1/1/2/2;justify-self:center}.carousel-module__tebK4G__next{z-index:20;grid-area:1/3/2/4;justify-self:center}@media (min-width:640px){.carousel-module__tebK4G__gallery{padding-inline:calc(50% - 180px)}}.carousel-module__tebK4G__gallery::-webkit-scrollbar{display:none}
@keyframes lane-segment-module__pXaVyG__fall{0%{transform:translateY(var(--translate-y-from))}to{transform:translateY(var(--translate-y-to))}}.lane-segment-module__pXaVyG__container{--container-height:calc(100dvh - var(--header-height) - var(--footer-height));--translate-y-from:calc(var(--container-height)*(var(--segment-duration-ms)/var(--lane-scroll-duration-ms))*-1);--translate-y-to:var(--container-height);grid-template-columns:repeat(calc(var(--end-unit) - var(--start-unit)),minmax(0,1fr));width:100%;height:calc(var(--container-height)*(var(--segment-duration-ms)/var(--lane-scroll-duration-ms)));will-change:transform;--anim-duration:calc((var(--segment-duration-ms) + var(--lane-scroll-duration-ms))/var(--speed)*1ms);--anim-delay:calc(var(--anim-delay-raw)/var(--speed)*1ms);transform:translateY(var(--translate-y-from));animation:lane-segment-module__pXaVyG__fall var(--anim-duration)linear var(--anim-delay)both;display:grid;position:absolute;top:0}.lane-segment-module__pXaVyG__note{border-radius:var(--note-radius);border:1px solid color-mix(in srgb,currentColor calc(var(--note-border-opacity)*100%),transparent);background-color:color-mix(in srgb,currentColor calc(20% + 20%*var(--is-black)),transparent);width:100%;min-width:0;position:absolute}
.gear-card-module__guFcwq__card{text-align:left;cursor:pointer;border:2px solid #0000;border-radius:1.5rem;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (min-height:601px){.gear-card-module__guFcwq__card{gap:1rem;padding:2rem}}.gear-card-module__guFcwq__unselected{background-color:var(--ui-card-bg);border-color:var(--ui-card-border)}.gear-card-module__guFcwq__unselected:hover{border-color:rgba(var(--foreground-rgb),.3);background-color:rgba(var(--foreground-rgb),.1)}.gear-card-module__guFcwq__selected{background-color:var(--foreground);border-color:var(--foreground);box-shadow:var(--ui-btn-primary-shadow);transform:scale(1.02)}.gear-card-module__guFcwq__iconWrapper{z-index:10;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:colors .3s;display:flex;position:relative}@media (min-height:601px){.gear-card-module__guFcwq__iconWrapper{border-radius:1rem;width:4rem;height:4rem}}.gear-card-module__guFcwq__iconUnselected{background-color:rgba(var(--background-rgb),.5);color:rgba(var(--foreground-rgb),.6)}.gear-card-module__guFcwq__iconSelected{background-color:var(--background);color:var(--foreground)}.gear-card-module__guFcwq__icon{width:1.25rem;height:1.25rem}@media (min-height:601px){.gear-card-module__guFcwq__icon{width:1.75rem;height:1.75rem}}.gear-card-module__guFcwq__info{z-index:10;flex-direction:column;min-width:0;display:flex;position:relative}.gear-card-module__guFcwq__name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}@media (min-height:601px){.gear-card-module__guFcwq__name{font-size:1.25rem}}.gear-card-module__guFcwq__nameSelected{color:var(--background)}.gear-card-module__guFcwq__nameUnselected{color:var(--foreground)}.gear-card-module__guFcwq__manufacturer{margin-top:.125rem;font-size:.625rem;font-weight:500}@media (min-height:601px){.gear-card-module__guFcwq__manufacturer{margin-top:.25rem;font-size:.875rem}}.gear-card-module__guFcwq__manufacturerSelected{color:rgba(var(--background-rgb),.6)}.gear-card-module__guFcwq__manufacturerUnselected{color:rgba(var(--foreground-rgb),.5)}
.option-item-module___En15W__card{background:var(--ui-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ui-card-border);border-radius:var(--ui-card-radius);flex-direction:column;justify-content:center;gap:1rem;width:100%;min-height:0;padding:1rem 1.5rem;transition:all .2s;display:flex}@media (min-width:640px){.option-item-module___En15W__card{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem}}.option-item-module___En15W__card:hover{background:rgba(var(--foreground-rgb),.05);border-color:rgba(var(--foreground-rgb),.2)}.option-item-module___En15W__info{flex-direction:column;flex:1;gap:.25rem;display:flex}.option-item-module___En15W__title{text-transform:uppercase;letter-spacing:-.01em;color:var(--foreground);font-size:1.125rem;font-weight:800}@media (min-width:640px){.option-item-module___En15W__title{font-size:1.25rem}}.option-item-module___En15W__description{color:var(--foreground);opacity:.5;font-size:.75rem;font-weight:500}@media (min-width:640px){.option-item-module___En15W__description{font-size:.875rem}}.option-item-module___En15W__controls{justify-content:flex-start;align-items:center;display:flex}@media (min-width:640px){.option-item-module___En15W__controls{justify-content:flex-end}}.option-item-module___En15W__buttonGroup{background-color:rgba(var(--foreground-rgb),.05);border:1px solid rgba(var(--foreground-rgb),.1);border-radius:9999px;gap:.25rem;width:auto;padding:.25rem;display:flex}.option-item-module___En15W__optionButton{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;color:var(--foreground);opacity:.5;border-radius:9999px;padding:.5rem 1rem;font-size:.625rem;font-weight:900;transition:all .2s}@media (min-width:640px){.option-item-module___En15W__optionButton{padding:.75rem 1.25rem;font-size:.75rem}}.option-item-module___En15W__optionButton:hover{opacity:1}.option-item-module___En15W__itemSelected{opacity:1;background-color:var(--foreground);color:var(--background)}.option-item-module___En15W__toggle{cursor:pointer;border:none;border-radius:9999px;width:3.5rem;height:1.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}@media (min-width:640px){.option-item-module___En15W__toggle{width:4rem;height:2rem}}.option-item-module___En15W__toggleInactive{background-color:rgba(var(--foreground-rgb),.2)}.option-item-module___En15W__toggleActive{background-color:var(--foreground);box-shadow:0 0 20px rgba(var(--foreground-rgb),.2)}.option-item-module___En15W__toggleKnob{border-radius:9999px;width:1.35rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:.2rem;bottom:.2rem}@media (min-width:640px){.option-item-module___En15W__toggleKnob{width:1.6rem}}.option-item-module___En15W__knobInactive{background-color:rgba(var(--foreground-rgb),.5);left:.2rem}.option-item-module___En15W__knobActive{background-color:var(--background);left:calc(100% - 1.55rem)}@media (min-width:640px){.option-item-module___En15W__knobActive{left:calc(100% - 1.8rem)}}
.page-footer-module__bES-9G__footer{justify-content:center;align-items:center;gap:var(--layout-gap);flex-direction:column;flex-shrink:0;width:100%;max-width:64rem;height:100%;margin-left:auto;margin-right:auto;padding:0 1.5rem;display:flex}@media (min-width:640px){.page-footer-module__bES-9G__footer{gap:1rem;padding-left:2rem;padding-right:2rem}}.page-footer-module__bES-9G__centered{text-align:center;justify-content:center}.page-footer-module__bES-9G__actions{flex-direction:row;justify-content:end}.page-footer-module__bES-9G__brandingText{color:var(--foreground);opacity:.4;text-transform:uppercase;letter-spacing:.3em;font-size:.625rem;font-weight:700}@media (min-width:640px){.page-footer-module__bES-9G__brandingText{font-size:.75rem}}
.page-layout-module__XJcsSG__container{grid-template-rows:var(--header-height)1fr var(--footer-height);background-color:var(--background);width:100dvw;height:100dvh;color:var(--foreground);display:grid;overflow:hidden}
.score-widget-module__oaZyNW__container{align-items:center;gap:2rem;width:100%;display:flex}.score-widget-module__oaZyNW__stats{align-items:center;gap:1.5rem;display:flex}.score-widget-module__oaZyNW__statGroup{flex-direction:column;display:flex}.score-widget-module__oaZyNW__label{color:var(--foreground);opacity:.4;text-transform:uppercase;letter-spacing:.1em;font-size:.625rem;font-weight:700}.score-widget-module__oaZyNW__value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:900;line-height:1}.score-widget-module__oaZyNW__feedback{justify-content:center;align-items:center;min-width:80px;display:flex}.score-widget-module__oaZyNW__hitText{text-transform:uppercase;letter-spacing:-.05em;will-change:transform,opacity;font-size:1.125rem;font-style:italic;font-weight:900;transition:opacity .2s,color .1s;animation:.5s infinite alternate score-widget-module__oaZyNW__bounce}.score-widget-module__oaZyNW__perfect{color:var(--ui-hit-perfect,#0f0)}.score-widget-module__oaZyNW__good{color:var(--ui-hit-good,#ff0)}.score-widget-module__oaZyNW__miss{color:var(--ui-hit-miss,red)}@keyframes score-widget-module__oaZyNW__bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.score-widget-module__oaZyNW__progressSection{flex-direction:column;flex:1;gap:.25rem;max-width:200px;display:none}@media (min-width:640px){.score-widget-module__oaZyNW__progressSection{display:flex}}.score-widget-module__oaZyNW__progressHeader{justify-content:space-between;align-items:flex-end;gap:.25rem;display:flex}.score-widget-module__oaZyNW__progressLabel{color:var(--foreground);opacity:.4;text-transform:uppercase;font-size:.625rem;font-weight:700}.score-widget-module__oaZyNW__progressValue{font-variant-numeric:tabular-nums;font-size:.625rem;font-weight:900}.score-widget-module__oaZyNW__progressBarBg{background-color:rgba(var(--foreground-rgb),.1);border-radius:9999px;width:100%;height:.375rem;overflow:hidden}.score-widget-module__oaZyNW__progressBarFill{background-color:var(--foreground);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}
.page-module__Q6vsuW__actions{flex-direction:column;gap:1rem;width:100%;max-width:20rem;display:flex}@media (min-width:640px) and (max-height:600px){.page-module__Q6vsuW__actions{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:42rem;display:grid}}
.page-header-module__ZCPxYq__header{flex-shrink:0;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;max-width:64rem;margin-left:auto;margin-right:auto;padding:0 1.5rem;display:flex}@media (min-width:640px){.page-header-module__ZCPxYq__header{gap:1rem;padding-left:2rem;padding-right:2rem}}.page-header-module__ZCPxYq__title{font-size:var(--h1-size);color:var(--foreground);text-transform:uppercase;letter-spacing:-.05em;font-weight:900}.page-header-module__ZCPxYq__icon{width:2rem;height:2rem;color:var(--foreground)}@media (min-width:640px){.page-header-module__ZCPxYq__icon{width:2.5rem;height:2.5rem}}.page-header-module__ZCPxYq__spacer{flex:1}
.piano-keyboard-module__0dfQMG__container{grid-template-columns:repeat(calc(var(--end-unit) - var(--start-unit)),minmax(0,1fr));-webkit-user-select:none;user-select:none;grid-template-rows:2fr 1fr;grid-auto-columns:0;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.piano-keyboard-module__0dfQMG__key{appearance:none;border:var(--piano-key-border);box-sizing:border-box;cursor:default;grid-row:1/calc(3 - var(--is-black));width:100%;min-width:0;height:100%;z-index:var(--is-black);border-bottom-left-radius:calc(var(--piano-key-radius-white) - (var(--piano-key-radius-white) - var(--piano-key-radius-black))*var(--is-black));border-bottom-right-radius:calc(var(--piano-key-radius-white) - (var(--piano-key-radius-white) - var(--piano-key-radius-black))*var(--is-black));background-color:color-mix(in srgb,var(--piano-key-white),var(--piano-key-black)calc(var(--is-black)*100%));box-shadow:0 calc(var(--is-black)*4px)calc(var(--is-black)*6px)calc(var(--is-black)*-1px)#00000080;outline:none;justify-content:center;align-items:flex-end;padding-bottom:.5rem;display:flex;position:relative}.piano-keyboard-module__0dfQMG__key:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.piano-keyboard-module__0dfQMG__key[data-playback=true]:after{opacity:1;background-color:color-mix(in srgb,var(--piano-glow-playback-bg),var(--piano-glow-playback-bg)calc(var(--is-black)*100%))}.piano-keyboard-module__0dfQMG__key[data-live=true]:after{opacity:1;background-color:color-mix(in srgb,var(--piano-glow-live-bg),var(--piano-glow-live-bg)calc(var(--is-black)*100%))}.piano-keyboard-module__0dfQMG__key[data-live=true][data-playback=true]:after{background-color:var(--piano-glow-both-bg)}.piano-keyboard-module__0dfQMG__label{color:#94a3b8;pointer-events:none;font-size:10px;font-weight:900;position:relative}
.page-module___8aEwW__page{--header-height:0}.page-module___8aEwW__actions{flex-direction:column;align-items:stretch;gap:1.5rem;width:100%;max-width:20rem;display:flex}
.page-module__iVqxMG__page{--header-height:5rem;--footer-height:151px}@media (max-height:600px){.page-module__iVqxMG__page{--footer-height:91px}}
.stat-card-module__zvePZa__card{background-color:var(--ui-card-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--ui-card-border);flex-direction:column;justify-content:center;align-items:center;min-height:0;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0d}.stat-card-module__zvePZa__card:hover{background-color:rgba(var(--foreground-rgb),.1);border-color:rgba(var(--foreground-rgb),.3)}.stat-card-module__zvePZa__large{border-radius:1rem;padding:.75rem 0}@media (min-height:601px){.stat-card-module__zvePZa__large{border-radius:3rem;padding:2.5rem 0}}.stat-card-module__zvePZa__small{border-radius:.75rem;padding:.5rem}@media (min-height:601px){.stat-card-module__zvePZa__small{border-radius:2.5rem;padding:2rem}}.stat-card-module__zvePZa__label{color:var(--foreground);opacity:.5;text-transform:uppercase;letter-spacing:.15em;z-index:10;white-space:nowrap;margin-bottom:.125rem;font-size:.5rem;font-weight:700;position:relative}@media (min-height:601px){.stat-card-module__zvePZa__label{margin-bottom:.25rem;font-size:.75rem}}.stat-card-module__zvePZa__value{color:var(--foreground);letter-spacing:-.05em;font-variant-numeric:tabular-nums;z-index:10;font-weight:900;line-height:1;position:relative}.stat-card-module__zvePZa__large .stat-card-module__zvePZa__value{filter:drop-shadow(0 4px 12px #0000004d);font-size:2rem}@media (min-width:640px) and (min-height:400px){.stat-card-module__zvePZa__large .stat-card-module__zvePZa__value{font-size:2.5rem}}@media (min-height:601px){.stat-card-module__zvePZa__large .stat-card-module__zvePZa__value{font-size:4.5rem}}.stat-card-module__zvePZa__small .stat-card-module__zvePZa__value{text-align:center;font-size:1.25rem}@media (min-width:640px) and (min-height:400px){.stat-card-module__zvePZa__small .stat-card-module__zvePZa__value{font-size:1.5rem}}@media (min-height:601px){.stat-card-module__zvePZa__small .stat-card-module__zvePZa__value{font-size:3rem}}.stat-card-module__zvePZa__glossyOverlay{pointer-events:none;background:linear-gradient(#ffffff0d,#0000);position:absolute;inset:0}.stat-card-module__zvePZa__glow{background-color:rgba(var(--accent-primary-rgb),.1);filter:blur(40px);z-index:-1;border-radius:9999px;width:80%;height:80%;transition:background-color .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-height:601px){.stat-card-module__zvePZa__glow{filter:blur(80px)}}.stat-card-module__zvePZa__card:hover .stat-card-module__zvePZa__glow{background-color:rgba(var(--accent-primary-rgb),.2)}
.track-card-module__QDUbhG__card{text-align:left;cursor:pointer;scroll-snap-align:center;border:2px solid #0000;border-radius:1.5rem;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;width:280px;height:100%;padding:1.25rem;transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .3s,border-color .3s,box-shadow .3s;display:flex}@media (min-width:640px){.track-card-module__QDUbhG__card{width:360px;padding:1.5rem}}.track-card-module__QDUbhG__selected{background-color:var(--foreground);border-color:var(--foreground);box-shadow:var(--ui-btn-primary-shadow);transform:scale(1.1)}.track-card-module__QDUbhG__unselected{background-color:var(--ui-card-bg);border-color:var(--ui-card-border);color:var(--foreground);opacity:.8}.track-card-module__QDUbhG__unselected:hover{border-color:rgba(var(--foreground-rgb),.3);background-color:rgba(var(--foreground-rgb),.1)}.track-card-module__QDUbhG__header{align-items:center;gap:1rem;width:100%;display:flex}.track-card-module__QDUbhG__iconWrapper{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex}.track-card-module__QDUbhG__iconUnselected{background-color:rgba(var(--foreground-rgb),.1);color:rgba(var(--foreground-rgb),.5)}.track-card-module__QDUbhG__iconSelected{background-color:var(--background);color:var(--foreground)}.track-card-module__QDUbhG__icon{fill:currentColor;width:1.25rem;height:1.25rem}.track-card-module__QDUbhG__info{flex-direction:column;min-width:0;display:flex}.track-card-module__QDUbhG__name{white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:700;overflow:hidden}@media (min-width:640px){.track-card-module__QDUbhG__name{font-size:1.25rem}}.track-card-module__QDUbhG__artist{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.track-card-module__QDUbhG__textPrimary{color:var(--foreground)}.track-card-module__QDUbhG__textSecondary{color:rgba(var(--foreground-rgb),.6)}.track-card-module__QDUbhG__textInverted{color:var(--background)}.track-card-module__QDUbhG__textInvertedSecondary{color:rgba(var(--background-rgb),.7)}.track-card-module__QDUbhG__difficulty{text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;padding:.375rem .75rem;font-size:.625rem;font-weight:900}@media (min-width:640px){.track-card-module__QDUbhG__difficulty{font-size:.75rem}}.track-card-module__QDUbhG__difficultyUnselected{background-color:rgba(var(--foreground-rgb),.1);color:rgba(var(--foreground-rgb),.7)}.track-card-module__QDUbhG__difficultySelected{background-color:rgba(var(--background-rgb),.2);color:var(--background)}
