@layer components{.opening-controls-bar{min-height:var(--feed-controls-height);justify-content:flex-end;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-1);flex-wrap:wrap;display:flex}.opening-controls-bar__count{font-size:var(--font-size-sm);color:var(--text-muted);margin-right:auto}.opening-controls-bar__sort{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.opening-controls-bar__sort-btn{appearance:none;border:none;border-right:1px solid var(--border-subtle);background:var(--surface);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);padding:var(--spacing-1) 10px;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);line-height:1.4}.opening-controls-bar__sort-btn:last-child{border-right:none}.opening-controls-bar__sort-btn:hover{color:var(--text-secondary)}.opening-controls-bar__sort-btn--active,.opening-controls-bar__sort-btn--active:hover{background:var(--accent);color:var(--text-inverse)}@media (max-width:768px){.opening-controls-bar{justify-content:space-between;padding:0}.opening-controls-bar__count{display:none}.opening-controls-bar__sort{align-self:stretch}.opening-controls-bar__sort-btn{align-items:center;display:inline-flex}}}