.app{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;align-items:center}.main-content{flex:1;display:flex;justify-content:center;padding-top:10rem;padding-bottom:calc(var(--footer-height-desktop) + var(--padding-large));width:100%}.recently-played-container{padding-left:0!important;padding-right:0!important}@media(min-width:1300px){.main-content{max-width:800px;display:flex;justify-content:center}.center-column{width:100%;max-width:600px}.now-playing-container,.recently-played-container{margin-bottom:var(--margin-large)}}@media(min-width:1000px)and (max-width:1299px){.main-content{max-width:700px;display:flex;justify-content:center}.center-column{width:100%;max-width:600px}.now-playing-container,.recently-played-container{margin-bottom:var(--margin-medium)}}@media(max-width:999px){.app{flex-direction:column}.main-content{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);margin:0 auto;display:flex;flex-direction:column;justify-content:center}.center-column{order:1;width:100%}.now-playing-container,.recently-played-container{width:100%;margin:var(--margin-large) 0}}@media(max-height:1000px){.app{flex-direction:column;align-items:center;justify-content:flex-start}}@media(min-width:700px)and (max-height:1000px){.main-content{padding-top:calc(var(--navbar-height-desktop) + 40px);padding-bottom:calc(var(--footer-height-desktop) + var(--padding-large))}}@media(max-width:699px){.main-content{padding-top:calc(var(--navbar-height-mobile) + var(--padding-large));padding-bottom:calc(var(--footer-height-mobile) + var(--padding-large));max-width:90%}}.styled-container{background:var(--component-bg-color);color:var(--font-color);padding:var(--padding-large);border-radius:var(--border-radius-large);box-shadow:inset 0 4px 8px #0000001a;box-sizing:border-box}.animated-background-container{position:fixed;inset:0;width:100%;height:100%;min-height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1f2937,#2f495e 70%,#42b883)}.animated-background-blobs-container{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(80px);opacity:.85;will-change:transform}.animated-background-blob{position:absolute;border-radius:50%;filter:blur(50px);will-change:transform;pointer-events:none;transform-origin:center;animation:blobMove var(--blob-duration) ease-in-out infinite;animation-delay:var(--blob-delay)}@keyframes blobMove{0%{transform:translate(var(--blob-x-start),var(--blob-y-start)) scale(1)}35%{transform:translate(var(--blob-x-mid),var(--blob-y-mid)) scale(1.3)}70%{transform:translate(var(--blob-x-end),var(--blob-y-end)) scale(.85)}to{transform:translate(var(--blob-x-start),var(--blob-y-start)) scale(1)}}.animated-background-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:250% 250%;opacity:.5;mix-blend-mode:overlay;pointer-events:none;will-change:background-position;animation:overlayMove 25s ease-in-out infinite}@keyframes overlayMove{0%{background-position:0% 0%}20%{background-position:100% 100%}40%{background-position:50% 100%}60%{background-position:100% 0%}80%{background-position:0% 50%}to{background-position:0% 0%}}.animated-background-mesh-gradient{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.animated-background-mesh-point{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);will-change:transform,opacity;animation:meshMove var(--mesh-duration) ease-in-out infinite;animation-delay:var(--mesh-delay)}@keyframes meshMove{0%{transform:translate(var(--mesh-x-start),var(--mesh-y-start)) scale(1);opacity:.4}33%{transform:translate(var(--mesh-x-end),var(--mesh-y-end)) scale(1.8);opacity:.8}66%{transform:translate(var(--mesh-x-start),var(--mesh-y-end)) scale(.7);opacity:.3}to{transform:translate(var(--mesh-x-start),var(--mesh-y-start)) scale(1);opacity:.4}}@media(max-width:767px){.animated-background-blobs-container{filter:blur(60px);opacity:.75}.animated-background-blob{filter:blur(40px)}.animated-background-mesh-point{width:300px;height:300px;filter:blur(70px)}.animated-background-gradient-overlay{opacity:.4}}@media(prefers-reduced-motion:reduce){.animated-background-blob,.animated-background-mesh-point,.animated-background-gradient-overlay{animation:none}.animated-background-blobs-container{filter:blur(40px)}}footer{width:100%;height:var(--footer-height-desktop);display:flex;justify-content:center;align-items:center;padding:var(--padding-medium) 0;background:var(--navbar-bg-color);color:var(--font-color);position:fixed;bottom:0;left:0;box-shadow:0 -2px 6px #0000004d;z-index:1000}footer a{margin:0 var(--margin-medium);color:var(--font-color);text-decoration:none}footer a:hover{text-decoration:underline}footer .footer-component-copyright-container{margin:0 var(--margin-medium)}footer .footer-build-info{margin:0 var(--margin-medium);font-size:.7em;opacity:.5;color:var(--font-color)}@media(max-width:1199px){footer{height:var(--footer-height-desktop)}}@media(max-width:680px){footer{flex-direction:column;height:var(--footer-height-mobile);font-size:small}footer .footer-component-link-container{margin:var(--margin-small) 0}footer .footer-component-copyright-container{margin:var(--margin-small) 0}footer .footer-build-info{margin:var(--margin-small) 0 0}}nav{display:flex;justify-content:center;padding:var(--padding-medium);background:var(--navbar-bg-color);color:#fff;position:fixed;top:0;left:0;width:100%;height:var(--navbar-height-desktop);box-shadow:0 2px 6px #0000004d;z-index:1000;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav:after{display:none}nav img{width:var(--navbar-height-desktop);height:var(--navbar-height-desktop);margin:0 var(--margin-medium);transition:opacity .3s ease}.focused-icon{opacity:1}nav img:not(.focused-icon){opacity:.25}nav img:hover{opacity:1}.under-construction{position:relative;display:inline-block;cursor:not-allowed;pointer-events:none}.under-construction img{filter:grayscale(100%);opacity:.4}.under-construction:hover img{filter:grayscale(70%);opacity:.6}@media(max-width:680px){nav{height:var(--navbar-height-mobile)}nav img{width:var(--navbar-height-mobile);height:var(--navbar-height-mobile);margin:0 7px}nav a:last-child img{margin-right:var(--margin-large)}}@media(max-width:510px){nav{justify-content:flex-start}}.source-indicator{position:relative;border-radius:50%;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease;z-index:10;flex-shrink:0}.source-indicator:hover{transform:scale(1.1)}.source-indicator-small{width:14px;height:14px;padding:2px}.source-indicator-large{width:26px;height:26px;padding:4px}.source-indicator img{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:680px){.source-indicator-small{width:12px;height:12px;padding:1.5px}.source-indicator-large{width:22px;height:22px;padding:3.5px}}.now-playing-component{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.album-art-container{position:relative;display:inline-block}.album-art-container>img{border-radius:10px;margin-right:var(--margin-large);display:block;width:100%;height:auto}.now-playing-component-text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.now-playing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.25rem;width:100%}.now-playing-header>div{position:static;flex-shrink:0}.now-playing-component h1{margin:0;flex:1}.now-playing-timestamp{font-size:.7em;text-transform:uppercase;padding:3px 8px;border-radius:12px;letter-spacing:.5px;font-weight:600;display:inline-block;width:fit-content;margin-top:.5rem;background-color:#fc3c4433;color:var(--primary-color);border:1px solid rgba(252,60,68,.5);transition:all .2s ease}.now-playing-timestamp:hover{background-color:#fc3c4480}.now-playing-component-text{text-align:left;display:flex;flex-direction:column;justify-content:flex-end;align-self:flex-start}.song-title-container{display:flex;align-items:center;gap:8px;margin-bottom:.25rem}.now-playing-component-text h2,.now-playing-component-text p{margin:0;overflow:hidden;text-overflow:ellipsis}.now-playing-component-text h2{font-size:1.5rem;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;white-space:normal;max-height:3.6rem}.now-playing-component-text p{white-space:nowrap}.now-playing-skeleton-img{width:var(--album-art-size-large);height:var(--album-art-size-large);border-radius:10px;margin-right:var(--margin-large)}.now-playing-skeleton-title{height:1.5rem;margin-bottom:.25rem;width:calc(100% - 22px)}.now-playing-skeleton-artist{height:1rem;margin-bottom:.5rem;width:70%}.now-playing-skeleton-album{height:1rem;width:80%}.now-playing-skeleton-timestamp{height:1.2rem;width:80px;margin-top:.5rem}@media(min-width:1600px){.now-playing-component{flex-direction:row;text-align:left;align-items:flex-start}.album-art-container>img{width:var(--album-art-size-large);height:var(--album-art-size-large)}.now-playing-skeleton-img{width:var(--album-art-size-large);height:var(--album-art-size-large)}.now-playing-component-text-container{height:var(--album-art-size-large);max-width:calc(100% - var(--album-art-size-large) - var(--margin-large));margin-left:0}.now-playing-component-text h2{-webkit-line-clamp:2;line-clamp:2;max-height:3.6rem}}@media(min-width:1300px)and (max-width:1599px){.now-playing-component{flex-direction:row;text-align:left;align-items:flex-start}.album-art-container>img{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}.now-playing-skeleton-img{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}.now-playing-component-text-container{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){.now-playing-component{flex-direction:row;text-align:left;align-items:flex-start}.album-art-container>img{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}.now-playing-skeleton-img{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}.now-playing-component-text-container{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){.album-art-container{width:100%}.now-playing-component,.now-playing-component h1,.album-art-container>img,.now-playing-component-text{width:var(--width-mobile)}.now-playing-component{flex-direction:column-reverse;max-width:none;align-items:center;justify-content:center}.album-art-container>img{height:100%;width:100%;margin:var(--margin-medium) 0}.now-playing-header{margin-bottom:.25rem}.now-playing-component h1{margin-bottom:.5rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.now-playing-component-text-container{align-self:stretch;height:auto;max-width:100%}.now-playing-component-text{text-align:left;align-self:stretch}.now-playing-component-text h2{font-size:1.3rem}.song-title-container{gap:6px}.now-playing-skeleton-img{width:100%;aspect-ratio:1 / 1;margin:var(--margin-medium) 0;display:block}.now-playing-skeleton-title{height:1.3rem;width:calc(100% - 20px)}}.recently-played-list-component{align-items:normal;flex-direction:column;overflow-x:hidden;position:relative}.recently-played-list-component h1{padding-left:var(--padding-large);padding-right:var(--padding-large);width:100%;text-align:left;margin:0 0 var(--margin-medium);text-overflow:ellipsis;overflow:hidden}.recently-played-list-row{margin-bottom:12px;height:auto;width:100%;overflow:hidden}.recently-played-list-row:last-child{margin-bottom:0}.carousel-container{width:100%;overflow:hidden;position:relative}.carousel-track{display:flex;align-items:center;will-change:transform;width:fit-content;--carousel-content-width: 0px;--carousel-duration: 60s}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(var(--carousel-content-width) * -1))}}@keyframes scroll-right{0%{transform:translate(calc(var(--carousel-content-width) * -1))}to{transform:translate(0)}}.carousel-track-left{animation:scroll-left var(--carousel-duration) linear infinite}.carousel-track-right{animation:scroll-right var(--carousel-duration) linear infinite}.carousel-track-paused{animation-play-state:paused}.carousel-item{flex-shrink:0;height:auto}.song{display:flex;align-items:center;padding:var(--padding-medium);border-radius:var(--border-radius-medium);background:var(--track-bg-color);height:auto;transition:transform .2s ease-in-out,background .2s ease;margin:0 8px;width:280px!important}.song:hover{background:var(--track-bg-color-hover);transform:translateY(-2px)}.song .album-art-container{width:50px;height:50px;margin-right:var(--margin-small);flex-shrink:0}.song img{width:100%;height:100%;border-radius:5px;object-fit:cover;display:block}.song-text-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden;max-width:calc(100% - 60px);width:100%}.song-title-container{display:flex;align-items:center;gap:6px;margin-bottom:2px}.song-text-container h3,.song-text-container p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.song-text-container p{max-width:100%;font-size:.9em}.skeleton-loader{background:var(--track-bg-color);position:relative;overflow:hidden;border-radius:var(--border-radius-small)}.skeleton-loader:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);animation:shimmer 1.5s infinite}.recently-played-skeleton-container{display:flex;flex-direction:column;gap:12px;width:100%}.recently-played-skeleton-row{display:flex;gap:var(--margin-medium);width:100%}.recently-played-skeleton-song{display:flex;align-items:center;padding:var(--padding-medium);background:var(--track-bg-color);height:auto;border-radius:var(--border-radius-medium);min-width:280px;flex-shrink:0}.recently-played-skeleton-img{width:50px;height:50px;border-radius:5px;margin-right:var(--margin-small);flex-shrink:0}.recently-played-skeleton-text{display:flex;flex-direction:column;justify-content:center;flex-grow:1;gap:8px}.recently-played-skeleton-title{height:1rem;width:80%}.recently-played-skeleton-subtitle{height:.9rem;width:90%}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:680px){.recently-played-list-component{width:var(--width-mobile)}.song{width:220px!important}.song-title-container{gap:4px}.recently-played-skeleton-song{min-width:220px}}html,body,#app{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif}:root{--font-color: aliceblue;--navbar-bg-color: rgb(26, 26, 26);--component-bg-color: rgba(50, 50, 50, .6);--input-bg-color: rgba(32, 35, 42, .7);--track-bg-color: rgba(60, 60, 60, .6);--track-bg-color-hover: rgba(75, 75, 75, .7);--scrollbar-start-color: rgba(255, 255, 255, .5);--scrollbar-end-color: rgba(0, 0, 0, .1);--border-radius-large: 15px;--border-radius-medium: 7px;--border-radius-small: 3px;--padding-large: 20px;--padding-medium: 10px;--margin-large: 20px;--margin-medium: 10px;--margin-small: 5px;--navbar-height-desktop: 40px;--navbar-height-mobile: 30px;--footer-height-desktop: 40px;--footer-height-mobile: 70px;--width-mobile: 80vw;--input-border: 2px solid #fc3c44;--button-hover-bg-color: #f94c57;--button-bg-color: #fc3c44;--focus-border-color: #f94c57;--primary-color: #fc3c44;--album-art-size-small: 50px;--album-art-size-medium: 200px;--album-art-size-large: 350px;--transition-speed: .3s ease;--gradient-color-1: #42b883;--gradient-color-2: #35495e;--gradient-color-3: #41d1ff;--gradient-color-4: #2f495e;--gradient-color-5: #6ee7b7}