.voice-search{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-md)}.voice-search-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.voice-search-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.voice-search-btn.listening{background-color:var(--color-error);border-color:var(--color-error);animation:pulse 1.5s ease-in-out infinite}.mic-icon{font-size:1.2rem;position:relative;z-index:2}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:3px solid var(--color-error);animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.voice-prompt{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;font-size:var(--font-size-sm);font-weight:500;animation:fadeInBounce .3s ease-out;z-index:1000;pointer-events:none}.voice-prompt:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-primary)}.voice-error{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-error);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;font-size:var(--font-size-sm);font-weight:500;animation:fadeInBounce .3s ease-out;z-index:1000;pointer-events:none}.voice-error:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-error)}@keyframes fadeInBounce{0%{opacity:0;transform:translate(-50%) translateY(-10px)}60%{opacity:1;transform:translate(-50%) translateY(2px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.voice-transcript{position:absolute;top:100%;left:0;margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;animation:fadeIn var(--transition-base);z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transcript-text{font-size:var(--font-size-sm);color:var(--color-text);font-style:italic}@media (max-width: 768px){.voice-search-btn{width:36px;height:36px}.mic-icon{font-size:1rem}.voice-prompt{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);bottom:calc(100% + 10px);white-space:normal;max-width:250px;text-align:center;line-height:1.4;z-index:1000}.voice-prompt:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-primary)}.voice-transcript{max-width:250px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:normal;word-wrap:break-word;z-index:1000}}.offline-notice-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.offline-notice{background:var(--color-background, #1f2937);border-radius:24px;padding:48px 64px;text-align:center;box-shadow:0 25px 80px #0009;animation:slideUp .4s ease;max-width:500px}.offline-icon{font-size:80px;margin-bottom:24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.offline-notice h3{color:var(--color-text, #ffffff);font-size:28px;font-weight:600;margin:0 0 12px}.offline-notice p{color:var(--color-text-secondary, #9ca3af);font-size:16px;margin:0 0 32px}.offline-spinner{width:48px;height:48px;margin:0 auto;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--color-primary, #8b5cf6);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.offline-notice{padding:32px 24px;margin:20px}.offline-icon{font-size:64px}.offline-notice h3{font-size:24px}.offline-notice p{font-size:14px}}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9000;padding:20px;animation:fadeIn .2s ease}.feedback-modal{background:var(--color-background, #1f2937);border-radius:16px;width:100%;max-width:600px;box-shadow:0 25px 80px #00000080;animation:slideUp .3s ease}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.feedback-header h3{color:var(--color-text, #ffffff);font-size:24px;font-weight:600;margin:0}.modal-close{background:transparent;border:none;color:var(--color-text-secondary, #9ca3af);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover:not(:disabled){background:#ffffff1a;color:var(--color-text, #ffffff)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.feedback-form{padding:32px}.feedback-description{color:var(--color-text-secondary, #9ca3af);font-size:14px;margin:0 0 20px;line-height:1.5}.feedback-textarea{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-text, #ffffff);font-size:15px;font-family:inherit;resize:vertical;min-height:150px;transition:all .2s ease}.feedback-textarea:focus{outline:none;border-color:var(--color-primary, #8b5cf6);background:#ffffff14}.feedback-textarea:disabled{opacity:.6;cursor:not-allowed}.feedback-char-count{text-align:right;font-size:12px;color:var(--color-text-secondary, #9ca3af);margin:8px 0 16px}.feedback-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:16px}.feedback-success{padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;font-size:14px;margin-bottom:16px}.feedback-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--color-primary, #8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #7c3aed);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff1a;color:var(--color-text, #ffffff)}.btn-secondary:hover:not(:disabled){background:#ffffff26}@media (max-width: 640px){.feedback-header{padding:20px 24px}.feedback-header h3{font-size:20px}.feedback-form{padding:24px}.feedback-textarea{min-height:120px}.feedback-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.sync-indicator-container{position:relative}.sync-indicator-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .3s ease;border-radius:8px}.sync-indicator-button:hover{background:#ffffff1a}.sync-icon-wrapper{position:relative;width:24px;height:24px}.sync-icon{width:24px;height:24px;color:var(--color-primary)}.sync-icon.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;box-shadow:0 2px 4px #0000004d}.sync-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:500px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1000;overflow:hidden;animation:slideDown .2s ease}.sync-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border);background:#ffffff08}.sync-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.sync-close{background:transparent;border:none;color:var(--color-text);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.sync-close:hover{background:#ffffff1a}.sync-dropdown-content{max-height:400px;overflow-y:auto;padding:8px}.sync-job-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.sync-job-item:hover{background:#ffffff14}.sync-job-icon{font-size:24px;flex-shrink:0}.sync-job-info{flex:1;min-width:0}.sync-job-title{font-weight:600;color:var(--color-text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.sync-job-performer{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.sync-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:4px}.sync-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease;border-radius:2px}.sync-job-status{font-size:12px;color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.sync-job-downloading{border-left:3px solid #10b981}.sync-job-pending{border-left:3px solid #f59e0b}.sync-job-completed{border-left:3px solid #10b981;opacity:.7}.sync-job-failed{border-left:3px solid #ef4444}@media (max-width: 768px){.sync-dropdown{width:320px;right:-8px}}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);padding-top:env(safe-area-inset-top)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;gap:var(--spacing-lg);position:relative}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.header-right{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;justify-content:flex-end}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);text-decoration:none;white-space:nowrap}.logo-center{position:absolute;left:50%;transform:translate(-50%);pointer-events:auto}.feedback-btn{background:#ffffff1a;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;flex-shrink:0}.feedback-btn:hover{background:#fff3;transform:scale(1.1)}.feedback-btn:active{transform:scale(.95)}.logo-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(99,102,241,.5))}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-line{font-size:var(--font-size-lg);font-weight:700}.menu-controls,.refresh-controls{display:none;flex-direction:column;align-items:center;gap:2px;position:relative;z-index:10000}.burger-menu-btn{display:flex;flex-direction:column;justify-content:space-around;width:32px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:10001;transition:transform .3s ease}.burger-menu-btn:hover{transform:scale(1.1)}.burger-line{width:100%;height:3px;background-color:var(--color-text);border-radius:2px;transition:all .3s ease;transform-origin:center}.burger-menu-btn.open .burger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger-menu-btn.open .burger-line:nth-child(2){opacity:0;transform:translate(-20px)}.burger-menu-btn.open .burger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu-label,.refresh-label{font-size:.65rem;color:var(--color-text-secondary);font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}.mobile-menu-btn{display:none}.refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:transparent;border:none;font-size:1.3rem;cursor:pointer;padding:0;transition:transform .3s ease}.refresh-btn:hover{transform:scale(1.1) rotate(180deg)}.refresh-btn:active{transform:scale(1.1) rotate(360deg)}.mobile-back-btn{display:none;background:none;border:none;font-size:.9rem;color:var(--color-text);cursor:pointer;padding:var(--spacing-sm);transition:color var(--transition-fast),transform var(--transition-fast);align-items:center;gap:4px;white-space:nowrap;z-index:10002;position:relative}.mobile-back-btn .back-icon{font-size:1.2rem}.mobile-back-btn .back-text{font-size:.85rem;font-weight:500}.mobile-back-btn:hover{color:var(--color-primary);transform:translate(-2px)}.desktop-only{display:flex}.mobile-only{display:none}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap;background:none;border:none;cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.nav-link:hover{color:var(--color-primary);background-color:var(--color-surface-hover)}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;color:var(--color-primary);background-color:var(--color-surface-hover)}.nav-back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;transition:background-color var(--transition-fast),transform var(--transition-fast)}.nav-back-btn:hover{background-color:var(--color-primary-dark);color:#fff;transform:translate(-2px)}.nav-back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background-color:var(--color-primary-dark)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.header-search{display:flex;align-items:center;gap:var(--spacing-sm)}.header-search .voice-search-btn{height:40px;width:40px}.search-form{display:flex;align-items:center;position:relative}.search-input-header{width:200px;height:40px;padding:0 var(--spacing-md);padding-right:40px;font-size:var(--font-size-sm);border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),width var(--transition-base)}.search-input-header:focus{border-color:var(--color-primary);outline:none;width:250px}.search-btn-header{position:absolute;right:4px;width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);transition:background-color var(--transition-fast)}.search-btn-header:hover{background-color:var(--color-surface-hover)}.user-link{color:var(--color-text);text-decoration:none;font-weight:500;white-space:nowrap}.main{flex:1;padding:var(--spacing-2xl) 0}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-top:var(--spacing-2xl)}.footer p{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 768px){.header-content{flex-wrap:nowrap;padding:var(--spacing-sm) 0;gap:var(--spacing-sm)}.header-left{flex:0 0 auto;gap:var(--spacing-sm)}.header-right{flex:0 0 auto;display:none}.logo{font-size:var(--font-size-base);z-index:100}.logo-icon{font-size:1.5rem}.logo-line{font-size:.9rem}.menu-controls,.refresh-controls{display:flex}.mobile-back-btn{display:flex;align-items:center;justify-content:center;margin-left:auto}.desktop-only{display:none!important}.mobile-only{display:flex}.header-actions{order:3}.nav:before{display:none}.nav.nav-open:before{display:block;opacity:1;visibility:visible}.nav{position:fixed;top:60px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;padding:0;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,box-shadow .3s ease;z-index:9999;margin-left:0;box-shadow:0 0 #0000;pointer-events:none}.nav.nav-open{max-height:500px;opacity:1;padding:var(--spacing-md);box-shadow:0 8px 24px #0006;z-index:9999;pointer-events:auto;overflow:visible}.nav-link{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-md);text-align:left;width:100%;display:block;border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);pointer-events:auto;cursor:pointer;position:relative;z-index:10000}.user-link{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.header-search{display:none}.search-form{flex:1}.search-input-header{width:100%;height:36px;font-size:var(--font-size-sm)}.search-input-header:focus{width:100%}}@media (min-width: 1920px){.hide-on-tv{display:none!important}}.popular-page{max-width:100%;padding-top:max(var(--spacing-md),env(safe-area-inset-top))}.popular-header{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xl) 0;text-align:center}.popular-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.popular-main-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.popular-search{max-width:800px;margin:var(--spacing-xl) auto var(--spacing-lg);padding:0 var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.popular-search-input{width:100%;height:48px;padding:0 var(--spacing-xl);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-base);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast);box-sizing:border-box}.popular-search-input:focus{outline:none;border-color:var(--color-primary)}.popular-search-actions{display:flex;gap:var(--spacing-sm)}.popular-section-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-lg)}.fire-icon{display:inline-block;font-size:1.5em;animation:fireFlicker 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,107,0,.6))}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(-5deg);filter:drop-shadow(0 0 8px rgba(255,107,0,.6)) brightness(1)}25%{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 12px rgba(255,107,0,.8)) brightness(1.2)}50%{transform:scale(.95) rotate(-3deg);filter:drop-shadow(0 0 6px rgba(255,107,0,.5)) brightness(.9)}75%{transform:scale(1.05) rotate(3deg);filter:drop-shadow(0 0 10px rgba(255,107,0,.7)) brightness(1.1)}}.popular-search-btn{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.popular-search-btn:hover{background-color:var(--color-primary-hover)}.popular-search-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.popular-carousel{display:flex;gap:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);max-width:1400px;margin:0 auto;margin-top:var(--spacing-lg);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.popular-carousel::-webkit-scrollbar{display:none}.popular-card{flex:0 0 280px;height:350px;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,z-index .3s ease;scroll-snap-align:start;text-decoration:none;color:inherit;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;background:var(--color-surface);outline:none;z-index:1}.rank-badge{position:absolute;top:12px;right:12px;z-index:10;font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));pointer-events:none}.rank-badge.medal{animation:medalFloat 2s ease-in-out infinite}.rank-badge.number{width:48px;height:48px;border-radius:50%;background:#000000d9;border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #0009}@keyframes medalFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.popular-card:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:var(--card-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1;filter:blur(20px) brightness(.4)}.popular-card:hover:before,.popular-card:focus-visible:before{opacity:1}.popular-card:hover,.popular-card:focus-visible{transform:translateY(-8px);box-shadow:0 12px 40px #000000b3;border-color:var(--color-primary);z-index:100}.popular-card-image{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.popular-card-image img{width:100%;height:100%;object-fit:cover}.collab-covers-popular{position:relative;width:100%;height:100%}.collab-covers-popular img{position:absolute;width:70%;height:70%;object-fit:cover;border-radius:50%;border:3px solid var(--color-surface)}.collab-img-popular-0{top:0;left:0;z-index:2}.collab-img-popular-1{bottom:0;right:0;z-index:1;opacity:.9}.popular-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:120px;opacity:.3}.popular-card-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 50%,transparent 100%);color:#fff;pointer-events:none;z-index:10}.popular-card-title{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-card-performer{font-size:var(--font-size-base);margin:0;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-section{max-width:1400px;margin:var(--spacing-2xl) auto 0;padding:0 var(--spacing-xl) var(--spacing-xl)}.popular-section h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text)}.popular-loading,.popular-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary)}.popular-empty p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.popular-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.popular-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .2s ease;outline:none}@media (max-width: 768px){.popular-list-item{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}}.popular-list-item:hover,.popular-list-item:focus-visible{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 12px #6366f14d}.popular-list-rank{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);min-width:40px;text-align:center}@media (max-width: 768px){.popular-list-rank{font-size:var(--font-size-base);min-width:30px}}.popular-list-image{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 8px #0000004d}@media (max-width: 768px){.popular-list-image{width:36px;height:36px}}.popular-list-image img{width:100%;height:100%;object-fit:cover}.popular-list-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.5}.collab-covers-list{position:relative;width:100%;height:100%}.collab-covers-list img{position:absolute;width:70%;height:70%;object-fit:cover;border-radius:50%;border:2px solid var(--color-surface)}.collab-img-list-0{top:0;left:0;z-index:2}.collab-img-list-1{bottom:0;right:0;z-index:1;opacity:.9}@media (max-width: 768px){.popular-list-placeholder{font-size:1rem}}.popular-list-info{flex:1;min-width:0}.popular-list-title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.popular-list-title{font-size:var(--font-size-base);margin-bottom:2px}}.popular-list-performer{font-size:var(--font-size-base);margin:0;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.popular-list-performer{font-size:var(--font-size-sm)}}.popular-list-stats{display:flex;align-items:center;gap:var(--spacing-md)}.popular-list-views{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}@media (max-width: 768px){.popular-list-views{display:none}}.popular-list-favorite{font-size:1.5rem;padding:var(--spacing-sm);background:none;border:none;cursor:pointer;transition:transform .2s ease}.popular-list-favorite:hover{transform:scale(1.2)}@media (max-width: 768px){.popular-page{padding:var(--spacing-sm)}.popular-header{padding:0 var(--spacing-sm)}.popular-header h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.popular-search{padding:0 var(--spacing-sm);margin-bottom:var(--spacing-lg);gap:var(--spacing-xs);align-items:center}.popular-search-form,.popular-search-input{width:100%}.popular-search-actions{gap:var(--spacing-xs);justify-content:center}.popular-carousel{padding:var(--spacing-sm);gap:var(--spacing-sm)}.popular-card{flex:0 0 200px;height:260px}.popular-card-placeholder{font-size:80px}.popular-card-info{padding:var(--spacing-md)}.popular-card-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.popular-card-performer{font-size:var(--font-size-sm)}.popular-section{padding:0 var(--spacing-sm);margin-top:var(--spacing-xl)}.popular-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.popular-list{gap:var(--spacing-sm)}.popular-list-item{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.popular-list-rank{min-width:30px;font-size:var(--font-size-base)}.popular-list-image{width:36px;height:36px}.popular-list-placeholder{font-size:1rem}.popular-list-title{font-size:var(--font-size-base);margin-bottom:2px}.popular-list-performer{font-size:var(--font-size-sm)}.popular-list-stats{display:none}.popular-list-favorite{font-size:1.5rem;padding:var(--spacing-sm)}}@media (orientation: landscape) and (max-height: 600px){.popular-page{padding:var(--spacing-sm)}.popular-header{padding:0 var(--spacing-sm);margin-bottom:var(--spacing-md)}.popular-header h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.popular-search{margin-bottom:var(--spacing-md)}.popular-carousel{padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.popular-card{flex:0 0 180px;height:220px}.popular-card-placeholder{font-size:60px}.popular-card-info{padding:var(--spacing-sm)}.popular-card-title{font-size:var(--font-size-sm)}.popular-card-performer{font-size:var(--font-size-xs)}.popular-section{margin-top:var(--spacing-md);padding:0 var(--spacing-sm)}.popular-section h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.popular-list-item{padding:var(--spacing-xs) var(--spacing-sm)}}@media (min-width: 769px) and (max-width: 1024px){.popular-page{padding:var(--spacing-lg)}.popular-header,.popular-search{padding:0 var(--spacing-lg)}.popular-carousel{padding:var(--spacing-lg)}.popular-card{flex:0 0 240px;height:300px}.popular-section{padding:0 var(--spacing-lg)}}.youtube-badge-popular{position:absolute;bottom:8px;right:8px;background:#ff0000e6;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;z-index:5}.popular-card-image img[src*=deezer],.popular-card-image img[src*=youtube]{border:2px solid transparent;transition:border-color .3s ease}.popular-card:hover .popular-card-image:has(.youtube-badge-popular){border-color:red;box-shadow:0 0 0 3px #ff00004d}.popular-card:hover .popular-card-image:has(.youtube-badge-popular) img{border-color:red}.search-bar{display:flex;gap:var(--spacing-md);width:100%}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-input{width:100%;height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast);box-sizing:border-box}.search-input:focus{border-color:var(--color-primary);outline:none}.search-clear{position:absolute;right:var(--spacing-md);width:28px;height:28px;border-radius:50%;background-color:var(--color-surface-hover);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-fast)}.search-clear:hover{background-color:var(--color-border);color:var(--color-text)}.search-submit{padding:var(--spacing-md) var(--spacing-xl);white-space:nowrap;border-radius:var(--radius-full)}@media (max-width: 768px){.search-bar{gap:var(--spacing-xs);flex-wrap:nowrap}.search-input{height:36px;font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.search-submit{height:36px;padding:6px 10px;font-size:14px;white-space:nowrap;min-width:auto;flex-shrink:0}.search-clear{width:24px;height:24px;right:var(--spacing-sm)}}.filter-panel{position:relative;display:inline-block}.filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm);height:48px;padding:0 var(--spacing-lg);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-fast);box-sizing:border-box;white-space:nowrap}.filter-toggle:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.filter-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-xs);background-color:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.filter-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;min-width:300px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-lg);z-index:100;animation:slideDown var(--transition-base)}.filter-group{margin-bottom:var(--spacing-lg)}.filter-group:last-of-type{margin-bottom:var(--spacing-xl)}.filter-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-select{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:var(--color-primary);outline:none}.filter-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.filter-actions .btn{flex:1}@media (max-width: 768px){.filter-toggle{height:36px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.filter-badge{min-width:20px;height:20px;font-size:var(--font-size-xs)}.filter-dropdown{position:fixed;top:auto;left:0;right:0;bottom:0;min-width:100%;max-height:70vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUp var(--transition-base)}.filter-group label{font-size:var(--font-size-sm)}.filter-select{height:36px;font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.filter-actions .btn{height:36px;font-size:var(--font-size-sm)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.catalog-page{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.catalog-header{margin-bottom:var(--spacing-xl);text-align:center}.catalog-header h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text)}.catalog-main-title{display:flex;align-items:center;justify-content:center;gap:15px;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text)}.mic-icon{display:inline-block;font-size:1.2em}.catalog-search-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:nowrap;max-width:800px;margin:0 auto}.catalog-search-row>*:first-child{flex:1;min-width:0}.catalog-loading,.catalog-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary)}.catalog-empty p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.catalog-results-info{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.catalog-results-info strong{color:var(--color-primary)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.catalog-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl)}.catalog-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .2s ease;outline:none}@media (max-width: 768px){.catalog-list-item{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}}.catalog-list-item:hover,.catalog-list-item:focus-visible{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 12px #6366f14d}.catalog-list-item.highlighted{animation:highlightPulse 2s ease-out;background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 20px #6366f199}@keyframes highlightPulse{0%{background:#6366f14d;box-shadow:0 0 30px #6366f1cc}50%{background:#6366f133;box-shadow:0 0 25px #6366f199}to{background:var(--color-surface-hover);box-shadow:0 0 20px #6366f199}}.catalog-list-rank{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);min-width:40px;text-align:center}@media (max-width: 768px){.catalog-list-rank{font-size:var(--font-size-base);min-width:30px}}.catalog-list-image{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 8px #0000004d}@media (max-width: 768px){.catalog-list-image{width:36px;height:36px}}.catalog-list-image img{width:100%;height:100%;object-fit:cover}.collab-covers-catalog{position:relative;width:100%;height:100%;display:flex}.collab-covers-catalog img{position:absolute;width:70%;height:70%;object-fit:cover;border-radius:50%;border:2px solid var(--color-surface)}.collab-covers-catalog .collab-img-catalog-0{top:0;left:0;z-index:2}.collab-covers-catalog .collab-img-catalog-1{bottom:0;right:0;z-index:1;opacity:.9}.catalog-list-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.5}@media (max-width: 768px){.catalog-list-placeholder{font-size:1rem}}.catalog-list-info{flex:1;min-width:0;margin-right:0}.catalog-list-title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.catalog-list-title{font-size:var(--font-size-base);margin-bottom:2px}}.catalog-list-performer{font-size:var(--font-size-base);margin:0;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.catalog-list-performer{font-size:var(--font-size-sm)}}.catalog-list-stats{display:flex;align-items:center;gap:var(--spacing-xs);margin-right:var(--spacing-xs);flex-shrink:0}.catalog-list-views{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}@media (max-width: 768px){.catalog-list-views{display:none}}.catalog-list-favorite{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);transition:transform .2s ease;flex-shrink:0}.catalog-list-favorite:hover{transform:scale(1.2)}.youtube-list-item{border-color:#ff00004d;background:linear-gradient(135deg,#ff00000d,#ff000005)}.youtube-list-item:hover{border-color:#ff000080;background:linear-gradient(135deg,#ff00001a,#ff00000d)}.catalog-list-image.youtube-item{position:relative;border:2px solid rgba(255,0,0,.5);border-radius:8px;overflow:hidden}.youtube-badge-list{position:absolute;bottom:4px;right:4px;background:#ff0000e6;color:#fff;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:600;z-index:5}.catalog-list-add-youtube{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.catalog-list-add-youtube:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media (max-width: 768px){.catalog-page{padding:var(--spacing-sm)}.catalog-header h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.catalog-search-row{flex-direction:column;gap:var(--spacing-xs);align-items:center}.catalog-search-row>*:first-child{width:100%}.catalog-search-row .search-bar{gap:var(--spacing-xs)}.catalog-search-row .voice-search-btn{width:36px;height:36px;font-size:1rem}.catalog-search-row .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:36px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}}.catalog-loading-message{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-lg);animation:pulse 1.5s ease-in-out infinite}.catalog-list-item.skeleton{pointer-events:none;background:var(--color-surface);cursor:default}.skeleton-shimmer{background:linear-gradient(90deg,var(--color-surface-hover) 0%,rgba(255,255,255,.1) 50%,var(--color-surface-hover) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-text{height:20px;width:70%;background:linear-gradient(90deg,var(--color-surface-hover) 0%,rgba(255,255,255,.1) 50%,var(--color-surface-hover) 100%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-text-small{height:16px;width:50%;background:linear-gradient(90deg,var(--color-surface-hover) 0%,rgba(255,255,255,.1) 50%,var(--color-surface-hover) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}.performers-page{position:relative;max-width:1400px;margin:0 auto;padding:var(--spacing-xl) 0;min-height:100vh}.performers-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.floating-cover{position:absolute;width:150px;height:150px;background-size:cover;background-position:center;border-radius:var(--radius-lg);opacity:.15;filter:blur(2px);box-shadow:0 10px 40px #0000004d}.floating-cover-1{top:10%;left:5%;animation:float1 20s ease-in-out infinite}.floating-cover-2{top:60%;left:10%;animation:float2 25s ease-in-out infinite}.floating-cover-3{top:30%;right:8%;animation:float3 22s ease-in-out infinite}.floating-cover-4{top:75%;right:15%;animation:float4 28s ease-in-out infinite}.floating-cover-5{top:15%;left:50%;animation:float5 24s ease-in-out infinite}.floating-cover-6{top:85%;left:40%;animation:float6 26s ease-in-out infinite}.floating-cover-7{top:45%;right:25%;animation:float7 23s ease-in-out infinite}.floating-cover-8{top:50%;left:20%;animation:float8 27s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-20px) rotate(5deg)}50%{transform:translate(-20px,40px) rotate(-5deg)}75%{transform:translate(40px,20px) rotate(3deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-40px,30px) rotate(-7deg)}50%{transform:translate(30px,-40px) rotate(7deg)}75%{transform:translate(-30px,-20px) rotate(-3deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-30px,-30px) rotate(6deg)}50%{transform:translate(40px,30px) rotate(-6deg)}75%{transform:translate(-40px,40px) rotate(4deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(35px,25px) rotate(-5deg)}50%{transform:translate(-35px,-35px) rotate(5deg)}75%{transform:translate(25px,-25px) rotate(-4deg)}}@keyframes float5{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-25px,35px) rotate(4deg)}50%{transform:translate(35px,-25px) rotate(-4deg)}75%{transform:translate(-35px,25px) rotate(3deg)}}@keyframes float6{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(40px,-35px) rotate(-6deg)}50%{transform:translate(-30px,30px) rotate(6deg)}75%{transform:translate(30px,35px) rotate(-5deg)}}@keyframes float7{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-35px,-25px) rotate(7deg)}50%{transform:translate(25px,40px) rotate(-7deg)}75%{transform:translate(-40px,-30px) rotate(5deg)}}@keyframes float8{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,35px) rotate(-4deg)}50%{transform:translate(-40px,-40px) rotate(4deg)}75%{transform:translate(35px,-30px) rotate(-6deg)}}.performers-content{position:relative;z-index:1}.performers-header{text-align:center;margin-bottom:var(--spacing-xl)}.performers-icon{display:inline-block;font-size:1em}.performers-header h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.performers-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.performers-controls{max-width:900px;margin:0 auto var(--spacing-lg);padding:0 var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.performers-search-row{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center}.performers-search-input{flex:1;height:40px;padding:0 var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast);box-sizing:border-box}.performers-search-input:focus{outline:none;border-color:var(--color-primary)}.search-button{height:40px;padding:0 var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.search-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.performers-filter-container{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.filter-toggle-btn{padding:var(--spacing-xs) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-width:120px}.filter-toggle-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.performers-sort{display:flex;gap:var(--spacing-xs);justify-content:center;flex-wrap:wrap;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sort-btn{padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sort-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.sort-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sort-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.performers-list{max-width:1600px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-xl)}.performer-item{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);min-height:auto}.performer-details{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.performer-name{font-size:1.15rem;font-weight:700;color:var(--color-text);margin:0;width:100%;line-height:1.5;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center}.songs-count{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500}.performer-genre{display:inline-block;padding:2px var(--spacing-sm);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);font-weight:600}.performer-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.performer-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.performer-image-container{position:relative;width:130px;height:130px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-sm)}@media (max-width: 768px){.performer-image-container{width:80px;height:80px}}.performer-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.performer-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.performer-initial{font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase}@media (max-width: 768px){.performer-initial{font-size:1.5rem}}.performers-loading-message{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-lg);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.performer-card.skeleton{pointer-events:none;background:var(--color-surface)}.performer-card.skeleton .performer-image{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200% 100%}.skeleton-shimmer{animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:20px;width:70%;margin:0 auto var(--spacing-xs);background:linear-gradient(90deg,var(--color-surface-hover) 0%,rgba(255,255,255,.1) 50%,var(--color-surface-hover) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-text-small{height:14px;width:50%;margin:0 auto;background:linear-gradient(90deg,var(--color-surface-hover) 0%,rgba(255,255,255,.1) 50%,var(--color-surface-hover) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}.performers-loading,.no-performers{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.loading-spinner{width:50px;height:50px;margin:0 auto var(--spacing-lg);border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.performers-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}}@media (max-width: 768px){.performers-page{padding:var(--spacing-sm)}.floating-cover{width:100px;height:100px;opacity:.1}.performers-header{padding:0 var(--spacing-sm)}.performers-header h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.performers-subtitle{font-size:var(--font-size-base)}.performers-controls{padding:0 var(--spacing-sm);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.performers-search-row{flex-direction:column;gap:var(--spacing-sm)}.performers-search-input{width:100%}.performers-sort{width:100%;justify-content:stretch}.sort-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.performers-list{padding:0 var(--spacing-sm);gap:var(--spacing-md);grid-template-columns:1fr}.performer-item{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:row;align-items:center;justify-content:flex-start;min-height:auto}.performer-details{align-items:flex-start;text-align:left;flex:1}.performer-initial{font-size:2rem}.performer-name{font-size:1rem;text-align:left}.songs-count{font-size:var(--font-size-sm)}.performer-genre{font-size:var(--font-size-xs);padding:2px var(--spacing-sm)}}.performer-detail-page{min-height:100vh;position:relative;overflow-x:hidden;background:#000}.performer-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;transition:filter .3s ease-out;will-change:filter;animation:backgroundPulse 20s ease-in-out infinite}@keyframes backgroundPulse{0%,to{transform:scale(1.1);opacity:.3}50%{transform:scale(1.15);opacity:.4}}.performer-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;min-height:60vh;justify-content:center}.back-btn{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.back-btn:hover{background:#000000b3;transform:scale(1.1)}.performer-cover{width:200px;height:200px;border-radius:50%;overflow:hidden;margin-bottom:var(--spacing-xl);box-shadow:0 8px 32px #0006;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.performer-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:.7}.performer-name{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm);text-shadow:0 2px 8px rgba(0,0,0,.3)}.performer-stats{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);color:#fffc;font-size:var(--font-size-base)}.listener-count{display:flex;align-items:center;gap:var(--spacing-xs)}.performer-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:all var(--transition-fast);color:#fff}.action-btn:hover{transform:scale(1.05);background:#ffffff26}.action-btn.primary-action{background:linear-gradient(135deg,gold,orange);width:90px;height:90px;box-shadow:0 8px 24px #ffd70066}.action-btn.primary-action:hover{background:linear-gradient(135deg,#ffc700,#ff8c00);transform:scale(1.1);box-shadow:0 12px 32px #ffd70099}.action-btn.primary-action .action-icon{color:#000;font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.action-btn.primary-action .action-label{color:#000;font-weight:700;font-size:.95rem;letter-spacing:.5px;text-shadow:0 1px 2px rgba(255,255,255,.3)}.action-icon{font-size:1.5rem}.action-label{font-size:var(--font-size-xs);font-weight:500}.performer-content{position:relative;z-index:1;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.95) 100px,#000);padding:var(--spacing-xl) var(--spacing-lg);border-radius:30px 30px 0 0;margin-top:-30px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-xl);font-weight:700;color:#fff}.view-all-btn{background:none;border:none;color:#fff9;font-size:var(--font-size-base);cursor:pointer;transition:color var(--transition-fast)}.view-all-btn:hover{color:#fff}.songs-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.song-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;outline:none}.song-item:hover,.song-item:focus-visible{background:#ffffff1a;border-color:#fff3;transform:scale(1.01)}.song-item.highlighted{animation:songHighlightPulse 2s ease-out;background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 20px #fff6}@keyframes songHighlightPulse{0%{background:#ffffff4d;box-shadow:0 0 30px #fff9}50%{background:#fff3;box-shadow:0 0 25px #ffffff80}to{background:#ffffff26;box-shadow:0 0 20px #fff6}}.song-rank{font-size:var(--font-size-base);font-weight:600;color:#ffffff80;min-width:30px;text-align:center}.song-image{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.song-image img{width:100%;height:100%;object-fit:cover}.song-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.5}.song-info{flex:1;min-width:0}.song-title{font-size:var(--font-size-base);font-weight:600;color:#fff;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-meta{font-size:var(--font-size-sm);margin:0;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-stats{display:flex;align-items:center;gap:var(--spacing-md)}.song-views{font-size:var(--font-size-sm);color:#ffffff80;white-space:nowrap}.song-favorite{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);transition:transform .2s ease;flex-shrink:0}.song-favorite:hover{transform:scale(1.2)}.song-favorite:active{transform:scale(.95)}.performer-detail-loading,.performer-not-found,.no-songs{text-align:center;padding:var(--spacing-3xl);color:#fff9}.loading-spinner{width:50px;height:50px;margin:0 auto var(--spacing-lg);border:4px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.performer-not-found h1{font-size:var(--font-size-2xl);color:#fff;margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.performer-hero{min-height:50vh;padding:var(--spacing-lg) var(--spacing-md)}.performer-cover{width:150px;height:150px;margin-bottom:var(--spacing-lg)}.cover-placeholder{font-size:4rem}.performer-name{font-size:1.75rem}.performer-stats{font-size:var(--font-size-sm);gap:var(--spacing-md)}.action-btn{width:60px;height:60px}.action-btn.primary-action{width:70px;height:70px}.action-icon{font-size:1.25rem}.action-label{font-size:.7rem}.performer-content{padding:var(--spacing-lg) var(--spacing-md)}.section-title{font-size:var(--font-size-lg)}.song-item{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-sm)}.song-rank{min-width:25px;font-size:var(--font-size-sm)}.song-image{width:40px;height:40px}.song-title{font-size:var(--font-size-sm)}.song-meta{font-size:var(--font-size-xs)}.song-stats{display:none}.song-favorite{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.performer-hero{min-height:55vh}.performer-cover{width:180px;height:180px}.performer-name{font-size:2rem}.performer-content{max-width:900px;margin:-30px auto 0}}@media (min-width: 1025px){.performer-hero{min-height:65vh}.performer-cover{width:220px;height:220px}.performer-content{max-width:1200px;margin:-30px auto 0}.songs-list{gap:var(--spacing-sm)}.song-item{padding:var(--spacing-md)}.song-image{width:60px;height:60px}}@media (orientation: landscape) and (max-height: 600px){.performer-hero{min-height:auto;padding:var(--spacing-md);flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--spacing-lg)}.performer-cover{width:120px;height:120px;margin-bottom:0}.performer-name{font-size:1.5rem}.performer-actions{justify-content:flex-start}.action-btn{width:50px;height:50px}.action-btn.primary-action{width:60px;height:60px}}.player{position:relative;width:100%;height:100vh;margin:0;padding:0;background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:0}.player-video{width:100%;height:100%;object-fit:contain;cursor:pointer}.player-video::-webkit-media-controls{display:none!important}.player-video::-webkit-media-controls-enclosure{display:none!important}.player-video::-webkit-media-controls-panel{display:none!important}.player-video::-webkit-media-controls-play-button{display:none!important}.player-video::-webkit-media-controls-start-playback-button{display:none!important}.player-video::-moz-media-controls{display:none!important}.player-video::--webkit-media-controls{display:none!important}.player-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#00000080,#0000 20%,#0000 80%,#000000b3);display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.player-overlay.show{opacity:1}.player-overlay.show .player-bottom{pointer-events:all}.player-watermark{position:absolute;top:30px;right:80px;z-index:15;pointer-events:none;opacity:1;font-size:14px;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.9);letter-spacing:.5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:25px;background:#000;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:180px;height:180px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}.player-recommendations{position:absolute;top:0;left:0;right:0;bottom:0;z-index:25;display:none;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9}.player-recommendations.show{opacity:1;pointer-events:all}.recommendations-header{font-size:32px;font-weight:700;color:#fff;margin-bottom:40px;text-align:center;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;width:90%;padding:20px;max-height:60vh;overflow-y:auto;box-sizing:border-box}.recommendation-card{background:#14141ef2;border:3px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0009;box-sizing:border-box;width:100%;min-width:0;display:flex;flex-direction:column;gap:16px}.recommendation-card-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#8b5cf64d,#3b82f64d)}.recommendation-card-image img{width:100%;height:100%;object-fit:cover}.collab-covers-mini{position:relative;width:100%;height:100%;display:flex}.collab-covers-mini img{position:absolute;width:75%;height:75%;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.2)}.collab-covers-mini .collab-img-0{top:5%;left:5%;z-index:2}.collab-covers-mini .collab-img-1{bottom:5%;right:5%;z-index:1;opacity:.9}.recommendation-card-image.placeholder{display:flex;align-items:center;justify-content:center;font-size:64px;color:#ffffff4d}.recommendation-card:hover,.recommendation-card.focused{transform:scale(1.05);border-color:var(--color-primary);box-shadow:0 12px 40px #000000e6,0 0 0 3px var(--color-primary);background:#1e1e28fa;outline:none}.recommendation-card.focused{animation:focusPulse 1.5s ease-in-out infinite}@keyframes focusPulse{0%,to{box-shadow:0 12px 40px #000000e6,0 0 0 3px var(--color-primary)}50%{box-shadow:0 12px 40px #000000e6,0 0 0 5px var(--color-primary)}}.recommendation-card .song-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;word-break:break-word}.recommendation-card .song-info{display:flex;justify-content:space-between;align-items:center;gap:12px}.recommendation-card .song-performer{font-size:16px;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.recommendation-card .song-duration{font-size:14px;color:#ffffffb3;font-weight:500;white-space:nowrap;flex-shrink:0;padding:4px 10px;background:#ffffff1a;border-radius:8px}@media (max-width: 768px){.recommendations-header{font-size:22px;margin-bottom:20px;padding:0 10px}.recommendations-grid{grid-template-columns:1fr;gap:12px;width:95%;padding:10px;max-height:70vh}.recommendation-card{padding:16px;border-width:2px}.recommendation-card .song-title{font-size:16px;margin-bottom:8px;-webkit-line-clamp:3;line-clamp:3}.recommendation-card .song-info{flex-direction:column;align-items:flex-start;gap:6px}.recommendation-card .song-performer{font-size:14px}.recommendation-card .song-duration{font-size:13px;padding:3px 8px;align-self:flex-end}}.player-watermark.logo{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.player-watermark img{height:40px;width:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.player-center-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;opacity:0;transition:opacity .4s ease;pointer-events:auto}.player-center-button.visible{opacity:1}.center-play-btn{width:80px;height:80px;background:#000000d9;border:3px solid rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.center-play-btn svg{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.center-play-btn:hover{transform:scale(1.1);background:#000000f2;border-color:var(--color-primary)}@media (max-width: 768px){.center-play-btn{width:60px;height:60px;font-size:1.8rem;border-width:2px}.center-play-btn svg{width:36px;height:36px}}.player-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background:#000000d9;padding:var(--spacing-xl);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-loading p{color:var(--color-text);font-size:var(--font-size-lg);margin:0;animation:pulse 1.5s ease-in-out infinite}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.rotate-notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;pointer-events:none;animation:fadeIn .5s ease-in;margin-top:0;max-width:90%}.rotate-notice-content{background:#000000f2;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid var(--color-primary);box-shadow:0 12px 48px #000c,0 0 40px #7b61ff4d}.rotate-animation{font-size:4rem;margin-bottom:var(--spacing-lg);position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.phone-icon{animation:rotatePhone 2s ease-in-out infinite}.rotate-arrow{font-size:3rem;animation:pulse 1.5s ease-in-out infinite}@keyframes rotatePhone{0%,to{transform:rotate(0)}25%,75%{transform:rotate(90deg)}50%{transform:rotate(90deg) scale(1.1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.desktop-hint-icon{font-size:4rem;margin-bottom:var(--spacing-md);animation:float 3s ease-in-out infinite}.hint-title{font-size:1.3rem;font-weight:700;color:var(--color-primary);margin:var(--spacing-sm) 0}.hint-text{font-size:1rem;color:#fff;margin:var(--spacing-sm) 0;line-height:1.5}.hint-subtext{font-size:.9rem;color:#ffffffb3;margin-top:var(--spacing-md);font-style:italic}@media (max-width: 768px) and (orientation: portrait){.rotate-notice{top:40%;max-width:85%}.rotate-notice-content{padding:var(--spacing-md) var(--spacing-lg);border-width:2px}.rotate-animation{font-size:3rem;gap:var(--spacing-sm)}.phone-icon{font-size:3rem}.rotate-arrow{font-size:2rem}.hint-title{font-size:1.1rem}.hint-text{font-size:.9rem}.hint-subtext{font-size:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-back-btn{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);z-index:10;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:all;box-shadow:0 4px 12px #0000004d}.player-back-btn:hover{background:rgba(var(--color-primary-rgb),.9);border-color:var(--color-primary);transform:translate(-4px);box-shadow:0 6px 20px #0006}.player-back-btn:active{transform:translate(-2px) scale(.95)}.player-back-btn svg{width:24px;height:24px}.player-info-top-right{display:none}.player-title-section{flex:1;min-width:0}.player-info-top-right .player-title{font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-xs) 0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info-top-right .player-performer{font-size:var(--font-size-base);margin:0;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-performer .performer-link{color:#ffffffe6;text-decoration:none;transition:color .2s ease;pointer-events:auto;cursor:pointer}.player-performer .performer-link:hover{color:var(--color-primary);text-decoration:underline}.player-metadata{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.player-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.player-meta-item .meta-label{color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.player-meta-item .meta-value{color:#fff;font-weight:600}.player-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:2}.player-controls-bar{display:flex;align-items:center;gap:16px;padding:16px 24px}.player-play-btn-small{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.player-play-btn-small:hover{transform:scale(1.1)}.volume-control{position:relative;display:flex;align-items:center}.volume-btn-small{background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;padding:8px 10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.volume-btn-small:hover{background:rgba(var(--color-primary-rgb),.8);border-color:var(--color-primary);transform:scale(1.05)}.volume-btn-small svg{width:20px;height:20px}.volume-slider-inline{width:0;height:4px;background:transparent;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;opacity:0;transition:width .2s ease,opacity .2s ease;margin-left:0;overflow:hidden}.volume-control:hover .volume-slider-inline{width:80px;opacity:1;margin-left:8px}.volume-slider-inline::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;background-color:transparent;cursor:pointer;opacity:0}.volume-slider-inline::-moz-range-thumb{width:0;height:0;background-color:transparent;border:none;cursor:pointer;opacity:0}.player-time-display{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.player-right-controls{margin-left:auto;display:flex;align-items:center;gap:8px}.control-icon-btn{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.control-icon-btn:hover{background:#ffffff1a}.player-info-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.95);max-width:90%;z-index:1;pointer-events:none;opacity:1;transition:opacity .5s ease}.player-info-center.hide{opacity:0}.player-title{font-size:2.5rem;font-weight:700;margin-bottom:8px;line-height:1.2}.player-performer{font-size:1.5rem;color:#ffffffe6;font-weight:500}.player-progress-bar{padding:0;height:4px;width:100%;position:relative}.progress-slider-minimal{width:100%;height:5px;background:transparent;border:none;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0}.progress-slider-minimal::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;opacity:0}.progress-slider-minimal::-moz-range-thumb{width:0;height:0;opacity:0;border:none}.player-fullscreen-btn{background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;padding:8px 10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.player-fullscreen-btn:hover{background:rgba(var(--color-primary-rgb),.8);border-color:var(--color-primary);transform:scale(1.05)}.player-fullscreen-btn svg{width:20px;height:20px}@media (max-width: 768px){.player{max-height:50vh;padding:var(--spacing-sm)}.player-video{max-width:100%;max-height:50vh;border-radius:8px}.player-overlay{opacity:1!important}.player-overlay .player-bottom{pointer-events:all!important}.player-title{font-size:1.2rem}.player-performer{font-size:.9rem}.player-info-top-right{top:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.player-metadata{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.player-meta-item .meta-label{font-size:.65rem}.player-meta-item .meta-value{font-size:.75rem}.player-controls-bar{gap:8px;padding:10px 12px}.player-time-display{font-size:.75rem}.player-play-btn-small,.volume-btn-small,.player-fullscreen-btn{font-size:1rem;padding:6px}.volume-slider-inline{width:60px}}@media (min-width: 1920px){.player-title{font-size:3.5rem}.player-performer{font-size:2rem}}.player:fullscreen .player-watermark,.player:-webkit-full-screen .player-watermark,.player:-moz-full-screen .player-watermark,.player:-ms-fullscreen .player-watermark{display:flex!important;position:fixed;top:30px;right:80px;z-index:2147483647}.player:fullscreen .player-recommendations,.player:-webkit-full-screen .player-recommendations,.player:-moz-full-screen .player-recommendations,.player:-ms-fullscreen .player-recommendations{display:flex!important;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483646}.player:fullscreen .player-recommendations.show,.player:-webkit-full-screen .player-recommendations.show,.player:-moz-full-screen .player-recommendations.show,.player:-ms-fullscreen .player-recommendations.show{opacity:1;pointer-events:all}.song-page{width:100%;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;background:#000}.song-page-container{display:flex;gap:0;max-width:100%;margin:0;width:100%;height:100vh}.song-page-main{flex:1;min-width:0;padding:0;display:flex;flex-direction:column;height:100vh}.youtube-player-container{flex:1;display:flex;flex-direction:column;height:100%}.youtube-info-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-top:var(--spacing-md);background:linear-gradient(135deg,#ff00001a,#ff00000d);border:1px solid rgba(255,0,0,.2);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.youtube-badge-large{font-size:14px;font-weight:600;color:red;background:#ff000026;padding:6px 12px;border-radius:6px;white-space:nowrap}.youtube-description{font-size:13px;color:var(--color-text-secondary);opacity:.9}.btn-download-youtube{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #10b9814d}.btn-download-youtube:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.song-page-sidebar{width:400px;max-height:calc(100vh - 80px);overflow-y:auto;padding:var(--spacing-xl);background:var(--color-surface);border-left:1px solid var(--color-border);position:sticky;top:80px}.youtube-player-container~.song-page-sidebar,.song-page.youtube-fullscreen .song-page-sidebar{display:none}.sidebar-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.related-songs-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.related-song-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.related-song-item:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translate(4px)}.related-song-image{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.related-song-image img{width:100%;height:100%;object-fit:cover}.collab-covers-sidebar{position:relative;width:100%;height:100%}.collab-covers-sidebar img{position:absolute;width:70%;height:70%;object-fit:cover;border-radius:50%;border:2px solid var(--color-surface)}.collab-img-sidebar-0{top:0;left:0;z-index:2}.collab-img-sidebar-1{bottom:0;right:0;z-index:1;opacity:.9}.related-song-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.related-song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.related-song-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-song-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.related-song-performer{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-song-duration{color:var(--color-text-secondary);flex-shrink:0}.song-page-loading,.song-page-error{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary)}.song-page-error h2{color:var(--color-error);margin-bottom:var(--spacing-lg)}.song-page-error p{margin-bottom:var(--spacing-xl)}.song-info{padding:var(--spacing-xl);background:var(--color-surface);border-top:1px solid var(--color-border)}.song-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border)}.song-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.song-performer{font-size:var(--font-size-xl);color:var(--color-text-secondary)}.song-performer .performer-link{color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color .2s ease}.song-performer .performer-link:hover{color:var(--color-primary-hover);text-decoration:underline}.favorite-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-full);border:2px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.favorite-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.favorite-btn.active{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.song-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.song-meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.song-actions{text-align:center;margin-top:var(--spacing-xl)}@media (max-width: 1200px){.song-page-sidebar{width:350px}}@media (max-width: 1024px){.song-page-container{flex-direction:column}.song-page-sidebar{width:100%;max-height:none;position:relative;top:0;border-left:none;border-top:1px solid var(--color-border)}.related-songs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.song-page{padding:0}.song-page-container{gap:0}.song-page-sidebar{padding:var(--spacing-md)}.sidebar-title{font-size:var(--font-size-lg)}.related-songs-list{grid-template-columns:1fr}.related-song-item{padding:var(--spacing-sm)}.related-song-image{width:50px;height:50px}.song-info{padding:var(--spacing-lg)}.song-header{flex-direction:column;align-items:stretch}.song-title{font-size:var(--font-size-2xl)}.song-performer{font-size:var(--font-size-lg)}.favorite-btn{width:100%}.song-meta{flex-direction:column;gap:var(--spacing-md)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow-y:auto}.login-card{max-width:900px;width:100%;text-align:center;margin:auto}.login-card h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.login-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.code-input{text-align:center;font-size:var(--font-size-xl);letter-spacing:.5em;padding:var(--spacing-md);width:100%;box-sizing:border-box}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);width:100%}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-xl) 0;color:var(--color-text-secondary)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider span{padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.error-message{color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.login-note{margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-methods{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-xl);margin:var(--spacing-xl) 0;align-items:center}.qr-code-section,.code-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.qr-code-section h3,.code-section h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.qr-instruction{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.qr-code-container{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);display:inline-block;margin:0 auto var(--spacing-md)}.qr-code-image{display:block;width:200px;height:200px}.divider-vertical{width:1px;height:300px;background:var(--color-border);position:relative;display:flex;align-items:center;justify-content:center}.divider-vertical span{position:absolute;background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 768px){.login-page{padding:var(--spacing-sm);align-items:flex-start;padding-top:var(--spacing-lg)}.login-card{padding:var(--spacing-md)}.login-card h1{font-size:var(--font-size-xl)}.login-methods{grid-template-columns:1fr;gap:var(--spacing-lg)}.divider-vertical{width:100%;height:1px}.divider-vertical span{padding:var(--spacing-xs) var(--spacing-sm)}.qr-code-container{margin:0 auto var(--spacing-md);padding:var(--spacing-sm)}.qr-code-image{width:180px;height:180px}.code-input{font-size:var(--font-size-lg);letter-spacing:.3em;padding:var(--spacing-sm) var(--spacing-md)}.btn-large{padding:var(--spacing-sm) var(--spacing-lg)}.qr-code-section h3,.code-section h3{font-size:var(--font-size-md)}.qr-instruction{font-size:var(--font-size-xs)}}.qr-scan-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--spacing-xl)}.qr-scan-content{max-width:500px;width:100%;text-align:center}.qr-scan-icon{font-size:5rem;margin-bottom:var(--spacing-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.qr-scan-content h1{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.qr-scan-content p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.qr-scan-loader{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-weight:600;margin-bottom:var(--spacing-lg);animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.qr-scan-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.qr-scan-actions .btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.qr-scan-instructions{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left;border:2px solid var(--color-border)}.qr-scan-instructions h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.qr-scan-instructions ol{margin:0;padding-left:var(--spacing-lg);color:var(--color-text-secondary)}.qr-scan-instructions li{margin-bottom:var(--spacing-sm);line-height:1.6}.qr-scan-error{text-align:center;padding:var(--spacing-xl)}.qr-scan-error h1{font-size:5rem;margin-bottom:var(--spacing-lg)}.qr-scan-error p{font-size:var(--font-size-lg);color:var(--color-error);margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.qr-scan-page{padding:var(--spacing-md)}.qr-scan-icon{font-size:4rem}.qr-scan-content h1{font-size:var(--font-size-xl)}.qr-scan-content p{font-size:var(--font-size-base)}}.profile-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl)}.profile-page-loading,.profile-page-error{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary)}.profile-header{margin-bottom:var(--spacing-xl)}.profile-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text)}.profile-card{display:flex;align-items:center;gap:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:3rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-info{flex:1}.profile-name{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text)}.profile-username{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.profile-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.admin-badge{background-color:var(--color-warning);color:#fff}.profile-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.meta-item{display:flex;align-items:center;gap:var(--spacing-sm)}.meta-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.profile-stats{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.profile-stats h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-card{text-align:center;padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-navigation{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);text-align:center;display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.profile-nav-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:var(--font-size-lg);font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.profile-nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f166}.profile-nav-btn.admin-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.profile-nav-btn.admin-btn:hover{box-shadow:0 8px 16px #fbbf2466}.profile-actions{text-align:center}.btn-error{background-color:var(--color-error);color:#fff}.btn-error:hover{background-color:#c53030}@media (max-width: 768px){.profile-page{padding:var(--spacing-md)}.profile-card{flex-direction:column;text-align:center}.profile-avatar{width:100px;height:100px;font-size:2.5rem}.profile-name{font-size:var(--font-size-xl)}.profile-meta{align-items:center}.stats-grid{grid-template-columns:1fr}}.favorites-page{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.favorites-header{margin-bottom:var(--spacing-lg);text-align:center}.favorites-header h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.favorites-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.favorites-search{max-width:800px;margin:0 auto var(--spacing-xl);padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.favorites-search-form{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:700px}.favorites-search-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast)}.favorites-search-input:focus{outline:none;border-color:var(--color-primary)}.favorites-search-btn{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.favorites-search-btn:hover{background-color:var(--color-primary-hover)}.favorites-search-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.favorites-controls{max-width:1400px;margin:0 auto var(--spacing-xl);padding:0 var(--spacing-xl)}.sort-controls{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.sort-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sort-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary)}.sort-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.favorites-loading{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary)}.favorites-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);max-width:600px;margin:0 auto}.empty-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.5}.favorites-empty h2{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.favorites-empty p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.favorites-count{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.favorites-count strong{color:var(--color-primary);font-weight:700}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.favorites-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl)}.favorites-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .2s ease;outline:none}@media (max-width: 768px){.favorites-list-item{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}}.favorites-list-item:hover,.favorites-list-item:focus-visible{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 12px #6366f14d}.favorites-list-rank{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);min-width:40px;text-align:center}@media (max-width: 768px){.favorites-list-rank{font-size:var(--font-size-base);min-width:30px}}.favorites-list-image{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 8px #0000004d}@media (max-width: 768px){.favorites-list-image{width:36px;height:36px}}.favorites-list-image img{width:100%;height:100%;object-fit:cover}.favorites-list-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.5}@media (max-width: 768px){.favorites-list-placeholder{font-size:1rem}}.favorites-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.favorites-list-title{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-text, #e5e7eb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.favorites-list-title{font-size:var(--font-size-base)}}.favorites-list-performer{font-size:var(--font-size-base);margin:0;color:var(--color-text-secondary, #9ca3af);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.favorites-list-performer{font-size:var(--font-size-sm)}}.favorites-list-stats{display:flex;align-items:center;gap:var(--spacing-md);margin-right:var(--spacing-md)}.favorites-list-views{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}@media (max-width: 768px){.favorites-list-views{display:none}}.favorites-list-favorite{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);transition:transform .2s ease;flex-shrink:0}.favorites-list-favorite:hover{transform:scale(1.2)}@media (max-width: 768px){.favorites-page{padding:var(--spacing-sm)}.favorites-header h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.favorites-search-row{flex-direction:column;gap:var(--spacing-xs)}.favorites-search-row .search-bar{gap:var(--spacing-xs)}.favorites-search-row .search-input{height:36px;font-size:var(--font-size-sm)}.favorites-search-row .search-submit{height:36px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.favorites-search-row .voice-search-btn{width:36px;height:36px;font-size:1rem}.favorites-subtitle{font-size:var(--font-size-base)}.empty-icon{font-size:4rem}.favorites-empty h2{font-size:var(--font-size-xl)}.favorites-empty p{font-size:var(--font-size-base)}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}}.video-uploader{max-width:1200px;margin:0 auto;padding:20px;position:relative}.results-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-modal{background:var(--color-background, #1f2937);border-radius:16px;width:100%;max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.results-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--color-border, #374151);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a)}.results-modal-header h3{margin:0;font-size:1.5rem;color:var(--color-text, #e5e7eb);font-weight:700}.results-modal-close{background:none;border:none;font-size:1.8rem;color:var(--color-text-secondary, #9ca3af);cursor:pointer;padding:5px 10px;border-radius:6px;transition:all .2s;line-height:1}.results-modal-close:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}.results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px;background:var(--color-background-light, #111827)}.result-stat{display:flex;align-items:center;gap:15px;padding:20px;background:var(--color-background, #1f2937);border-radius:12px;border:2px solid var(--color-border, #374151);transition:all .2s}.result-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.result-stat.success{border-color:#10b981;background:#10b9810d}.result-stat.error{border-color:#ef4444;background:#ef44440d}.stat-icon{font-size:2.5rem;line-height:1}.stat-info{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text, #e5e7eb);line-height:1.2}.stat-label{font-size:.9rem;color:var(--color-text-secondary, #9ca3af);margin-top:4px}.results-details{flex:1;overflow-y:auto;padding:28px;border-top:1px solid var(--color-border, #374151)}.results-details h4{margin:0 0 20px;font-size:1.2rem;color:var(--color-text, #e5e7eb)}.results-list{display:flex;flex-direction:column;gap:15px}.result-item{display:flex;gap:15px;padding:16px;background:var(--color-background-light, #111827);border-radius:10px;border-left:4px solid var(--color-border, #374151);transition:all .2s}.result-item:hover{background:var(--color-background-hover, #1f2937)}.result-success{border-left-color:#10b981;background:#10b98108}.result-error{border-left-color:#ef4444;background:#ef444408}.result-icon{font-size:1.8rem;line-height:1}.result-content{flex:1}.result-filename{font-weight:600;color:var(--color-text, #e5e7eb);margin-bottom:10px;word-break:break-word}.result-success-details,.result-error-details{font-size:.9rem;line-height:1.8}.result-success-details{color:var(--color-text-secondary, #9ca3af)}.result-row{margin:5px 0}.result-row strong{color:var(--color-text, #e5e7eb);margin-right:5px}.result-error-details{color:#f87171;background:#ef44441a;padding:10px 12px;border-radius:6px;margin-top:8px}.results-modal-footer{padding:20px 28px;border-top:2px solid var(--color-border, #374151);display:flex;justify-content:flex-end;gap:12px;background:var(--color-background-light, #111827)}.uploader-header{margin-bottom:30px}.uploader-header h2{margin:0 0 10px;font-size:1.8rem;color:var(--color-text)}.uploader-description{color:var(--color-text-secondary);margin:10px 0;line-height:1.6}.uploader-format{background:var(--color-background-light);padding:12px 16px;border-radius:8px;margin-top:10px;border-left:4px solid var(--color-primary)}.uploader-format code{background:var(--color-background);padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--color-primary)}.upload-zone{border:3px dashed var(--color-border);border-radius:16px;padding:60px 20px;text-align:center;background:var(--color-background-light);transition:all .3s ease;cursor:pointer}.upload-zone:hover{border-color:var(--color-primary);background:var(--color-background-hover)}.upload-zone.drag-active{border-color:var(--color-primary);background:var(--color-primary-alpha-10);transform:scale(1.02)}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-icon{font-size:4rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-text{font-size:1.3rem;font-weight:600;color:var(--color-text);margin:0}.upload-subtext{font-size:1rem;color:var(--color-text-secondary);margin:0}.upload-button{background:var(--color-primary);color:#fff;padding:14px 32px;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease;border:none}.upload-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.upload-limits{font-size:.85rem;color:var(--color-text-secondary);margin:10px 0 0}.files-section{margin-top:40px}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.files-header h3{margin:0;font-size:1.4rem;color:var(--color-text)}.files-actions{display:flex;gap:10px}.btn-upload{padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem;background:#8b5cf6;color:#fff}.btn-upload:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.btn-clear{padding:10px 20px;border-radius:8px;border:2px solid #6b7280;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem;background:#374151;color:#f3f4f6}.btn-clear:hover{background:#4b5563;border-color:#9ca3af}.uploading-indicator{color:#8b5cf6;font-weight:600;font-size:1rem}.btn{padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-background-light);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background-hover)}.files-list{display:flex;flex-direction:column;gap:15px}.file-item{background:var(--color-background-light);border:2px solid var(--color-border);border-radius:12px;padding:16px;transition:all .3s ease}.file-item-pending{border-color:var(--color-border)}.file-item-uploading{border-color:#3b82f6;background:#3b82f60d}.file-item-processing{border-color:#f59e0b;background:#f59e0b0d}.file-item-success{border-color:#10b981;background:#10b9810d}.file-item-error{border-color:#ef4444;background:#ef44440d}.file-info{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.file-main{display:flex;align-items:flex-start;gap:12px;flex:1}.file-icon{font-size:2rem;line-height:1}.file-details{flex:1}.file-name{font-weight:600;color:var(--color-text);margin-bottom:5px;word-break:break-word}.file-meta{font-size:.9rem;color:var(--color-text-secondary)}.btn-remove{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .2s ease}.btn-remove:hover:not(:disabled){background:#ef44441a;color:#ef4444}.btn-remove:disabled{opacity:.3;cursor:not-allowed}.file-progress{height:6px;background:var(--color-background);border-radius:3px;margin-top:12px;overflow:hidden}.file-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));transition:width .3s ease;animation:shimmer 2s infinite}@keyframes shimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.file-error{margin-top:12px;padding:12px;background:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;color:#dc2626;font-size:.9rem}.file-result{margin-top:12px;padding:12px 16px;background:#10b9811a;border-left:3px solid #10b981;border-radius:6px;font-size:.9rem}.result-row{margin:6px 0;color:var(--color-text)}.result-row strong{color:var(--color-text-secondary);margin-right:5px}@media (max-width: 768px){.video-uploader{padding:15px}.uploader-header h2{font-size:1.5rem}.upload-zone{padding:40px 15px}.upload-icon{font-size:3rem}.upload-text{font-size:1.1rem}.upload-button{padding:12px 24px;font-size:1rem}.files-header{flex-direction:column;align-items:flex-start}.files-actions{width:100%}.btn{flex:1;padding:12px}.file-info{flex-direction:column}.btn-remove{align-self:flex-end}.results-summary{grid-template-columns:1fr;gap:12px;padding:20px}.results-modal{max-height:95vh}.results-modal-header{padding:18px 20px}.results-details{padding:20px}.result-stat{padding:16px;gap:12px}.stat-value{font-size:1.6rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px;animation:fadeIn .3s ease}.modal{background:var(--color-background, #1f2937);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080;animation:slideUp .3s ease}.modal-duplicate{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--color-border, #374151);background:linear-gradient(135deg,#fbbf2426,#f59e0b26)}.modal-header h3{margin:0;font-size:1.4rem;color:var(--color-text, #e5e7eb);font-weight:700}.modal-close{background:none;border:none;font-size:1.8rem;color:var(--color-text-secondary, #9ca3af);cursor:pointer;padding:5px 10px;border-radius:6px;transition:all .2s;line-height:1}.modal-close:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}.modal-body{padding:24px 28px;overflow-y:auto;flex:1}.duplicate-file-info{margin-bottom:24px;padding:16px;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px}.duplicate-file-info strong{color:var(--color-text, #e5e7eb);display:block;margin-bottom:8px;font-size:.95rem}.file-name-highlight{font-size:1.1rem;color:#60a5fa;font-weight:600;word-break:break-word}.duplicate-list{margin-bottom:28px}.duplicate-list h4{margin:0 0 16px;font-size:1.1rem;color:var(--color-text, #e5e7eb);font-weight:600}.duplicate-item{border:2px solid var(--color-border, #374151);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .3s;background:var(--color-background-light, #111827)}.duplicate-item:hover{border-color:#60a5fa;background:#3b82f60d;transform:translate(4px)}.duplicate-item.selected{border-color:#3b82f6;background:#3b82f626;box-shadow:0 0 0 3px #3b82f61a}.duplicate-info{display:flex;gap:16px;align-items:flex-start}.duplicate-similarity{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:8px 14px;border-radius:8px;font-weight:700;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 12px #f59e0b4d}.duplicate-details{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;font-size:.9rem}.duplicate-details div{color:var(--color-text-secondary, #9ca3af)}.duplicate-details strong{color:var(--color-text, #e5e7eb);margin-right:6px}.duplicate-actions{margin-top:24px;padding-top:24px;border-top:2px solid var(--color-border, #374151)}.duplicate-actions h4{margin:0 0 16px;font-size:1.1rem;color:var(--color-text, #e5e7eb);font-weight:600}.action-options{display:flex;flex-direction:column;gap:12px}.action-option{display:flex;align-items:center;padding:14px 16px;border:2px solid var(--color-border, #374151);border-radius:10px;cursor:pointer;transition:all .3s;background:var(--color-background-light, #111827)}.action-option:hover{border-color:#60a5fa;background:#3b82f60d}.action-option input[type=radio]{margin-right:12px;width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.action-option input[type=radio]:checked+span{color:#60a5fa;font-weight:600}.action-option span{font-size:1rem;color:var(--color-text-secondary, #9ca3af);transition:all .2s}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid var(--color-border, #374151);background:var(--color-background-light, #111827)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:transparent;color:var(--color-text-secondary, #9ca3af);border:2px solid var(--color-border, #374151);padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{border-color:#60a5fa;color:#60a5fa;background:#3b82f60d}.file-item-duplicate{border-color:#f59e0b;background:#f59e0b0d}.file-item-needs-confirmation{border-color:#f59e0b;background:#f59e0b14}.duplicate-details .warning-text{color:#f59e0b;font-weight:600;display:flex;align-items:center;gap:6px}.duplicate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px;animation:fadeIn .25s ease}.duplicate-modal{background:var(--color-background, #1f2937);border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000b3;animation:slideUp .35s cubic-bezier(.16,1,.3,1);border:2px solid rgba(245,158,11,.3);position:relative}.duplicate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--color-border, #374151);background:linear-gradient(135deg,#f59e0b26,#ea580c26)}.duplicate-modal-header h3{margin:0;font-size:1.2rem;color:var(--color-text, #e5e7eb);font-weight:700;display:flex;align-items:center;gap:8px}.modal-close-btn{background:none;border:none;font-size:2rem;color:var(--color-text-secondary, #9ca3af);cursor:pointer;padding:5px 12px;border-radius:8px;transition:all .2s;line-height:1}.modal-close-btn:hover{background:#ef444440;color:#ef4444;transform:rotate(90deg) scale(1.1)}.duplicate-progress{padding:12px 20px;background:var(--color-background-light, #111827);border-bottom:1px solid var(--color-border, #374151)}.duplicate-progress span{display:block;margin-bottom:8px;font-size:.9rem;color:var(--color-text-secondary, #9ca3af);font-weight:600}.duplicate-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.duplicate-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ea580c);border-radius:3px;transition:width .3s ease}.duplicate-file-info{padding:12px 20px;background:#3b82f60d;border-bottom:1px solid var(--color-border, #374151)}.duplicate-file-name{font-size:.9rem;color:var(--color-text-secondary, #9ca3af);margin-bottom:8px}.duplicate-file-parsed{font-size:1.1rem;color:var(--color-text, #e5e7eb);font-weight:600}.parsed-performer{color:#60a5fa}.parsed-title{color:#8b5cf6}.duplicate-songs-list{flex:1;overflow-y:auto;padding:12px 16px;background:var(--color-background, #1f2937);min-height:150px;max-height:40vh}.duplicate-songs-list h4{margin:0 0 12px;font-size:.95rem;color:var(--color-text, #e5e7eb);font-weight:700}.duplicate-songs-container{display:flex;flex-direction:column;gap:10px}.duplicate-song-item{display:flex;gap:12px;padding:10px 12px;background:var(--color-background-light, #111827);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.duplicate-song-item:hover{border-color:#f59e0b80;background:#f59e0b0d;transform:translate(4px)}.duplicate-song-item.selected{border-color:#f59e0b;background:#f59e0b26;box-shadow:0 4px 20px #f59e0b4d}.duplicate-song-radio{display:flex;align-items:center;padding-top:4px}.duplicate-song-radio input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#f59e0b}.duplicate-song-details{flex:1}.duplicate-song-title{font-size:.95rem;color:var(--color-text, #e5e7eb);margin-bottom:4px}.duplicate-song-performer{font-size:.85rem;color:var(--color-text-secondary, #9ca3af);margin-bottom:8px}.duplicate-song-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--color-text-secondary, #9ca3af)}.duplicate-song-meta span{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#ffffff0d;border-radius:6px}.duplicate-song-meta .has-video{color:#10b981}.duplicate-song-meta .no-video{color:#ef4444}.duplicate-hint{padding:12px 20px;background:#3b82f614;border-top:1px solid var(--color-border, #374151);border-bottom:1px solid var(--color-border, #374151)}.duplicate-hint strong{display:block;margin-bottom:6px;color:var(--color-text, #e5e7eb);font-size:.85rem}.duplicate-hint ul{margin:0;padding-left:18px;list-style-type:disc}.duplicate-hint li{margin-bottom:4px;color:var(--color-text-secondary, #9ca3af);font-size:.75rem;line-height:1.4}.duplicate-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.duplicate-modal-content::-webkit-scrollbar{width:8px}.duplicate-modal-content::-webkit-scrollbar-track{background:var(--color-background-light, #111827);border-radius:4px}.duplicate-modal-content::-webkit-scrollbar-thumb{background:var(--color-border, #374151);border-radius:4px}.duplicate-modal-content::-webkit-scrollbar-thumb:hover{background:#4b5563}.duplicate-modal-actions{display:flex;gap:12px;padding:16px 20px;background:var(--color-background-light, #111827);border-top:2px solid var(--color-border, #374151);flex-shrink:0}.results-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.results-modal-content::-webkit-scrollbar{width:8px}.results-modal-content::-webkit-scrollbar-track{background:var(--color-background-light, #111827);border-radius:4px}.results-modal-content::-webkit-scrollbar-thumb{background:var(--color-border, #374151);border-radius:4px}.results-modal-content::-webkit-scrollbar-thumb:hover{background:#4b5563}.results-footer{flex-shrink:0}.song-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.song-modal-content::-webkit-scrollbar{width:8px}.song-modal-content::-webkit-scrollbar-track{background:var(--color-background-light, #111827);border-radius:4px}.song-modal-content::-webkit-scrollbar-thumb{background:var(--color-border, #374151);border-radius:4px}.song-modal-content::-webkit-scrollbar-thumb:hover{background:#4b5563}.btn-use-existing{flex:1;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #10b9814d}.btn-use-existing:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 25px #10b98166}.btn-use-existing:disabled{background:#374151;color:#6b7280;cursor:not-allowed;box-shadow:none}.btn-create-new{flex:1;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #3b82f64d}.btn-create-new:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 25px #3b82f666}.btn-skip{flex:1;padding:10px 16px;background:transparent;color:var(--color-text-secondary, #9ca3af);border:2px solid var(--color-border, #374151);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-skip:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}@media (max-width: 768px){.duplicate-modal{width:95%;max-width:95%;max-height:90vh;border-radius:12px}.duplicate-modal-header{padding:14px 16px}.duplicate-modal-header h3{font-size:1.1rem}.duplicate-progress,.duplicate-file-info,.duplicate-songs-list,.duplicate-hint,.duplicate-modal-actions{padding-left:16px;padding-right:16px}.duplicate-songs-list{max-height:35vh}.duplicate-modal-actions{flex-direction:column;gap:10px;padding-top:12px;padding-bottom:12px}.btn-use-existing,.btn-create-new,.btn-skip{width:100%;padding:12px 16px}.duplicate-song-meta{gap:6px}.duplicate-song-meta span{font-size:.8rem;padding:3px 8px}}.file-item{display:flex;gap:16px;align-items:flex-start}.file-cover-preview{flex-shrink:0;width:120px;height:120px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(135deg,#8b5cf633,#3b82f633);display:flex;flex-direction:column}.file-cover-preview img{width:100%;height:80px;object-fit:cover}.cover-placeholder{width:100%;height:80px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#ffffff4d}.cover-upload-control{display:flex;gap:4px;padding:4px;background:#0000004d}.btn-change-cover{flex:1;padding:4px 8px;font-size:.7rem;background:#8b5cf6cc;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;text-align:center}.btn-change-cover:hover{background:#8b5cf6}.btn-reset-cover{padding:4px 8px;font-size:.8rem;background:#ef4444cc;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-reset-cover:hover{background:#ef4444}.file-metadata-editor{margin-top:12px;display:flex;flex-direction:column;gap:10px}.metadata-field{display:flex;flex-direction:column;gap:4px}.metadata-field label{font-size:.85rem;color:var(--color-text-secondary, #9ca3af);font-weight:600}.metadata-input{width:100%;padding:8px 12px;background:var(--color-background, #111827);border:2px solid var(--color-border, #374151);border-radius:6px;color:var(--color-text, #e5e7eb);font-size:.95rem;transition:all .2s}.metadata-input:focus{outline:none;border-color:var(--color-primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf61a}.metadata-input::placeholder{color:var(--color-text-secondary, #6b7280)}@media (max-width: 768px){.file-item{flex-direction:column}.file-cover-preview{width:100%;height:auto}.file-cover-preview img,.cover-placeholder{height:150px}.modal{max-height:95vh}.modal-header{padding:18px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.duplicate-details{grid-template-columns:1fr}.duplicate-info{flex-direction:column}.duplicate-similarity{align-self:flex-start}}.songs-management{width:100%}.songs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.songs-header h2{font-size:1.5rem;margin:0;color:var(--color-text, #e5e7eb)}.songs-header-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;pointer-events:auto!important;position:relative;z-index:10}.btn-primary{background:#8b5cf6!important;color:#fff!important;pointer-events:auto!important}.btn-primary:hover{background:#7c3aed!important;transform:translateY(-2px)}.btn-secondary{background:#374151!important;color:#f3f4f6!important;border:2px solid #6b7280!important}.btn-secondary:hover{background:#4b5563!important}.songs-filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:10px 15px;border:1px solid var(--color-border, #374151);border-radius:8px;font-size:1rem;background:var(--color-background, #111827);color:var(--color-text, #e5e7eb)}.filter-select{padding:10px 15px;border:1px solid var(--color-border, #374151);border-radius:8px;font-size:1rem;cursor:pointer;background:var(--color-background, #111827);color:var(--color-text, #e5e7eb)}.songs-table-wrapper{overflow-x:auto;margin-bottom:20px;max-width:100%}.songs-table{width:100%;min-width:1200px;border-collapse:collapse;font-size:.9rem}.songs-table th,.songs-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e0e0e0;white-space:nowrap}.songs-table td:nth-child(10){overflow:visible;position:relative}.songs-table th{background-color:var(--color-background, #111827);font-weight:600;color:var(--color-text, #e5e7eb);white-space:nowrap}.songs-table th:nth-child(1),.songs-table td:nth-child(1){width:60px}.songs-table th:nth-child(2),.songs-table td:nth-child(2){width:30%}.songs-table th:nth-child(3),.songs-table td:nth-child(3){width:25%}.songs-table th:nth-child(4),.songs-table td:nth-child(4){width:80px}.songs-table th:nth-child(5),.songs-table td:nth-child(5){width:60px}.songs-table th:nth-child(6),.songs-table td:nth-child(6){width:100px}.songs-table th:nth-child(7),.songs-table td:nth-child(7){width:60px}.songs-table th:nth-child(8),.songs-table td:nth-child(8){width:90px}.songs-table th:nth-child(9),.songs-table td:nth-child(9){width:80px}.songs-table th:nth-child(10),.songs-table td:nth-child(10){width:70px;position:relative}.songs-table tbody tr:hover{background-color:var(--color-background, #111827)}.song-title{font-weight:500;color:var(--color-text, #e5e7eb)}.file-badges{display:flex;gap:5px}.badge{padding:2px 6px;border-radius:4px;font-size:.85rem;background-color:#e8f5e9}.btn-toggle{background:transparent;border:none;font-size:1.3rem;cursor:pointer;padding:4px;transition:transform .2s ease;filter:grayscale(100%);opacity:.4}.btn-toggle:hover{transform:scale(1.2);opacity:.7}.btn-toggle.active{filter:grayscale(0%);opacity:1}.btn-delete:hover{filter:brightness(.8)}.songs-loading,.no-songs{text-align:center;padding:40px;color:var(--color-text-secondary, #9ca3af)}.btn-primary{background-color:#6366f1;color:#fff}.btn-primary:hover{background-color:#4f46e5}@media (max-width: 768px){.songs-header{flex-direction:column;align-items:flex-start;gap:15px}.songs-filters{flex-direction:column}.search-input{min-width:100%}.songs-table{font-size:.8rem}.songs-table th,.songs-table td{padding:8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.modal-content{background:var(--color-surface, #1f2937);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-large{max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border, #374151)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--color-text, #e5e7eb)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary, #9ca3af);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:var(--color-border, #374151);color:var(--color-text, #e5e7eb)}.song-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text, #e5e7eb);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--color-border, #374151);border-radius:8px;font-size:1rem;background:var(--color-background, #111827);color:var(--color-text, #e5e7eb);box-sizing:border-box;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #6366f1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border, #374151)}@media (max-width: 768px){.modal-content{max-width:100%;margin:10px}.form-row{grid-template-columns:1fr}}.popular-songs-section{margin-bottom:40px;padding:20px;background:var(--color-surface, #1f2937);border-radius:12px;border:2px solid var(--color-primary, #6366f1)}.popular-songs-header{padding:1rem;background:#6366f11a;border-radius:var(--radius-lg, 8px);margin:-8px -8px 16px;transition:background .2s ease}.popular-songs-header:hover{background:#6366f126}.popular-songs-section h3{margin:0;font-size:1.25rem;color:var(--color-text, #e5e7eb);display:flex;align-items:center;gap:.5rem}.popular-description{margin:0 0 20px;color:var(--color-text-secondary, #9ca3af);font-size:.9rem}.popular-songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.popular-song-card{background:var(--color-background, #111827);border:1px solid var(--color-border, #374151);border-radius:8px;padding:15px;display:flex;gap:10px;align-items:center;transition:all .2s;cursor:grab;position:relative}.popular-song-card:active{cursor:grabbing}.popular-song-card:hover{border-color:var(--color-primary, #6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.popular-song-card.drag-over{border-color:#fbbf24;background:#fbbf241a;transform:scale(1.02)}.drag-handle{color:var(--color-text-secondary, #9ca3af);font-size:1.2rem;cursor:grab;padding:5px;display:flex;align-items:center;-webkit-user-select:none;user-select:none;transition:color .2s}.popular-song-card:hover .drag-handle{color:var(--color-primary, #6366f1)}.popular-song-card:active .drag-handle{cursor:grabbing}.popular-song-priority{background:var(--color-primary, #6366f1);color:#fff;font-weight:700;font-size:1rem;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.popular-song-info{flex:1;min-width:0}.popular-song-info h4{margin:0 0 5px;font-size:1rem;color:var(--color-text, #e5e7eb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-song-info p{margin:0 0 5px;color:var(--color-text-secondary, #9ca3af);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-count{font-size:.85rem;color:var(--color-text-secondary, #9ca3af)}.btn-remove-popular{background:#ef4444;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-remove-popular:hover{background:#dc2626;transform:scale(1.1)}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-icon{background:var(--color-surface, #1f2937);border:1px solid var(--color-border, #374151);width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.btn-icon:hover{transform:scale(1.1)}.btn-edit:hover{background:#6366f133;border-color:var(--color-primary, #6366f1)}.btn-delete:hover{background:#ef444433;border-color:#ef4444}.action-dropdown{position:relative}.btn-actions-menu{background:var(--color-surface, #1f2937);border:1px solid var(--color-border, #374151);color:var(--color-text, #e5e7eb);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-actions-menu:hover{background:var(--color-border, #374151);border-color:var(--color-primary, #6366f1)}.dropdown-menu{position:absolute;right:-10px;top:35px;background:var(--color-surface, #1f2937);border:1px solid var(--color-border, #374151);border-radius:8px;box-shadow:0 10px 30px #00000080;min-width:180px;z-index:1000;overflow:visible;white-space:nowrap}.dropdown-item{display:block;width:100%;padding:10px 15px;background:none;border:none;color:var(--color-text, #e5e7eb);text-align:left;cursor:pointer;font-size:.9rem;transition:background .2s;white-space:nowrap}.dropdown-item:hover{background:var(--color-border, #374151)}.dropdown-item.popular-active{color:#fbbf24}.dropdown-item.danger{color:#ef4444;font-weight:600}.dropdown-item.danger:hover{background:#7f1d1d;color:#fca5a5}@media (max-width: 768px){.popular-songs-grid{grid-template-columns:1fr}.dropdown-menu{right:auto;left:0}}.performer-cover-upload{margin:20px 0}.cover-upload-container{display:flex;flex-direction:column;gap:15px;padding:20px;background:var(--color-surface, #1f2937);border-radius:12px;border:2px dashed var(--color-border, #374151)}.cover-preview{width:200px;height:200px;border-radius:12px;overflow:hidden;background:var(--color-background, #111827);display:flex;align-items:center;justify-content:center;margin:0 auto}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-text-secondary, #9ca3af)}.cover-placeholder span{font-size:48px}.cover-placeholder p{margin:0;font-size:14px}.cover-upload-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.form-hint{font-size:12px;color:var(--color-text-secondary, #9ca3af);text-align:center;margin:0}.users-management{width:100%}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-header h2{font-size:1.5rem;margin:0;color:var(--color-text, #e5e7eb)}.users-stats{color:var(--color-text-secondary, #9ca3af);font-size:.95rem}.users-stats strong{color:#6366f1}.users-filters{margin-bottom:20px}.search-input{width:100%;max-width:500px;padding:10px 15px;border:1px solid var(--color-border, #374151);border-radius:8px;font-size:1rem;background:var(--color-background, #111827);color:var(--color-text, #e5e7eb)}.users-table-wrapper{overflow-x:auto;margin-bottom:20px}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th,.users-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.users-table th{background-color:var(--color-background, #111827);font-weight:600;color:var(--color-text, #e5e7eb);white-space:nowrap}.users-table tbody tr:hover{background-color:var(--color-background, #111827)}.user-name{font-weight:500;color:var(--color-text, #e5e7eb)}.username-link{color:#6366f1;text-decoration:none}.username-link:hover{text-decoration:underline}.btn-toggle{background:transparent;border:none;font-size:1.3rem;cursor:pointer;padding:4px;transition:transform .2s ease}.btn-toggle:hover{transform:scale(1.2)}.action-buttons{display:flex;gap:8px}.btn-action{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:4px;transition:transform .2s ease}.btn-action:hover{transform:scale(1.15)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.pagination-info{font-weight:500;color:#666}.users-loading,.no-users{text-align:center;padding:40px;color:#666}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background-color:#d0d0d0}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.users-header{flex-direction:column;align-items:flex-start;gap:10px}.search-input{max-width:100%}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:8px}}.statistics{width:100%}.statistics h2{font-size:1.5rem;margin-bottom:25px;color:var(--color-text, #e5e7eb)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000001a}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140)}.stat-card:nth-child(6){background:linear-gradient(135deg,#30cfd0,#330867)}.stat-icon{font-size:2.5rem;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-value{font-size:2rem;font-weight:700;margin-bottom:5px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-label{font-size:.95rem;color:#fff;opacity:.95;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.stat-details{font-size:.85rem;color:#fff;opacity:.9;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.2)}.statistics-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px}.top-songs-section,.recent-activity-section{background:var(--color-background, #111827);padding:20px;border-radius:12px}.top-songs-section h3,.recent-activity-section h3{font-size:1.2rem;margin-bottom:20px;color:var(--color-text, #e5e7eb)}.top-songs-list{display:flex;flex-direction:column;gap:12px}.top-song-item{display:flex;align-items:center;gap:15px;background:var(--color-surface, #1f2937);padding:15px;border-radius:8px;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.top-song-item:hover{background:var(--color-surface-hover, #2d3748)}.song-rank{font-size:1.5rem;font-weight:700;color:#6366f1;min-width:30px;text-align:center}.song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.song-title{font-weight:600;font-size:1rem;line-height:1.4;color:var(--color-text, #e5e7eb);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{font-size:.9rem;line-height:1.4;color:var(--color-text-secondary, #9ca3af);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-stats{display:flex;gap:15px;font-size:.9rem;color:var(--color-text-secondary, #9ca3af);flex-shrink:0}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:12px;background:var(--color-surface, #1f2937);padding:12px;border-radius:8px;box-shadow:0 2px 4px #0003}.activity-icon{font-size:1.5rem;min-width:30px;text-align:center}.activity-content{flex:1}.activity-text{color:var(--color-text, #e5e7eb);margin-bottom:4px}.activity-time{font-size:.85rem;color:var(--color-text-secondary, #9ca3af)}.statistics-loading,.statistics-error,.no-data{text-align:center;padding:40px;color:#666}@media (max-width: 1024px){.statistics-sections{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{padding:15px}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.85rem}}.import-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.import-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.import-header h1{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.import-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.import-actions{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.import-options{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md)}.import-options label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.import-options input[type=checkbox]{width:18px;height:18px;cursor:pointer}.scan-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-card{padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-card.success{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(76,175,80,.1) 100%)}.summary-card.warning{border-color:var(--color-warning);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(255,152,0,.1) 100%)}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase}.summary-value{font-size:2rem;font-weight:700;color:var(--color-text)}.import-result{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-success)}.import-result h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.result-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.stat-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600}.stat-item.success{background:#4caf5033;color:var(--color-success)}.stat-item.error{background:#f4433633;color:var(--color-error)}.error-list{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md)}.error-list h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--color-error)}.error-item{padding:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.files-section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.files-header h3{font-size:var(--font-size-xl);font-weight:700}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:600;padding:var(--spacing-sm)}.btn-link:hover{text-decoration:underline}.files-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition-fast)}.file-item.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-background) 0%,rgba(99,102,241,.1) 100%)}.file-item.existing{opacity:.6}.file-checkbox{display:flex;align-items:center;padding:var(--spacing-xs)}.file-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.file-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.file-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-main{display:flex;align-items:center;gap:var(--spacing-md)}.file-type-badge{font-size:1.5rem}.file-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.file-performer{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-meta{display:flex;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-sm)}.file-format{padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs)}.file-size{color:var(--color-text-secondary)}.file-status{padding:2px 8px;background:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs)}.file-filename{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace;padding:var(--spacing-xs);background:var(--color-surface);border-radius:var(--radius-sm);margin-top:var(--spacing-xs)}.import-empty{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-secondary)}.import-empty p{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.import-hint{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary);opacity:.8}@media (max-width: 768px){.import-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.import-actions{flex-direction:column;align-items:stretch}.scan-summary{grid-template-columns:1fr}.file-info{font-size:var(--font-size-sm)}.file-meta{flex-wrap:wrap}}.admin-page{max-width:none!important;width:100%;margin:0 auto;padding:20px;min-height:100vh}.admin-header{margin-bottom:30px;text-align:center}.admin-header h1{font-size:2.5rem;margin-bottom:10px;color:var(--color-text, #e5e7eb)}.admin-subtitle{color:var(--color-text-secondary, #9ca3af);font-size:1.1rem}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0;overflow-x:auto}.admin-tab{padding:12px 24px;border:none;background:transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.admin-tab:hover{color:#1a1a1a;background-color:#f5f5f5}.admin-tab.active{color:#6366f1;border-bottom-color:#6366f1}.admin-content{background:var(--color-surface, #1f2937);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000004d;min-height:500px}@media (max-width: 768px){.admin-page{padding:10px}.admin-header h1{font-size:1.8rem}.admin-tabs{gap:5px}.admin-tab{padding:10px 16px;font-size:.9rem}.admin-content{padding:20px}}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-secondary: #8b5cf6;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-border: #334155;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);outline:none}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-base);outline:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}html{overscroll-behavior-y:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background-color:var(--color-surface-hover);border-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}@media (max-width: 480px){html{font-size:14px}:root{--font-size-base: .875rem;--spacing-xl: 1rem;--spacing-2xl: 1.5rem}.container{padding:0 var(--spacing-xs)}}@media (min-width: 481px) and (max-width: 768px){html{font-size:15px}:root{--font-size-base: .9375rem}.container{padding:0 var(--spacing-sm)}}@media (min-width: 769px) and (max-width: 1024px){html{font-size:16px}.container{max-width:100%;padding:0 var(--spacing-lg)}}@media (min-width: 1025px) and (max-width: 1366px){html{font-size:16px}.container{max-width:1200px;padding:0 var(--spacing-xl)}}@media (min-width: 1367px) and (max-width: 1920px){html{font-size:16px}.container{max-width:1400px}}@media (min-width: 1921px){html{font-size:18px}.container{max-width:1600px}}@media (orientation: landscape) and (max-height: 480px){html{font-size:13px}:root{--spacing-xl: .75rem;--spacing-2xl: 1rem;--spacing-3xl: 1.5rem}}@media (orientation: landscape) and (min-height: 481px) and (max-height: 900px){html{font-size:15px}:root{--spacing-xl: 1rem;--spacing-2xl: 1.5rem}}@media (width: 320px) and (height: 568px){html{font-size:13px}}@media (width: 375px) and (height: 667px){html{font-size:14px}}@media (width: 414px) and (height: 736px){html{font-size:15px}}@media (width: 375px) and (height: 812px){html{font-size:14px}}@media (width: 414px) and (height: 896px){html{font-size:15px}}@media (width: 390px) and (height: 844px){html{font-size:14px}}@media (width: 430px) and (height: 932px){html{font-size:15px}}@media (width: 768px) and (height: 1024px){html{font-size:16px}}@media (width: 834px) and (height: 1194px){html{font-size:16px}}@media (width: 1024px) and (height: 1366px){html{font-size:16px}}@media (width: 360px) and (height: 740px){html{font-size:14px}}@media (width: 360px) and (height: 800px){html{font-size:14px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}