.AnimatedBackground-module__X2x2Xa__container{z-index:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);width:100%;height:100%;min-height:100vh;position:fixed;inset:0;overflow:hidden}.AnimatedBackground-module__X2x2Xa__blobsContainer{filter:blur(80px);opacity:.85;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.AnimatedBackground-module__X2x2Xa__blob{filter:blur(50px);will-change:transform;pointer-events:none;transform-origin:50%;border-radius:50%;position:absolute}.AnimatedBackground-module__X2x2Xa__gradientOverlay{opacity:.5;mix-blend-mode:overlay;pointer-events:none;will-change:background-position;background-size:250% 250%;width:100%;height:100%;position:absolute;top:0;left:0}.AnimatedBackground-module__X2x2Xa__meshGradient{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.AnimatedBackground-module__X2x2Xa__meshPoint{filter:blur(100px);will-change:transform,opacity;border-radius:50%;width:500px;height:500px;position:absolute}@media (max-width:767px){.AnimatedBackground-module__X2x2Xa__blobsContainer{filter:blur(60px);opacity:.75}.AnimatedBackground-module__X2x2Xa__blob{filter:blur(40px)}.AnimatedBackground-module__X2x2Xa__meshPoint{filter:blur(70px);width:300px;height:300px}.AnimatedBackground-module__X2x2Xa__gradientOverlay{opacity:.4}}@media (prefers-reduced-motion:reduce){.AnimatedBackground-module__X2x2Xa__blob,.AnimatedBackground-module__X2x2Xa__meshPoint,.AnimatedBackground-module__X2x2Xa__gradientOverlay{animation:none!important}.AnimatedBackground-module__X2x2Xa__blobsContainer{filter:blur(40px)}}
.Footer-module__Grjkva__footer{width:100%;height:var(--footer-height-desktop);padding:var(--padding-medium)0;background:var(--navbar-bg-color);color:var(--font-color);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 6px #0000004d}@media (max-width:1199px){.Footer-module__Grjkva__footer{height:var(--footer-height-desktop)}}@media (max-width:680px){.Footer-module__Grjkva__footer{height:var(--footer-height-mobile);flex-direction:column;font-size:small}.Footer-module__Grjkva__footer .Footer-module__Grjkva__footerComponentLinkContainer,.Footer-module__Grjkva__footer .Footer-module__Grjkva__footerComponentCopyrightContainer{margin:var(--margin-small)0}}.Footer-module__Grjkva__footer a{margin:0 var(--margin-medium);color:var(--font-color);text-decoration:none}.Footer-module__Grjkva__footer a:hover{text-decoration:underline}.Footer-module__Grjkva__footer .Footer-module__Grjkva__footerComponentCopyrightContainer{margin:0 var(--margin-medium)}.Footer-module__Grjkva__footer .Footer-module__Grjkva__footerBuildInfo{margin:0 var(--margin-medium);opacity:.5;color:var(--font-color);font-size:.7em}@media (max-width:680px){.Footer-module__Grjkva__footer .Footer-module__Grjkva__footerBuildInfo{margin:var(--margin-small)0 0 0}}
.Navbar-module___rHu7W__navbar{padding:var(--padding-medium);background:var(--navbar-bg-color);color:#fff;width:100%;height:var(--navbar-height-desktop);z-index:1000;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;display:flex;position:fixed;top:0;left:0;overflow-x:auto;box-shadow:0 2px 6px #0000004d}.Navbar-module___rHu7W__navbar:after{display:none}.Navbar-module___rHu7W__navbar img{width:var(--navbar-height-desktop);height:var(--navbar-height-desktop);margin:0 var(--margin-medium);transition:opacity .3s}.Navbar-module___rHu7W__focusedIcon{opacity:1}.Navbar-module___rHu7W__navbar img:not(.Navbar-module___rHu7W__focusedIcon){opacity:.25}.Navbar-module___rHu7W__navbar img:hover{opacity:1}.Navbar-module___rHu7W__underConstruction{cursor:not-allowed;pointer-events:none;display:inline-block;position:relative}.Navbar-module___rHu7W__underConstruction img{filter:grayscale();opacity:.4}.Navbar-module___rHu7W__underConstruction:hover img{filter:grayscale(70%);opacity:.6}@media (max-width:680px){.Navbar-module___rHu7W__navbar{height:var(--navbar-height-mobile)}.Navbar-module___rHu7W__navbar img{width:var(--navbar-height-mobile);height:var(--navbar-height-mobile);margin:0 7px}.Navbar-module___rHu7W__navbar a:last-child img{margin-right:var(--margin-large)}.Navbar-module___rHu7W__underConstruction:before{font-size:1.2rem}}@media (max-width:510px){.Navbar-module___rHu7W__navbar{justify-content:flex-start}}
.SourceIndicator-module__gfuD3q__indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;position:relative}.SourceIndicator-module__gfuD3q__indicator:hover{transform:scale(1.1)}.SourceIndicator-module__gfuD3q__small{width:14px;height:14px;padding:2px}.SourceIndicator-module__gfuD3q__large{width:26px;height:26px;padding:4px}.SourceIndicator-module__gfuD3q__apple svg,.SourceIndicator-module__gfuD3q__apple img,.SourceIndicator-module__gfuD3q__spotify svg,.SourceIndicator-module__gfuD3q__spotify img{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:680px){.SourceIndicator-module__gfuD3q__small{width:12px;height:12px;padding:1.5px}.SourceIndicator-module__gfuD3q__large{width:22px;height:22px;padding:3.5px}}
.NowPlaying-module__r_UX9a__nowPlayingComponent{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.NowPlaying-module__r_UX9a__albumArtContainer{display:inline-block;position:relative}.NowPlaying-module__r_UX9a__nowPlayingComponent img{margin-right:var(--margin-large);border-radius:10px;width:100%;height:auto;display:block}.NowPlaying-module__r_UX9a__nowPlayingComponentTextContainer{flex-direction:column;flex-grow:1;justify-content:space-between;display:flex;overflow:hidden}.NowPlaying-module__r_UX9a__nowPlayingHeader{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:.25rem;display:flex}.NowPlaying-module__r_UX9a__nowPlayingHeader>div{flex-shrink:0;position:static}.NowPlaying-module__r_UX9a__nowPlayingComponent h1{flex:1;margin:0}.NowPlaying-module__r_UX9a__nowPlayingTimestamp{text-transform:uppercase;letter-spacing:.5px;width:fit-content;color:var(--primary-color);background-color:#fc3c4433;border:1px solid #fc3c4480;border-radius:12px;margin-top:.5rem;padding:3px 8px;font-size:.7em;font-weight:600;transition:all .2s;display:inline-block}.NowPlaying-module__r_UX9a__nowPlayingTimestamp:hover{background-color:#fc3c4480}.NowPlaying-module__r_UX9a__nowPlayingComponentText{text-align:left;flex-direction:column;justify-content:flex-end;align-self:flex-start;display:flex}.NowPlaying-module__r_UX9a__songTitleContainer{align-items:center;gap:8px;margin-bottom:.25rem;display:flex}.NowPlaying-module__r_UX9a__nowPlayingComponentText h2,.NowPlaying-module__r_UX9a__nowPlayingComponentText p{text-overflow:ellipsis;margin:0;overflow:hidden}.NowPlaying-module__r_UX9a__nowPlayingComponentText h2{-webkit-line-clamp:1;line-clamp:1;white-space:normal;-webkit-box-orient:vertical;max-height:3.6rem;margin-bottom:.25rem;font-size:1.5rem;display:-webkit-box}.NowPlaying-module__r_UX9a__nowPlayingComponentText p{white-space:nowrap}.NowPlaying-module__r_UX9a__skeletonLoader{background:var(--track-bg-color);border-radius:var(--border-radius-small);position:relative;overflow:hidden}.NowPlaying-module__r_UX9a__skeletonLoader:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%);animation:1.5s infinite NowPlaying-module__r_UX9a__shimmer;position:absolute;inset:0;transform:translate(-100%)}.NowPlaying-module__r_UX9a__nowPlayingSkeletonImg{width:var(--album-art-size-large);height:var(--album-art-size-large);margin-right:var(--margin-large);border-radius:10px}.NowPlaying-module__r_UX9a__nowPlayingSkeletonTitle{width:calc(100% - 22px);height:1.5rem;margin-bottom:.25rem}.NowPlaying-module__r_UX9a__nowPlayingSkeletonArtist{width:70%;height:1rem;margin-bottom:.5rem}.NowPlaying-module__r_UX9a__nowPlayingSkeletonAlbum{width:80%;height:1rem}.NowPlaying-module__r_UX9a__nowPlayingSkeletonTimestamp{width:80px;height:1.2rem;margin-top:.5rem}@keyframes NowPlaying-module__r_UX9a__shimmer{to{transform:translate(100%)}}@media (min-width:1600px){.NowPlaying-module__r_UX9a__nowPlayingComponent{text-align:left;flex-direction:row;align-items:flex-start}.NowPlaying-module__r_UX9a__nowPlayingComponent img,.NowPlaying-module__r_UX9a__nowPlayingSkeletonImg{width:var(--album-art-size-large);height:var(--album-art-size-large)}.NowPlaying-module__r_UX9a__nowPlayingComponentTextContainer{height:var(--album-art-size-large);max-width:calc(100% - var(--album-art-size-large) - var(--margin-large));margin-left:0}.NowPlaying-module__r_UX9a__nowPlayingComponentText h2{-webkit-line-clamp:2;line-clamp:2;max-height:3.6rem}}@media (min-width:1300px) and (max-width:1599px){.NowPlaying-module__r_UX9a__nowPlayingComponent{text-align:left;flex-direction:row;align-items:flex-start}.NowPlaying-module__r_UX9a__nowPlayingComponent img,.NowPlaying-module__r_UX9a__nowPlayingSkeletonImg{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}.NowPlaying-module__r_UX9a__nowPlayingComponentTextContainer{height:var(--album-art-size-medium);max-width:calc(100% - var(--album-art-size-medium) - var(--margin-large));margin-left:0}}@media (min-width:700px) and (max-width:1299px){.NowPlaying-module__r_UX9a__nowPlayingComponent{text-align:left;flex-direction:row;align-items:flex-start}.NowPlaying-module__r_UX9a__nowPlayingComponent img,.NowPlaying-module__r_UX9a__nowPlayingSkeletonImg{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}.NowPlaying-module__r_UX9a__nowPlayingComponentTextContainer{height:var(--album-art-size-medium);max-width:calc(100% - var(--album-art-size-medium) - var(--margin-large));margin-left:0}}@media (max-width:699px){.NowPlaying-module__r_UX9a__albumArtContainer{width:100%}.NowPlaying-module__r_UX9a__nowPlayingComponent,.NowPlaying-module__r_UX9a__nowPlayingComponent h1,.NowPlaying-module__r_UX9a__nowPlayingComponent img,.NowPlaying-module__r_UX9a__nowPlayingComponentText{width:var(--width-mobile)}.NowPlaying-module__r_UX9a__nowPlayingComponent{flex-direction:column-reverse;justify-content:center;align-items:center;max-width:none}.NowPlaying-module__r_UX9a__nowPlayingComponent img{width:100%;height:100%;margin:var(--margin-medium)0}.NowPlaying-module__r_UX9a__nowPlayingHeader{margin-bottom:.25rem}.NowPlaying-module__r_UX9a__nowPlayingComponent h1{text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-bottom:.5rem;overflow:hidden}.NowPlaying-module__r_UX9a__nowPlayingComponentTextContainer{align-self:stretch;max-width:100%;height:auto}.NowPlaying-module__r_UX9a__nowPlayingComponentText{text-align:left;align-self:stretch}.NowPlaying-module__r_UX9a__nowPlayingComponentText h2{font-size:1.3rem}.NowPlaying-module__r_UX9a__songTitleContainer{gap:6px}.NowPlaying-module__r_UX9a__nowPlayingSkeletonImg{aspect-ratio:1;width:100%;margin:var(--margin-medium)0;display:block}.NowPlaying-module__r_UX9a__nowPlayingSkeletonTitle{width:calc(100% - 20px);height:1.3rem}}
.SkeletonLoader-module__NgWgTW__skeletonLoader{background:var(--track-bg-color);border-radius:var(--border-radius-small);position:relative;overflow:hidden}.SkeletonLoader-module__NgWgTW__skeletonLoader:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%);animation:1.5s infinite SkeletonLoader-module__NgWgTW__shimmer;position:absolute;inset:0;transform:translate(-100%)}.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonContainer{flex-direction:column;gap:12px;width:100%;display:flex}.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonRow{gap:var(--margin-medium);width:100%;display:flex}.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonSong{padding:var(--padding-medium);background:var(--track-bg-color);border-radius:var(--border-radius-medium);flex-shrink:0;align-items:center;min-width:280px;height:auto;display:flex}.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonImg{width:50px;height:50px;margin-right:var(--margin-small);border-radius:5px;flex-shrink:0}.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonText{flex-direction:column;flex-grow:1;justify-content:center;gap:8px;display:flex}.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonTitle{width:80%;height:1rem}.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonSubtitle{width:90%;height:.9rem}@keyframes SkeletonLoader-module__NgWgTW__shimmer{to{transform:translate(100%)}}@media (max-width:680px){.SkeletonLoader-module__NgWgTW__recentlyPlayedSkeletonSong{min-width:220px}}
.RecentlyPlayedList-module__uatYea__recentlyPlayedListComponent{flex-direction:column;align-items:normal;position:relative;overflow-x:hidden}.RecentlyPlayedList-module__uatYea__recentlyPlayedListComponent h1{padding-left:var(--padding-large);padding-right:var(--padding-large);text-align:left;width:100%;margin:0 0 var(--margin-medium);text-overflow:ellipsis;overflow:hidden}@media (max-width:680px){.RecentlyPlayedList-module__uatYea__recentlyPlayedListComponent{width:var(--width-mobile)}}
.SongItem-module__lGy77G__song{padding:var(--padding-medium);border-radius:var(--border-radius-medium);background:var(--track-bg-color);align-items:center;height:auto;margin:0 8px;transition:transform .2s ease-in-out,background .2s;display:flex;width:280px!important}.SongItem-module__lGy77G__song:hover{background:var(--track-bg-color-hover);transform:translateY(-2px)}.SongItem-module__lGy77G__albumArtContainer{width:50px;height:50px;margin-right:var(--margin-small);flex-shrink:0}.SongItem-module__lGy77G__song img{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block}.SongItem-module__lGy77G__songTextContainer{flex-direction:column;justify-content:center;width:100%;max-width:calc(100% - 60px);display:flex;overflow:hidden}.SongItem-module__lGy77G__songTitleContainer{align-items:center;gap:6px;margin-bottom:2px;display:flex}.SongItem-module__lGy77G__songTextContainer h3,.SongItem-module__lGy77G__songTextContainer p{text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;overflow:hidden}.SongItem-module__lGy77G__songTextContainer p{max-width:100%;font-size:.9em}@media (max-width:680px){.SongItem-module__lGy77G__song{width:220px!important}.SongItem-module__lGy77G__songTitleContainer{gap:4px}}
.App-module__hLHISa__app{z-index:1;flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-y:auto}@keyframes App-module__hLHISa__gradient{0%{background-position:0%}12.5%{background-position:50% 0}25%{background-position:100% 25%}37.5%{background-position:75% 100%}50%{background-position:25% 75%}62.5%{background-position:50% 25%}75%{background-position:100%}87.5%{background-position:0 100%}to{background-position:0%}}.App-module__hLHISa__appBg{background:linear-gradient(-45deg,var(--gradient-color-1,#fa573c),var(--gradient-color-2,#61dafb),var(--gradient-color-3,#60a4f4),var(--gradient-color-4,#fa573c),var(--gradient-color-5,#1f2378));z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:400% 400%;width:100%;min-height:100%;animation:8s ease-in-out infinite App-module__hLHISa__gradient;position:fixed;inset:0}.App-module__hLHISa__mainContent{padding-top:10rem;padding-bottom:calc(var(--footer-height-desktop) + var(--padding-large));flex:1;justify-content:center;width:100%;display:flex}.App-module__hLHISa__recentlyPlayedContainer{padding-left:0!important;padding-right:0!important}@media (min-width:1300px){.App-module__hLHISa__mainContent{justify-content:center;max-width:800px;display:flex}.App-module__hLHISa__centerColumn{width:100%;max-width:600px}.App-module__hLHISa__recommendationsListContainer{min-height:0;margin-bottom:var(--margin-large);flex:1;overflow-y:auto}.App-module__hLHISa__nowPlayingContainer,.App-module__hLHISa__recommendationFormContainer,.App-module__hLHISa__recentlyPlayedContainer{margin-bottom:var(--margin-large)}}@media (min-width:1000px) and (max-width:1299px){.App-module__hLHISa__mainContent{justify-content:center;max-width:700px;display:flex}.App-module__hLHISa__centerColumn{width:100%;max-width:600px}.App-module__hLHISa__recommendationsListContainer{min-height:0;margin-bottom:var(--margin-medium);flex:1;overflow-y:auto}.App-module__hLHISa__nowPlayingContainer,.App-module__hLHISa__recommendationFormContainer,.App-module__hLHISa__recommendationsListContainer,.App-module__hLHISa__recentlyPlayedContainer{margin-bottom:var(--margin-medium)}}@media (max-width:999px){.App-module__hLHISa__app{flex-direction:column}.App-module__hLHISa__mainContent{padding-top:calc(var(--navbar-height-desktop) + var(--padding-large));padding-bottom:calc(var(--footer-height-desktop) + var(--padding-large));width:560px;max-width:calc(90% - var(--padding-large)*2);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.App-module__hLHISa__centerColumn{order:1;width:100%}.App-module__hLHISa__recommendationsListContainer{min-height:0;margin-bottom:var(--margin-large)0;flex:1;overflow-y:auto}.App-module__hLHISa__nowPlayingContainer,.App-module__hLHISa__recentlyPlayedContainer,.App-module__hLHISa__realtimeUpdatesContainer{width:100%;margin:var(--margin-large)0}.App-module__hLHISa__recommendationsListContainer,.App-module__hLHISa__recommendationFormContainer{width:100%;margin:0 0 var(--margin-large)0}}@media (max-height:1000px){.App-module__hLHISa__app{flex-direction:column;justify-content:flex-start;align-items:center}}@media (min-width:700px) and (max-height:1000px){.App-module__hLHISa__mainContent{padding-top:calc(var(--navbar-height-desktop) + 40px);padding-bottom:calc(var(--footer-height-desktop) + var(--padding-large))}}@media (max-width:699px){.App-module__hLHISa__mainContent{padding-top:calc(var(--navbar-height-mobile) + var(--padding-large));padding-bottom:calc(var(--footer-height-mobile) + var(--padding-large));max-width:90%}}.App-module__hLHISa__styledContainer{background:var(--component-bg-color);color:var(--font-color);padding:var(--padding-large);border-radius:var(--border-radius-large);box-sizing:border-box;box-shadow:inset 0 4px 8px #0000001a}
.ErrorBoundary-module__6WW5aq__errorBoundary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.ErrorBoundary-module__6WW5aq__errorBoundaryContent{text-align:center;width:100%;max-width:600px}.ErrorBoundary-module__6WW5aq__errorBoundaryTitle{margin-bottom:1rem;font-size:2rem;font-weight:700}.ErrorBoundary-module__6WW5aq__errorBoundaryMessage{opacity:.9;margin-bottom:2rem;font-size:1.125rem}.ErrorBoundary-module__6WW5aq__errorBoundaryDetails{text-align:left;background:#0003;border-radius:8px;margin:2rem 0;padding:1rem}.ErrorBoundary-module__6WW5aq__errorBoundaryDetails summary{cursor:pointer;margin-bottom:1rem;padding:.5rem;font-weight:600}.ErrorBoundary-module__6WW5aq__errorBoundaryStack{white-space:pre-wrap;word-break:break-all;background:#0000004d;border-radius:4px;max-height:400px;padding:1rem;font-family:monospace;font-size:.875rem;overflow:auto}.ErrorBoundary-module__6WW5aq__errorBoundaryButton{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;margin:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.ErrorBoundary-module__6WW5aq__errorBoundaryButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ErrorBoundary-module__6WW5aq__errorBoundaryButton:active{transform:translateY(0)}.ErrorBoundary-module__6WW5aq__errorBoundaryButtonSecondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;margin:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.ErrorBoundary-module__6WW5aq__errorBoundaryButtonSecondary:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ErrorBoundary-module__6WW5aq__errorBoundaryButtonSecondary:active{transform:translateY(0)}