.media-page .page-hero{padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);background:var(--color-surface);text-align:center}.media-page .page-hero-text{max-width:700px;font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 auto}.media-section-tabs{margin-bottom:var(--space-2xl)}.media-audio-header{margin-bottom:var(--space-xl)}.meditation-list{gap:var(--space-xl);flex-direction:column;display:flex}.meditation-card,.loading-card{gap:var(--space-xl);padding:var(--space-xl);background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-base);display:flex}.loading-card{justify-content:center}.meditation-card{justify-content:space-between;align-items:center}.meditation-subtitle{font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:600}.meditation-audio{gap:var(--space-sm);flex-direction:column;min-width:min(100%,280px);display:flex}.meditation-duration{font-size:var(--text-sm);color:var(--color-text-secondary)}.media-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.media-subcategory-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.media-subcategory-tab{border:1px solid var(--color-border-light);background:var(--color-surface-elevated);color:var(--color-text-primary);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.media-subcategory-tab:hover{border-color:var(--color-primary)}.media-subcategory-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.media-card{border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface-elevated);border:1px solid var(--color-border-light);transition:transform var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.media-card:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.media-thumbnail-wrap{aspect-ratio:1;position:relative;overflow:hidden}.media-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);display:block}.media-card:hover .media-thumbnail{transform:scale(1.05)}.video-play-overlay{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-caption{padding:var(--space-md)}.media-caption h3{margin:0 0 var(--space-xs);font-size:var(--text-xl)}.media-caption p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}@media (max-width:1024px){.media-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.media-grid{grid-template-columns:repeat(2,1fr)}.meditation-card{flex-direction:column;align-items:flex-start}.meditation-audio{width:100%;min-width:0}}