.popup-overlay{position:fixed;z-index:9999;display:flex;justify-content:center;align-items:flex-end;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.popup-backdrop,.popup-overlay{top:0;left:0;width:100%;height:100%}.popup-backdrop{position:absolute;background:rgba(0,0,0,.4);cursor:pointer}.popup-container{position:relative;width:100%;max-width:500px;margin:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.3),inset 0 -2px 16px hsla(0,0%,100%,.1);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.popup-content{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;margin-top:4px;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.popup-content::-webkit-scrollbar{width:4px}.popup-content::-webkit-scrollbar-track{background:transparent}.popup-content::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:2px}.drag-handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab}.drag-handle:active{cursor:grabbing}.drag-indicator{width:48px;height:4px;background:rgba(0,0,0,.2);border-radius:2px;transition:all .2s ease}.drag-handle:hover .drag-indicator{background:rgba(0,0,0,.3);width:56px}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.popup-title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-button{width:36px;height:36px;border:none;border-radius:50%;background:rgba(0,0,0,.06);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.close-button:hover{background:rgba(0,0,0,.1);color:#333;transform:scale(1.05)}.close-button:active{transform:scale(.95)}.popup-body{padding:0 24px 24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{margin-bottom:16px}.spinner-ring{width:48px;height:48px;border:4px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#666;font-size:1rem;margin:0;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{flex-direction:column;padding:60px 20px;text-align:center}.empty-icon,.empty-state{display:flex;align-items:center}.empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;margin-bottom:16px}.empty-icon i{color:#fff;font-size:24px}.empty-state h3{margin:0 0 8px;color:#333;font-size:1.2rem;font-weight:600}.empty-state p{margin:0;color:#666;font-size:.9rem}.album-showcase{display:flex;flex-direction:column;align-items:center;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:24px}.album-art-container{position:relative;margin-bottom:16px;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(102,126,234,.3);transition:transform .3s ease}.album-cover-main{width:160px;height:160px;object-fit:cover;display:block}.album-art-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.album-art-container:hover .album-art-overlay{opacity:1}.play-icon{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;color:#667eea;font-size:20px;backdrop-filter:blur(10px)}.album-info{text-align:center}.album-title{margin:0 0 4px;font-size:1.3rem;font-weight:700;color:#333;line-height:1.3}.album-artist{margin:0 0 12px;color:#666;font-size:1rem;font-weight:500}.song-count{display:flex;align-items:center;justify-content:center;gap:6px;color:#999;font-size:.9rem}.song-count i{font-size:.8rem}.songs-section{margin-top:8px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#333}.track-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.song-grid{display:flex;flex-direction:column;gap:12px}.song-card{display:flex;align-items:center;padding:16px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.song-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));opacity:0;transition:opacity .3s ease}.song-card:hover:before{opacity:1}.song-card:hover{box-shadow:0 8px 25px rgba(102,126,234,.15)}.song-thumbnail{position:relative;margin-right:16px;flex-shrink:0}.song-cover{width:56px;height:56px;border-radius:12px;object-fit:cover}.song-overlay{position:absolute;top:2px;left:2px;width:20px;height:20px;background:rgba(0,0,0,.7);border-radius:6px;display:flex;align-items:center;justify-content:center}.track-number{color:#fff;font-size:.75rem;font-weight:600}.song-details{flex:1;display:flex;justify-content:space-between;align-items:center;min-width:0}.song-meta{flex:1;min-width:0;margin-right:12px}.song-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:#333;line-height:1.3}.song-artist,.song-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{margin:0 0 8px;color:#666;font-size:.9rem}.youtube-link{display:inline-flex;align-items:center;gap:4px;color:#f44;text-decoration:none;font-size:.8rem;font-weight:500;transition:color .2s ease}.youtube-link:hover{color:#c00}.download-btn,.youtube-link i{font-size:.9rem}.download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.download-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4)}.download-btn:active{transform:translateY(0)}.download-btn.loading{cursor:not-allowed;opacity:.8}.download-btn i{font-size:1rem}.btn-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.content-preview{margin:16px 0;padding:16px;background:hsla(0,0%,100%,.6);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.content-preview.loading{background:hsla(0,0%,100%,.4)}.preview-header{margin-bottom:12px}.content-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600}.content-type-badge i{font-size:.75rem}.preview-details{margin-top:8px}.preview-title{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:#333;line-height:1.3}.preview-artist,.preview-owner{margin:0 0 8px;color:#666;font-size:.9rem}.preview-stats{margin:8px 0}.stat-item{display:inline-flex;align-items:center;gap:4px;color:#999;font-size:.85rem}.stat-item i{font-size:.8rem}.preview-description{margin:8px 0 0;color:#666;font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-skeleton{display:flex;align-items:center;gap:12px}.skeleton-icon{width:40px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.skeleton-text{flex:1}.skeleton-line{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:6px;margin-bottom:8px}.skeleton-line.long{width:80%}.skeleton-line.short{width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.download-progress{margin-top:4px;height:2px;background:hsla(0,0%,100%,.3);border-radius:1px;overflow:hidden}.download-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}@media (max-width:480px){.popup-container{margin:0;border-radius:20px 20px 0 0}.popup-content{border-radius:16px 16px 0 0}.popup-body,.popup-header{padding:0 16px 16px}.song-card{padding:12px}.song-cover{width:48px;height:48px}.download-btn{padding:8px 12px;font-size:.85rem}.content-preview{margin:12px 0;padding:12px}.preview-title{font-size:1rem}}.faq-section{padding:20px;margin-top:60px;display:flex;justify-content:space-around}.faq-list{margin-top:20px;flex-basis:50%}@media (max-width:768px){.faq-section{display:block}}