.popular-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.popular-heading h2{margin:0;font-size:24px;font-weight:800;letter-spacing:0}.popular-periods,.popular-scopes{display:flex;align-items:center;gap:4px;flex-shrink:0}.popular-filter-bar{padding:8px 0 16px}.popular-genres button,.popular-periods button,.popular-scopes button{border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;min-height:44px;padding:0 12px;cursor:pointer;white-space:nowrap}.popular-periods button[aria-pressed=true],.popular-scopes button[aria-pressed=true]{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:8px}.popular-genres{display:flex;overflow-x:auto;gap:4px;padding:4px 0;scrollbar-width:thin}.popular-genres button{flex-shrink:0;border-radius:4px}.popular-genres button[aria-pressed=true]{color:var(--neutral-action-text);background:var(--neutral-action-bg);font-weight:600}.popular-filter-bar button:focus-visible,.popular-heading button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.popular-genres button,.popular-periods button,.popular-scopes button{min-width:44px}.popular-mobile-filter{display:none}.popular-fallback-note{margin:0 0 12px;color:var(--text-muted);font-size:13px;line-height:1.5}.popular-card-scroll{padding-top:0}@media(max-width:767px){.popular-filter-bar .popular-genres,.popular-filter-bar .popular-scopes{display:none}.popular-mobile-filter{display:block}.popular-mobile-filter select{min-height:44px;max-width:100%;width:180px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);font:inherit;font-size:13px}.popular-heading h2{font-size:20px}.popular-periods button{padding:0 8px}.popular-filter-bar{padding-bottom:12px}.popular-scopes button:first-child{padding-left:0}}