.vocals-page{padding:var(--space-8)0 var(--space-24)}.page-header{margin-bottom:var(--space-4);text-align:center;padding:var(--space-2)0}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.page-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.vocals-layout-full{width:100%;display:block}@media (max-width:1024px){.vocals-layout{grid-template-columns:1fr}}.vocals-top-section{top:var(--header-offset,80px);z-index:50;margin-bottom:var(--space-8);width:100%;transition:top .4s cubic-bezier(.165,.84,.44,1);position:sticky}.hire-sticky-filters{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4)var(--space-6);box-shadow:var(--shadow-lg);width:100%}.filter-bar-inner{gap:var(--space-4);flex-wrap:wrap;align-items:center;width:100%;display:flex}.filter-search{flex:1;min-width:0}.filter-dropdown select,.input.select-sm,.bpm-input-group{padding:0 var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);font-size:13px;line-height:normal;height:38px!important}.filter-search input.search-input{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);padding-top:0;padding-bottom:0;padding-right:var(--space-3);font-size:13px;line-height:normal;height:38px!important}.bpm-input-group{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s;display:flex;overflow:hidden}.bpm-input-group:hover{border-color:var(--primary)}.filter-group{gap:var(--space-3);align-items:center;display:flex}.bpm-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800}.bpm-input{width:45px;color:var(--text-primary);text-align:center;background:0 0;border:none;outline:none;padding:0;font-size:13px;font-weight:700}.bpm-separator{color:var(--border);font-weight:700}.clear-btn{color:var(--primary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);background:0 0;border:none;font-size:12px;font-weight:800;transition:all .2s}.clear-btn:hover{background:var(--bg-tertiary);color:var(--accent)}.hide-mobile-flex{display:flex!important}.mobile-filter-btn{display:none}@media (max-width:768px){.hide-mobile-flex{display:none!important}.mobile-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);height:40px;color:var(--text-primary);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}}.mobile-filter-btn:active{transform:scale(.95)}.mobile-filter-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.mobile-filter-overlay.open{opacity:1;pointer-events:auto}.mobile-filter-drawer{background:var(--bg-primary);z-index:100;padding:var(--space-6);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);gap:var(--space-6);flex-direction:column;max-height:85vh;transition:transform .3s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 40px #0003}.mobile-filter-drawer.open{transform:translateY(0)}.drawer-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.drawer-header h3{font-size:var(--text-lg);font-weight:800;font-family:var(--font-display);color:var(--text-primary);margin:0}.drawer-close{color:var(--text-secondary);padding:var(--space-2);cursor:pointer;background:0 0;border:none}.drawer-content{gap:var(--space-4);flex-direction:column;display:flex}.drawer-content .filter-dropdown select,.drawer-content .bpm-input-group{width:100%;height:48px}.drawer-content .bpm-input-group{justify-content:center}.btn-apply-filters{width:100%;padding:var(--space-4);background:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:700;font-size:var(--text-base);margin-top:var(--space-2);border:none}.btn-clear-filters{width:100%;padding:var(--space-3);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;font-weight:600}.filter-search{min-width:0}.hide-mobile-header{display:none!important}.stem-list-header{display:grid}.vocals-page{padding-top:var(--space-4)}@media (max-width:768px){.page-title{font-size:var(--text-4xl);padding:0 var(--space-4)}}.vocals-controls{align-items:flex-start;gap:var(--space-3);flex-direction:column}.results-count{width:100%;padding:var(--space-2)0;border-bottom:1px solid var(--border)}.sort-select{width:100%;height:40px}.filter-dropdown select{appearance:none;cursor:pointer;border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);outline:none;transition:all .2s}.sort-select option,.filter-dropdown select option{background:var(--bg-primary);color:var(--text-primary)}.filter-dropdown select:hover{border-color:var(--accent-primary)!important}.input-inline:focus{outline:none;color:var(--primary)!important}.filter-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.filter-section:last-child{border-bottom:none}.filter-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.filter-options{gap:var(--space-2);flex-direction:column;display:flex}.filter-chip-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{padding:var(--space-1)var(--space-4);font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-weight:600}[data-theme=light] .filter-chip{color:#475569;background:#f8fafc;border-color:#e2e8f0}.filter-chip:hover{border-color:var(--primary);color:var(--text-primary);transform:translateY(-1px)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.vocals-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.vocals-controls{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.results-count{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.sort-select{padding:var(--space-2)var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.vocal-artwork-container:hover .vocal-artwork{transform:scale(1.1)}.vocal-artwork-container:hover .vocal-play-overlay{opacity:1!important}.artist-link:hover,.vocal-title-link:hover{color:var(--primary)!important;text-decoration:underline!important}.badge-hot-mini{color:#fff;background:#ef4444;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:900;animation:2s infinite hot-pulse}.badge-new-mini{color:#fff;background:#3b82f6;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:900}@keyframes hot-pulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 5px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.vocal-row:hover{background:var(--bg-secondary)!important}.vocal-row{transition:all .2s}.vocal-row.default-variant{grid-template-columns:60px 40px 2.5fr 1.5fr 100px 100px 100px 80px 140px;align-items:center;gap:15px;padding:12px 20px;display:grid}.vocal-row.default-variant.no-wishlist{grid-template-columns:60px 2.5fr 1.5fr 100px 100px 100px 80px 140px}.vocal-row.home-variant{grid-template-columns:60px 2fr 1.5fr 120px;align-items:center;gap:20px;padding:16px 20px;display:grid}@media (max-width:1024px){.vocal-row.default-variant{grid-template-columns:60px 40px 2.5fr 100px 100px 80px 140px}.vocal-row.default-variant.no-wishlist{grid-template-columns:60px 2.5fr 100px 100px 80px 140px}.vocal-waveform-cell,.vocal-language-cell{display:none!important}}@media (max-width:768px){.vocal-row.default-variant{grid-template-columns:56px 1fr auto;gap:12px;padding:12px}.vocal-row.default-variant.no-wishlist{grid-template-columns:56px 1fr auto}.vocal-row.home-variant{grid-template-columns:56px 1fr auto;gap:12px;padding:12px}.musical-info-mobile{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.hide-mobile{display:none!important}.vocal-price-cell{text-align:right}}.infinite-loader-dots{justify-content:center;align-items:center;gap:8px;display:inline-flex}.infinite-loader-dots span{background-color:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both infinite-dots}.infinite-loader-dots span:first-child{animation-delay:-.32s}.infinite-loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes infinite-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.infinite-scroll-sentinel{transition:all .3s}.featured-section-wrapper{margin-top:0;margin-bottom:30px}