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}@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 ._footerComponentLinkContainer_snyy6_33{margin:var(--margin-small) 0}footer ._footerComponentCopyrightContainer_snyy6_37{margin:var(--margin-small) 0}}footer a{margin:0 var(--margin-medium);color:var(--font-color);text-decoration:none}footer a:hover{text-decoration:underline}footer ._footerComponentCopyrightContainer_snyy6_37{margin:0 var(--margin-medium)}footer ._footerBuildInfo_snyy6_56{margin:0 var(--margin-medium);font-size:.7em;opacity:.5;color:var(--font-color)}@media(max-width:680px){footer ._footerBuildInfo_snyy6_56{margin:var(--margin-small) 0 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}._focusedIcon_1t0u4_39{opacity:1}nav img:not(._focusedIcon_1t0u4_39){opacity:.25}nav img:hover{opacity:1}._underConstruction_1t0u4_53{position:relative;display:inline-block;cursor:not-allowed;pointer-events:none}._underConstruction_1t0u4_53 img{filter:grayscale(100%);opacity:.4}._underConstruction_1t0u4_53: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)}._underConstruction_1t0u4_53:before{font-size:1.2rem}}@media(max-width:510px){nav{justify-content:flex-start}}._indicator_tjg14_2{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}._indicator_tjg14_2:hover{transform:scale(1.1)}._small_tjg14_20{width:14px;height:14px;padding:2px}._large_tjg14_26{width:26px;height:26px;padding:4px}._apple_tjg14_32 svg,._apple_tjg14_32 img{width:100%;height:100%;object-fit:contain;display:block}._spotify_tjg14_40 svg,._spotify_tjg14_40 img{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:680px){._small_tjg14_20{width:12px;height:12px;padding:1.5px}._large_tjg14_26{width:22px;height:22px;padding:3.5px}}._nowPlayingComponent_1x7d2_1{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}._albumArtContainer_1x7d2_10{position:relative;display:inline-block}._nowPlayingComponent_1x7d2_1 img{border-radius:10px;margin-right:var(--margin-large);display:block;width:100%;height:auto}._nowPlayingComponentTextContainer_1x7d2_23{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}._nowPlayingHeader_1x7d2_31{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.25rem;width:100%}._nowPlayingHeader_1x7d2_31>div{position:static;flex-shrink:0}._nowPlayingComponent_1x7d2_1 h1{margin:0;flex:1}._nowPlayingTimestamp_1x7d2_50{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}._nowPlayingTimestamp_1x7d2_50:hover{background-color:#fc3c4480}._nowPlayingComponentText_1x7d2_23{text-align:left;display:flex;flex-direction:column;justify-content:flex-end;align-self:flex-start}._songTitleContainer_1x7d2_78{display:flex;align-items:center;gap:8px;margin-bottom:.25rem}._nowPlayingComponentText_1x7d2_23 h2,._nowPlayingComponentText_1x7d2_23 p{margin:0;overflow:hidden;text-overflow:ellipsis}._nowPlayingComponentText_1x7d2_23 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}._nowPlayingComponentText_1x7d2_23 p{white-space:nowrap}._skeletonLoader_1x7d2_109{background:var(--track-bg-color);position:relative;overflow:hidden;border-radius:var(--border-radius-small)}._skeletonLoader_1x7d2_109:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);animation:_shimmer_1x7d2_1 1.5s infinite}._nowPlayingSkeletonImg_1x7d2_133{width:var(--album-art-size-large);height:var(--album-art-size-large);border-radius:10px;margin-right:var(--margin-large)}._nowPlayingSkeletonTitle_1x7d2_140{height:1.5rem;margin-bottom:.25rem;width:calc(100% - 22px)}._nowPlayingSkeletonArtist_1x7d2_146{height:1rem;margin-bottom:.5rem;width:70%}._nowPlayingSkeletonAlbum_1x7d2_152{height:1rem;width:80%}._nowPlayingSkeletonTimestamp_1x7d2_157{height:1.2rem;width:80px;margin-top:.5rem}@keyframes _shimmer_1x7d2_1{to{transform:translate(100%)}}@media(min-width:1600px){._nowPlayingComponent_1x7d2_1{flex-direction:row;text-align:left;align-items:flex-start}._nowPlayingComponent_1x7d2_1 img,._nowPlayingSkeletonImg_1x7d2_133{width:var(--album-art-size-large);height:var(--album-art-size-large)}._nowPlayingComponentTextContainer_1x7d2_23{height:var(--album-art-size-large);max-width:calc(100% - var(--album-art-size-large) - var(--margin-large));margin-left:0}._nowPlayingComponentText_1x7d2_23 h2{-webkit-line-clamp:2;line-clamp:2;max-height:3.6rem}}@media(min-width:1300px)and (max-width:1599px){._nowPlayingComponent_1x7d2_1{flex-direction:row;text-align:left;align-items:flex-start}._nowPlayingComponent_1x7d2_1 img,._nowPlayingSkeletonImg_1x7d2_133{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}._nowPlayingComponentTextContainer_1x7d2_23{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){._nowPlayingComponent_1x7d2_1{flex-direction:row;text-align:left;align-items:flex-start}._nowPlayingComponent_1x7d2_1 img,._nowPlayingSkeletonImg_1x7d2_133{width:var(--album-art-size-medium);height:var(--album-art-size-medium)}._nowPlayingComponentTextContainer_1x7d2_23{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){._albumArtContainer_1x7d2_10{width:100%}._nowPlayingComponent_1x7d2_1,._nowPlayingComponent_1x7d2_1 h1,._nowPlayingComponent_1x7d2_1 img,._nowPlayingComponentText_1x7d2_23{width:var(--width-mobile)}._nowPlayingComponent_1x7d2_1{flex-direction:column-reverse;max-width:none;align-items:center;justify-content:center}._nowPlayingComponent_1x7d2_1 img{height:100%;width:100%;margin:var(--margin-medium) 0}._nowPlayingHeader_1x7d2_31{margin-bottom:.25rem}._nowPlayingComponent_1x7d2_1 h1{margin-bottom:.5rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._nowPlayingComponentTextContainer_1x7d2_23{align-self:stretch;height:auto;max-width:100%}._nowPlayingComponentText_1x7d2_23{text-align:left;align-self:stretch}._nowPlayingComponentText_1x7d2_23 h2{font-size:1.3rem}._songTitleContainer_1x7d2_78{gap:6px}._nowPlayingSkeletonImg_1x7d2_133{width:100%;aspect-ratio:1 / 1;margin:var(--margin-medium) 0;display:block}._nowPlayingSkeletonTitle_1x7d2_140{height:1.3rem;width:calc(100% - 20px)}}._skeletonLoader_z9tho_2{background:var(--track-bg-color);position:relative;overflow:hidden;border-radius:var(--border-radius-small)}._skeletonLoader_z9tho_2:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);animation:_shimmer_z9tho_1 1.5s infinite}._recentlyPlayedSkeletonContainer_z9tho_28{display:flex;flex-direction:column;gap:12px;width:100%}._recentlyPlayedSkeletonRow_z9tho_36{display:flex;gap:var(--margin-medium);width:100%}._recentlyPlayedSkeletonSong_z9tho_43{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}._recentlyPlayedSkeletonImg_z9tho_55{width:50px;height:50px;border-radius:5px;margin-right:var(--margin-small);flex-shrink:0}._recentlyPlayedSkeletonText_z9tho_64{display:flex;flex-direction:column;justify-content:center;flex-grow:1;gap:8px}._recentlyPlayedSkeletonTitle_z9tho_73{height:1rem;width:80%}._recentlyPlayedSkeletonSubtitle_z9tho_79{height:.9rem;width:90%}@keyframes _shimmer_z9tho_1{to{transform:translate(100%)}}@media(max-width:680px){._recentlyPlayedSkeletonSong_z9tho_43{min-width:220px}}._recentlyPlayedListComponent_hdcgf_1{align-items:normal;flex-direction:column;overflow-x:hidden;position:relative}._recentlyPlayedListComponent_hdcgf_1 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}@media(max-width:680px){._recentlyPlayedListComponent_hdcgf_1{width:var(--width-mobile)}}._app_9g145_1{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;align-items:center}@keyframes _gradient_9g145_1{0%{background-position:0% 50%}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% 50%}87.5%{background-position:0% 100%}to{background-position:0% 50%}}._appBg_9g145_49{position:fixed;animation:_gradient_9g145_1 8s ease-in-out infinite;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));background-repeat:no-repeat;background-position:center;background-size:400% 400%;inset:0;min-height:100%;width:100%;z-index:-1}._mainContent_9g145_72{flex:1;display:flex;justify-content:center;padding-top:10rem;padding-bottom:calc(var(--footer-height-desktop) + var(--padding-large));width:100%}._recentlyPlayedContainer_9g145_82{padding-left:0!important;padding-right:0!important}@media(min-width:1300px){._mainContent_9g145_72{max-width:800px;display:flex;justify-content:center}._centerColumn_9g145_95{width:100%;max-width:600px}._recommendationsListContainer_9g145_100{flex:1;min-height:0;overflow-y:auto;margin-bottom:var(--margin-large)}._nowPlayingContainer_9g145_107,._recommendationFormContainer_9g145_108,._recentlyPlayedContainer_9g145_82{margin-bottom:var(--margin-large)}}@media(min-width:1000px)and (max-width:1299px){._mainContent_9g145_72{max-width:700px;display:flex;justify-content:center}._centerColumn_9g145_95{width:100%;max-width:600px}._recommendationsListContainer_9g145_100{flex:1;min-height:0;overflow-y:auto;margin-bottom:var(--margin-medium)}._nowPlayingContainer_9g145_107,._recommendationFormContainer_9g145_108,._recommendationsListContainer_9g145_100,._recentlyPlayedContainer_9g145_82{margin-bottom:var(--margin-medium)}}@media(max-width:999px){._app_9g145_1{flex-direction:column}._mainContent_9g145_72{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}._centerColumn_9g145_95{order:1;width:100%}._recommendationsListContainer_9g145_100{flex:1;min-height:0;overflow-y:auto;margin-bottom:var(--margin-large) 0}._nowPlayingContainer_9g145_107,._recentlyPlayedContainer_9g145_82,._realtimeUpdatesContainer_9g145_173{width:100%;margin:var(--margin-large) 0}._recommendationsListContainer_9g145_100,._recommendationFormContainer_9g145_108{width:100%;margin:0 0 var(--margin-large) 0}}@media(max-height:1000px){._app_9g145_1{flex-direction:column;align-items:center;justify-content:flex-start}}@media(min-width:700px)and (max-height:1000px){._mainContent_9g145_72{padding-top:calc(var(--navbar-height-desktop) + 40px);padding-bottom:calc(var(--footer-height-desktop) + var(--padding-large))}}@media(max-width:699px){._mainContent_9g145_72{padding-top:calc(var(--navbar-height-mobile) + var(--padding-large));padding-bottom:calc(var(--footer-height-mobile) + var(--padding-large));max-width:90%}}._styledContainer_9g145_210{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}._errorBoundary_1exeu_1{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}._errorBoundaryContent_1exeu_11{max-width:600px;width:100%;text-align:center}._errorBoundaryTitle_1exeu_17{font-size:2rem;font-weight:700;margin-bottom:1rem}._errorBoundaryMessage_1exeu_23{font-size:1.125rem;margin-bottom:2rem;opacity:.9}._errorBoundaryDetails_1exeu_29{margin:2rem 0;text-align:left;background:#0003;border-radius:8px;padding:1rem}._errorBoundaryDetails_1exeu_29 summary{cursor:pointer;font-weight:600;margin-bottom:1rem;padding:.5rem}._errorBoundaryStack_1exeu_44{font-size:.875rem;font-family:monospace;white-space:pre-wrap;word-break:break-all;overflow-x:auto;padding:1rem;background:#0000004d;border-radius:4px;max-height:400px;overflow-y:auto}._errorBoundaryButton_1exeu_57{background:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;margin:.5rem;transition:transform .2s,box-shadow .2s}._errorBoundaryButton_1exeu_57:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}._errorBoundaryButton_1exeu_57:active{transform:translateY(0)}._errorBoundaryButtonSecondary_1exeu_79{background:transparent;color:#fff;border:2px solid white;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;margin:.5rem;transition:transform .2s,box-shadow .2s}._errorBoundaryButtonSecondary_1exeu_79:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:#ffffff1a}._errorBoundaryButtonSecondary_1exeu_79:active{transform:translateY(0)}html,body,#root{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;--input-border: 2px solid #fc3c44;--button-hover-bg-color: #f94c57;--button-bg-color: #fc3c44;--focus-border-color: #f94c57;--album-art-size-small: 50px;--album-art-size-medium: 200px;--album-art-size-large: 350px;--transition-speed: .3s ease;--gradient-color-1: #fa573c;--gradient-color-2: #61dafb;--gradient-color-3: #60a4f4;--gradient-color-4: #fa573c;--gradient-color-5: #1f2378}