:root{--cubic-beizer:cubic-bezier(0.175,0.785,0.42,1.000);--bounce-beizer:cubic-bezier(.24,.66,.33,1.3);--accent:#0a89ff;--accent-dark:#0252b9;--accent-light:#5fb2ff;--accent-24:#0252b93d;--accent-bg:#0d2139;--text-red:#ff6161;--bg-color:#111;--card-bg:#1e1e1e;--np-bg:linear-gradient(0deg,#000,#000000fc 16.03%,#000000f5 29.38%,#000000e8 40.36%,#000000d6 49.28%,#000000c4 56.45%,#000000ad 62.18%,#00000096 66.78%,#00000080 70.55%,#00000069 73.82%,#00000052 76.88%,#0000003b 80.05%,#00000026 83.64%,#00000017 87.95%,#00000008 93.3%,#0000);--button-text:#fff;--button-red-bg:#c00b0b40;--button-red-text:#ffd5d5;--text:#fff;--text-long:#ffffffe6;--text-light:#fff9;--layer:#ffffff0f;--layer-01-op:#1f1f1f;--layer-02-op:#2b2b2b;--text-12:#ffffff1f;--slider-color:#ffffffb3;--outline-color:#00000080;--popup:#00000080;--yellow-text:#ffd000;--darkMode-accent-light:#5fb2ff;--darkMode-accent-24:#0252b93d;--large-box-shadow:0px 16px 48px #0000000f,0px 8px 16px #0000000f,0px 2px 4px #0000000f;color-scheme:dark}@media(prefers-color-scheme:light){:root{--accent:#0084ff;--accent-dark:#0252b9;--accent-light:#004381;--accent-24:#0252b93d;--accent-bg:#c2d6ee;--bg-color:#fff;--card-bg:#fff;--np-bg:linear-gradient(0deg,#fff,#0000);--button-text:#fff;--button-red-bg:#c00b0b40;--button-red-text:#500000;--text:#000;--text-long:#000000e6;--text-light:#0009;--layer:#4778b81f;--layer-01-op:#e9eff6;--layer-02-op:#d6e1ee;--text-12:#0000001f;--slider-color:#000000b3;--outline-color:#0003;--popup:#ffffff80;--yellow-text:#946000;--large-box-shadow:0px 16px 48px #15305308,0px 8px 16px #15305308,0px 1px 2px #0d1b2e03;color-scheme:light}}body.red{--accent:#e71111;--accent-dark:#b90202;--accent-light:#ff9191;--accent-24:#8505053d;--accent-bg:#2c0808;--darkMode-accent-light:#ff9191;--darkMode-accent-24:#8505053d}@media(prefers-color-scheme:light){body.red{--accent:#e71111;--accent-dark:#c71818;--accent-light:#460e0e;--accent-24:#8505053d;--accent-bg:#ff9d9d;--large-box-shadow:0px 16px 48px #5315150f,0px 8px 16px #5315150f,0px 1px 2px #2e0d0d05;--layer:#b847471f;--layer-01-op:#f6e9e9;--layer-02-op:#eed6d6}}body.orange{--accent:#e75511;--accent-dark:#b93c02;--accent-light:#ffb991;--accent-24:#8529053d;--accent-bg:#2c1308;--darkMode-accent-light:#ffb991;--darkMode-accent-24:#8529053d}@media(prefers-color-scheme:light){body.orange{--accent:#e74e11;--accent-dark:#c74a18;--accent-light:#46200e;--accent-24:#8538053d;--accent-bg:#ffb99d;--large-box-shadow:0px 16px 48px #532e150f,0px 8px 16px #532e150f,0px 1px 2px #2e190d05;--layer:#b867471f;--layer-01-op:#f6ede9;--layer-02-op:#eeddd6}}body.yellow{--accent:#ffd000;--accent-dark:#836b00;--accent-light:#fffd91;--accent-24:#8583053d;--accent-bg:#2c2a08;--darkMode-accent-light:#fffd91;--darkMode-accent-24:#8583053d}@media(prefers-color-scheme:light){body.yellow{--accent:#837a00;--accent-dark:#c7a718;--accent-light:#463c0e;--accent-24:#857d053d;--accent-bg:#fff59d;--large-box-shadow:0px 16px 48px #533a150f,0px 8px 16px #532e150f,0px 1px 2px #2e190d05;--layer:#b8ad471f;--layer-01-op:#f6f5e9;--layer-02-op:#eeecd6}}body.green{--accent:#00be00;--accent-dark:#060;--accent-light:#91ff91;--accent-24:#0977093d;--accent-bg:#082c08;--darkMode-accent-light:#91ff91;--darkMode-accent-24:#0977093d}@media(prefers-color-scheme:light){body.green{--accent:green;--accent-dark:#186618;--accent-light:#0e460e;--accent-24:#0585053d;--accent-bg:#9dff9d;--large-box-shadow:0px 16px 48px #15531508,0px 8px 16px #15531508,0px 1px 2px #0d2e0d03;--layer:#47b8471f;--layer-01-op:#e9f6e9;--layer-02-op:#d6eed6}}body.violet{--accent:#c72fc7;--accent-dark:#606;--accent-light:#ff91ff;--accent-24:#8505503d;--accent-bg:#21082c;--darkMode-accent-light:#ff91ff;--darkMode-accent-24:#8505503d}@media(prefers-color-scheme:light){body.violet{--accent:purple;--accent-dark:#661866;--accent-light:#460e46;--accent-24:#8505853d;--accent-bg:#9d9dff;--large-box-shadow:0px 16px 48px #00000008,0px 8px 16px #00000008,0px 1px 2px #00000003;--layer:#4747b81f;--layer-01-op:#e9e9f6;--layer-02-op:#d6d6ee}}body.white{--accent:#e4e4e4;--accent-dark:#fff;--accent-light:#fff;--accent-24:#8080803d;--accent-bg:#242424;--button-text:#000;--darkMode-accent-light:#fff;--darkMode-accent-24:#8080803d}@media(prefers-color-scheme:light){body.white{--accent:#2e2e2e;--accent-dark:#000;--accent-light:#161616;--accent-24:#00000029;--accent-bg:#9d9dff;--large-box-shadow:0px 16px 48px #00000008,0px 8px 16px #00000008,0px 1px 2px #00000003;--layer:#0000000f;--button-text:#fff;--layer-01-op:#f0f0f0;--layer-02-op:#e2e2e2}}html{background:#000;color:var(--text);font-family:Inter,Noto Color Emoji,sans-serif;overscroll-behavior:none}body,html{overflow:clip}body{--insetTop:env(safe-area-inset-top,0px);--insetBottomR:env(safe-area-inset-bottom,0px);--insetBottom:max(var(--insetBottomR) - 8px,0px);height:100dvh;-webkit-user-select:none;user-select:none}a,button,img,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}img{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-user-select:none;-o-user-select:none;user-select:none}.mixedText{display:flex;flex-wrap:wrap;white-space:pre-wrap}.mixedText p{line-height:24px}.material-symbols-outlined{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}span.material-symbols-outlined.fillable{font-variation-settings:"FILL" 0;transition:font-variation-settings .2s}span.material-symbols-outlined.fillable.filled{font-variation-settings:"FILL" 1}body.blurStatusBar .statusBarBlur,body.blurStatusBar .statusBarBlur:before{background:#0000;height:var(--insetTop);left:0;position:fixed;top:0;width:100vw;z-index:1}body.blurStatusBar .statusBarBlur:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);content:"";-webkit-mask-image:linear-gradient(0deg,#0000,#fff 30%);mask-image:linear-gradient(0deg,#0000,#fff 30%)}body.blurStatusBar .statusBarBlur:after{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000;content:"";height:var(--insetTop);left:0;-webkit-mask-image:linear-gradient(0deg,#0000,#fff 80%);mask-image:linear-gradient(0deg,#0000,#fff 80%);position:fixed;top:0;width:100vw;z-index:2}.MainView.inactive{display:none}.MainView{background-color:var(--bg-color);border-radius:0;box-sizing:border-box;contain:strict;display:flex;flex-direction:column;gap:16px;height:100lvh;left:0;overflow-x:clip;overflow-y:scroll;padding:24px;padding-bottom:calc(216px + var(--insetBottom));padding-top:calc(24px + var(--insetTop));top:0;transform-origin:center top;transition:.5s opacity,.5s border-top-left-radius,.5s border-top-right-radius,.5s transform var(--cubic-beizer)}@media(max-width:512px){#app:has(.NowPlaying.stateExpanded)>.NPBackground,#app:has(.PopupCard.expanded)>.NPBackground{opacity:0}}@media(max-width:767px){#app:has(.NowPlaying.stateExpanded)>.MainView:not(.inactive),#app:has(.PopupCard.expanded)>.MainView:not(.inactive){border-top-left-radius:calc(24px*(1 - var(--scaleY))*10);border-top-right-radius:calc(24px*(1 - var(--scaleY))*10);opacity:calc(.9 - (1 - var(--scaleY))*10*.2);overflow:hidden;transform:translateY(calc(var(--insetTop)*(1 - var(--scaleY))*10)) scale(var(--scaleY))}#app:has(.NowPlaying.stateExpanded.pullDownHold)>.MainView:not(.inactive),#app:has(.PopupCard.expanded.pullDownHold)>.MainView:not(.inactive){transition:.1s opacity,.2s transform var(--cubic-beizer)}}@media(prefers-color-scheme:light)or (min-width:768px){#app:has(.NowPlaying.stateExpanded)>.MainView:not(.inactive){opacity:calc(.8 - (1 - var(--scaleY))*10*.3)}}h1{font-size:40px;font-weight:600;line-height:1.2;margin-top:24px}h2{font-size:32px}h2,h3{font-weight:600;line-height:1.2;margin-top:8px}h3{font-size:24px}h4{font-size:20px}h4,h5{font-weight:600;line-height:1.2}h5{font-size:18px}p{word-wrap:break-word;color:var(--text);font-size:16px;line-height:1.2}p.paragraph{color:var(--text-long);white-space:pre-wrap}a{background:var(--accent-24);border-radius:6px;color:var(--accent-light);padding:0 4px}a,a.fakeLink{text-decoration:none}a.fakeLink{background:unset;border-radius:0;color:unset;padding:0}body.hasHover a.fakeLink:hover{text-decoration:underline}.ListElement,.ListView{box-sizing:border-box;display:flex;flex-direction:column}.ListElement{border-bottom:1px solid var(--text-12);cursor:default;gap:8px;justify-content:center;min-height:64px;padding:8px 0;position:relative;transition:transform .2s ease-out}.ListElement:last-child{border-bottom:none;padding-bottom:8px}.ListElement:active{filter:brightness(.5);transform:scale(.97);transition:transform .1s ease-in-out,filter .1s ease-in-out}.horizontal.twopane{align-items:flex-start}.horizontal.spaced{justify-content:space-between}.horizontal{align-items:center;display:flex;flex-direction:row;gap:8px}.horizontal.wrap{flex-wrap:wrap}.horizontal>img{background:var(--layer);border-radius:6px;height:48px;width:48px}.horizontal.fadeHoriz{height:32px;margin:0 -24px;max-width:100%;min-height:32px;overflow-x:scroll;padding:0 24px;width:100%}.horizontal.fadeHoriz .chip{text-wrap:nowrap;overflow:visible;scroll-margin-inline:24px;scroll-margin-inline-end:64px;width:-webkit-max-content;width:max-content}.horizontal.fadeHoriz::-webkit-scrollbar{display:none}.horizontal.fadeHoriz .chip:last-child{margin-right:64px}.ListElement p.title{font-size:20px;font-weight:600}.stackedText{align-items:center;display:flex;flex-direction:column;overflow-x:hidden;width:100%}.stackedText.noWrap{align-items:flex-start;height:auto;overflow:hidden}.stackedText:not(.noWrap)>p{text-wrap:nowrap;height:auto;height:20px;line-height:20px;overflow:hidden;width:100%}.stackedText.large{align-items:flex-start;display:flex;flex-direction:column;gap:4px;overflow:unset;width:100%}p{gap:4px}p.light{color:var(--text-light)}p.bold{font-weight:600}p.large{font-size:18px}p.small{font-size:14px}p.newlines{white-space:pre-wrap}p.fadeLimit{max-height:64px}p.fadeLimit.tall{max-height:128px}p.fade{mask-image:linear-gradient(180deg,#fff 30%,#fff0);-webkit-mask-image:linear-gradient(180deg,#fff 30%,#fff0);max-height:64px}p.fade.tall{mask-image:linear-gradient(180deg,#fff 70%,#fff0);-webkit-mask-image:linear-gradient(180deg,#fff 70%,#fff0);max-height:128px}p.heightTests{max-height:132px}p.fadeHoriz{mask-image:linear-gradient(90deg,#fff 90%,#fff0);-webkit-mask-image:linear-gradient(90deg,#fff 90%,#fff0)}p.yellow{color:var(--yellow-text)}p.red{color:var(--text-red)}@media(prefers-color-scheme:light){p.yellow{font-weight:450}}span.light{color:var(--text-light)}span.yellow{color:var(--yellow-text)}span.red{color:var(--text-red)}.buttonHeader{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between}.buttonHeader h1,.buttonHeader h2,.buttonHeader h3,.buttonHeader h4,.buttonHeader h5,.buttonHeader h6{width:100%}.Overlay{background:#0000;height:100lvh;left:0;position:absolute;top:0;width:100vw;z-index:3}button{align-items:center;background:var(--accent-dark);border:none;border-radius:12px;border-radius:100vw;box-sizing:border-box;color:var(--button-text);cursor:default;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:8px;height:40px;min-height:40px;padding:0 24px;touch-action:none;transition:transform .1s,filter .1s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body.hasHover button:hover{filter:contrast(.8) brightness(1.2)}button:active{filter:contrast(1.2) brightness(.8);transform:scale(.97)}button.secondary{background:var(--accent-24);color:var(--accent-light);font-weight:500}body.hasHover button.disabled,button.disabled{filter:opacity(.5) saturate(0);pointer-events:none;transform:scale(1)}button.small{height:36px;min-height:36px;padding:0 12px}button.small:has(span){padding:0 16px 0 8px}button.small.icon{padding:0 8px}button.secondary:active{opacity:.5}button.red{background:var(--button-red-bg);color:var(--button-red-text)}button.discrete{background:var(--layer);color:var(--text);transition:opacity .1s,transform .1s}button.discrete:active,button.transparent:active{opacity:.5;transform:scale(.9)}button.transparent{background:none;transition:opacity .1s,transform .1s}button.label{background:none;border-radius:12px;color:var(--accent);font-size:16px;transition:background .2s,color .1s}body.hasHover button.label{transition:opacity .1s,transform .1s,background .2s,color .1s}body.hasHover button.label:active,button.label:active{background:var(--accent-24)!important;color:var(--accent);filter:none;transform:none}button.icon,button.icon:has(>span){max-width:40px;padding:8px}button:has(>span){padding:0 24px 0 16px}button.back{color:var(--text)}body.hasHover button.back,body.hasHover button.label{transition:background-color .1s}body.hasHover button.back:hover,body.hasHover button.label:hover{background:var(--layer)}button:focus{outline:none}button:focus-visible{outline:4px solid var(--accent-dark)}.iconWrapper{background:var(--layer);border-radius:100vw;box-sizing:initial;height:24px;padding:8px;width:24px}.iconWrapper.large{padding:16px}.iconWrapper.largeIcon{height:48px;width:48px}.iconWrapper.largeIcon>span{font-size:48px}.menu{align-items:center;background:var(--layer);border-radius:24px;display:flex;gap:8px;outline:1px solid var(--text-12);padding:8px 16px;transition:transform .1s ease-in-out,filter .1s ease-in-out}.menu .stackedText{text-wrap:wrap;gap:4px;overflow:auto}.menu .stackedText p{text-wrap:wrap;height:auto;line-height:auto;overflow:auto;width:100%}.menu:active{filter:brightness(.5);transform:scale(.97)}.menu.large{padding:16px}.validityDisplay{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:4px;height:32px;margin-top:-8px;padding-inline:16px;transition:.2s height var(--cubic-beizer),.2s filter}.validityDisplay p,.validityDisplay span{color:var(--text-red)!important}.validityDisplay p{font-size:16px}.validityDisplay.valid{filter:opacity(0) blur(5px);height:0}.chip{align-items:center;background:var(--accent-24);border-radius:12px;color:var(--accent-light);cursor:default;display:flex;font-size:16px;font-weight:500;gap:8px;line-height:1.1;margin:0;min-height:24px;padding:4px 8px;scroll-margin-inline-end:56px;scroll-margin-inline-start:24px;transition:filter .2s,transform .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.chip span.isSelected{margin-left:-32px;opacity:0;transform:scale(0);transform-origin:right center;transition:opacity .3s,margin-left .3s,transform .3s}.chip.active{background:var(--accent-dark);color:var(--button-text)}.chip.active span.isSelected{margin-left:0;opacity:1;transform:scale(1);transition:opacity .3s,margin-left .3s,transform .3s}body.hasHover .chip.clickable:hover{filter:brightness(1.2);transform:scale(1.01)}.chip.clickable:active,body.hasHover .chip.clickable:active{filter:brightness(.5);transform:scale(.98);transition:filter .05s,transform .1s}.chip.clear-all{margin-left:-48px;transform-origin:right center;transition:filter .2s,transform .2s,margin-left .3s}.chip.clear-all,.chip.clear-all:not(.visible):active,body.hasHover .chip.clear-all:not(.visible):hover{transform:scale(0)}.chip.clear-all.visible{margin-left:0;transform:scale(1)}.scrollButton{background:var(--accent-dark);border-radius:12px;box-sizing:border-box;cursor:default;height:32px;justify-content:center;min-height:0;opacity:0;padding:0;position:fixed;width:40px;z-index:3}.scrollButton.active{opacity:1}.scrollButton.left{left:12px}.scrollButton.right{right:12px}.separator{background:var(--layer);box-sizing:border-box;height:1px;margin:0 16px;min-height:1px;padding:0;width:calc(100% - 32px)}.gameWrapper{display:flex;flex-direction:column;gap:16px}input[type=radio].color{min-width:40px;transition:min-width .3s var(--cubic-beizer)}input[type=radio].color,input[type=radio].color:checked{align-items:center;-webkit-appearance:none;appearance:none;border-radius:100px;display:flex;height:40px;justify-content:center;margin:0;padding:0;position:relative}input[type=radio].color:checked{min-width:80px}input[type=radio].color:focus{outline:none}input[type=radio].color:before{color:var(--button-text);content:"check";font-family:Material Symbols Outlined;font-size:24px;font-variation-settings:"OPSZ" 24;font-weight:600;transition:transform .2s ease}input[type=radio].color:active:checked:before,input[type=radio].color:focus-visible:before{transform:scale(.7)}input[type=radio].color:before{transform:scale(0)}input[type=radio].color:checked:before{transform:scale(1)}body.hasHover input[type=radio].color:hover:after,input[type=radio].color:focus-visible:after{transform:scale(.7)}body.hasHover input[type=radio].color:active:after,input[type=radio].color:active:after{transform:scale(.9)}input[type=radio].color:after{background:var(--layer-01-op);border-radius:100px;content:"";height:40px;left:0;min-width:40px;opacity:1;position:absolute;top:0;transform:scale(.8);transition:transform .2s ease,opacity .2s ease}input[type=radio].color:checked:after{opacity:0;transform:translate(50%) scale(.1)!important}.gameWrapper{animation:gameWrapperSlideIn .5s var(--cubic-beizer)}@keyframes gameWrapperSlideIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:none}}input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0000;border-radius:100vw;box-shadow:inset 0 0 0 2px var(--text-light);box-sizing:border-box;height:32px;margin:0;min-height:32px;min-width:48px;pointer-events:all;position:relative;transition:.3s box-shadow var(--cubic-beizer);width:48px}input[type=checkbox]:active{box-shadow:inset 0 0 0 4px var(--text-light)}input[type=checkbox]:checked:active{box-shadow:inset 0 0 0 21px var(--accent-dark)}input[type=checkbox]:after{background:var(--text-light);border-radius:50%;content:"";height:24px;left:4px;position:absolute;top:4px;transform:scale(.6);transition:background-color .2s ease,transform .15s ease,border-radius .15s ease;width:24px;z-index:2}input[type=checkbox]:checked{box-shadow:inset 0 0 0 21px var(--accent-dark)}input[type=checkbox]:checked:after{background:var(--button-text);transform:translate(16px)}input[type=checkbox]:checked:active:after{transform:translate(16px) scale(.9)}.colorPickerContainer{display:flex;gap:8px;margin:0 -16px;overflow:auto;padding:0 16px}.colorPickerContainer::-webkit-scrollbar{display:none}::view-transition-new(root),::view-transition-old(root){animation-duration:.1s}.centerTabs{--button-width:56px;--selected:1;background:var(--layer);border-radius:100px;box-shadow:inset 0 0 0 1px var(--layer);box-sizing:border-box;display:flex;flex-direction:row;gap:0;height:40px;margin-inline:auto;min-height:40px;overflow:hidden;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.centerTabs button{background:none;color:var(--text-light);margin:0;padding:0 16px;transition:color .1s,transform .1s;width:var(--button-width);z-index:1}.centerTabs button:active{transform:scale(.9)!important}.centerTabs button.active{color:var(--button-text)}.centerTabs:has(button:not(.active):active):after{opacity:.5;transform:scale(.8)}.centerTabs:after{background:var(--accent-dark);border-radius:100vw;content:"";height:40px;left:calc((var(--selected) - 1)*var(--button-width));pointer-events:none;position:absolute;transition:left .2s var(--cubic-beizer),transform .2s,opacity .1s;width:var(--button-width)}.centerTabs:has(button.active:first-child){--selected:1}.centerTabs:has(button.active:nth-child(2)){--selected:2}.centerTabs:has(button.active:nth-child(3)){--selected:3}.centerTabs:has(button.active:nth-child(4)){--selected:4}.centerTabs:has(button.active:nth-child(5)){--selected:5}.centerTabs:has(button.active:nth-child(6)){--selected:6}.centerTabs:has(button.active:nth-child(7)){--selected:7}.centerTabs:has(button.active:nth-child(8)){--selected:8}.centerTabs:has(button.active:nth-child(9)){--selected:9}.centerTabs:has(button.active:nth-child(10)){--selected:10}.animationFadeIn{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.topSearchResult{align-items:center;background:var(--layer);border-radius:16px;display:flex;flex-direction:row;padding:8px;transition:transform .1s,filter .1s}.searchResult img,.topSearchResult img{background:var(--layer);border-radius:8px}.topSearchResult>.stackedText{gap:4px;padding:8px}.topSearchResult:active{filter:brightness(.5);transform:scale(.97)}.historyResult{align-items:center;animation:resultPopIn .3s forwards var(--listIndex,0s) ease;border-bottom:1px solid var(--text-12);box-sizing:border-box;display:flex;flex-direction:row;gap:8px;min-height:24px;opacity:0;padding:8px 0;transition:transform .1s,filter .1s}.historyResult span{opacity:.6}.MainView.search>.horizontal:has(h1){margin-top:26px;position:relative}.MainView.search>.horizontal:has(h1)>h1{pointer-events:none;position:absolute;top:-26px;transform-origin:bottom left;transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:var(--cubic-beizer)}.MainView.search>.horizontal:has(h1)>h2{opacity:0;pointer-events:none;transform:translateX(25vw);transform-origin:left bottom;transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:var(--cubic-beizer)}.MainView.search>.horizontal:has(h1)>button{opacity:0;transform:scale(0) translateX(25vw);transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:var(--cubic-beizer)}.MainView.search.loaded>.horizontal:has(h1)>h1{opacity:0;transform:scale(1) translate(-12vw,4px)}.MainView.search.loaded>.horizontal:has(h1)>h2{opacity:1;transform:none}.MainView.search.loaded>.horizontal:has(h1)>button{opacity:1;transform:none}@keyframes resultPopIn{0%{opacity:0}to{opacity:1}}.historyResult:last-child{border-bottom:none}.historyResult:active{filter:brightness(.5);transform:scale(.97)}:root{--album-scale:1}.OverlayNP{background:#0000;height:100lvh;left:0;position:absolute;top:0;width:100vw;z-index:1}.NPBackground{background:var(--np-bg);height:calc(164px + var(--insetBottom));transition:height 1s;width:100vw;z-index:1}.NPBackground,.NowPlaying{bottom:0;left:0;pointer-events:none;position:fixed;width:100svw}.NowPlaying{--offsetY:0px;--slideInTime:0.3s;--slideOutTime:0.3s;border-radius:24px;box-sizing:border-box;contain:strict;height:calc(100% - 32px - var(--insetTop));max-height:calc(100% - 32px - var(--insetTop));overflow:clip;transform:translateY(calc(-72px - var(--insetBottom)));transition:.8s transform var(--cubic-beizer);z-index:4}.NowPlaying.stateExpanded{transform:translate(0);transition:var(--slideInTime) transform var(--cubic-beizer)}@media(max-width:767px){#app:has(>.MainView.inmersive)>.NowPlaying{opacity:0;pointer-events:none;transform:scale(.9) translate(0);transition:.4s transform var(--cubic-beizer) .1s,.4s opacity var(--cubic-beizer) .2s}#app:has(>.MainView.inmersive)>.NowPlaying>.collapsed,#app:has(>.MainView.inmersive)>.NowPlaying>.expanded{pointer-events:none}#app:has(>.MainView.inmersive)>.NPBackground{height:calc(88px + var(--insetBottom))}.NowPlaying:active{will-change:transform}}.NowPlaying.stateExpanded.pullDownHold>.expanded{transform:translateY(var(--offsetY,0));transition:none;will-change:transform}.NowPlaying>.collapsed,.NowPlaying>.expanded{bottom:0;box-sizing:border-box;display:flex;left:0;position:absolute;width:100%}.NowPlaying.stateExpanded>.collapsed{pointer-events:none}.NowPlaying.stateExpanded>.expanded{filter:none;opacity:1;pointer-events:all;transform:none;transition:var(--slideInTime) transform var(--cubic-beizer)}.NowPlaying .stackedText.large{color:var(--text);gap:2px}.NowPlaying .stackedText.large .title{font-size:24px!important}.NowPlaying .stackedText.large p{color:var(--text-light)}.NowPlaying .stackedText.large>.smallbold{font-size:14px;font-weight:600;text-transform:uppercase}.NowPlaying .stackedText.large p,.NowPlaying .stackedText.large>.title{font-size:18px;height:auto;line-height:normal;overflow:visible}.NowPlaying>.expanded{background:var(--card-bg);border-radius:24px;flex-direction:column;gap:16px;height:100%;justify-content:space-evenly;opacity:0;padding:24px;padding-bottom:calc(24px + var(--insetBottom));pointer-events:none;transform:scaleX(.9) translateY(calc(100% - 64px));transition:.3s transform var(--cubic-beizer),var(--slideOutTime) opacity var(--slideOutTime);z-index:1}.NowPlaying>.collapsed{align-items:center;background:var(--card-bg);border-radius:16px;box-shadow:0 0 0 1px var(--outline-color);gap:4px;height:64px;padding:16px 8px 16px 16px;pointer-events:all;transform:translate(16px);width:calc(100% - 32px)}.NowPlaying.stateExpanded.pullDownHold>.expanded>.lyrics{overflow:hidden}@media(prefers-color-scheme:light){.NowPlaying>.collapsed{bottom:1px}}.NowPlaying>.expanded>button.close{background:#0000;border:none;height:24px;left:0;margin:0;position:absolute;top:0;width:100%}.NowPlaying>.expanded>button.close:after{background:var(--text-light);border-radius:100vw;content:"";height:4px;left:calc(50% - 20px);opacity:0;position:absolute;top:11px;transform:scaleX(1);transition:transform .1s;width:40px}.NowPlaying.stateExpanded>.expanded>button.close:after{opacity:1}.NowPlaying.pullDownHold.stateExpanded>.expanded>button.close:after{transform:scaleX(.8)}.NowPlayingControls{align-items:center;display:flex;gap:24px;justify-content:center;padding-bottom:8px;width:100%}.PlayPauseButton{background-color:var(--layer);border:none;border-radius:40px;color:var(--text);min-height:48px;min-width:48px;overflow:hidden;position:relative;transition:background-color .1s,transform .1s,border-radius .3s ease}.PlayPauseButton.active{transform:scale(.95)}.PlayPauseButton.big{min-height:72px;min-width:72px}.PlayPauseButton.big.play{border-radius:24px}.PlayPauseButton.big>span{font-size:40px;font-variation-settings:"opsz" 48,"FILL" 1;left:16px;opacity:0;top:16px}.PlayPauseButton.big.play.active{background-color:var(--text-12);border-radius:32px}.PlayPauseButton:not(.play).active{background-color:var(--text-12);border-radius:24px}.PlayPauseButton>span{left:12px;opacity:0;position:absolute;top:12px;transform:scale(.5);transition:opacity .2s,transform .2s}.PlayPauseButton.buffering>span.buffering,.PlayPauseButton.pause>span.play,.PlayPauseButton.play>span.pause,.PlayPauseButton.replay>span.replay{opacity:1;transform:scale(1)}.NowPlayingProgressBar,.NowPlayingVolumeBar{color:var(--slider-color);display:flex;position:relative;-webkit-user-select:none;user-select:none;width:100%}.NowPlayingVolumeBar{align-items:center;flex-direction:row;gap:4px}.NowPlayingProgressBar{flex-direction:column;gap:8px;margin-bottom:-8px}.NowPlayingProgressBar:after{--l01:#3a3a3a;--l02:#646464;animation:none;background:linear-gradient(90deg,var(--l01),var(--l01),var(--l01),var(--l02),var(--l02),var(--l01),var(--l01),var(--l01),var(--l02),var(--l02),var(--l01));background-position-x:200%;background-repeat:repeat;background-size:0 200%;border:4px solid var(--card-bg);border-radius:100px;content:"";height:8px;left:-4px;opacity:0;pointer-events:none;position:absolute;top:-2px;transition:opacity .4s;width:100%}.NowPlayingProgressBar.loading:after{animation:NowPlayingProgressBarLoading 3s linear infinite;opacity:1}@media(prefers-color-scheme:light){.NowPlayingProgressBar:after{--l01:#cdd2d8;--l02:#9ca0a4}}@keyframes NowPlayingProgressBarLoading{0%{background-position-x:200%}to{background-position-x:0}}.NowPlayingProgressBar>input,.NowPlayingVolumeBar>input{--active-color:var(--slider-color);-webkit-appearance:none;appearance:none;background:var(--text-12);border-radius:100px;box-sizing:border-box;cursor:pointer;height:8px;margin-inline:0;overflow:hidden;width:100%}.active>input{--active-color:var(--text)}input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--active-color);border:none;border-radius:0;box-shadow:-2000px 0 0 2000px var(--active-color);height:8px;width:1px}input::-moz-range-thumb{background:var(--active-color);border:none;border-radius:100px;box-shadow:-2000px 0 0 2000px var(--active-color);height:8px;width:1px}.times{display:flex;flex-direction:row;justify-content:space-between}.times>p{color:inherit;font-size:14px;font-weight:600}.ScrubButton>span.secondary{background-color:var(--layer-02-op);border-radius:16px;box-shadow:0 0 24px #0000004d;margin:-8px;opacity:0;padding:8px;pointer-events:none;position:absolute;touch-action:none;transform:scale(.1);z-index:2}@media(prefers-color-scheme:light){.ScrubButton>span.secondary{border:1px solid var(--outline-color)}}.ScrubButton>span{-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .4s ease,opacity .2s ease}.ScrubButton.big{align-items:center;background:var(--layer);border-radius:24px;box-sizing:border-box;display:flex;height:56px;justify-content:center;width:56px}.ScrubButton.big>span{font-size:32px;font-variation-settings:"opsz" 48,"FILL" 1}.ScrubButton{background-color:#0000;border-radius:100vw;color:var(--text);min-height:48px;min-width:48px;padding:12px;touch-action:none}.ScrubButton,.ScrubButton.active{transition:background-color .1s,transform .4s,box-shadow .1s}.ScrubButton.active{-webkit-tap-highlight-color:rgba(0,0,0,0);animation:scrubSpeedUp 1s ease;background-color:var(--text-12);box-shadow:0 0 15px #0000;filter:none!important;transform:scale(1.2) translateY(0)}.ScrubButton.active>span{opacity:0;transform:translateY(-64px) scale(1);transition:transform .4s ease .2s,opacity .2s ease .2s}.ScrubButton.active>span.secondary{opacity:1;transform:translateY(-64px)}@keyframes scrubSpeedUp{0%{box-shadow:0 0 0 #0000;transform:scale(1)}17%{box-shadow:0 0 3px #0000004d;transform:scale(1.05)}30%{box-shadow:0 8px 15px #0003;transform:scale(1.3) translateY(-3px)}to{box-shadow:0 0 15px #0000;transform:scale(1.2) translateY(0)}}.NowPlaying .horizontal img{height:64px;width:64px}@media(prefers-color-scheme:light){.NowPlaying .PlayPauseButton,.NowPlaying .ScrubButton.big{border:1px solid var(--outline-color);box-sizing:border-box}}div.lyrics:not(.screen){background:var(--layer);border-radius:16px;box-sizing:border-box;margin:0 -8px;padding:16px}div.lyrics:not(.screen) .syncedLyrics,div.lyrics:not(.screen) p#lyrics{font-size:20px;font-weight:600;line-height:1.5;pointer-events:all;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.screen{background:var(--layer);border-radius:16px;box-sizing:border-box;contain:strict;flex:1 1;height:auto;margin:0 -8px;overflow:auto;overscroll-behavior-x:none;padding:16px;pointer-events:none;scroll-behavior:smooth;width:calc(100% + 16px)}.screen .infoView,.screen .queueView,.screen .syncedLyrics,.screen p#lyrics{transform-origin:top center;width:100%}.screen .syncedLyrics,.screen p#lyrics{font-size:20px;font-weight:600;left:16px;line-height:1.5;padding-bottom:24px;top:16px;white-space:pre-wrap}.screen .details{padding-bottom:24px}.screen.info .infoView,.screen.lyrics>.syncedLyrics,.screen.lyrics>p#lyrics,.screen.queue>.queueView{animation:screenTransition .2s ease;box-sizing:border-box;flex:1 1;height:100%;opacity:1;pointer-events:all;transform:none}.screen.lyrics>p#lyrics{height:-webkit-max-content;height:max-content}.screen>.infoView{display:flex;flex-direction:column;padding-bottom:24px}.screen>.infoView>h4{padding-bottom:8px;padding-top:8px}.screen>.infoView>p{color:var(--text);font-size:16px;font-weight:400;line-height:1.4;white-space:pre-wrap}.screen>.queueView{display:flex;flex-direction:column;gap:8px;padding-bottom:24px}.screen>.queueView button.icon.label{color:var(--text-light)}.screen>.queueView button.icon.label.active{background:var(--accent-24);color:var(--accent-light)}@keyframes screenTransition{0%{transform:scale(.9)}to{transform:none}}.NowPlayingPlaybackController{display:flex;flex-direction:column;gap:16px;position:relative}.NowPlaying.stateExpanded .screen{pointer-events:all}@media(max-width:767px){.NowPlaying>.expanded>.horizontal>h4{transform-origin:left center;transition:transform .1s,font-weight .2s}.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{font-weight:400;transform:scale(.9,.8) translate(-14px,-16px);transition:transform .4s,font-weight .2s}}@media(max-width:380px){.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{transform:scale(.9,.74) translate(-12px,-16px)}}@media(min-width:420px)and (max-width:767px){.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{transform:scale(.88,.74) translate(-12px,-16px)}}@media(min-width:440px)and (max-width:767px){.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{transform:scale(.89,.78) translate(-14px,-16px)}}@media(min-width:460px)and (max-width:767px){.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{transform:scale(.89,.78) translate(-16px,-16px)}}@media(min-width:480px)and (max-width:767px){.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{transform:scale(.886,.78) translate(-16px,-16px)}}@media(min-width:512px)and (max-width:767px){.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{transform:scale(.88,.75) translate(-12px,-16px)}}@media(min-width:600px)and (max-width:767px){.NowPlaying:not(.stateExpanded)>.expanded>.horizontal>h4{transform:scale(.88,.75) translate(-16px,-16px)}}.screen{opacity:0;transition:opacity .2s}.NowPlaying.stateExpanded .screen{opacity:1}body.hasHover .syncedLyrics h2:hover{opacity:.6}h2.lyricLike{margin:0}h2.lyricLike,h2.lyricLike.hidden{color:var(--text);font-size:20px;font-weight:600}h2.lyricLike.hidden{animation:blurFadeAni 5s ease infinite;filter:blur(4px);margin:8px 0}@keyframes blurFadeAni{0%{filter:hue-rotate(0deg) blur(4px) opacity(.3);transform:translateY(-2px)}50%{filter:hue-rotate(180deg) blur(5px) opacity(.5);transform:translateY(1px)}to{filter:hue-rotate(1turn) blur(4px) opacity(.3);transform:translateY(-2px)}}.syncedLyrics{--lyricSize:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--lyricSize)*1);height:100%;overflow:visible;padding:8px;width:100%}.syncedLyrics h2{--defScale:0.98;-webkit-tap-highlight-color:rgba(0,0,0,0);animation-delay:calc(var(--index)*35ms);color:var(--text);cursor:pointer;font-size:var(--lyricSize,24px);font-weight:600;margin-bottom:0;margin-top:0;opacity:.4;scroll-margin-top:72px;transform:scale(var(--defScale));transform-origin:left top;transition:opacity .2s ease,transform .3s ease,filter .4s ease,padding .2s ease;-webkit-user-select:none;user-select:none}.syncedLyrics h2:active{opacity:.6}.syncedLyrics h2:first-child{padding-top:48px}.syncedLyrics h2.active:first-child,.syncedLyrics h2.next:nth-child(2){animation:none}.syncedLyrics h2.active{animation:lyricPaddingEffect .5s ease forwards;opacity:1;padding:calc(var(--lyricSize)/3) 0;transform:scale(1);will-change:transform,opacity}.syncedLyrics h2.next{animation:lyricPaddingEffect2 .6s ease forwards;will-change:transform,opacity}.syncedLyrics h2.previous{animation:none;transform:scale(var(--defScale));will-change:transform,opacity}.syncedLyrics h2:last-child{padding-bottom:calc(100svh - 394px)}@keyframes lyricPaddingEffect2{0%{margin-bottom:0}10%{margin-bottom:2px}to{margin-bottom:0}}@keyframes lyricPaddingEffect{0%,10%,to{margin-bottom:0}20%{margin-bottom:6px}}.queueList{display:flex;flex-direction:column;margin-inline:-16px;overflow-x:clip;padding-inline:16px;transform-origin:center top}.queueList .queueItem{align-items:center;background:#0000;border-bottom:1px solid var(--layer);box-sizing:border-box;display:flex;gap:8px;height:48px;transform:translate(calc(var(--translate-x)/2),var(--translate-y))}.queueList .queueItem .dragHandle{align-items:center;display:flex;height:100%;margin:0 -8px 0 -16px;padding:0 8px 0 16px;touch-action:none}.queueList .queueItem span.material-symbols-outlined{color:var(--text-light)}.queueList .queueItem p{font-size:18px;font-weight:500;margin-right:-16px;-webkit-mask:linear-gradient(90deg,#000 95%,#0000);mask:linear-gradient(90deg,#000 95%,#0000);overflow:hidden;white-space:nowrap;width:100%}.queueList .queueItem:last-child{border-bottom:none}.queueList .queueItem.removed{animation:removed .5s var(--cubic-beizer) forwards}.queueList .queueItem:hover{z-index:1}.queueList .queueItem[aria-pressed=true]{animation:queueItemRaiseUpAni 1s ease;background:var(--layer-02-op);border-bottom:1px solid #0000;border-radius:16px;box-shadow:var(--large-box-shadow);transform:translate(calc(var(--translate-x)/20),var(--translate-y)) scale(1.04);transition:none!important;z-index:1}.queueList .queueItem:after{background:var(--layer);border-radius:16px;content:"";height:100%;opacity:0;pointer-events:none;position:absolute;transition:opacity .1s;width:100%}.queueList .queueItem[aria-pressed=true]:after{opacity:1}@keyframes queueItemRaiseUpAni{0%{box-shadow:none;transform:none}20%{transform:translate(calc(var(--translate-x)/20),var(--translate-y)) scale(1.06)}to{background:var(--layer-02-op);box-shadow:var(--large-box-shadow);transform:translate(calc(var(--translate-x)/20),var(--translate-y)) scale(1.04)}}.queueList.slideIn .queueItem{animation:listSlideIn .8s ease forwards;animation-delay:calc(var(--offset)*35ms);opacity:0}.queueList.slideIn .queueItem[aria-pressed=true]{animation:queueItemRaiseUpAni 1s ease;animation-delay:0s;opacity:1}@keyframes listSlideIn{0%{opacity:0;transform:translateY(200%) scale(.9)}40%{transform:translateY(-5%)}to{opacity:1;transform:none}}.queueList:has(.queueItem[aria-pressed=true]) .queueItem{transition:transform .3s ease}@keyframes removed{0%{max-height:48px;opacity:1;transform:none}50%{max-height:48px;opacity:0;transform:scale(.9)}to{max-height:0;opacity:0}}.expanded>.NowPlayingPlaybackController>button.fullscreenButton{bottom:0;color:var(--text-light);position:absolute;right:0}@media(max-width:767px){.expanded>.NowPlayingPlaybackController>button.fullscreenButton{display:none}}.expanded>.NowPlayingPlaybackController{justify-content:flex-end;max-height:220px;transition:.5s max-height var(--cubic-beizer),.5s margin-top var(--cubic-beizer),.5s margin-bottom var(--cubic-beizer)!important}.NowPlaying.stateExpanded .expanded .horizontal.twopane:has(h4){max-height:32px;transition:.5s margin-bottom var(--cubic-beizer),.5s max-height var(--cubic-beizer),.5s opacity .2s ease}.NowPlaying.stateExpanded .expanded .NowPlayingControls,.NowPlaying.stateExpanded .expanded .NowPlayingProgressBar,.NowPlaying.stateExpanded .expanded .NowPlayingVolumeBar{transition:opacity .5s ease .2s}.NavigationBar{bottom:0;box-sizing:border-box;display:flex;height:calc(72px + var(--insetBottom));justify-content:space-between;left:0;padding:8px 16px 0;position:fixed;transition:.65s transform var(--cubic-beizer);width:100%;z-index:3}#app:has(.NowPlaying.stateExpanded)>.NavigationBar{transform:translateY(100%)}.NavigationElement{-webkit-touch-callout:none;touch-action:none;width:100%}.NavigationElement>a:active{transform:scale(.9)}.NavigationElement>a{align-items:center;background:none;background:#0000;border-radius:16px;color:var(--text);display:flex;flex-direction:column;gap:4px;justify-content:center;opacity:.75;padding:4px 0;transition:opacity .1s,background .5s,transform .1s;width:100%}.NavigationElement>a>span{font-variation-settings:"FILL" 0;transition:font-variation-settings .2s}.NavigationElement>a.active{background:var(--layer);opacity:1}.NavigationElement>a.active>p{font-weight:600}.NavigationElement>a.active>span{font-variation-settings:"FILL" 1}.NavigationElement>a.pending{background:var(--layer)}.NavigationElement>a>p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-weight:400;line-height:normal;padding-inline:12px;text-align:center;width:auto}@media(prefers-color-scheme:light){.NavigationElement>a>img{filter:invert(1)}}.Input,.SearchInput,input[type=email],input[type=password],input[type=text],input[type=url]{background:var(--layer);border:none;border-radius:16px;box-sizing:border-box;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:0 solid #0000;padding:12px 16px;transition:outline .05s;width:100%}.SearchInput:focus-within,input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus{outline:2px solid var(--accent-dark)}.Input.dePad{margin-inline:-8px;width:calc(100% + 16px)}.SearchInput>span{cursor:pointer;transition:transform .2s}.SearchInput>span.close{transform:translateX(24px) scale(0)}.SearchInput:focus-within>span.close{transform:translateX(0) scale(1)}.SearchInput{align-items:center;display:flex;flex-direction:row;gap:8px}.SearchInput .search{opacity:.65}.SearchInput form,.SearchInput input{height:24px;width:100%}.SearchInput input{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--text,#fff);font-size:16px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.SearchInput input:focus{outline:none}.Input.placeholder,.SearchInput.placeholder{cursor:text!important}.Input.placeholder input,.SearchInput.placeholder input{pointer-events:none}.Input{align-items:center;display:flex;flex-direction:row;gap:0;height:48px;outline:16px solid #0000;transition:outline-color .1s ease-in-out,outline-width 0s .1s}.Input>.close{box-sizing:border-box;cursor:pointer;height:48px;line-height:48px;min-width:48px;text-align:center;transform:translateX(24px) scale(0);transition:transform .2s}.Input .icon{margin-right:8px;opacity:.65}.Input form{height:100%;width:100%}.Input input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:0;box-sizing:initial;color:var(--text,#fff);font-family:Inter,sans-serif;font-size:16px;height:48px;height:100%;outline:none;padding:0;transition:none;width:100%}.Input input:focus{outline:none}.Input>input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.Input:has(input:focus){outline:2px solid var(--accent-dark);transition:outline-color .2s ease-in-out,outline-width .2s ease-out 0s}.Input:focus-within>span.close{transform:translateX(0) scale(1)}#loadingSplash:not(.loading){animation:loadingdoneBG .7s var(--cubic-beizer) forwards}@keyframes loadingdoneBG{0%{opacity:1}to{opacity:0}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:767px){#app:has(>.MainView.inmersive)>.ToastsContainer{bottom:calc(96px + var(--insetBottom))}}.ToastsContainer{bottom:calc(144px + var(--insetBottom));contain:layout;height:auto;left:0;pointer-events:none;position:fixed;width:100%;z-index:7}.Toast{align-items:center;background:var(--accent-bg);border:1px solid var(--accent-dark);border-radius:20px;bottom:0;box-shadow:0 4px 4px 0 #00000040;display:flex;height:40px;justify-content:center;left:0;opacity:0;padding:0 16px;position:absolute;transform:translate(calc(50vw - 50%),calc(20px - var(--toast-index)*48px)) scale(.8);transition:.3s transform var(--cubic-beizer),.3s opacity var(--cubic-beizer);will-change:transform,opacity;z-index:6}.Toast.active{animation:.3s pullUp var(--cubic-beizer);opacity:1;transform:translate(calc(50vw - 50%),calc(0px - var(--toast-index)*48px)) scale(1)}@keyframes pullUp{0%{opacity:0;transform:translate(calc(50vw - 50%),calc(20px - var(--toast-index)*48px)) scale(.8)}to{opacity:1;transform:translate(calc(50vw - 50%),calc(0px - var(--toast-index)*48px)) scale(1)}}.MainView.zoomIn{animation:zoomIn .3s var(--cubic-beizer);transform-origin:center;will-change:transform}@keyframes zoomIn{0%{transform:scale(1.1)}to{transform:scale(1)}}@media(min-width:1024px){@keyframes zoomIn{0%{transform:translate(calc(100svw/2 - var(--np-width)/2 + 12px - 50%)) scale(1.1)}to{transform:translate(calc(100svw/2 - var(--np-width)/2 + 12px - 50%)) scale(1)}}}.loadingWrapper{align-items:center;contain:layout paint;display:flex;height:100%;justify-content:center;width:100%}.loadingWrapper>svg{background:#1f1f1f;border:1px solid #ffffff0f;border-radius:8px;overflow:hidden;will-change:transform}@media(prefers-color-scheme:light){.loadingWrapper>svg{filter:invert(1)}}#load{animation:loadingBar 2s ease-in-out infinite}@keyframes loadingBar{0%{transform:translateX(-96px)}99.999999%{transform:translateX(96px)}to{transform:translateX(-96px)}}.BigWaveAniSVG{animation:wfadein 3s var(--cubic-beizer) forwards;aspect-ratio:1/1;height:auto;opacity:0;position:absolute;transform-origin:center center;width:100%;z-index:-1}.BigWaveAniSVG #w1,.BigWaveAniSVG #w2,.BigWaveAniSVG #w3{animation:w 15s linear infinite}.BigWaveAniSVG #w1{--w:-631px}.BigWaveAniSVG #w2{--w:-421px}.BigWaveAniSVG #w3{--w:-211px}@media(prefers-color-scheme:light){.BigWaveAniSVG{filter:contrast(1.4) invert(1)}}@keyframes wfadein{10%{opacity:0;transform:scale(1.2)}to{opacity:.5;transform:1}}@keyframes w{0%{transform:translate(0)}to{transform:translate(var(--w))}}.shortFadeIn{animation:shortFadeIn .2s ease forwards;opacity:0}@keyframes shortFadeIn{0%{opacity:0}to{opacity:1}}.ContextMenu{animation:.2s contextMenuAni var(--cubic-beizer) forwards;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--popup);border:1px solid var(--text-12);border-radius:16px;box-shadow:0 8px 16px #0000004d,0 0 4px #0000001a;display:flex;flex-direction:column;opacity:0;overflow:hidden;position:absolute;transform-origin:left top;z-index:7}.ContextMenu.closed{animation:.1s contextMenuAniClose var(--cubic-beizer) forwards;opacity:1;pointer-events:none}.ContextMenu.closed>.ContextMenuItem{animation:contextMenuItemAniClose .04s forwards;transform:translate(0)}.ContextMenu.closed>.ContextMenuItem.selected{animation:contextMenuItemAniCloseAlt .6s forwards;background:var(--text-12);transform:translate(0)}@keyframes contextMenuItemAniCloseAlt{0%,25%{opacity:1}to{opacity:0}}@keyframes contextMenuItemAniClose{0%{opacity:1}to{opacity:0}}@keyframes contextMenuAniClose{0%{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--popup);border-color:var(--text-12);box-shadow:0 8px 16px #0000004d,0 0 4px #0000001a}1%{-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%)}to{-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);background:#0000;border-color:#0000;box-shadow:0 8px 16px #0000,0 0 4px #0000}}.ContextMenuItem{align-items:center;animation:.2s contextMenuScatter var(--index) forwards;background:none;border-radius:0;box-sizing:border-box;color:var(--text);display:flex;gap:12px;height:40px;max-width:256px;opacity:0;padding:0 16px 0 12px;text-align:left;transform:translateY(10px);transition:background .05s,opacity .1s;width:100%}.ContextMenuItem span.material-symbols-outlined{color:var(--accent)}.ContextMenuItem:has(.light){height:56px}@media(pointer:coarse){.ContextMenuItem{height:48px}.ContextMenuItem:has(.light){height:64px}}.ContextMenuItem:hover{background:var(--layer);transition:background 0s}@keyframes contextMenuScatter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contextMenuAni{0%{opacity:0;transform:scale(.8,0)}to{opacity:1;transform:scale(1)}}#app:has(.ContextMenu) .MainView{overflow:hidden}.ContextMenuNoClick{background:#0000;height:100lvh;left:0;position:absolute;top:0;width:100vw;z-index:6}body.hasHover .ContextMenuNoClick{pointer-events:none}.dialogManager{align-items:center;display:flex;height:100lvh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:7}.dialogManager .dialog{align-items:center;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:var(--popup);border:1px solid var(--text-12);border-radius:24px;box-shadow:0 8px 16px #0000004d,0 0 4px #0000001a;display:flex;flex-direction:column;gap:16px;max-width:384px;opacity:0;padding:24px 16px 8px;transform:scale(.95);transition:.2s transform var(--cubic-beizer),.2s opacity var(--cubic-beizer);width:calc(100% - 104px)}.dialogManager .dialog span{background:var(--text-12);border-radius:100vw;font-size:32px;padding:8px}.dialogManager .dialog .content{align-items:center;display:flex;flex-direction:column;gap:8px}.dialogManager .dialog .content .title{font-size:20px;font-weight:600;text-align:center}.dialogManager .dialog .content .body{color:var(--text-light);font-size:16px;font-weight:400;text-align:center;word-break:break-word}.dialogManager .dialog .buttons{border-radius:16px;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;overflow:hidden;width:calc(100% + 16px)}.dialogManager .dialog .buttons button{text-wrap:nowrap;border-radius:8px;flex:1 1;font-size:16px;height:48px;justify-content:center}.dialogManager .dialog .buttons button.secondary{font-weight:400}.dialogManager .dialogBG{-webkit-backdrop-filter:saturate(50%);backdrop-filter:saturate(50%);background:#00000080;height:100lvh;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100vw;z-index:-1}.dialogManager.active .dialog{animation:dialogManager__zoomIn .3s var(--cubic-beizer);opacity:1;transform:scale(1)}.dialogManager.active .dialogBG{animation:dialogManager__fadeIn .2s;opacity:1}@keyframes dialogManager__zoomIn{0%{opacity:0;transform:scale(1.2)}66%{transform:scale(1)}to{opacity:1}}@keyframes dialogManager__fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--layer);border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:16px}.card button{margin-top:4px}.cardStack{display:flex;flex-direction:column;gap:8px}.cardStack .card{background:var(--layer-01-op);border-radius:8px}.cardStack .card>.horizontal>span.material-symbols-outlined:first-child{color:var(--accent);margin-right:8px}.cardStack .card.clickable{transition:transform .1s ease,opacity .2s ease,border-radius .1s ease}.cardStack .card.clickable:active{border-radius:24px}.cardStack .card:first-child{border-radius:24px 24px 8px 8px}.cardStack .card:last-child{border-radius:8px 8px 24px 24px}.PopupCard .cardStack .card{background:var(--layer-02-op)}.card.clickable{transform-origin:center center;transition:transform .1s ease,opacity .2s ease}.card.clickable:active{opacity:.5;transform:scale(.98)}.card.clickable:has(button:hover):active,.card.clickable:has(input:hover):active{opacity:1;transform:scale(1)}.card>.horizontal>button.secondary{white-space:nowrap}@media(max-width:352px){.card>.horizontal>button.secondary{font-size:0;width:56px}}.card.highlightSensitive{transition:transform .1s ease,opacity .2s ease,background .2s,color .2s}.card.highlightSensitive button{transition:background .2s,color .2s}.card.highlightSensitive p{transition:color .2s}.card.highlightSensitive.highlight{background:var(--accent-dark);color:var(--button-text)}.card.highlightSensitive.highlight button{background:var(--button-text);color:var(--accent-dark)}.card.highlightSensitive.highlight h2,.card.highlightSensitive.highlight p{color:var(--button-text)}.card.gameAniMid{animation:gameAniMid .4s ease-in-out}.installCard{border-radius:24px;margin-bottom:-16px;min-height:calc(var(--card-height) + 16px);opacity:1;overflow:hidden;position:relative;transform:none;transition:.5s min-height var(--cubic-beizer),.5s opacity var(--cubic-beizer)}.installCard .card{height:auto;left:0;margin-bottom:16px;position:absolute;top:0;width:100%}.installCardHidden{min-height:0;opacity:0}@keyframes gameAniMid{49.9%{background:#0e750e;opacity:0;transform:translateY(-25%) scale(.8)}50%{background:var(--layer);opacity:0;transform:translateY(25%) scale(.8)}0%{background:var(--layer);opacity:1;transform:none}}.card.gameAniGood,.card.gameAniGoodLite{animation:gameAniGood .4s ease-in}@keyframes gameAniGood{49.9%{background:rgba(41,141,10,.548);opacity:0;transform:translateY(-100%)}50%{background:var(--layer);opacity:0;transform:translateY(25%)}0%{background:var(--layer);opacity:1;transform:none}}.card.gameAniBad{animation:gameAniBad .3s ease}@keyframes gameAniBad{0%,to{background:var(--layer);opacity:1;transform:none}25%{transform:translate(-1%)}50%{background:rgba(116,11,11,.541)}75%{transform:translate(1%)}}.card.borderless{background:none;border-bottom:1px solid var(--layer);border-radius:0}.card.borderless:last-child{border-bottom:none}.PopupCardContent>button.close{background:#0000;border:none;border-radius:8px;color:var(--accent);font-family:Inter,sans-serif;font-size:16px;margin:-16px -8px -8px;padding:8px;transition:background-color .1s}body.hasHover .PopupCardContent>button.close{transition:background-color .1s,transform .1s}body.hasHover .PopupCardContent>button.close:hover{background-color:var(--layer)}.PopupCardContent>button.close:active,body.hasHover .PopupCardContent>button.close:active{background-color:var(--accent-24)}.PopupCard{background:var(--card-bg);border-radius:24px 24px 0 0;bottom:0;contain:strict;height:auto;height:calc(100% - 32px - var(--insetTop));left:0;overflow-y:auto;position:fixed;transform:translateY(100vh);transition:calc(.7s/var(--flingVelocity, 1.5)) transform var(--cubic-beizer);width:100svw;z-index:5}.PopupCardContent{box-sizing:border-box;contain:content;display:flex;flex-direction:column;gap:16px;min-height:100%;padding:24px;padding-bottom:calc(24px + var(--insetBottom))}@keyframes slideUp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}.PopupCard.pullDownHold{animation:none;overflow:clip;touch-action:none;transition:none;will-change:transform}.PopupCard.expanded{animation:slideUp .3s var(--cubic-beizer);transform:translateY(0)}@media(prefers-color-scheme:light)or (min-width:768px){#app:has(.PopupCard.expanded)>.MainView:not(.inactive){opacity:.5}}.PopupCard.disabled{display:none}.PopupCard>.ListView{background:var(--layer);border-radius:16px;padding:8px 16px}@media(min-width:360px)and (min-height:720px){.syncedLyrics{--lyricSize:28px}}@media(min-width:512px)and (max-width:767px){.NavigationBar,.NowPlaying{left:15svw;max-width:70svw}.NowPlaying>.expanded{padding:24px}#NPimgRadiosity{top:48px}.PopupCard{left:calc(50vw - 256px);width:512px}body:has(.NowPlaying.stateExpanded) .MainView:not(.inactive),body:has(.PopupCard.expanded) .MainView:not(.inactive){--scaleY:0.96;border-radius:24px;opacity:.5;overflow:hidden;transform:scale(var(--scaleY))}body:has(.PopupCard.expanded) .NowPlaying{--scaleY:0.96}.syncedLyrics{--lyricSize:24px;padding:0}}@media(min-width:600px)and (max-width:767px){.syncedLyrics{--lyricSize:26px;gap:4px;padding:8px}}@media(min-width:768px){:root{--np-width:384px;--np-max-height:640px}html{background:var(--bg-color)}#app:has(.PopupCard.expanded) .MainView:not(.inactive){--scaleY:0.9;border-radius:24px;opacity:.5;overflow:hidden;transform:scale(var(--scaleY))}#app{--scaleY:1}.NowPlaying{--height:calc(min(calc(100svh - 32px), 720px));--RtransformY:round(to-zero,calc(-50svh + var(--height)/2),1px);--transformX:calc(100svw - var(--np-width) + 24px);--RtransformX:round(to-zero,var(--transformX),1px);--transformY:calc(-50svh + 50%);background:var(--layer);box-shadow:none;box-shadow:var(--large-box-shadow);height:100%;max-height:var(--height);outline:solid 1px var(--text-12);overflow-x:hidden;overflow-y:auto;transform:translate(var(--RtransformX),var(--RtransformY));transition:none;width:calc(var(--np-width) - 48px)}@supports not (transform:translateX(round(to-zero,32.4px,1px))){.NowPlaying{transform:translate(var(--transformX),var(--transformY))}}.NowPlaying>.collapsed{display:none}.NowPlaying>.expanded{background:none;border-radius:24px;gap:24px;height:100%;justify-content:space-between;margin-inline:auto;padding:16px 24px 32px;pointer-events:all;position:static}.NowPlaying>.expanded,.NowPlaying>.expanded>.horizontal,.NowPlaying>.expanded>div{opacity:1;transform:none;transition:none}.NowPlaying>.expanded>.lyrics{flex:1 1;height:100%;overflow:auto;pointer-events:all}.NPBackground{display:none}.ToastsContainer{bottom:96px!important}.NavigationBar{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:var(--layer);border:1px solid var(--layer);border-radius:24px;box-shadow:var(--large-box-shadow);box-sizing:border-box;margin:16px;max-width:640px;padding:8px;width:calc(100% - var(--np-width) - 32px)}.MainView{background-color:#0000;max-width:640px;width:calc(100% - var(--np-width))}.Overlay{width:calc(100% - var(--np-width) + 24px)}.PopupCard{left:16px;width:calc(100% - var(--np-width) - 24px)}}@media(min-width:768px)and (prefers-color-scheme:light){body:has(.PopupCard.expanded){--bg-color:#d3d3d3}body{background:var(--bg-color);transition:background-color .5s}.MainView{background:#0000}.PopupCard{border:1px solid #0000001a}.PopupCard.expanded{box-shadow:0 0 64px #0003}}@media(min-width:768px){.NowPlaying>.expanded>button.close{display:none}.syncedLyrics{--lyricSize:24px;padding:0}.NowPlaying .expanded .horizontal.twopane:has(h4){max-height:32px;transition:.5s margin-bottom var(--cubic-beizer),.5s max-height var(--cubic-beizer),.5s opacity .2s ease}.NowPlaying .expanded .NowPlayingControls,.NowPlaying .expanded .NowPlayingProgressBar,.NowPlaying .expanded .NowPlayingVolumeBar{transition:opacity .5s ease .2s}}@media(min-width:1024px){.MainView{width:768px}.MainView,.NPBackground,.NavigationBar{transform:translate(calc(100svw/2 - var(--np-width)/2 + 12px - 50%))}.NavigationBar{width:384px}.NavigationBar:has(:nth-child(4)){width:416px}.Overlay{transform:none;width:calc(100svw - var(--np-width) + 504px - 100svw/2)}#app:has(.PopupCard.expanded) .MainView:not(.inactive){--scaleY:0.9;border-radius:24px;opacity:.5;overflow:hidden;transform:translate(calc(100svw/2 - var(--np-width)/2 + 12px - 50%)) scale(var(--scaleY))}.PopupCard{left:calc(100svw/2 - var(--np-width)/2 - 244px);width:512px}.NowPlaying{--transformX:calc(100svw/2 - var(--np-width)/2 + 348px)}.horizontal.fadeHoriz{border-radius:12px}}@media(min-width:1280px)and (min-height:800px){:root{--np-width:480px}.Overlay{transform:none;width:calc(100svw - var(--np-width) + 624px - 100svw/2)}.NowPlaying{--height:min(calc(100svh - 32px),840px);--transformX:calc(100svw/2 - var(--np-width)/2 + 432px);border-radius:40px;max-height:min(100svh - 32px,840px)}.NowPlaying>.expanded{padding:16px 32px 32px}}@media(min-width:1366px)and (min-height:640px){.NavigationBar{-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;gap:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:32px;margin:0;top:50%;transform:translateY(-50%);transform-origin:center top;transition:.5s transform var(--cubic-beizer),.5s opacity var(--cubic-beizer);width:104px}.NavigationBar:has(:nth-child(4)){width:104px}#app:has(.PopupCard.expanded) .NavigationBar{opacity:.5;pointer-events:none;transform:translate(50%,-60%) scale(.9)}}.FireworksMode{background:linear-gradient(0deg,#04081a,#06050e);height:100vh;left:0;-webkit-mask:linear-gradient(0deg,#0000,#000 156px);mask:linear-gradient(0deg,#0000,#000 156px);max-height:100vh;max-width:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:-3}.FireworksMode div:has(>canvas){left:0;max-height:100vh;max-width:100%;min-height:100vh;min-width:100%;position:absolute;top:0}.FireworksMode #bloomLayer,.FireworksMode canvas{left:0;max-height:100vh;max-width:100%;min-height:100vh;min-width:100%;position:absolute;top:0}.FireworksMode #bloomLayer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:opacity(.5);z-index:1}@media(prefers-color-scheme:light){.FireworksMode{-webkit-mask:linear-gradient(0deg,#0000 156px,#000 0);mask:linear-gradient(0deg,#0000 156px,#000 0)}.MainView:has(.FireworksMode) .SearchInput,.MainView:has(.FireworksMode) .buttonHeader>button.icon.discrete,.MainView:has(.FireworksMode) .fireworksAnnouncement,.MainView:has(.FireworksMode) h1{--accent-bg:#0d2139;--text-red:#ff6161;--bg-color:#111;--card-bg:#1e1e1e;--np-bg:linear-gradient(0deg,#000,#000000fc 16.03%,#000000f5 29.38%,#000000e8 40.36%,#000000d6 49.28%,#000000c4 56.45%,#000000ad 62.18%,#00000096 66.78%,#00000080 70.55%,#00000069 73.82%,#00000052 76.88%,#0000003b 80.05%,#00000026 83.64%,#00000017 87.95%,#00000008 93.3%,#0000);--button-text:#fff;--button-red-bg:#c00b0b40;--button-red-text:#ffd5d5;--text:#fff;--text-long:#ffffffe6;--text-light:#fff9;color:var(--text)}}.MainView:has(.FireworksMode) .fireworksAnnouncement{--accent:#0a6cff;--accent-dark:#2d45b3;--accent-light:#8da1ff;--accent-24:#2d46b33d;--accent-bg:#0d2139}.MainView:has(.FireworksMode) .SearchInput,.MainView:has(.FireworksMode) .buttonHeader>button.icon.discrete{background:#14151d}.fireworksAnnouncement{display:flex;flex-direction:column;gap:16px;justify-content:flex-end;margin-bottom:16px;min-height:calc(100svh - 365px);text-align:center}#fireworkPerfClass{display:none}body.fireworksShowPerformanceClass #fireworkPerfClass{display:block}@media(min-width:768px){.fireworksAnnouncement p.small{font-size:16px}}.fullscreenPlayer:has(.bottom-half:not(.active)){cursor:none}.fullscreenPlayer:has(.bottom-half:not(.active)) h2{pointer-events:none}.fullscreenPlayer{animation:fullscreenPlayerFadeIn 1s forwards var(--cubic-beizer);background:#111;box-sizing:border-box;display:flex;flex-direction:column;height:900px;margin:0;min-height:900px;min-width:1600px;padding:56px 64px 0;transform-origin:center center;width:1600px;z-index:5}.fullscreenPlayer .top-half{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.fullscreenPlayer .top-half p{font-size:20px}.fullscreenPlayer .lyrics-half{display:flex;flex:1 1;flex-direction:column;margin-top:128px;margin-inline:auto;-webkit-mask-image:linear-gradient(0deg,#0000,#0000004d 30%,#000 60%,#000 95%,#0000 98%);mask-image:linear-gradient(0deg,#0000,#0000004d 30%,#000 60%,#000 95%,#0000 98%);overflow:scroll;padding-left:24px;scrollbar-width:none;width:1200px}.fullscreenPlayer .lyrics-half .syncedLyrics{--lyricSize:64px!important;gap:48px}.fullscreenPlayer .lyrics-half h2{--defScale:1;font-weight:600;letter-spacing:-1px;opacity:.2;width:100%}.fullscreenPlayer .lyrics-half h2.active{opacity:1;padding-bottom:2px}.fullscreenPlayer .lyrics-half::-webkit-scrollbar{display:none}.fullscreenPlayer .bottom-half.active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}.fullscreenPlayer .bottom-half{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);bottom:0;display:flex;flex-direction:column;gap:24px;height:auto;justify-content:space-between;left:0;opacity:0;overflow:visible;padding-bottom:48px;padding-inline:64px;position:fixed;transition:opacity .2s,backdrop-filter .2s;width:calc(100% - 128px)}.fullscreenPlayer .bottom-half .NowPlayingProgressBar{gap:12px;margin-top:-2px}.fullscreenPlayer .bottom-half .times>p{font-size:16px}.fullscreenPlayer .bottom-half .buttonStack:has(button:hover) .PlayPauseButton:focus-visible:not(:hover),.fullscreenPlayer .bottom-half .buttonStack:has(button:hover) .ScrubButton:focus-visible:not(:hover),.fullscreenPlayer .bottom-half .buttonStack:has(button:hover) button.icon.label:focus-visible:not(:hover){background:#ffffff1f;color:#fff;transform:scale(1.1)}.fullscreenPlayer .bottom-half .buttonStack{display:flex;flex-direction:row;gap:12px}.fullscreenPlayer .bottom-half .buttonStack .PlayPauseButton.big>span{left:16px;top:16px}.fullscreenPlayer .bottom-half .buttonStack .PlayPauseButton:focus-visible,.fullscreenPlayer .bottom-half .buttonStack .PlayPauseButton:hover,.fullscreenPlayer .bottom-half .buttonStack .ScrubButton:focus-visible,.fullscreenPlayer .bottom-half .buttonStack .ScrubButton:hover,.fullscreenPlayer .bottom-half .buttonStack button.icon.label:focus-visible,.fullscreenPlayer .bottom-half .buttonStack button.icon.label:hover{background:#fff;box-shadow:none;color:#000;outline:none;transform:scale(1.1)}.fullscreenPlayer .bottom-half .buttonStack .PlayPauseButton:active,.fullscreenPlayer .bottom-half .buttonStack .ScrubButton:active,.fullscreenPlayer .bottom-half .buttonStack button.icon.label:active{transform:scale(1.05)}.fullscreenPlayer .bottom-half .buttonStack .PlayPauseButton,.fullscreenPlayer .bottom-half .buttonStack .ScrubButton,.fullscreenPlayer .bottom-half .buttonStack button.icon.label{background:hsla(0,0%,7%,.404);border-radius:24px;box-shadow:inset 0 0 0 2px #ffffff1f;box-sizing:border-box;height:64px;min-height:64px;min-width:64px;transition:background .2s,transform .1s,color .1s;width:64px}.fullscreenPlayer .bottom-half .buttonStack .gap{flex:1 1}.fullscreenPlayer .bottom-half .buttonStack button span.material-symbols-outlined{font-size:32px!important}.fullscreenPlayer .bottom-half .buttonStack button.icon.label{align-items:center;color:#fff;display:flex;justify-content:center}.fullscreenPlayer .bottom-half .buttonStack button.icon.label.active{align-items:center;background:var(--darkMode-accent-24);box-shadow:none;color:var(--darkMode-accent-light);display:flex;justify-content:center;transition:background .2s,transform .1s,color .1s,brightness .1s}.fullscreenPlayer .bottom-half .buttonStack button.icon.label.active:focus-visible,.fullscreenPlayer .bottom-half .buttonStack button.icon.label.active:hover{filter:brightness(2)}.fullscreenPlayer .bottom-half .buttonStack button.icon.label:active{color:#fff}.fullscreenPlayer h1{font-size:32px;margin-top:0;z-index:9}@keyframes fullscreenPlayerFadeIn{0%{opacity:0;scale:.8}20%{opacity:0;scale:.8}to{opacity:1;scale:1}}.loginPage{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between}.loginPage p.center{text-align:center}.loginPage .buttonStack{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;max-width:512px;width:100%}.loginPage button.discrete{background:#0000;border:1px solid var(--layer);height:48px;justify-content:center;min-width:70%;width:auto}.loginPage .loginButton{align-items:center;box-shadow:0 4px 11.9px var(--accent-24),inset 0 8px 16px var(--accent);display:flex;flex-direction:row;gap:16px;height:48px;justify-content:center;min-width:70%;padding:0 32px 0 16px;position:relative;text-align:right}.loginPage .titleSection{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.loginPage .titleSection .bigIcon{background:var(--layer);border-radius:100vw;box-sizing:border-box;height:80px;padding:16px;width:80px}.loginPage .titleSection .bigIcon span.material-symbols-outlined{font-size:48px;height:48px;width:48px}.loggedIn{align-items:start;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:left}.loggedIn .profilePicture{height:96px;margin-top:auto;position:relative;width:96px}.loggedIn .profilePicture .fg{border-radius:100vw}.loggedIn .profilePicture .bg{border-radius:100vw;filter:blur(12px) saturate(150%) opacity(.8);left:0;position:absolute;top:0;transform:scale(.6);transform-origin:bottom center;z-index:-1}.loggedIn .header{align-items:start;display:flex;gap:16px;width:100%}.loggedIn .header .quote{text-wrap:pretty;background:var(--layer);border-radius:16px 16px 16px 0;display:flex;flex-direction:row;font-size:16px;font-weight:400;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:19px;max-width:min(50%,196px);padding:8px 16px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loggedIn .header button.discrete{background:none;margin-left:auto}.loggedIn .stack{display:flex;flex-direction:column;gap:4px;justify-content:left;text-align:left;width:100%}.loggedIn h3{margin-top:8px}.loggedIn .buttonStack{display:flex;flex-direction:row;gap:8px}.PopupCardContent>iframe.fullscreen{background:var(--layer);flex:1 1;height:auto;margin:0 -24px -24px;width:calc(100% + 48px)}.profileEditStack{align-items:center;display:flex;flex-direction:row;gap:24px}.profileEditStack .pfpChange{border-radius:100px;contain:content;cursor:pointer;height:96px;margin:0;min-height:96px;min-width:96px;overflow:hidden;position:relative;width:96px}.profileEditStack .pfpChange .overlay{align-items:center;-webkit-backdrop-filter:blur(3px) brightness(.9) saturate(.8);backdrop-filter:blur(3px) brightness(.9) saturate(.8);background:linear-gradient(0deg,#000c,#0000 48px);border-radius:100px;bottom:-1px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:96px;justify-content:end;left:0;-webkit-mask:linear-gradient(0deg,#000 24px,#0000 48px);mask:linear-gradient(0deg,#000 24px,#0000 48px);padding-bottom:8px;position:absolute;width:96px}.profileEditStack .pfpChange>img{transition:filter .2s;-webkit-user-select:none;user-select:none}.profileEditStack .pfpChange:hover>img{filter:brightness(.7) blur(8px)}body.showInsetMargins:before{background:#ff00004d;height:var(--insetTop);top:0}body.showInsetMargins:before,body:after{content:"";left:0;pointer-events:none;position:absolute;width:100vw;z-index:4}body:after{background:#0000;height:var(--insetBottom);top:calc(100lvh - var(--insetBottom))}body.showInsetMargins:after{background:#ff00004d}body.showRectBounds *{outline:1px solid red}
/*# sourceMappingURL=main.2b9558e4.css.map*/