:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color-scheme:dark;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vocal-idle-opacity: .51;--vocal-active-opacity: 1;--vocal-sung-opacity: .497;--background-idle-opacity: calc(var(--vocal-idle-opacity) * .53921568627);--background-active-opacity: calc(var(--vocal-active-opacity) * .8);--background-sung-opacity: calc(var(--vocal-sung-opacity) * .6690140845)}body{margin:0;padding:0;background:#000;overflow:hidden;overscroll-behavior:none}#root{width:100vw;height:100vh;overflow:hidden}.App{display:flex;width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.background-container{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-size:cover;background-position:center;filter:blur(80px) saturate(2.5) brightness(.65);opacity:.75;z-index:0;animation:slowZoom 20s ease-in-out infinite alternate;will-change:transform}.background-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.login-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;z-index:10;position:relative;gap:2rem}.login-view h1{font-size:4rem;font-weight:700;color:#fff;letter-spacing:-.02em}.login-view p{font-size:1.25rem;color:#fff9;font-weight:500}.login-btn{background:#fff;color:#000;border:none;padding:1rem 2.5rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:all .2s ease;font-weight:600;font-family:inherit}.login-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #ffffff4d}.BeautifulLyricsPage{width:100vw;height:100vh;top:0;left:0;position:absolute;overflow:visible;container-type:size;z-index:10}.BeautifulLyricsPage:hover{overflow:hidden!important;margin:0!important}.BeautifulLyricsPage .Content{--ContentSidePadding: .5cqw;display:block;width:calc(100cqw - (var(--ContentSidePadding) * 2));height:100cqh;container-type:size;position:relative;top:0;left:var(--ContentSidePadding);z-index:100}.BeautifulLyricsPage.Fullscreen .Content{--LyricsPaddingLeft: 17.5vw;--LyricsPaddingRight: 15vw;--PlayPanelWidth: min(30vw, 50vh);--PlayPanelRightSpace: calc(var(--PlayPanelWidth) / 4);--PlayPanelAppliedLeftSpace: calc(50vw - var(--PlayPanelWidth) - var(--PlayPanelRightSpace))}.PlayPanel{display:block;width:var(--PlayPanelWidth);height:100vh;padding-top:calc(50vh - (var(--PlayPanelWidth) * .6));padding-bottom:.5vw;position:absolute;left:var(--PlayPanelAppliedLeftSpace);top:0;z-index:102;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;container-type:size}.MediaSpace{width:100%;aspect-ratio:1;margin-bottom:4%;position:relative;container-type:size}.CoverArt{width:100%;height:100%;border-radius:2vh;overflow:hidden;box-shadow:0 30px 80px #000c}.CoverArt img{width:100%;height:100%;object-fit:cover;display:block}.TrackInfo{width:100%;margin-bottom:5%;text-align:center}.TrackName{font-size:clamp(1rem,3.5cqw,1.5rem);font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ArtistName{font-size:clamp(.85rem,2.5cqw,1.1rem);font-weight:500;color:#ffffffb3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AlbumName{font-size:clamp(.75rem,2cqw,.95rem);font-weight:400;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProgressSection{width:100%}.ProgressBar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.ProgressFill{height:100%;background:#fff;transition:width .3s linear;border-radius:2px}.TimeDisplay{display:flex;justify-content:space-between;font-size:clamp(.7rem,1.8cqw,.85rem);color:#fff9;font-weight:500;font-variant-numeric:tabular-nums}.BeautifulLyricsPage.Fullscreen .Content:has(.PlayPanel){--LyricsPaddingLeft: calc(var(--PlayPanelAppliedLeftSpace) + var(--PlayPanelWidth) + var(--PlayPanelRightSpace) + 5vw)}.LyricsScrollContainer{display:inline-block;position:relative;width:100cqw;height:100cqh;overflow:auto}.LyricsScrollContainer::-webkit-scrollbar{width:6px;padding:5px}.LyricsScrollContainer::-webkit-scrollbar-track{background:transparent}.LyricsScrollContainer::-webkit-scrollbar-thumb{mix-blend-mode:overlay;background:#fcf9f91e;border-radius:3px;opacity:0;transition:opacity .2s}.LyricsScrollContainer:hover::-webkit-scrollbar-thumb{opacity:.5}.BeautifulLyricsPage .Content .LyricsScrollContainer{mask-image:linear-gradient(180deg,transparent 0,transparent 16px,#000 24px,#000 calc(100% - 120px),transparent calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 16px,#000 24px,#000 calc(100% - 120px),transparent calc(100% - 40px),transparent)}.Lyrics{display:flex;flex-direction:column;width:100%;min-height:100%;padding-left:var(--LyricsPaddingLeft);padding-right:var(--LyricsPaddingRight);padding-top:25vh;padding-bottom:45vh;will-change:transform;--vocal-lyrics-scale: 7;--maximum-lyrics-size: 3.5rem;--minimum-lyrics-size: 1.85rem}.NoLyrics{display:flex;position:absolute;left:50cqw;top:50cqh;transform:translate(-50%,-50%);font-size:3cqw;color:#fff;opacity:.5;font-weight:500}.VocalsGroup{margin:0;padding:0;border:0;display:flex;flex-direction:column;background-color:transparent;outline:none;appearance:none;line-height:1.3;letter-spacing:0em;transition:color .1s,transform .1s ease-in-out,padding .1s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif!important;unicode-bidi:isolate;margin-top:.5rem;margin-bottom:.5rem;will-change:transform;direction:ltr;text-align:left}.Vocals{display:flex;flex-wrap:wrap;transition:opacity .25s cubic-bezier(.61,1,.88,1);--lyrics-size: clamp(var(--minimum-lyrics-size), 3.5vw, var(--maximum-lyrics-size));will-change:transform,opacity;width:100%}.Vocals.Lead{opacity:var(--vocal-idle-opacity)!important;font-size:var(--lyrics-size)!important;font-weight:700!important}.Vocals.Lead.Sung{opacity:var(--vocal-sung-opacity)!important}.Vocals.Lead.Active{opacity:var(--vocal-active-opacity)!important}.Lyric{position:relative;white-space:pre-wrap;word-wrap:break-word}.Lyric.Static{display:flex;margin:-.5px -.75px;padding:.5px .75px;background-color:#fff;background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.Lyric.Line{--gradient-angle: 180deg;--gradient-offset: -20%;--gradient-color: 255;--gradient-color-alpha: .4;--gradient-color-alpha-active: .85;--text-shadow-blur-radius: 20px;--text-shadow-opacity: .3;display:flex;white-space:pre-wrap;margin:-.5px -.75px;padding:.5px .75px;background-color:#fff;background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-shadow:0 0 0 rgba(var(--gradient-color),var(--gradient-color),var(--gradient-color),var(--gradient-color-alpha));will-change:text-shadow,background-image,transform}.Vocals.Lead .Lyric.Line{transition:background-color .3s cubic-bezier(.61,1,.88,1),scale .1s cubic-bezier(.37,0,.63,1);transform-origin:left center}.Vocals.Lead.Active .Lyric.Line{--gradient-offset: 0%;scale:1.05;background-image:linear-gradient(var(--gradient-angle),rgba(var(--gradient-color),var(--gradient-color),var(--gradient-color),var(--gradient-color-alpha-active)) var(--gradient-progress, 0%),rgba(var(--gradient-color),var(--gradient-color),var(--gradient-color),var(--gradient-color-alpha)) calc(var(--gradient-progress, 0%) + 20% + var(--gradient-offset)));text-shadow:0 0 var(--text-shadow-blur-radius) rgba(255,255,255,var(--text-shadow-opacity))}.Vocals.Sung .Lyric.Line{text-shadow:0 0 0 rgba(var(--gradient-color),var(--gradient-color),var(--gradient-color),var(--gradient-color-alpha-active))}.LyricsScrollContainer:not(.UserScrolling){scroll-behavior:smooth}.LyricsScrollContainer.InstantScroll{scroll-behavior:auto}@media(max-width:1400px){.BeautifulLyricsPage.Fullscreen .Content{--PlayPanelWidth: min(28vw, 45vh)}}@media(max-width:1200px){.BeautifulLyricsPage.Fullscreen .Content{--PlayPanelWidth: min(32vw, 50vh);--LyricsPaddingRight: 10vw}.Lyrics{--maximum-lyrics-size: 3rem;--minimum-lyrics-size: 1.6rem}}@media(max-width:1024px){.BeautifulLyricsPage.Fullscreen .Content{--LyricsPaddingLeft: 5vw;--LyricsPaddingRight: 5vw;flex-direction:column}.BeautifulLyricsPage.Fullscreen .Content:has(.PlayPanel){--LyricsPaddingLeft: 5vw}.PlayPanel{position:static;width:100%;max-width:500px;margin:0 auto;padding-top:8vh;padding-bottom:2vh;height:auto;display:flex;flex-direction:column;align-items:center}.MediaSpace{width:80%;max-width:320px}.TrackInfo,.ProgressSection{width:90%;max-width:400px}.LyricsScrollContainer{height:40vh}.Lyrics{--maximum-lyrics-size: 2.5rem;--minimum-lyrics-size: 1.5rem;padding-top:5vh!important;padding-bottom:20vh!important}.VocalsGroup{margin-top:.8rem;margin-bottom:.8rem}}@media(max-width:768px){.BeautifulLyricsPage.Fullscreen .Content{--LyricsPaddingLeft: 4vw;--LyricsPaddingRight: 4vw}.BeautifulLyricsPage.Fullscreen .Content:has(.PlayPanel){--LyricsPaddingLeft: 4vw}.PlayPanel{padding-top:5vh;padding-bottom:1.5vh}.MediaSpace{width:70%;max-width:280px;margin-bottom:3%}.TrackInfo{margin-bottom:3%}.TrackName{font-size:clamp(1.1rem,4vw,1.3rem)}.ArtistName{font-size:clamp(.9rem,3.5vw,1rem)}.AlbumName{font-size:clamp(.8rem,3vw,.9rem)}.Lyrics{--maximum-lyrics-size: 2rem;--minimum-lyrics-size: 1.3rem;padding-top:3vh!important}.Vocals{--lyrics-size: clamp(var(--minimum-lyrics-size), 5vw, var(--maximum-lyrics-size))}}@media(max-width:480px){.BeautifulLyricsPage.Fullscreen .Content{--LyricsPaddingLeft: 5vw;--LyricsPaddingRight: 5vw}.PlayPanel{padding-top:4vh}.MediaSpace{width:65%;max-width:240px}.TrackName{font-size:clamp(1rem,4.5vw,1.2rem);margin-bottom:.4rem}.ArtistName{font-size:clamp(.85rem,4vw,.95rem)}.AlbumName{font-size:clamp(.75rem,3.5vw,.85rem)}.ProgressBar{height:3px}.TimeDisplay{font-size:clamp(.7rem,3vw,.8rem)}.Lyrics{--maximum-lyrics-size: 1.8rem;--minimum-lyrics-size: 1.2rem}.VocalsGroup{margin-top:.6rem;margin-bottom:.6rem}.NoLyrics{font-size:1.3rem}}@media(max-width:1024px)and (orientation:landscape){.PlayPanel{flex-direction:row;padding-top:5vh;max-width:90vw;gap:4vw}.MediaSpace{width:35vh;max-width:280px;margin-bottom:0}.TrackInfo{flex:1;text-align:left;margin-bottom:0;display:flex;flex-direction:column;justify-content:center}.ProgressSection{position:absolute;bottom:2vh;left:50%;transform:translate(-50%);width:80vw;max-width:600px}.Lyrics{padding-top:3vh!important}}@media(min-width:1920px){.BeautifulLyricsPage.Fullscreen .Content{--PlayPanelWidth: min(25vw, 50vh);--LyricsPaddingRight: 20vw}.Lyrics{--maximum-lyrics-size: 4rem;--minimum-lyrics-size: 2rem}}@media(hover:none)and (pointer:coarse){.LyricsScrollContainer{-webkit-overflow-scrolling:touch;scroll-padding:20vh 0}.Vocals{user-select:none;-webkit-user-select:none}.PlayPanel{touch-action:pan-y}}a{color:#fff;text-decoration:none}.AppFooter{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:transparent;pointer-events:none}.FooterContent{text-align:center;z-index:9999;padding:1rem;color:#ffffffe6;font-size:.875rem;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.5)}