@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);.landing-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding:2rem}.content{margin-bottom:3rem;max-width:600px;text-align:center}h1{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem}.content p{font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;opacity:.8}.buttons{display:flex;gap:1rem;justify-content:center}button{border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.8rem;transition:transform .2s,opacity .2s}button:hover{transform:translateY(-2px)}.primary{background-color:#9c36b5;border:none;color:#fff}.secondary{background-color:initial;border:2px solid #fff;color:#fff}.player-preview{background-color:#7834ff4d;box-shadow:0 0 30px #7834ff80;height:300px;width:300px}.play-button,.player-preview{align-items:center;border-radius:50%;display:flex;justify-content:center}.play-button{background-color:#fff;cursor:pointer;height:80px;width:80px}.play-button i{color:#6f42c1;font-size:2rem;margin-left:5px}.features-section{margin:3rem 0;max-width:1000px;width:100%}.features-section h2{margin-bottom:2rem;text-align:center}.features-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.feature-card{background:#0003;border-radius:10px;padding:1.5rem;text-align:center;width:300px}.feature-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.feature-icon.favorites,.feature-icon.library,.feature-icon.shuffle{background-color:#9068f74d}.feature-card h3{margin-bottom:.5rem}.feature-card p{font-size:.9rem;opacity:.8}@media (max-width:900px){.landing-container{flex-direction:column;padding:3rem 2rem;text-align:center}.player-preview{margin-top:3rem}.buttons{justify-content:center}}.player-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem}.playing-info{font-size:.9rem;margin-bottom:1.5rem;opacity:.7}.album-cover{border-radius:10px;box-shadow:0 10px 25px #0000004d;height:300px;margin:0 auto 1.5rem;overflow:hidden;width:300px}.album-cover img{height:100%;object-fit:cover;width:100%}.track-info{margin-bottom:2rem}.track-info h2{font-size:1.8rem;margin-bottom:.5rem}.track-info p{opacity:.7}.control-buttons{margin-bottom:2rem}.control-btn,.control-buttons{align-items:center;display:flex;justify-content:center}.control-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;margin:0 .5rem;opacity:.8;transition:all .2s;width:40px}.control-btn:hover{opacity:1;transform:scale(1.1)}.control-btn.repeat-one{position:relative}.control-btn.play:hover{opacity:1;transform:scale(1.1)}.control-btn.shuffle.active i{color:#00e676;filter:drop-shadow(0 0 5px #00e676);opacity:1}.control-btn.like-btn i{color:#fff;transition:all .2s}.control-btn.like-btn.liked i{color:#ff3232;filter:drop-shadow(0 0 5px #ff3232);opacity:1}.progress-container{align-items:center;display:flex;margin-bottom:1rem;max-width:500px;width:100%}.time{font-size:.9rem;min-width:45px;opacity:.7}.progress-bar{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;flex:1 1;height:4px;margin:0 1rem;outline:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;max-width:200px;width:100%}.volume-container i{font-size:.9rem;opacity:.7}.volume-bar{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;height:4px;margin:0 10px;outline:none;width:100px}.volume-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.mini-library{background:#0000004d;border-radius:10px;margin-top:2rem;max-height:300px;max-width:400px;overflow-y:auto;padding:1.5rem;text-align:left;width:100%}.mini-library h3{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.5rem}.mini-library ul{display:flex;flex-direction:column;gap:.5rem;list-style:none}.mini-library li{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s}.mini-library li:hover{background-color:#ffffff0d}.mini-library li.active{background-color:#ffffff1a}.mini-library li img{border-radius:4px;height:40px;margin-right:1rem;object-fit:cover;width:40px}.mini-library li div{flex:1 1}.mini-library li .title{display:block;font-weight:500}.mini-library li .artist{display:block;font-size:.8rem;opacity:.7}.mini-library .play-btn{background-color:#7834ffcc;border:none;border-radius:50%}.like-btn,.mini-library .play-btn{align-items:center;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;width:30px}.like-btn{background:none;border:1px solid #ffffff4d;border-radius:50%;transition:all .2s ease}.like-btn:hover{transform:scale(1.1)}.like-btn.liked{background-color:#ff323233;border-color:#ff323280}.fa-heart{color:#fff}.fa-heart.liked{color:#ff3232}@media (max-width:768px){.album-cover{height:250px;width:250px}.control-buttons{flex-wrap:wrap}}.control-btn.repeat-one{align-items:center;background-color:#ff323233;border-radius:50%;display:flex;font-size:1.3rem;height:50px;justify-content:center;margin:0 1rem;transition:background-color .2s,transform .2s;width:50px}.control-btn.repeat-one:hover{background-color:#ff32324d;transform:scale(1.1)}.control-btn.repeat-one.active{background-color:#ff323280;color:#fff;filter:drop-shadow(0 0 5px #ff3232);opacity:1}.control-btn.play{background-color:#fff3;border-radius:50%;font-size:1.5rem;height:60px;margin:0 1rem;width:60px}.control-btn.play:hover,.control-btn.repeat-one:hover{opacity:1}.library-container{padding:2rem}.library-container h1{font-size:2rem;margin-bottom:2rem}.library-content{display:flex;gap:2rem}.tracks-list{background:#ffffff1a;border-radius:10px;flex:1 1;padding:1.5rem}.tracks-list h3{font-size:1.2rem;margin-bottom:1.5rem}.tracks{display:flex;flex-direction:column;gap:.5rem}.track-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s}.track-item:hover{background-color:#ffffff0d}.track-item.selected{background-color:#ffffff1a}.track-item img{border-radius:4px;height:40px;margin-right:1rem;object-fit:cover;width:40px}.track-details{display:flex;flex:1 1;flex-direction:column}.track-title{font-weight:500}.track-artist{font-size:.8rem;opacity:.7}.track-actions{display:flex;gap:.5rem}.play-btn{align-items:center;background-color:#7834ffcc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;width:30px}.track-details-panel{background:#ffffff1a;border-radius:10px;padding:1.5rem;width:300px}.track-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.close-btn{background:none;border:none;color:#fff;cursor:pointer;opacity:.7}.close-btn:hover{opacity:1}.track-info{align-items:center;display:flex;flex-direction:column;text-align:center}.detail-cover{border-radius:10px;height:200px;margin-bottom:1.5rem;object-fit:cover;width:200px}.detail-title{font-size:1.5rem;margin-bottom:.5rem}.detail-artist{margin-bottom:1.5rem;opacity:.7}.detail-metadata{margin-bottom:1.5rem;width:100%}.metadata-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.metadata-item:last-child{border-bottom:none}.label{opacity:.7}.detail-actions{display:flex;gap:1rem}.action-btn{align-items:center;border-radius:20px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.action-btn.primary{background-color:#9c36b5;border:none}.action-btn i{font-size:.8rem}@media (max-width:768px){.library-content{flex-direction:column}.track-details-panel{width:100%}}.like-btn.liked i{border-radius:9999px;color:red;filter:drop-shadow(0 0 5px red)}.nav{align-items:center;background-color:#0003;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:700}.links{display:flex;gap:1.5rem}.links a{opacity:.8;transition:opacity .2s}.links a:hover{opacity:1}@media (max-width:768px){.nav{padding:1rem}.links{gap:1rem}}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.control-btn.replay{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:30px;justify-content:center;opacity:.8;transition:background-color .2s,transform .2s,opacity .2s;width:30px}.control-btn.replay:hover{background-color:#ffffff1a;opacity:1;transform:scale(1.1)}.control-btn.replay.active{background-color:#fff3;filter:drop-shadow(0 0 5px #ffffff);opacity:1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#4a1a9e,#2a0d6b);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh}
/*# sourceMappingURL=main.a6cee049.css.map*/