.filter-pills{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:40px;margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl)}.filter-pills__pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-primary);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);animation:filter-pill-in .2s ease-out}.filter-pills__pill:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.filter-pills__pill-x{font-size:var(--font-size-lg);line-height:1;opacity:.6}.filter-pills__clear{margin-left:auto;padding:var(--space-1) var(--space-2);border:none;background:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer}.filter-pills__clear:hover{color:var(--color-text-primary)}.filter-pills__hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}@keyframes filter-pill-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sort-toggle{display:flex;gap:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:2px}.sort-toggle__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sort-toggle__btn:hover{color:var(--color-text-primary)}.sort-toggle__btn--active{background:var(--color-primary);color:var(--color-text-inverse)}.page-size__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.page-size{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.page-size__btn{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.page-size__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.page-size__btn--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.page-size__more{display:block;width:100%;padding:var(--space-3);border:1px dashed var(--color-border-primary);border-radius:var(--radius-lg);background:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.page-size__more:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:480px){.filter-pills{padding:var(--space-2) var(--space-3)}}