@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sixtyfour&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--scrollbar-width: 5px}:root,button,input{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}::selection{background-color:#cc3363}body{background-color:#140d1d;color:#fff;min-width:0;line-height:1.2;overflow-x:hidden}h1{font-size:3rem;font-weight:600;line-height:1.2}h2{font-size:2.4rem;font-weight:600}p{margin:1rem 0}button{font-size:1rem}.content{padding:2rem}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cc3363;border-radius:2px}.cursor-pointer{cursor:pointer}.quit-button{background-color:#2d0853;width:fit-content;padding:1rem;font-weight:600;border-radius:1rem;cursor:pointer;transition:transform .1s ease-out,background-color .1s ease-out}.quit-button:hover{background-color:#3e0c70;transform:translateY(-2px)}@keyframes morph{0%{bottom:0;right:-4rem}to{right:0;bottom:-6rem}}#index .cookie-modal{position:fixed;bottom:0;left:0;z-index:2;background-color:#2d0853;padding:1rem;border-radius:0 1rem 0 0;display:flex;align-items:center}#index .cookie-modal .text>*{padding:.2rem 0}#index .cookie-modal .text a{color:#84acce}#index .cookie-modal .title{font-weight:600}#index .cookie-modal button.agree{margin-left:3rem;padding:.5rem;border-radius:.5rem;border:none;color:#fff;background-color:#4a1083;font-weight:600;align-self:flex-end;cursor:pointer}#index .cookie-modal button.agree:hover{background-color:#521291}#index .main-login-button{color:#140d1d;text-decoration:none;font-weight:600;font-size:1.6rem;padding:1rem;border-radius:1rem;background-color:#d2f7ac;cursor:pointer;margin:4rem 1rem;display:block;width:fit-content;text-align:center;box-shadow:8px 8px #9f2b10;transition:all .05s ease-out;-webkit-user-select:none;user-select:none}#index .main-login-button:hover{transform:translateY(2px) translate(2px);box-shadow:6px 6px #9f2b10}#index .main-login-button:active{transform:translateY(4px) translate(4px);box-shadow:4px 4px #9f2b10}#index .hero{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;background-image:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20900%20600'%20width='900'%20height='600'%20preserveAspectRatio='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3crect%20x='0'%20y='0'%20width='900'%20height='600'%20fill='%232d0853'%3e%3c/rect%3e%3cdefs%3e%3clinearGradient%20id='grad1_0'%20x1='33.3%25'%20y1='100%25'%20x2='100%25'%20y2='0%25'%3e%3cstop%20offset='20%25'%20stop-color='%232d0853'%20stop-opacity='1'%3e%3c/stop%3e%3cstop%20offset='80%25'%20stop-color='%232d0853'%20stop-opacity='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cdefs%3e%3clinearGradient%20id='grad2_0'%20x1='0%25'%20y1='100%25'%20x2='66.7%25'%20y2='0%25'%3e%3cstop%20offset='20%25'%20stop-color='%232d0853'%20stop-opacity='1'%3e%3c/stop%3e%3cstop%20offset='80%25'%20stop-color='%232d0853'%20stop-opacity='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20transform='translate(900,%20600)'%3e%3cpath%20d='M-486.7%200C-474.4%20-48.5%20-462.1%20-97%20-448.9%20-145.9C-435.7%20-194.7%20-421.7%20-244%20-393.8%20-286.1C-365.9%20-328.2%20-324.2%20-363.3%20-279.2%20-384.3C-234.2%20-405.3%20-185.8%20-412.3%20-138.7%20-427C-91.7%20-441.8%20-45.8%20-464.3%200%20-486.7L0%200Z'%20fill='%23cc3363'%3e%3c/path%3e%3c/g%3e%3cg%20transform='translate(0,%200)'%3e%3cpath%20d='M486.7%200C463.1%2046%20439.5%2092%20423.2%20137.5C407%20183.1%20398.2%20228.2%20378.6%20275.1C359.1%20322%20328.8%20370.6%20286.1%20393.8C243.4%20417%20188.2%20414.8%20138.4%20426.1C88.7%20437.3%2044.3%20462%200%20486.7L0%200Z'%20fill='%23cc3363'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:100% 100%;animation:morph 8s ease-in-out infinite alternate-reverse}#index .hero h1{font-family:Sixtyfour,Poppins,sans-serif;text-shadow:8px 8px 0 #cc3363;font-weight:400;font-size:7rem;-webkit-user-select:none;user-select:none;margin-top:9rem;mix-blend-mode:difference;line-height:1}#index .hero .main-login-button{color:#2d0853;margin:6rem 0;mix-blend-mode:difference;background-color:#fff;box-shadow:8px 8px #cc3363}#index .hero .main-login-button:hover{box-shadow:6px 6px #cc3363}#index .hero .main-login-button:active{box-shadow:4px 4px #cc3363}#index .fade{position:relative;z-index:1;height:20rem;margin-top:35rem;background-image:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20900%20200'%20width='900'%20height='200'%20preserveAspectRatio='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3cpath%20d='M0%20128L50%20134.5C100%20141%20200%20154%20300%20160.3C400%20166.7%20500%20166.3%20600%20162.5C700%20158.7%20800%20151.3%20850%20147.7L900%20144L900%20201L850%20201C800%20201%20700%20201%20600%20201C500%20201%20400%20201%20300%20201C200%20201%20100%20201%2050%20201L0%20201Z'%20fill='%23140d1d'%20stroke-linecap='round'%20stroke-linejoin='miter'%3e%3c/path%3e%3c/svg%3e");background-size:100% 100%;pointer-events:none}#index .content{z-index:1;position:relative;background-color:#140d1d;padding:6rem 16rem 0}#index .content h1,#index .content h2,#index .content h3{color:#d2f7ac}#index .content p{margin:2rem 0;font-size:1.2rem;font-weight:500;color:#d2f7ac}#index .content .text-link{color:#d2f7ac}#index footer{margin-top:14rem;padding:0 4rem;border-radius:.5rem .5rem 0 0;background-color:#2d0853;display:flex;flex-wrap:wrap;justify-content:stretch}#index footer>*{min-width:fit-content}#index footer .left{margin:3rem 1rem 3rem 0;display:flex;flex-direction:column;flex:1}#index footer .left a{color:#84acce;font-weight:700;font-size:1.1rem;margin:.5rem 0}#index footer .right{flex:1;margin:3rem 0}#index footer .right p{font-size:1.1rem;margin:1rem 0;color:#fff;color:#84acce}@media screen and (max-width: 950px){#index .content{padding:6rem 8rem 0}}@media screen and (max-width: 600px){#index .hero h1{margin:1rem!important;font-size:4rem!important}#index .fade{height:10rem;margin-top:22rem}#index .content{padding:6rem 2rem 0}#index footer{padding:0 2rem}}#room .content{display:flex;flex-direction:column;align-items:stretch;justify-content:center}#room .content .songs-loading-status{margin-top:2rem;align-self:center;max-width:45rem;width:100%;background-color:#2d0853;padding:2rem;border-radius:1rem}#room .content .songs-loading-status p{font-weight:600;font-size:1.2rem}#room .content .songs-loading-status .loading-bar{--border-radius: 6px;--padding: 2px;background-color:#3e0c70;height:1rem;width:100%;padding:var(--padding);margin-top:2rem;border-radius:var(--border-radius);display:flex;align-items:center;max-width:50rem}#room .content .songs-loading-status .loading-bar .inner{background-color:#cc3363;height:100%;width:var(--loading-bar-width);border-radius:calc(var(--border-radius) - var(--padding));transition:width .5s ease-out}#room .content .link{align-self:center;text-align:center;padding:2rem;margin-top:2rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;background-color:#2d0853}#room .content .link .info{font-weight:600;font-size:1.2rem}#room .content .link .url{display:flex;margin-top:1rem}#room .content .link .url .text{flex:1;padding:1rem;background-color:#3e0c70;border-radius:.5rem 0 0 .5rem;width:fit-content;word-break:break-all;word-wrap:break-word}#room .content .link .url .button-copy{display:flex;align-items:center;padding:1rem;border-left:2px solid #2d0853;cursor:pointer;background-color:#3e0c70;border-radius:0 .5rem .5rem 0}#room .content .link .url .button-copy:hover{background-color:#4a1083}#results .content .top{-webkit-user-select:none;user-select:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#results .content .top .end{display:flex;align-items:center}#results .content .top .end .logo{height:2.5rem;padding:0 2rem}#results .genres{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-top:2rem}#results .playlist-card:hover{transform:translateY(-5px);background-color:#3e0c70}#results .playlist-card{padding:1rem;margin:.5rem;background-color:#2d0853;color:#fff;border-radius:10px;cursor:pointer;transition:transform .1s ease-out,background-color .1s ease-out;-webkit-user-select:none;user-select:none}#results .playlist-card .cover{aspect-ratio:1;width:100%;background-image:var(--img-src);background-color:#3e0c70;background-size:contain;background-repeat:no-repeat}#results .playlist-card .title{font-weight:600;margin-top:.8rem;word-wrap:break-word}#results .playlist-card .extra-info{margin-top:.4rem;word-wrap:break-word;opacity:.7;font-size:.9rem}@keyframes popUp{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes playing{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-3px) translate(2px) rotate(5deg)}50%{transform:translateY(0) translate(0) rotate(0)}75%{transform:translateY(-3px) translate(-2px) rotate(-5deg)}to{transform:translateY(0) translate(0) rotate(0)}}#details{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1}#details .playlist-details{background-color:#2d0853;--margin: 6rem;position:fixed;top:var(--margin);left:var(--margin);right:var(--margin);bottom:calc(var(--margin)/2);display:flex;flex-direction:column;border-radius:15px;animation:popUp .1s ease-out}#details .tracks{overflow-y:scroll;flex:1}#details .track{display:flex;align-items:center;padding:.7rem .2rem;margin:0 .7rem;border-top:1px solid #3e0c70;height:3rem}#details .track:first-child{padding-top:1rem;border:none}#details .track .image{height:100%;aspect-ratio:1;background-image:var(--img-src);background-size:contain;background-repeat:no-repeat;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s ease-out}#details .track .image:hover{transform:translateY(-2px)}#details .track .image:hover .play{visibility:visible}#details .track .image .play{margin:0;padding:0;visibility:hidden}#details .track .end{flex:1;display:flex;flex-direction:row-reverse}#details .track .end a{color:#fff;padding:.5rem;font-size:1.4rem}#details .track-info{margin-left:1rem}#details .track-info>*{margin:.3rem 0}#details .track-info .name{font-weight:600}#details .track-info .artists{font-size:.9rem;opacity:.8}#details .currently-playing-track{animation:playing 2s linear infinite}#details .currently-playing-track .play{visibility:visible!important}#details .header{background:#dd249b;background:linear-gradient(45deg,#cc3363,#33cc9c);border-radius:10px 10px 0 0;text-shadow:1px 1px 3px #000;position:relative}#details .header .title{border-radius:10px 10px 0 0;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);padding:2rem 2rem 4rem;margin:0}#details .header .track-count{position:absolute;bottom:2rem;left:2rem;font-weight:600;font-size:1.2rem}#details .header .buttons{position:absolute;top:0;right:0;left:0;display:flex;flex-direction:row-reverse;padding:.5rem}#details .header .buttons>*{padding:.5rem;font-size:1.4rem;text-shadow:1px 1px 3px #000;margin:0 .4rem}#details .header .buttons>*.disabled{opacity:.5}@media screen and (max-width: 800px){#details .playlist-details{--margin: 1.5rem}}@media screen and (max-width: 400px){#details .playlist-details{--margin: .5rem}}.user-profile{height:3rem;display:flex;border:3px solid #3e0c70;padding:.5rem 1rem;border-radius:.5rem;align-items:center;margin-right:.5rem}.user-profile img{height:100%;border-radius:50%;margin-right:1rem}.user-profile .name{font-weight:600}#privacy{display:flex;flex-direction:column;align-items:center}#privacy .content{margin-top:1rem;max-width:40rem}#privacy .content a{color:#fff}#privacy .content h1{margin:3rem 0 2rem}#privacy .content p{font-size:1.2rem}