*{box-sizing:border-box;margin:0;padding:0}body,html{background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root,body,body:before,html{height:100%;width:100%}body:before{animation:gradientBackground 15s ease infinite;background:linear-gradient(125deg,#0a0a0a,#1a1a1a,#0d0d0d,#181818);background-size:400% 400%;content:"";left:0;position:fixed;top:0;z-index:-1}@keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body:after{animation:particleAnimation 20s linear infinite;background-image:radial-gradient(circle at 15% 25%,#00ffff14 1px,#0000 0),radial-gradient(circle at 85% 65%,#ff00ff14 1px,#0000 0);background-size:180px 180px,200px 200px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes particleAnimation{0%{background-position:0 0,0 0}to{background-position:180px 180px,-200px -200px}}.music-player-container{animation:futuristicAnimation 15s ease infinite;background:radial-gradient(circle,#0fb,#f0b,#4000ff);background-size:400% 400%;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}@keyframes futuristicAnimation{0%{background-position:0 50%;filter:brightness(.8)}50%{background-position:100% 50%;filter:brightness(1.2)}to{background-position:0 50%;filter:brightness(.8)}}.main-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scrollbar-color:#ff00ff4d #0003;scrollbar-width:thin}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#ff00ff4d;border-radius:4px;-webkit-transition:background .3s;transition:background .3s}.main-content::-webkit-scrollbar-thumb:hover{background:#ff00ff80}.music-player-header{align-items:center;background:linear-gradient(135deg,#141414cc,#1e1e1ecc);border-radius:16px;box-shadow:0 10px 30px -10px #00000080,0 0 40px #00ffff26,0 0 80px #ff00ff0d;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:30px;position:relative;transition:all .4s ease;z-index:1}.music-player-header:before{animation:gradientAnimation 8s ease infinite;background:linear-gradient(45deg,#0000,#b700ff1a,#0000),linear-gradient(-45deg,#0000,#00ffea1a,#0000);background-size:200% 200%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.music-player-header:hover{box-shadow:0 15px 40px -10px #0009,0 0 50px #0ff3,0 0 100px #ff00ff1a;transform:translateY(-5px)}.album-cover-container{align-items:center;display:flex;flex-direction:column;max-width:320px;width:45%}.album-cover{aspect-ratio:1/1;border-radius:12px;box-shadow:0 20px 40px #0006,0 0 30px #ff00ff4d;overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s ease;width:100%}.album-cover.rotating img{animation:rotateAlbum 20s linear infinite}@keyframes rotateAlbum{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.album-cover:before{background:#000;border-radius:50%;box-shadow:0 0 0 5px #fff3;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;z-index:2}.album-cover:after{background:radial-gradient(circle at center,#0000 15%,#0003 80%);bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0;z-index:1}.album-cover:hover{box-shadow:0 25px 50px #00000080,0 0 40px #f0f6;transform:scale(1.05) translateY(-5px)}.album-cover img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.cover-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;opacity:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease;z-index:3}.album-cover:hover .cover-overlay{opacity:1}.cover-overlay h4{font-size:18px;font-weight:600;margin:0 0 5px;text-shadow:0 0 10px #f0f}.cover-overlay p{font-size:16px;margin:0;opacity:.8;text-shadow:0 0 8px #ff00ffb3}.album-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;width:100%}.album-actions button{background:#ffffff1a;color:#fff}.album-actions button:hover{background:#fff3}.album-actions button.active{background:linear-gradient(135deg,#f0f,#0ff);color:#000}.song-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px #ff00ff80}.song-info p{color:#ffffffb3}.progress-bar-track{background:#ffffff1a}.progress-bar-fill{background:linear-gradient(90deg,#0ff,#f0f)}.progress-handle{background:#fff;box-shadow:0 0 10px #f0fc}.time-info{color:#fff9}.controls button{color:#fffc}.controls button:hover{color:#fff}.controls button.active{color:#0ff;text-shadow:0 0 10px #0ffc}.play-pause-btn{background:linear-gradient(135deg,#f0fc,#0ffc)!important;box-shadow:0 5px 15px #0000004d,0 0 20px #ff00ff80;color:#000!important}.play-pause-btn:hover{box-shadow:0 8px 20px #0006,0 0 30px #ff00ffb3}.volume-controls button{color:#fffc}.volume-controls button:hover{color:#fff}.volume-slider{background:#ffffff1a}.music-player-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.song-info{margin-bottom:20px}.song-info h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 5px;text-shadow:0 0 15px #0ff}.song-info p{color:#b3b3b3;font-size:16px;margin:0}.progress-bar{cursor:pointer;margin:15px 0}.progress-bar-track{background-color:#535353;border-radius:3px;height:6px;overflow:hidden;position:relative}.progress-bar-fill{background-color:#1db954;border-radius:3px;box-shadow:0 0 15px #1db954b3;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.time-info{color:#b3b3b3;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.controls{gap:15px;margin:15px 0}.controls,.controls button{align-items:center;display:flex;justify-content:center}.controls button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:6px;transition:background-color .2s,transform .3s,box-shadow .3s}.controls button:hover{background-color:#ffffff1a;box-shadow:0 0 15px #00ffffb3;transform:scale(1.05)}.controls button:nth-child(3){background-color:#1db954;box-shadow:0 0 20px #1db954cc;height:50px;width:50px}.controls button:nth-child(3):hover{background-color:#1ed760;box-shadow:0 0 30px #1db954;transform:scale(1.05)}.volume-controls{align-items:center;display:flex;gap:10px;margin-top:10px}.volume-controls button{background:none;border:none;color:#b3b3b3;cursor:pointer;padding:5px}.volume-controls input[type=range]{-webkit-appearance:none;background:#535353;border-radius:2px;height:4px;outline:none;width:100%}.volume-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 5px #f0f;cursor:pointer;height:12px;width:12px}.tabs{display:flex;gap:10px;justify-content:center;margin:10px 0;overflow-x:auto}.tab-button{background:none;border:none;border-radius:20px;color:#b3b3b3;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s,color .3s}.playlist-container{background-color:#181818cc;border-top:1px solid #353535;flex:1 1;max-height:30vh;overflow-y:auto;padding:10px 0}.playlist-item{align-items:center;border-bottom:1px solid #353535;cursor:pointer;display:flex;padding:8px 15px;transition:background-color .2s,box-shadow .3s}.playlist-item:hover{background-color:#282828;box-shadow:inset 0 0 10px #ff00ff80}.playlist-item.active{background-color:#3a3a3a}.playlist-item-cover{border-radius:4px;flex-shrink:0;height:35px;margin-right:10px;overflow:hidden;width:35px}.playlist-item-cover img{height:100%;object-fit:cover;width:100%}.playlist-item-info{display:flex;flex:1 1;flex-direction:column}.playlist-item-info h4{color:#fff;font-size:14px;font-weight:600;margin:0}.playlist-item-info p{margin:2px 0 0}.playlist-item-info p,.playlist-item-info span{color:#b3b3b3;font-size:12px}.playlist-container::-webkit-scrollbar{width:6px}.playlist-container::-webkit-scrollbar-track{background:#181818}.playlist-container::-webkit-scrollbar-thumb{background-color:#535353;border-radius:3px}.playlist-container::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}@media (max-width:768px){.music-player-container,.music-player-header{flex-direction:column}.music-player-header{align-items:center;height:auto}.album-cover{max-width:250px;width:70%}.controls{gap:10px}.controls button{height:45px;padding:5px;width:45px}.playlist-container{max-height:30vh}}.music-player-container.fullscreen{height:100%;width:100%}.playlist-container.fullscreen{max-height:100%}@media (max-width:768px){.music-player-container{flex-direction:column;padding:5px}.main-content{padding:5px}.music-player-header{align-items:center;flex-direction:column;min-height:250px;padding:10px}.album-cover{max-width:200px;width:70%}.controls{gap:8px;margin:8px 0}.controls button{padding:4px}.tabs{gap:6px;margin:5px 0}.tab-button{font-size:12px;padding:5px 10px}.playlist-container{max-height:50vh;padding:5px 0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@media (max-width:992px){.controls,.music-player-header{gap:15px}}@media (max-width:768px){.music-player-container{padding:10px}.music-player-header{flex-direction:column;height:auto;padding:15px}.album-cover{margin:0 auto 20px;max-width:none;width:60%}.song-info h2{font-size:20px}.song-info p{font-size:14px}.controls{gap:10px}.controls button:nth-child(3){height:45px;width:45px}.progress-bar{margin:10px 0}.progress-bar-track{height:5px}.progress-bar-fill{background-color:#1db954;height:100%;transition:width .1s linear}.playlist{background-color:#181818cc;flex:1 1;max-height:150px;overflow-y:auto}.playlist-item{padding:8px 15px}.playlist-item-cover{height:40px;width:40px}.playlist-item-info h4{font-size:12px}.playlist-item-info p,.playlist-item-info span{font-size:10px}.playlist::-webkit-scrollbar{width:6px}.playlist::-webkit-scrollbar-thumb{background-color:#535353;border-radius:3px}}@media (max-width:480px){.music-player-container{padding:5px}.music-player-header{flex-direction:column;height:auto;padding:10px}.album-cover{margin:0 auto 15px;width:70%}.song-info h2{font-size:18px}.controls button{padding:8px}.controls button:nth-child(3){height:50px;width:50px}.playlist{background-color:#181818cc;flex:1 1;max-height:120px;overflow-y:auto}.playlist-item{padding:6px 10px}.playlist-item-cover{height:35px;width:35px}.playlist-item-info h4{font-size:12px}.playlist-item-info p,.playlist-item-info span{font-size:10px}.progress-bar{margin:8px 0}.progress-bar-track{height:4px}.progress-bar-fill{background-color:#1db954;height:100%;transition:width .1s linear}.volume-controls input[type=range]{width:100px}}.App-header{align-items:center;background-color:#30f;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4656c41f.css.map*/