@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);#root,body,html{height:100%}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff5252,#26c6da)}.home-container{display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}.main-content{flex:1 0 auto;flex-direction:column;min-height:80vh}.hero,.main-content{display:flex;justify-content:center}.hero{align-items:center;min-height:60vh;opacity:0;padding:2rem;position:relative;text-align:center;transform:translateY(50px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero.visible{opacity:1;transform:translateY(0)}.hero-content{max-width:800px;z-index:2}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,6rem);font-weight:800;letter-spacing:2px;text-shadow:0 0 30px #ff6b6b4d}.music-note{animation:bounce 2s infinite;filter:drop-shadow(0 0 20px rgba(255,107,107,.6));font-size:clamp(2rem,6vw,4rem);margin-left:1rem}.hero-subtitle{color:#fffc;font-size:clamp(1rem,3vw,1.3rem);line-height:1.6;margin:0 auto 3rem;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.primary-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50px;box-shadow:0 8px 25px #ff6b6b4d}.primary-button,.secondary-button{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-note{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}.note1{animation-delay:0s;left:10%;top:20%}.note2{animation-delay:2s;right:15%;top:60%}.note3{animation-delay:4s;bottom:30%;left:20%}.note4{animation-delay:1s;right:25%;top:40%}.features{padding:5rem 2rem;text-align:center}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:3rem}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{padding:2.5rem 2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-icon{filter:drop-shadow(0 0 15px rgba(78,205,196,.5));font-size:3rem;margin-bottom:1.5rem}.feature-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-text{color:#ffffffb3;font-size:1rem;line-height:1.6}.footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#181828d9,#232347d9);border-radius:18px 18px 0 0;border-top:1.5px solid #ffffff14;box-shadow:0 -4px 32px #0000001f;margin-top:3rem;padding:0;width:100%}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:2.5rem 2rem 1.5rem}.footer-brand{min-width:220px}.footer-logo{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.footer-tagline{color:#ffffffb3;font-size:1.05rem;line-height:1.6;max-width:300px}.footer-links{display:flex;flex:1 1;flex-wrap:wrap;gap:2.5rem;justify-content:flex-end}.footer-section{min-width:160px}.footer-section h4{border-bottom:2px solid #ff6b6b33;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.75rem}.footer-section a{color:#fffc;display:inline-block;font-size:.98rem;text-decoration:none;transition:color .2s,transform .2s}.footer-section a:hover{color:#4ecdc4;transform:translateX(6px)}.social-links{display:flex;flex-direction:column;gap:.7rem}.social-link{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:.5rem;padding:.5rem .8rem;transition:background .2s,border .2s}.social-link:hover{background:#4ecdc414;border-color:#4ecdc4}.footer-bottom{background:#00000021;border-radius:0 0 18px 18px;border-top:1px solid #ffffff14;margin:0;padding:1.2rem 2rem .5rem;text-align:center}.footer-bottom p{color:#ffffffb3;font-size:.98rem;margin:.2rem 0 0}@media (max-width:900px){.footer-content{align-items:center;flex-direction:column;gap:2rem;padding:2rem 1rem 1rem;text-align:center}.footer-links{gap:1.5rem;justify-content:center}.footer-brand{margin-bottom:1.5rem}}@media (max-width:600px){.footer-content{gap:1.2rem;padding:1.2rem .5rem .5rem}.footer-section{min-width:120px}.footer-bottom{padding:.8rem .5rem .3rem}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.songs-container{min-height:100vh;padding:2rem 2rem 120px;position:relative}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{margin-bottom:1rem}.loading p{color:#fffc;font-size:1.1rem}.songs-header{margin-bottom:3rem;text-align:center}.songs-title{align-items:center;display:flex;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;gap:1rem;justify-content:center;margin-bottom:1rem}.title-icon{filter:drop-shadow(0 0 20px rgba(255,107,107,.6));font-size:clamp(2rem,4vw,3rem)}.songs-subtitle{color:#ffffffb3;font-size:1.2rem;margin:0 auto;max-width:600px}.songs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.spotify-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.spotify-artwork-container{align-items:center;background:#181818;border-radius:16px;box-shadow:0 8px 32px #1eb9541a,0 2px 8px #0000001a;display:flex;height:180px;justify-content:center;margin-bottom:1.2rem;overflow:hidden;position:relative;width:180px}.spotify-song-cover{background:#181818;border-radius:16px;display:block;height:100%;object-fit:cover;width:100%}.spotify-play-button{align-items:center;background:#1db954;border:none;border-radius:50%;bottom:16px;box-shadow:0 4px 16px #1db95455;color:#fff;cursor:pointer;display:flex;font-size:1.7rem;height:54px;justify-content:center;opacity:1;position:absolute;right:16px;transition:transform .15s,box-shadow .15s,background .15s;width:54px;z-index:2}.spotify-play-button svg{display:block}.spotify-play-button.playing{background:#181818;border:2px solid #1db954;color:#1db954}.spotify-card:hover .spotify-play-button{box-shadow:0 8px 32px #1db95477;transform:scale(1.08)}.spotify-song-details{margin-top:.7rem;text-align:center;width:100%}.spotify-song-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .3rem}.spotify-song-artist,.spotify-song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-song-artist{color:#b3b3b3;font-size:.98rem;margin:0}@media (max-width:900px){.spotify-artwork-container{height:140px;width:140px}.spotify-card{min-height:250px}}@media (max-width:600px){.spotify-artwork-container{height:110px;width:110px}.spotify-card{min-height:180px;padding:1rem .5rem}}.hidden-audio{display:none}.spotify-song-details{position:relative}.favorite-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.favorite-btn:hover{background:#fff3;transform:scale(1.1)}.favorite-btn.favorited{background:#ff6b6b33;border:1px solid #ff6b6b4d}.favorite-btn.favorited:hover{background:#ff6b6b4d}.spotify-card.playing .spotify-play-button{background:#1db954;border:2.5px solid #fff;box-shadow:0 0 0 4px #1db95444,0 8px 32px #1db95477;color:#fff;transform:scale(1.12)}.auto-play-checkbox{accent-color:#1db954}.discover-container{min-height:100vh;padding:2rem}.discover-header{margin-bottom:3rem;text-align:center}.discover-title{align-items:center;display:flex;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;gap:1rem;justify-content:center;margin-bottom:1rem}.discover-subtitle{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem}.search-form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:600px}.search-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.search-button:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;flex:1 1;font-size:1rem;min-width:300px;padding:1rem 1.5rem;transition:all .3s ease}.search-input:focus{background:#ffffff26;border-color:#ff6b6b80;box-shadow:0 0 20px #ff6b6b4d;outline:none}.search-input::placeholder{color:#fff9}.loading{padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#ff6b6b;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.songs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.discover-card{border-radius:20px;overflow:hidden;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.discover-card,.song-artwork{position:relative}.artwork-image{transition:all .3s ease}.discover-card:hover .artwork-image{filter:brightness(.8);transform:scale(1.05)}.artwork-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.discover-card:hover .artwork-overlay{opacity:1}.preview-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:2px solid #ff6b6b4d;border-radius:50%;box-shadow:0 8px 25px #0000004d;cursor:pointer;display:flex;font-size:1.8rem;height:70px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:70px}.preview-button:hover{background:#ff6b6be6;border-color:#ff6b6b99;box-shadow:0 12px 35px #ff6b6b66;color:#fff;transform:scale(1.15)}.favorite-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.favorite-button:hover{background:#ffffff26;transform:translateY(-2px)}.favorite-button.favorited{background:linear-gradient(45deg,#ff6b6b4d,#ffb6c14d);border-color:#ff6b6b80;color:#ffb3ba}.youtube-player{animation:slideDown .3s ease-out;border-radius:15px;box-shadow:0 10px 30px #0000004d;margin-top:1rem;overflow:hidden}.youtube-iframe{border:none;border-radius:15px;height:200px;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.empty-state,.error-message{background:#ffffff0d;border-radius:20px;color:#ffffffb3;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.empty-state h3,.error-message h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.error-message p{color:#ff6b6b;font-weight:500}.now-playing-container{animation:slideUp .5s ease-out;border-radius:15px;bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;left:50%;max-width:90vw;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);width:600px;z-index:1000}.now-playing-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.now-playing-icon{animation:pulse 2s infinite;font-size:1.5rem}.now-playing-title{color:#fff;font-size:.95rem;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:#ffffffb3;font-size:.85rem}.close-player{align-items:center;background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.close-player:hover{background:#ff6b6b4d;transform:scale(1.1)}.youtube-player-sticky{border-radius:10px;box-shadow:0 5px 20px #0003;overflow:hidden;width:100%}.youtube-iframe-sticky{border:none;height:120px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auto-play-toggle{display:flex;justify-content:center;margin:20px 0}.auto-play-label{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:all .3s ease}.auto-play-label:hover{background:#ffffff26;transform:translateY(-2px)}.auto-play-checkbox{accent-color:#ff6b6b;cursor:pointer;height:18px;width:18px}.auto-play-text{color:#fff;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}@media (max-width:768px){.search-input{min-width:280px}.songs-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.youtube-iframe{height:180px}.now-playing-title{font-size:.9rem}}@media (max-width:480px){.youtube-iframe{height:160px}.preview-button{font-size:1.5rem;height:60px;width:60px}.now-playing{padding:.5rem 1rem}}.favorites-container{min-height:100vh;padding:2rem}.favorites-header{margin-bottom:3rem;text-align:center}.favorites-title{align-items:center;display:flex;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;gap:1rem;justify-content:center;margin-bottom:1rem}.favorites-subtitle{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem}.clear-button{background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:25px;color:#ff6b6b;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.clear-button:hover{background:#ff6b6b4d;transform:translateY(-2px)}.empty-state{color:#ffffffb3;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.favorites-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.spotify-card{align-items:center;background:#1e1e28f2;border-radius:18px;box-shadow:0 4px 32px #00000040;cursor:pointer;display:flex;flex-direction:column;min-height:320px;min-width:0;padding:1.5rem 1rem 1.2rem;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border .2s}.spotify-card:hover{box-shadow:0 16px 48px 0 #1db95444,0 2px 8px 0 #0002;transform:translateY(-8px) scale(1.03)}.spotify-card.playing{border:2.5px solid #1db954;box-shadow:0 0 0 4px #1db95422,0 16px 48px 0 #1db95444,0 2px 8px 0 #0002;position:relative}.favorite-play-overlay{background:#181818d9;border-radius:50%;bottom:16px;box-shadow:0 4px 16px #1db95455;height:54px;position:absolute;right:16px;transition:background .15s,box-shadow .15s;width:54px;z-index:2}.favorite-play-icon,.favorite-play-overlay{align-items:center;display:flex;justify-content:center}.favorite-play-icon{color:#fff;font-size:1.7rem;transition:color .15s}.favorite-play-icon.playing{color:#1db954}.song-artwork{border-radius:15px;margin-bottom:1rem;overflow:hidden}.artwork-image{border-radius:15px;height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.favorite-card:hover .artwork-image{transform:scale(1.05)}.song-info{margin-bottom:1rem}.song-title{color:#fff;font-size:1.2rem;margin:0 0 .5rem}.song-artist,.song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{color:#fffc;font-size:1rem;margin:0 0 .25rem}.song-album{color:#fff9;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-actions{margin-bottom:1rem}.remove-button{align-items:center;background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:25px;color:#ff6b6b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.remove-button:hover{background:#ff6b6b4d;transform:translateY(-2px)}.preview-audio{background:#ffffff1a;border-radius:20px;height:40px;width:100%}.preview-audio::-webkit-media-controls-panel{background:#ffffff1a;border-radius:20px}@media (max-width:768px){.favorites-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:900px){.spotify-card{min-height:250px}}@media (max-width:600px){.spotify-card{min-height:180px;padding:1rem .5rem}.favorite-play-overlay{bottom:8px;height:40px;right:8px;width:40px}.favorite-play-icon{font-size:1.2rem}}.navbar{align-items:center;border:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar.scrolled{background:#0f0f23f2;box-shadow:0 8px 32px #0000004d}.navbar.not-scrolled,.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar.not-scrolled{background:#0f0f23cc;box-shadow:0 4px 16px #0000001a}.logo-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{font-size:1.5rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin:0}.logo-icon{filter:drop-shadow(0 0 10px rgba(255,107,107,.5));font-size:1.8rem}.nav-links{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none;margin:0;padding:0}@media (max-width:768px){.nav-links{gap:1rem}.nav-link{font-size:.85rem;padding:.4rem .8rem}}.nav-link{align-items:center;border-radius:25px;color:#fffc;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:linear-gradient(45deg,#ff6b6b26,#4ecdc426);box-shadow:0 8px 25px #4ecdc433}.nav-link.active,.nav-link:hover{color:#fff;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(45deg,#ff6b6b33,#4ecdc433);border:1px solid #fff3;box-shadow:0 8px 25px #ff6b6b4d}.link-icon{filter:drop-shadow(0 0 5px rgba(78,205,196,.5));font-size:1rem}.audio-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-radius:12px;border-top:1px solid #ffffff1a;box-shadow:0 8px 32px #0009;margin:16px;padding:12px 20px;z-index:1000}.audio-player,.audio-player:before{bottom:0;left:0;position:fixed;right:0}.audio-player:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,#000c 0,#0000);content:"";height:150px;pointer-events:none;z-index:-1}.player-content{gap:20px;margin:0 auto;max-width:1200px}.player-content,.song-info{align-items:center;display:flex}.song-info{gap:12px;min-width:200px}.song-cover{border-radius:8px;height:50px;object-fit:cover;width:50px}.song-details{color:#fff}.song-title{font-size:14px;font-weight:600;margin-bottom:2px}.song-artist{color:#b3b3b3;font-size:12px}.player-controls{align-items:center;display:flex;flex:1 1;gap:15px}.play-pause-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:24px;padding:8px;transition:background .2s}.play-pause-btn:hover{background:#ffffff1a}.progress-container{align-items:center;display:flex;flex:1 1;gap:10px}.time{color:#b3b3b3;font-size:12px;min-width:35px}.progress-bar{background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative;transition:height .2s ease}.progress-bar:hover{height:6px}.progress-fill{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:2px;height:100%;position:relative;transition:background .2s ease}.progress-bar:hover .progress-fill{background:linear-gradient(45deg,#ff5252,#26c6da)}.progress-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:12px}.progress-bar:hover .progress-thumb{opacity:1}.nav-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.nav-btn:hover{background:#ffffff1a;transform:scale(1.1)}.playlist-info{color:#ffffffb3;font-size:12px;margin-top:2px}.player-options{margin-left:20px}.autoplay-toggle-label,.player-options{align-items:center;display:flex;gap:10px}.autoplay-toggle-label{cursor:pointer;font-size:15px;font-weight:500;-webkit-user-select:none;user-select:none}.autoplay-toggle-text{color:#fff;margin-right:4px}.autoplay-toggle-input{display:none}.autoplay-toggle-slider{background:#444;border-radius:12px;box-sizing:border-box;height:20px;margin:0 6px;position:relative;transition:background .3s;width:38px}.autoplay-toggle-label .autoplay-toggle-input:checked+.autoplay-toggle-slider{background:#1db954}.autoplay-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000026;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .3s;width:14px}.autoplay-toggle-label .autoplay-toggle-input:checked+.autoplay-toggle-slider:before{transform:translateX(18px)}.autoplay-toggle-status{color:#fff;font-size:14px;font-weight:600;min-width:24px;text-align:left}.auto-play-btn{display:none!important}@media (max-width:768px){.audio-player{padding:10px 15px}.player-content{gap:15px}.song-info{min-width:150px}.song-cover{height:40px;width:40px}.song-title{font-size:13px}.song-artist{font-size:11px}}.app-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);min-height:100vh;overflow-x:hidden;position:relative}.app-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b4d 0,#0000 50%),radial-gradient(circle at 40% 40%,#4ecdc433 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.main-content{min-height:calc(100vh - 160px);padding-bottom:80px;padding-top:80px}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);-webkit-background-clip:text;background-clip:text}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.fade-in{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}@media (max-width:768px){.main-content{padding-top:70px}}@media (max-width:480px){.main-content{padding-top:60px}}
/*# sourceMappingURL=main.70e351b8.css.map*/