:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--success-gradient:linear-gradient(135deg,#43e97b,#38f9d7);--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#4facfe;--text-primary:#2d3748;--text-secondary:#718096;--bg-light:#f7fafc;--bg-white:#fff;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-hover:0 12px 40px #667eea4d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7fafc;background:var(--bg-light);color:#2d3748;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app-container{background:linear-gradient(135deg,#667eea15,#764ba215);min-height:100vh;padding:2rem 1rem}.app-container.player-active{padding-bottom:140px}.app-header{animation:fadeInDown .6s ease-out;margin-bottom:3rem;text-align:center}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:.5rem}.app-subtitle{color:#718096;color:var(--text-secondary);font-size:1.125rem;font-weight:400}.search-container{animation:fadeInUp .6s ease-out .2s backwards;margin:0 auto 3rem;max-width:700px}.search-box{background:#fff;background:var(--bg-white);border-radius:16px;box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease}.search-box:hover{box-shadow:0 8px 32px #00000029;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.search-form{display:flex;gap:.75rem}.search-input{background:#f7fafc;background:var(--bg-light);border:2px solid #0000;border-radius:12px;color:#2d3748;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.search-input:focus{background:#fff;background:var(--bg-white);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a}.search-input::placeholder{color:#718096;color:var(--text-secondary)}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.search-button:hover{box-shadow:0 12px 40px #667eea4d;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.search-button:active{transform:translateY(0)}.search-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-container{align-items:center;animation:fadeIn .3s ease;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem}.spinner{animation:spin .8s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top:4px solid var(--primary-color);height:60px;width:60px}.loading-text{color:#718096;color:var(--text-secondary);font-size:1.125rem;font-weight:500;margin-top:1.5rem}.error-message{animation:shake .5s ease,fadeIn .3s ease;background:linear-gradient(135deg,#fee,#fdd);border-left:4px solid #f56565;border-radius:12px;color:#c53030;margin:2rem auto;max-width:600px;padding:1.5rem}.songs-container{margin:0 auto;max-width:1400px;padding:0 1rem 2rem}.songs-grid{grid-gap:2rem;animation:fadeInUp .6s ease-out .3s backwards;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empty-state{animation:fadeIn .5s ease;padding:4rem 1rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state-text{color:#718096;color:var(--text-secondary);font-size:1.25rem}.song-card{animation:scaleIn .4s ease backwards;background:#fff;background:var(--bg-white);border-radius:16px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.song-card:hover{box-shadow:0 12px 40px #667eea4d;box-shadow:var(--shadow-hover);transform:translateY(-8px) scale(1.02)}.song-card:active{transform:translateY(-4px) scale(1.01)}.song-image-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);overflow:hidden;padding-top:100%;position:relative;width:100%}.song-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .4s ease;width:100%}.song-card:hover .song-image{transform:scale(1.1)}.song-play-overlay{align-items:center;background:#667eeae6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.song-card:hover .song-play-overlay{opacity:1}.play-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;color:#667eea;color:var(--primary-color);display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.song-content{padding:1.5rem}.song-title{color:#2d3748;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.song-artist,.song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{color:#718096;color:var(--text-secondary);font-size:.9375rem;margin-bottom:.75rem}.song-details{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;padding-top:.75rem}.song-album{color:#718096;color:var(--text-secondary);flex:1 1;font-size:.875rem;margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-year{background:#667eea1a;border-radius:20px;flex-shrink:0;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.song-download-button,.song-year{color:#667eea;color:var(--primary-color)}.song-download-button{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;position:absolute;right:1rem;top:1rem;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.song-card:hover .song-download-button{opacity:1;transform:scale(1)}.song-download-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 6px 20px #667eea66;color:#fff;transform:scale(1.1)}.song-download-button:active{transform:scale(.95)}.song-download-button:disabled{cursor:not-allowed;opacity:.7}.song-download-button svg{transition:transform .2s ease}.song-download-button:hover svg{transform:translateY(2px)}.song-download-button:disabled:hover{background:#fffffff2;color:#667eea;color:var(--primary-color);transform:scale(1)}.song-download-button:disabled svg{transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.song-card:first-child{animation-delay:.05s}.song-card:nth-child(2){animation-delay:.1s}.song-card:nth-child(3){animation-delay:.15s}.song-card:nth-child(4){animation-delay:.2s}.song-card:nth-child(5){animation-delay:.25s}.song-card:nth-child(6){animation-delay:.3s}.song-card:nth-child(7){animation-delay:.35s}.song-card:nth-child(8){animation-delay:.4s}.song-card:nth-child(9){animation-delay:.45s}@media (max-width:768px){.app-title{font-size:2rem}.search-form{flex-direction:column}.search-button{width:100%}.songs-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.song-download-button{height:40px;opacity:1;right:.75rem;top:.75rem;transform:scale(1);width:40px}}@media (max-width:480px){.songs-grid{grid-template-columns:1fr}.app-container{padding:1rem .5rem}.song-download-button{height:36px;right:.5rem;top:.5rem;width:36px}.song-download-button svg{height:18px;width:18px}}.music-player{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;box-shadow:0 -4px 20px #0003;left:0;position:fixed;right:0;z-index:1000}.player-content{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1400px;padding:1rem 2rem}.player-song-info{align-items:center;display:flex;flex-shrink:0;gap:1rem;max-width:300px;min-width:200px;width:300px}.player-album-art{border-radius:8px;box-shadow:0 2px 8px #0000004d;flex-shrink:0;height:60px;object-fit:cover;width:60px}.player-song-details{flex:1 1;min-width:0;overflow:hidden}.player-song-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.player-artist-name,.player-song-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist-name{color:#fffc;font-size:.875rem}.player-controls{align-items:center;display:flex;flex:1 1;gap:1rem}.control-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.control-button:hover{background:#ffffff4d;transform:scale(1.1)}.control-button:active{transform:scale(.95)}.play-pause-button{background:#fff;color:#667eea;color:var(--primary-color)}.play-pause-button:hover{background:#ffffffe6}.progress-container{align-items:center;display:flex;flex:1 1;gap:.75rem}.time-display{color:#fff;font-size:.875rem;font-weight:500;min-width:40px;text-align:center}.progress-bar{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none;transition:background .1s linear}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;margin-top:-5px;-webkit-transition:transform .2s ease,left .1s linear;transition:transform .2s ease,left .1s linear;width:16px;will-change:transform}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;-moz-transition:transform .2s ease,left .1s linear;transition:transform .2s ease,left .1s linear;width:16px;will-change:transform}.progress-bar::-moz-range-thumb:hover{transform:scale(1.2)}.progress-bar::-webkit-slider-runnable-track{background:#0000;border-radius:3px;height:6px}.progress-bar::-moz-range-track{background:#0000;border:none;border-radius:3px;height:6px}.player-volume{flex-shrink:0;gap:.75rem;max-width:180px;min-width:150px;width:180px}.player-volume,.volume-icon-button{align-items:center;color:#fff;display:flex}.volume-icon-button{background:#0000;border:none;border-radius:50%;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.volume-icon-button:hover{background:#fff3;transform:scale(1.1)}.volume-icon-button:active{transform:scale(.95)}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none;transition:background .1s linear}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:14px;margin-top:-5px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:14px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:14px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:14px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-slider::-webkit-slider-runnable-track{background:#0000;border-radius:2px;height:4px}.volume-slider::-moz-range-track{background:#0000;border:none;border-radius:2px;height:4px}.player-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.player-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:1024px){.player-content{gap:1rem;padding:1rem}.player-song-info{max-width:250px;width:250px}.player-volume{max-width:150px;min-width:120px;width:150px}}@media (max-width:768px){.app-container.player-active{padding-bottom:180px}.player-content{flex-wrap:wrap;padding:.75rem 1rem}.player-song-info{flex:1 1;max-width:200px;min-width:auto;width:auto}.player-controls{flex-basis:100%;margin-top:.5rem;order:3}.player-volume{max-width:120px;min-width:auto;order:2;width:auto}.player-close-button{order:4}}@media (max-width:480px){.app-container.player-active{padding-bottom:160px}.player-song-info{max-width:150px}.player-album-art{height:50px;width:50px}.player-song-name{font-size:.875rem}.player-artist-name{font-size:.75rem}.control-button{height:42px;width:42px}.time-display{font-size:.75rem;min-width:35px}.player-volume{display:none}}.app-container:has(~.music-player){padding-bottom:120px}.music-player.fullscreen{align-items:center;animation:expandFullscreen .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100vw;z-index:1000}.music-player.fullscreen .player-content{align-items:center;cursor:default;flex-direction:column;gap:2rem;height:100%;justify-content:center;max-width:none;padding:3rem 2rem;position:relative;width:100%}.music-player.fullscreen .player-song-info{align-items:center;flex-direction:column;max-width:100%;min-width:auto;position:relative;text-align:center;width:100%}.music-player.fullscreen .player-album-art{animation:scaleInAlbum .5s cubic-bezier(.4,0,.2,1) .2s backwards;border-radius:24px;box-shadow:0 25px 80px #0009;cursor:pointer;height:320px;position:relative;transition:transform .2s ease;width:320px}.music-player.fullscreen .player-album-art:after{background:#fff0;border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background .3s ease}.music-player.fullscreen .player-album-art:hover:after{background:#ffffff26}.music-player.fullscreen .player-album-art:active{transform:scale(.98)}.music-player.fullscreen .player-album-art:hover+.control-button{background:#fff;box-shadow:0 12px 40px #00000080;transform:translate(-50%,-50%) scale(1.1)}.music-player.fullscreen .player-song-details{display:none}.fullscreen-song-info{animation:fadeInUp .5s ease-out .3s backwards;padding:0 1rem;text-align:center;width:100%}.fullscreen-song-name{color:#fff;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.fullscreen-artist-name,.fullscreen-song-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-artist-name{color:#ffffffd9;font-size:1.125rem;font-weight:500}.music-player.fullscreen .player-controls{align-items:center;animation:fadeInUp .5s ease-out .4s backwards;flex-direction:column;gap:.75rem;justify-content:center;width:100%}.music-player.fullscreen .control-button{background:#fffffff2;box-shadow:0 8px 32px #0006;color:#667eea;color:var(--primary-color);flex-shrink:0;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px;z-index:2}.music-player.fullscreen .control-button:hover{background:#fff;box-shadow:0 12px 40px #00000080;transform:translate(-50%,-50%) scale(1.1)}.music-player.fullscreen .progress-container{align-items:center;display:flex;gap:1rem;max-width:650px;width:100%}.music-player.fullscreen .time-display{color:#fffffff2;font-size:.875rem;font-weight:500;min-width:42px}.music-player.fullscreen .progress-bar{border-radius:3px;height:6px}.music-player.fullscreen .progress-bar::-webkit-slider-thumb{height:18px;margin-top:-6px;width:18px}.music-player.fullscreen .progress-bar::-moz-range-thumb{height:18px;width:18px}.fullscreen-volume{align-items:center;animation:fadeIn .5s ease-out .6s backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:50px;bottom:2.5rem;box-shadow:0 4px 20px #0003;color:#fff;display:flex;gap:.5rem;left:50%;max-width:160px;min-width:160px;overflow:hidden;padding:.65rem 1rem;position:absolute;transform:translateX(-50%)}.fullscreen-volume .volume-icon-button{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:.25rem;width:28px}.fullscreen-volume .volume-icon-button svg{flex-shrink:0;height:18px;width:18px}.fullscreen-volume .volume-slider{flex:1 1;height:4px;min-width:0}.fullscreen-volume .volume-slider::-webkit-slider-thumb{height:14px;margin-top:-5px;width:14px}.fullscreen-volume .volume-slider::-moz-range-thumb{height:14px;width:14px}.fullscreen-volume .volume-slider::-webkit-slider-runnable-track{height:4px}.fullscreen-volume .volume-slider::-moz-range-track{height:4px}.minimize-button{align-items:center;animation:fadeIn .5s ease-out .2s backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:44px;z-index:10}.minimize-button:hover{background:#ffffff40;transform:scale(1.05)}.minimize-button:active{transform:scale(.95)}@keyframes expandFullscreen{0%{opacity:.8;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleInAlbum{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.music-player:not(.fullscreen) .player-content{cursor:pointer}.music-player:not(.fullscreen) .player-content:hover{background:#ffffff0d;transition:background .3s ease}@media (max-width:768px){.music-player.fullscreen .player-content{gap:2rem;padding:2.5rem 1.5rem}.music-player.fullscreen .player-album-art{height:260px;width:260px}.fullscreen-song-name{font-size:1.75rem}.fullscreen-artist-name{font-size:1rem}.minimize-button{height:40px;right:1rem;top:1rem;width:40px}.fullscreen-volume{bottom:2rem;gap:.5rem;max-width:140px;min-width:140px;padding:.6rem .9rem}.fullscreen-volume .volume-icon-button{height:26px;width:26px}.fullscreen-volume .volume-icon-button svg{height:16px;width:16px}.music-player.fullscreen .control-button{height:70px;width:70px}.music-player.fullscreen .control-button:hover{transform:translate(-50%,-50%) scale(1.08)}.music-player.fullscreen .progress-container{max-width:550px}}@media (max-width:480px){.music-player.fullscreen .player-content{gap:1.75rem;padding:2rem 1rem}.music-player.fullscreen .player-album-art{border-radius:20px;height:220px;width:220px}.fullscreen-song-name{font-size:1.5rem}.fullscreen-artist-name{font-size:.95rem}.music-player.fullscreen .control-button{height:64px;width:64px}.music-player.fullscreen .control-button:hover{transform:translate(-50%,-50%) scale(1.08)}.fullscreen-volume{bottom:1.5rem;gap:.4rem;max-width:130px;min-width:130px;padding:.5rem .8rem}.fullscreen-volume .volume-icon-button{height:24px;width:24px}.fullscreen-volume .volume-icon-button svg{height:16px;width:16px}.music-player.fullscreen .progress-container{gap:.75rem}.music-player.fullscreen .time-display{font-size:.8rem;min-width:38px}}
/*# sourceMappingURL=main.024dcfe7.css.map*/