@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";body{color:#ff80ab;background:#000;min-height:100vh;margin:0;padding:0;font-family:Quicksand,sans-serif}.play-button,.youtube-player-section .player-controls button,.youtube-player-section .song-list .song-item button,.pause-button{color:#333;cursor:pointer;background:linear-gradient(90deg,#ff80ab 0%,#c2a2ff 100%);border:none;border-radius:50px;justify-content:center;align-items:center;width:120px;height:50px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 8px #ff000440,inset 0 5px 6px #00000040}.play-button:hover,.youtube-player-section .player-controls button:hover,.youtube-player-section .song-list .song-item button:hover,.pause-button:hover{color:#000;background:#ff4f8a;box-shadow:0 4px 8px #ff000440,inset 0 5px 6px #00000040}.theme-toggle{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background-color .3s,transform .2s ease-in-out;display:flex}.theme-toggle button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;transition:transform .2s ease-in-out;display:flex}.theme-toggle button i{color:#fff}.theme-toggle button:hover{transform:scale(1.1)}.dark-mode .theme-toggle button{background-color:#0295f2}.dark-mode .theme-toggle button i{color:#fff}.light-mode .theme-toggle button{background-color:#ffe610;box-shadow:0 4px 10px #0003}.light-mode .theme-toggle button i{color:#fff}html,body{width:100%;overflow-x:hidden}.sr-only{position:absolute;left:-9999px}@keyframes fadeUpRotate{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{opacity:0;transform:translateY(-30px) scale(1.5) rotate(var(--rotation))}}.note{pointer-events:none;font-size:1.5rem;font-weight:700;animation:1s linear forwards fadeUpRotate;position:absolute}.loading-screen{color:#fff;z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;font-size:1.2rem;display:flex;position:fixed;top:0;left:0}.bars{justify-content:center;align-items:flex-end;gap:.5rem;height:4rem;display:flex}.bars__item{background:#ff80ab;width:1.2rem;height:100%;animation:1s ease-out infinite play}.bars__item:first-child{animation-delay:0s}.bars__item:nth-child(2){animation-delay:.5s}.bars__item:nth-child(3){animation-delay:.2s}.bars__item:nth-child(4){animation-delay:.75s}.bars__item:nth-child(5){animation-delay:.3s}@keyframes play{0%{height:10%}25%{height:75%}50%{height:50%}75%{height:100%}to{height:20%}}.main-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.subheading{color:#ff80ab;margin-bottom:1rem;font-size:1.5rem}.artist-spotlight,.specific-track-songs{margin-bottom:6rem}.artist-spotlight .artist-container,.artist-spotlight .song-container,.specific-track-songs .artist-container,.specific-track-songs .song-container{flex-wrap:wrap;justify-content:center;gap:4rem;display:flex}.artist-spotlight .artist-card,.artist-spotlight .song-card,.specific-track-songs .artist-card,.specific-track-songs .song-card{flex-direction:column;align-items:center;display:flex}.artist-spotlight .artist-card img,.artist-spotlight .song-card img,.specific-track-songs .artist-card img,.specific-track-songs .song-card img{object-fit:cover;border-radius:50%;width:150px;height:150px}.artist-spotlight .artist-card p,.artist-spotlight .song-card p,.specific-track-songs .artist-card p,.specific-track-songs .song-card p{color:#ff80ab;margin-top:.5rem;font-size:1.2rem}h1{font-size:3rem}.specific-track-songs .song-container{flex-wrap:wrap}.specific-track-songs .song-card{max-width:150px}.albums{text-align:center;margin-bottom:10rem}.albums .slider-container{width:100%;display:flex;position:relative;overflow:hidden}.albums .album-wrapper{width:100%;height:200px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.albums .album-container{flex-wrap:nowrap;gap:2rem;animation:30s linear infinite scrollLeft;display:flex}@keyframes scrollLeft{to{left:-200px}}.albums .album-card{width:200px;height:200px;animation-name:scrollLeft;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:max(2000px,100%)}.albums .album-card:first-child{animation-delay:-87s}.albums .album-card:nth-child(2){animation-delay:-84s}.albums .album-card:nth-child(3){animation-delay:-81s}.albums .album-card:nth-child(4){animation-delay:-78s}.albums .album-card:nth-child(5){animation-delay:-75s}.albums .album-card:nth-child(6){animation-delay:-72s}.albums .album-card:nth-child(7){animation-delay:-69s}.albums .album-card:nth-child(8){animation-delay:-66s}.albums .album-card:nth-child(9){animation-delay:-63s}.albums .album-card:nth-child(10){animation-delay:-60s}.albums .album-card{flex-direction:column;align-items:center;display:flex}.albums .album-card img{object-fit:cover;width:160px;height:160px}.albums .album-card p{color:#ff80ab;margin-top:.5rem;font-size:1.5rem}@media (width<=1000px){.main-content{text-align:center;align-items:center;display:flex}.artist-container{align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.song-container{padding:1rem 2rem}.artist-card img{max-width:150px}}.press-btn{color:#fff;cursor:pointer;z-index:1100;background-color:#c2185b;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.2rem;font-size:1rem;transition:transform .3s ease-in-out,background-color .3s;display:flex;position:fixed;bottom:5rem;right:20px}.press-btn:hover{transform:scale(1.1)}.press-btn i{font-size:2rem}.popup{z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.popup .popup-content{text-align:center;background:linear-gradient(to bottom right,#ffb6c1,#d8b2ff,#8fd3fe,#fff6a9);border-radius:15px;width:90%;max-width:50ch;padding:6ch;position:relative}.popup .popup-content .close-btn{cursor:pointer;color:#000;font-size:3rem;position:absolute;top:-.5rem;right:15px}.popup .popup-content .music-player .gif-frame{border-radius:10px;width:100%;margin-bottom:1rem;overflow:hidden}.popup .popup-content .music-player img{width:50%;height:auto}.popup .popup-content .music-player .song-info{color:#000;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.popup .popup-content .music-player .song-info #artist-name{margin-top:-1rem;font-size:1.2rem}.popup .popup-content .music-player .song-info .artist-container{justify-content:space-between;align-items:center;width:100%;font-size:1.2rem;display:flex}.popup .popup-content .music-player .song-info .like-btn{cursor:pointer;margin-left:auto;font-size:2.5rem}.popup .popup-content .music-player .progress-container{color:#ff4f8a;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:1rem;display:flex}.popup .popup-content .music-player #progress-bar{appearance:none;cursor:pointer;background:#000;border-radius:10px;width:100%;height:5px}.popup .popup-content .music-player .controls{cursor:pointer;color:#000;justify-content:space-around;margin-top:2rem;font-size:2rem;display:flex}.popup .popup-content .music-player .controls i{transition:transform .3s ease-in-out}.popup .popup-content .music-player .controls i:hover{transform:scale(1.2)}.search-results{grid-template-columns:repeat(3,1fr);justify-items:center;gap:12ch;padding:1.25rem 1.25rem 18rem;display:grid}@media (width<=1024px){.search-results{grid-template-columns:repeat(2,1fr);gap:8ch}}@media (width<=768px){.search-results{grid-template-columns:repeat(1,1fr);gap:6ch}}.search-item{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:20ch;height:24ch;padding:15px;transition:transform .3s ease-in-out;display:flex}@media (width<=1024px){.search-item{width:20ch}}@media (width<=768px){.search-item{width:18ch;padding-top:2rem}}.search-item img{object-fit:cover;border-radius:15px;width:200px;height:200px;margin-bottom:10px}@media (width<=1024px){.search-item img{width:180px;height:180px}}@media (width<=768px){.search-item img{width:160px;height:160px}}.search-item:hover{transform:scale(1.05)}.search-item a{color:#333;background:linear-gradient(90deg,#ff80ab 0%,#c2a2ff 100%);border-radius:40px;padding:.5rem 1rem;font-size:1.2rem;text-decoration:none}.search-item a:hover{color:#000;background:#ff4f8a;box-shadow:0 4px 8px #ff000440,inset 0 5px 6px #00000040}.favorite-btn{cursor:pointer;color:#ff4f8a;background:0 0;border:none;font-size:1.5rem;transition:color .3s,transform .2s ease-in-out}.favorite-btn:hover{color:#ff4545;transform:scale(1.4)}.favorite-btn.favorited{color:red;animation:.3s ease-in-out pop}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mobile-search-container{display:none}@media (width<=1000px){.mobile-search-container{justify-content:center;margin-top:20px;display:flex}}@media (width<=1000px) and (width<=1000px){.mobile-search-container .search-wrapper{align-items:center;display:flex;position:relative}.mobile-search-container input{color:#ff80ab;background:#ffffff1a;border:none;border-radius:20px;outline:none;width:16ch;padding:.5rem 2.5rem .5rem 1rem}.mobile-search-container button{color:#ff80ab;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;right:10px}}@media (width<=1000px){.search-container{display:none!important}}.favorites-list{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-bottom:10rem;padding:20px;display:flex}.favorites-list h2{margin-top:10px;font-size:1.5em}.favorites-list .favorite-item{border-radius:10px;align-items:center;width:90%;max-width:1000px;padding:15px;transition:transform .2s ease-in-out;display:flex}.favorites-list .favorite-item:hover{transform:scale(1.05)}.favorites-list .favorite-item img{object-fit:cover;border-radius:5px;width:80px;height:80px;margin-right:20px}.favorites-list .favorite-item .favorite-info{text-align:left;flex-grow:1}.favorites-list .favorite-item .favorite-info .title{font-size:1.1em;font-weight:700}.favorites-list .favorite-item .favorite-info .artist{font-size:.9em}.favorites-list .favorite-item .remove-favorite{cursor:pointer;color:#ff4f8a;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.favorites-list .favorite-item .remove-favorite:hover{color:red}@media (width<=768px){.favorites-list,.favorite-item{width:100%;max-width:none}}.genres{text-align:center;border-radius:10px;width:100%;padding:2rem}.genres .genre-scroll{gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.genres .genre-scroll .genre-item{text-align:center;border-radius:10px;flex-shrink:0;min-width:160px;padding:1rem;transition:transform .3s ease-in-out}.genres .genre-scroll .genre-item img{border-radius:10px;width:100%}.genres .genre-scroll .genre-item p{margin-top:.5rem;font-weight:700}.trending{width:100%;margin-bottom:3rem}.trending .trending-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;gap:1.5rem;display:grid}.trending .trending-grid .trending-item{text-align:center;border-radius:10px;flex-direction:column;align-items:center;width:220px;padding:1rem;transition:transform .3s ease-in-out;display:flex}.trending .trending-grid .trending-item:hover{transform:scale(1.15)}.trending .trending-grid .trending-item img{width:100%}.recommended-artists{width:100%;margin-bottom:3rem}.recommended-artists h2{text-align:center;margin-bottom:1.5rem}.recommended-artists .artist-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:1.5rem;display:grid}.recommended-artists .artist-grid .artist-item{text-align:center;flex-direction:column;align-items:center;width:180px;padding:1rem;display:flex}.recommended-artists .artist-grid .artist-item img{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:.5rem}.top-artists{text-align:center;border-radius:10px;width:100%;padding:2rem}.top-artists h2{margin-bottom:1.5rem}.top-artists .artist-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:1.5rem;display:grid}.top-artists .artist-grid .artist-item{text-align:center;border-radius:10px;flex-direction:column;align-items:center;width:180px;padding:1rem;transition:box-shadow .3s ease-in-out;display:flex}.top-artists .artist-grid .artist-item:hover{box-shadow:0 0 12px #ff009699}.top-artists .artist-grid .artist-item img{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:.5rem}.top-artists .artist-grid .artist-item p{font-weight:700}.youtube-player-section{text-align:center;border-radius:10px;margin:3rem 0 4rem;padding:2rem}.youtube-player-section .player-controls{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.youtube-player-section .player-controls button{gap:.5rem;transition:transform .2s}.youtube-player-section .song-list{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;margin-bottom:6rem;display:flex}.youtube-player-section .song-list .song-item{text-align:center;border-radius:10px;width:220px;padding:1rem;transition:transform .2s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 4px 10px #ff14934d,0 0 15px #ff69b480}.youtube-player-section .song-list .song-item:hover{transform:scale(1.05);box-shadow:0 6px 15px #ff149380,0 0 20px #ff69b4cc}.youtube-player-section .song-list .song-item p{margin-bottom:.5rem;font-weight:700}.youtube-player-section .song-list .song-item button{justify-content:center;align-items:center;margin:0 auto;display:flex}.youtube-player-section .song-list .song-item button:hover{transform:scale(1.1)}#youtube-player{border-radius:10px;width:0;height:0;margin:0 auto;overflow:hidden}.navbar{justify-content:space-between;align-items:center;height:80px;padding:1rem 2rem;font-weight:700;display:flex;position:relative}.navbar .logo{align-items:center;display:flex}.navbar .logo img{object-fit:contain;height:14ch;padding-top:2rem}.navbar .nav-links{gap:1.5rem;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar .nav-links li{align-items:center;display:flex}.navbar .nav-links li a{color:#ff80ab;font-weight:700;text-decoration:none}.navbar .nav-links span{margin:0 .5rem}.navbar .search-container{flex-shrink:0;align-items:center;margin-left:auto;display:flex;position:relative}.navbar .search-container .search-wrapper{align-items:center;display:flex;position:relative}.navbar .search-container input{color:#ff80ab;background:#ffffff1a;border:none;border-radius:20px;outline:none;width:16ch;padding:.5rem 2.5rem .5rem 1rem}.navbar .search-container button{color:#ff80ab;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;right:10px}.navbar .theme-toggle{align-items:center;margin-left:1rem;display:flex}@media (width<=1000px){h1{margin-top:4rem;font-size:2rem}h2{font-size:1.2rem}p{font-size:1rem}.nav-links,.search-container{display:none!important}.navbar{text-align:center;justify-content:center;width:100%}.logo{width:100%;display:flex}.logo img{height:60px}.theme-toggle{z-index:1000;position:fixed;top:1.5rem;right:1.5rem}}.wave-section{z-index:1;width:100%;height:120px;position:fixed;bottom:0;left:0;overflow:hidden}.waves{background-image:url(wave.a6174dc1.png);background-size:1000px 100px;width:100%;height:100px;position:absolute;bottom:0;left:0}.waves.wavey1{z-index:999;opacity:.5;animation:30s linear -5s infinite waveMove;bottom:10px}.waves.wavey2{z-index:1000;opacity:1;animation:15s linear infinite waveMove2;bottom:0}.waves.wavey3{z-index:998;opacity:.2;animation:30s linear -2s infinite waveMove;bottom:20px}.waves.wavey4{z-index:997;opacity:.7;animation:5s linear -5s infinite waveMove2;bottom:0}@keyframes waveMove{0%{background-position-x:0}to{background-position-x:1000px}}@keyframes waveMove2{0%{background-position-x:0}to{background-position-x:-1000px}}.mobile-nav{z-index:100;background-color:#8fd3fe;justify-content:space-around;width:100%;padding:1rem 0;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 5px #0003}.mobile-nav a{color:#000;flex-direction:column;align-items:center;gap:5px;font-size:14px;text-decoration:none;display:flex}.mobile-nav i{font-size:24px}@media (width>=1001px){.mobile-nav{display:none}}.dark-mode .nav-links li a,.dark-mode .nav-links span,.dark-mode .subheading,.dark-mode .artist-container p,.dark-mode .search-container label,.dark-mode .album-card p,.dark-mode .specific-track-songs p{color:#ff80ab}.dark-mode{color:#ff80ab;background:#000}.dark-mode .search-container input{background:#ffffff1a}.dark-mode .theme-toggle i{color:#fff}.dark-mode .loading-screen{color:#fff;background:#000}.dark-mode .bars__item{background:#ff80ab}.dark-mode .mobile-nav{background-color:#8fd3fe}.light-mode .nav-links li a,.light-mode .nav-links span,.light-mode .subheading,.light-mode .artist-container p,.light-mode .search-container label,.light-mode .album-card p,.light-mode .specific-track-songs p{color:#e6004e}.light-mode{color:#e6004e;background:#fff}.light-mode .search-container input,.light-mode .mobile-search-container input{background:#0000001a}.light-mode .theme-toggle i{color:#fff}.light-mode .loading-screen{color:#000;background:#fff}.light-mode .bars__item{background:#e6004e}.light-mode .mobile-nav{background-color:#fff6a9}@media (prefers-color-scheme:light){body{color:#e6004e;background:#fff}.nav-links li a,.nav-links span,.subheading,.artist-container p,.search-container label,.album-card p,.specific-track-songs p{color:#e6004e}#theme-toggle i{color:#fff}.loading-screen{color:#e6004e;background:#fff}.bars__item{background:#e6004e}.mobile-nav{background-color:#fff6a9}}
/*# sourceMappingURL=path0.e41e39e1.css.map */