*,:before,:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:BebasNeue;src:url(/BebasNeue-Regular.ttf)format("truetype")}body{background-color:#000;font-family:BebasNeue}.white{filter:drop-shadow(0 0 20px #fff);background-color:#fff;border:none}@media (width<=1120px){.white{filter:none}}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}input,textarea{-webkit-user-select:auto;user-select:auto}#musicPlaying{text-align:center;width:230px;height:300px;transform-style:preserve-3d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:20px 15px;transition:transform .2s;display:flex;position:absolute;top:50px;left:50px;overflow:hidden}#nowPlaying{color:#fff;filter:drop-shadow(0 0 20px #0000006a);background-color:#ffbf00;border-radius:100px 0 0 100px;padding:5px 10px;position:absolute;top:5%;right:0}#cover{border-radius:8px}#name{color:#ffbf00;margin-top:10px;font-size:25px}#author{margin-top:-10px}@media (width<=750px){#musicPlaying{align-items:flex-start;width:130px;height:215px;top:30px;left:20px}#nowPlaying{font-size:12px}#name{text-align:left;font-size:18px}#author{margin-top:0;font-size:12px;text-align:left!important}}#pause{width:80px;height:80px}#pause img{width:auto;height:30px}.action{cursor:pointer;background-color:#fff;border:none;border-radius:100px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s ease-in-out;display:flex;overflow:hidden}.action:hover{scale:1.05}.action img{width:20px;height:auto}#actionButtons{z-index:4;justify-content:center;align-items:center;gap:30px;width:100%;height:fit-content;display:flex;position:absolute;bottom:40px}@media (width<=1120px){#actionButtons{bottom:100px}}#logoParent{z-index:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}#logo{opacity:.2;width:auto;height:200px}audio{display:none}canvas{z-index:-1;width:100%;height:100%;position:absolute;top:0}.online{z-index:10;cursor:pointer;border-radius:10000px;justify-content:center;align-items:center;gap:20px;width:fit-content;height:50px;padding:0 20px;display:flex;position:fixed;top:40px;right:50px}.online p{-webkit-user-select:none;user-select:none;font-size:22px;font-weight:600}.green{z-index:2;background-color:#60e335;border-radius:100px;width:15px;height:15px}.greenBack{z-index:1;background-color:#60e3358a;border-radius:100px;width:15px;height:15px;position:absolute}.title{cursor:pointer;border-radius:100px;padding:10px 20px}#likesZone{z-index:20;flex-direction:column;align-items:center;gap:10px;width:400px;height:400px;padding-top:50px;display:flex;position:fixed;bottom:0;left:20px}#allLikedMusic{flex-direction:column;align-items:center;gap:20px;width:400px;height:400px;padding:30px 0;display:flex;overflow:scroll}.likedMusic{border-radius:18px;justify-content:left;align-items:center;gap:20px;width:280px;height:130px;padding:15px;display:flex}.likedCover{border-radius:8px;width:100px;height:100px}.likedName{color:#ffbf00;font-size:20px}.likedAuthor{font-size:16px}.likedDate{color:#cacaca;font-size:12px}#likeIcon{cursor:pointer;position:relative;bottom:-40px;right:-8px}.unlike{justify-content:center;align-items:center;gap:30px;width:30px;height:fit-content;display:flex}@media (width<=1120px){#likesZone{margin-left:-200px;left:50%}#allLikedMusic{background-color:#000000bf;border-radius:32px 32px 0 0}}#gif{width:150px;height:auto}#chatZone{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:fit-content;display:flex;position:fixed;bottom:150px}#chatBox{background-color:#fff;border-radius:18px;width:280px;height:350px;padding:15px 20px;overflow-y:auto}#chatBox p{margin:5px 0;font-size:18px}#messageInput{background-color:none;color:#000;border:none;outline:none;width:100%}#chatBottom{background-color:#fff;border:1px solid #cacaca;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:280px;padding:10px 15px;display:flex;overflow:hidden}.messageLine{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}@media (width<=1120px){#chatZone{bottom:200px}}