@media (max-width: 900px) {
  #albums-grid .album-card.mobile-progress-hidden,
  #grid .card.mobile-progress-hidden,
  #art-grid[data-art-view="list"] .art-card.mobile-progress-hidden { display: none !important; }

  #albums-grid .album-card:not(.mobile-progress-hidden),
  #grid .card:not(.mobile-progress-hidden),
  #art-grid[data-art-view="list"] .art-card:not(.mobile-progress-hidden) { content-visibility: auto; contain-intrinsic-size: 176px; }

  .mobile-progress-controls {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    width: min(calc(100% - 24px), 680px);
    margin: 1rem auto 2.5rem;
    padding: 0.9rem 1rem 1.1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    text-align: center;
  }

  .mobile-progress-controls[hidden] { display: none !important; }
  .mobile-progress-status { margin: 0 !important; color: #667085; font-size: 0.78rem; line-height: 1.35; }

  .mobile-progress-more {
    min-width: min(100%, 220px);
    min-height: 44px;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(64, 92, 245, 0.28);
    border-radius: 999px;
    background: #405cf5;
    color: #fff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    touch-action: manipulation;
  }

  .mobile-progress-more:focus-visible { outline: 3px solid rgba(64, 92, 245, 0.3); outline-offset: 3px; }
  .mobile-progress-sentinel { position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; pointer-events: none; }
}