@layer pages {
/* ===== CSS inline migrado da Fase 3 ===== */

.popular-page__empty-favorites-text-muted-layout {
  color: var(--text-muted);
  margin-bottom: 24px;
}

.popular-page__empty-favorites-title-text-layout {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.popular-page__heart-accent-media-layout {
  width: 40px;
  height: 40px;
  color: var(--primary-color);
}

.popular-page__media-flex-panel {
  background: rgb(255 0 110 / 10%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.popular-page__empty-message-centered-panel {
  text-align: center;
  padding: 60px 20px;
}

.popular-page__accent-media-layout {
  width: 28px;
  height: 28px;
  vertical-align: bottom;
  margin-right: 8px;
  color: var(--primary-color);
}
}