:root{--green:#aacfac;--yellow:#f2b263;--blue-darkmode:#3b82f6;--blue-lightmode:#0000ff;--50:#f7f7f8;--100:#eeeef0;--200:#d9d9de;--300:#b8b9c1;--400:#91939f;--500:#737584;--600:#5d5e6c;--700:#4c4d58;--800:#41414b;--900:#393941;--950:#18181b;--link:var(--blue-lightmode);--background:var(--100);--container:var(--100);--border:var(--700);--color:var(--900)}.dark-theme{--link:var(--blue-darkmode);--background:var(--950);--container:var(--950);--border:var(--900);--color:var(--200)}.fade-in{opacity:1;transition:opacity .4s ease-in}.fade-out{opacity:0;transition:opacity .4s ease-out}.loadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:0 0 48px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#__next,body,html{margin:0;padding:0;width:100%;min-height:100%;display:block;box-sizing:border-box;transition:all .2s ease-in-out}body{color:var(--color);font-family:Inter,sans-serif;font-size:1rem;line-height:1.6rem;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;overflow:hidden;background:var(--background)}button{cursor:pointer}p{margin-block-start:0;margin-block-end:0}a{text-decoration:underline;display:inline;color:var(--color)}h2{font-size:1.15rem;font-style:normal;font-weight:400;line-height:1.4rem;margin-top:0}.container{height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:auto}@media(max-width:768px){.container{padding:0}}.mainBox{min-width:560px;width:40%;height:calc(100vh - 80px);border:2px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;background-color:var(--container);position:relative;border-radius:0 0 40px 0}@media(max-width:768px){.mainBox{width:100%;min-width:auto;height:auto;border:none;position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow-y:scroll}}.buttonGroup{display:flex;flex-direction:column;gap:24px;padding:24px;width:auto}@media(max-width:768px){.buttonGroup{gap:24px;padding:24px}}.styleButton{padding:14px 16px;font-size:1.5rem;line-height:1.8rem;color:var(--950);flex:0 1 auto;width:auto;margin-left:0;transition:margin-left .2s ease-in-out,width .2s ease-in-out,opacity .2s,transform .2s}.styleButton:hover{margin-left:2px}@media(max-width:768px){.styleButton{max-width:calc(100vw - 32px);text-overflow:ellipsis;white-space:nowrap}}@keyframes fadeInBounce{0%{transform:translateY(4px)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.topRight{align-items:flex-start;gap:4px}.titleGroup,.topRight{display:flex;flex-direction:row}.titleGroup{justify-content:space-between;padding:24px;position:relative}@media(max-width:768px){.titleGroup{padding:16px}}.bodyGroup{display:flex;flex-direction:column;flex:1;padding:24px;gap:24px;justify-content:flex-end;align-items:flex-start;position:relative}@media(max-width:768px){.bodyGroup{padding:16px;gap:16px}}.refreshButton{position:absolute;bottom:24px;right:24px;background-color:rgba(0,0,0,0);border:none;padding:16px;background:var(--background);border-radius:48px;border:2px solid var(--border);display:flex;justify-content:center;align-items:center;transition:border-color .2s ease-in-out}.refreshButton:hover{border:2px solid var(--500)}@media(max-width:768px){.refreshButton{bottom:24px;right:24px}}.info{display:flex;flex-direction:column;padding:24px 16px;-o-object-fit:fill;object-fit:fill;height:100%;position:relative;border-top:2px solid var(--border)}@media(max-width:768px){.info{padding:16x}}.infoBody{display:flex;flex-direction:column;height:100%;justify-content:space-between}.coverContainer{width:100%;min-height:50%;overflow:hidden;display:flex;align-items:center;background-color:var(--900)}.coverContainer .albumCover{width:100%;height:auto}@media(max-width:768px){.coverContainer{min-height:40%}.coverContainer .albumCover{min-width:calc(100vw - 48px)}}.backButton{color:var(--color);margin-left:8px;max-width:calc(100vw - 32px);display:flex;flex-direction:row;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;background-color:var(--background);border:none;font-size:1rem;line-height:1.2rem;overflow:hidden}.backButton .back-arrow{color:var(--color);transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s ease-in-out,opacity .3s ease-in-out}.backButton:hover .back-arrow{transform:translateX(-2px);color:var(--color)}.backButton span{margin-left:2px}.releaseStyleHeader{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.FOB{position:absolute;bottom:24px;right:24px;background-color:rgba(0,0,0,0);border:none;padding:16px;background:var(--background);border-radius:48px;border:2px solid var(--border);display:flex;justify-content:center;align-items:center;transition:border-color .2s ease-in-out}.FOB:hover{border:2px solid var(--500)}.FOB:disabled{opacity:.6;cursor:not-allowed}.FOB:disabled:hover{border:2px solid var(--border)}@media(max-width:768px){.FOB{bottom:24px;right:24px}}.spin{animation:spinAnimation 1s cubic-bezier(.175,.885,.32,1.275) infinite}@keyframes spinAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.releaseBox{overflow-y:scroll;display:flex;flex-direction:column;height:100%;transition:all .3s ease-in-out}.releaseBox.loading{opacity:.95;filter:blur(.5px)}.releaseBox::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.releaseBox::-webkit-scrollbar{display:none}.releaseBox{-ms-overflow-style:none;scrollbar-width:none}.aboutContent{display:flex;flex-direction:column;gap:8px;z-index:20;width:272px;height:auto;border:2px solid var(--border);background-color:var(--container);padding:16px;position:absolute;top:24px;right:24px;box-shadow:4px 4px 12px 0 rgba(0,0,0,.1);animation:fadeInSlide .3s ease-out}@media(max-width:768px){.aboutContent{right:16px;top:16px}}.backBar .aboutContent{top:24px;right:24px}@media(max-width:768px){.backBar .aboutContent{right:16px;top:16px}}.aboutButton{width:100%;display:flex;flex-direction:row;flex-direction:row-reverse;align-items:right}.aboutButton>button{margin-top:16px;padding:8px 16px;background:var(--container);color:var(--color);border:2px solid var(--border);font-size:1.1rem;line-height:1.5rem;transition:border-color .2s ease-in-out}.aboutButton>button:hover{border-color:var(--500)}.title{font-size:1.2rem;line-height:1.6rem;font-weight:500;margin-bottom:2px}.artist{font-size:1rem;line-height:1.2rem;font-weight:400;margin:0;opacity:.8}.infoArray{display:flex;flex-direction:row;row-gap:16px;-moz-column-gap:24px;column-gap:24px;flex-wrap:wrap;width:100%;margin-top:16px}@media(max-width:768px){.infoArray{row-gap:8px}}.infoText{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:.8rem;line-height:1.2rem;font-weight:400}.infoTitle{font-weight:400;margin:0;text-transform:uppercase;font-size:.6rem;line-height:.8rem;opacity:.8}.releaseLinks{display:flex;flex-direction:column;width:auto;gap:8px}.releaseLinks .releaseLink{border:none;color:var(--link);text-decoration:none;line-height:24px;display:flex;flex-direction:row;align-items:center;gap:2px;width:-moz-fit-content;width:fit-content}.releaseLinks .releaseLink:hover{text-decoration:underline}.releaseLinks .releaseLink:active,.releaseLinks .releaseLink:focus,.releaseLinks .releaseLink:focus-visible,.releaseLinks .releaseLink:visited{color:var(--link)}.backBar{line-height:24px;background:var(--background);z-index:10;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:25px 24px 16px 0;position:relative;transition:color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out}@media(max-width:768px){.backBar{padding:17px 16px 8px 0}}#kofiwidget2_container{max-width:300px;margin:auto}.metaText{font-size:.8rem;line-height:1.5rem;opacity:.5}.videoCarousel{width:auto;min-height:360px;overflow:hidden;display:flex;flex-direction:column;background-color:var(--background);position:relative}.videoContainer{width:100%;height:100%;position:relative;aspect-ratio:16/9;max-height:20rem;touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.videoContainer .videoIframe{width:100%;height:100%;border:none;pointer-events:auto}.videoContainer .touchOverlay{background:rgba(0,0,0,0);cursor:grab}.videoContainer .touchOverlay:active{cursor:grabbing}.videoContainer.swiping{cursor:grabbing;transition:none;box-shadow:0 4px 20px rgba(0,0,0,.15)}.videoContainer.transitioning{transition:transform .3s ease-out;box-shadow:0 8px 30px rgba(0,0,0,.2)}.videoContainer .videoLoading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color)}.videoContainer .videoLoading .loadingSpinner{width:32px;height:32px;border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--500);border-radius:50%;animation:spin 1s linear infinite}.videoContainer .videoLoading p{margin:0;font-size:.9rem}.videoDots{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;background:var(--background);width:100%;max-width:100%;min-width:100%;overflow-x:scroll}.videoDots .navArrow{background:rgba(0,0,0,0);border:1px solid var(--border);color:var(--color);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:700;margin:0 16px}.videoDots .navArrow:hover{border-color:var(--500);background:var(--500);color:var(--950)}.videoDots .navArrow:active{transform:scale(.9)}.videoDots .dotsContainer{display:flex;gap:8px;align-items:center}.videoDots .dotButton{width:8px;min-width:8px;max-width:8px;height:8px;min-height:8px;max-height:8px;border-radius:16px;border:1px solid var(--border);background:rgba(0,0,0,0);cursor:pointer;transition:all .2s ease;padding:0;margin:0}.videoDots .dotButton:hover{border-color:var(--500);background:var(--500);transform:scale(1.2)}.videoDots .dotButton.active{border-color:var(--500);background:var(--500);transform:scale(1.1)}.videoDots .dotButton:active{transform:scale(.9)}.FOB,.backBar,.backButton,.info,.releaseLink,.releaseStyleHeader{transition:color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:300px;text-align:center;width:100%;height:100%;box-sizing:border-box}.loadingContainer p{margin-top:1rem;font-size:1.1rem;font-weight:500;opacity:.9;transition:color .3s ease}.loadingSpinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite;opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-theme .loadingSpinner{border-color:currentColor rgba(255,255,255,.1) rgba(255,255,255,.1)}