.listen-page{animation:.6s cubic-bezier(.4,0,.2,1) both fadeInUp}.listen-page-header{margin-block-end:var(--space-2xl)}.listen-page-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-block-end:var(--space-xs);font-weight:700}.listen-page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.listen-breadcrumbs{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);flex-wrap:wrap;margin-block-end:var(--space-xl);animation:.4s both fadeIn;display:flex}.listen-breadcrumb-link{color:var(--color-text-muted);transition:color var(--transition-fast);white-space:nowrap;text-decoration:none}.listen-breadcrumb-link:hover{color:var(--color-primary);text-shadow:0 0 8px #d4af374d}.listen-breadcrumb-separator{color:var(--color-text-muted);opacity:.5;-webkit-user-select:none;user-select:none;font-size:.7em}[dir=rtl] .listen-breadcrumb-separator{transform:scaleX(-1)}.listen-breadcrumb-current{color:var(--color-primary);white-space:nowrap;font-weight:600}.listen-categories-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.listen-category-card{border-radius:var(--radius-lg);aspect-ratio:1;cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base);text-decoration:none;animation:.5s cubic-bezier(.4,0,.2,1) both fadeInUp;display:block;position:relative;overflow:hidden}.listen-category-card:hover{box-shadow:var(--shadow-lg), 0 0 24px #d4af3726;transform:translateY(-6px)scale(1.02)}.listen-category-card:active{transform:translateY(-2px)scale(1.005)}.listen-category-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.listen-category-card:hover .listen-category-card-image{transform:scale(1.1)}.listen-category-card-overlay{pointer-events:none;transition:background var(--transition-base);background:linear-gradient(#0000 30%,#00000080 60%,#000000d9 100%);position:absolute;inset:0}.listen-category-card:hover .listen-category-card-overlay{background:linear-gradient(#0000 20%,#0006 50%,#000c 100%)}.listen-category-card-content{padding:var(--space-lg);z-index:2;position:absolute;inset-block-end:0;inset-inline:0}.listen-category-card-title{font-size:var(--font-size-md);color:#fff;text-shadow:0 2px 8px #0009;font-weight:700;line-height:var(--line-height-tight)}.listen-category-card:after{content:"";border-radius:var(--radius-lg);transition:border-color var(--transition-base);pointer-events:none;z-index:3;border:2px solid #0000;position:absolute;inset:0}.listen-category-card:hover:after{border-color:#d4af3766}.listen-category-card-placeholder{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-elevated) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.listen-category-card-placeholder-icon{opacity:.3;color:var(--color-primary);font-size:2.5rem}.listen-subcategory-card{border-radius:var(--radius-lg);aspect-ratio:16/10;cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base);text-decoration:none;animation:.5s cubic-bezier(.4,0,.2,1) both fadeInUp;display:block;position:relative;overflow:hidden}.listen-subcategory-card:hover{box-shadow:var(--shadow-lg), 0 0 20px #d4af371f;transform:translateY(-5px)scale(1.015)}.listen-subcategory-card:active{transform:translateY(-2px)}.listen-subcategory-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.listen-subcategory-card:hover .listen-subcategory-card-image{transform:scale(1.08)}.listen-subcategory-card-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#000000b3 100%);position:absolute;inset:0}.listen-subcategory-card-content{padding:var(--space-md) var(--space-lg);z-index:2;position:absolute;inset-block-end:0;inset-inline:0}.listen-subcategory-card-title{font-size:var(--font-size-base);color:#fff;text-shadow:0 1px 6px #00000080;font-weight:700}.listen-subcategory-card:after{content:"";border-radius:var(--radius-lg);transition:border-color var(--transition-base);pointer-events:none;z-index:3;border:1.5px solid #0000;position:absolute;inset:0}.listen-subcategory-card:hover:after{border-color:#d4af3759}.listen-subcategory-card-placeholder{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-hover) 50%, var(--color-surface-elevated) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.listen-subcategory-card-placeholder-icon{opacity:.3;color:var(--color-primary);font-size:2rem}.listen-track-list{gap:var(--space-xs);flex-direction:column;display:flex}.listen-track-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);animation:.4s cubic-bezier(.4,0,.2,1) both fadeInUp;display:flex}.listen-track-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translate(4px)}[dir=rtl] .listen-track-item:hover{transform:translate(-4px)}.listen-track-item:active{background:var(--color-surface-pressed);transform:translate(2px)}[dir=rtl] .listen-track-item:active{transform:translate(-2px)}.listen-track-item.is-playing{background:var(--color-primary-ultra-dim);border-color:#d4af3740;box-shadow:inset 0 0 0 1px #d4af371a}.listen-track-item.is-playing:hover{background:#d4af371f}.listen-track-image-wrapper{border-radius:var(--radius-sm);background:var(--color-surface-elevated);flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.listen-track-image{object-fit:cover;width:100%;height:100%}.listen-track-playing-indicator{opacity:0;transition:opacity var(--transition-fast);background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.listen-track-item.is-playing .listen-track-playing-indicator{opacity:1}.listen-track-playing-bars{align-items:flex-end;gap:2px;height:18px;display:flex}.listen-track-playing-bars span{background:var(--color-primary);border-radius:1.5px;width:3px;display:block}.listen-track-playing-bars span:first-child{animation:1s ease-in-out infinite waveform1}.listen-track-playing-bars span:nth-child(2){animation:1.1s ease-in-out infinite waveform2}.listen-track-playing-bars span:nth-child(3){animation:.9s ease-in-out infinite waveform3}.listen-track-info{flex:1;min-width:0}.listen-track-title{font-size:var(--font-size-base);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast);font-weight:600;line-height:var(--line-height-tight);margin-block-end:var(--space-2xs);overflow:hidden}.listen-track-item.is-playing .listen-track-title{color:var(--color-primary)}.listen-track-description{font-size:var(--font-size-sm);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-height-normal);overflow:hidden}.listen-track-meta{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.listen-track-premium-badge{align-items:center;gap:var(--space-2xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-inverse);background:var(--gradient-primary);border-radius:var(--radius-full);white-space:nowrap;padding:2px 10px;font-size:.65rem;font-weight:700;line-height:1.6;display:inline-flex}.listen-track-premium-badge svg{width:10px;height:10px}.listen-track-play-btn{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.listen-track-play-btn.play{background:var(--color-primary);color:var(--color-background)}.listen-track-play-btn.play:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow-primary);transform:scale(1.1)}.listen-track-play-btn.play:active{transform:scale(.95)}.listen-track-play-btn.pause{background:var(--color-primary-dim);color:var(--color-primary);border:1.5px solid #d4af374d}.listen-track-play-btn.pause:hover{background:#d4af3740;transform:scale(1.1)}.listen-track-play-btn.pause:active{transform:scale(.95)}.listen-track-play-btn svg{width:18px;height:18px}.listen-empty-state{padding:var(--space-4xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.5s both fadeIn;display:flex}.listen-empty-icon{opacity:.4;color:var(--color-primary);margin-block-end:var(--space-lg);font-size:3rem}.listen-empty-text{font-size:var(--font-size-md);color:var(--color-text-secondary)}.listen-stagger-1{animation-delay:60ms}.listen-stagger-2{animation-delay:.12s}.listen-stagger-3{animation-delay:.18s}.listen-stagger-4{animation-delay:.24s}.listen-stagger-5{animation-delay:.3s}.listen-stagger-6{animation-delay:.36s}.listen-stagger-7{animation-delay:.42s}.listen-stagger-8{animation-delay:.48s}.listen-stagger-9{animation-delay:.54s}.listen-stagger-10{animation-delay:.6s}.listen-stagger-11{animation-delay:.66s}.listen-stagger-12{animation-delay:.72s}@media (max-width:640px){.listen-categories-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.listen-category-card-title{font-size:var(--font-size-sm)}.listen-category-card-content{padding:var(--space-md)}.listen-subcategory-card{aspect-ratio:16/9}.listen-track-item{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.listen-track-image-wrapper{width:48px;height:48px}.listen-track-title{font-size:var(--font-size-sm)}.listen-track-description{font-size:var(--font-size-xs)}.listen-track-play-btn{width:36px;height:36px}.listen-track-play-btn svg{width:15px;height:15px}.listen-page-title{font-size:var(--font-size-xl)}.listen-breadcrumbs{margin-block-end:var(--space-lg)}}@media (min-width:641px) and (max-width:1024px){.listen-categories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (min-width:1440px){.listen-categories-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (prefers-reduced-motion:reduce){.listen-category-card,.listen-subcategory-card,.listen-track-item,.listen-page{animation:none!important}.listen-category-card:hover,.listen-subcategory-card:hover,.listen-category-card:hover .listen-category-card-image,.listen-subcategory-card:hover .listen-subcategory-card-image,.listen-track-item:hover{transform:none}.listen-track-playing-bars span{animation:none!important}}