.filter-section{background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.active-filters{border-bottom:1px solid var(--border-color-light);margin-bottom:1rem;padding-bottom:1rem}.filter-tags{display:flex;flex-wrap:wrap;gap:.75rem}.filter-tag{align-items:center;background:var(--gradient-primary);border-radius:8px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.4rem 1rem;transition:all var(--transition-fast)}.filter-tag:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.tag-close{height:14px;opacity:.8;transition:opacity var(--transition-fast);width:14px}.filter-tag:hover .tag-close{opacity:1}.filter-extend{transition:all var(--transition-normal)}.filter-extend.hidden{display:none}.filter-toggle-wrapper{display:flex;justify-content:center;margin-top:1rem}.filter-toggle-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;transition:all var(--transition-fast)}.filter-toggle-btn:hover{background:var(--bg-card);border-color:var(--primary-500);color:var(--primary-500)}.toggle-icon{height:18px;transition:transform var(--transition-fast);width:18px}.toggle-icon.rotate{transform:rotate(180deg)}.filter-group{align-items:flex-start;border-bottom:1px solid var(--border-color-light);display:flex;gap:1rem;padding:1rem 0}.filter-group:last-child{border-bottom:none;padding-bottom:0}.filter-group:first-child{padding-top:0}.filter-label{color:var(--text-secondary);font-size:.95rem;font-weight:600;min-width:80px;padding-top:.5rem}.filter-options{display:flex;flex:1;flex-wrap:wrap;gap:.75rem}.filter-option{background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1.25rem;transition:all var(--transition-fast)}.filter-option:hover{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary);transform:translateY(-2px)}.filter-option.active{background:var(--gradient-primary);border-color:transparent;box-shadow:var(--shadow-glow);color:#fff}.list-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 var(--container-padding)}.list-info{color:var(--text-tertiary);font-size:.95rem}.list-info-count{color:var(--primary-500);font-weight:600}.sort-btn,.sort-options{display:flex;gap:.5rem}.sort-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.sort-btn:hover{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.sort-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.sort-icon{height:16px;width:16px}.video-list-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:2rem;padding:0 var(--container-padding)}.empty-state{padding:4rem var(--container-padding);text-align:center}.empty-icon{height:120px;margin:0 auto 1.5rem;opacity:.5;width:120px}.empty-title{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-description{color:var(--text-tertiary);margin-bottom:1.5rem}.empty-action{align-items:center;background:var(--gradient-primary);border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all var(--transition-fast)}.empty-action:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media(max-width:1024px){.video-list-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.filter-section{padding:1rem}.filter-group{align-items:flex-start;flex-direction:column;gap:.75rem}.filter-label{min-width:auto;padding-top:0}.filter-options{width:100%}.filter-option{flex:1;min-width:calc(50% - .375rem);text-align:center}.list-controls{align-items:flex-start;flex-direction:column;gap:1rem}.sort-options{width:100%}.sort-btn{flex:1;justify-content:center}.video-list-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:480px){.filter-section{border-radius:12px;padding:.75rem}.filter-option{font-size:.85rem;min-width:calc(50% - .375rem);padding:.4rem .75rem}.video-list-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}