.popular-today{margin-bottom:40px}.popular-today .section-header{align-items:flex-end;margin-bottom:24px}.section-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.popular-carousel-wrap{padding:0 4px;position:relative}.popular-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:10px;display:flex;overflow-x:auto}.popular-track::-webkit-scrollbar{display:none}.popular-card{scroll-snap-align:start;flex:0 0 calc(16.666% - 14px);min-width:180px}@media (max-width:1200px){.popular-card{flex:0 0 calc(20% - 13px)}}@media (max-width:1024px){.popular-card{flex:0 0 calc(25% - 12px)}}@media (max-width:768px){.popular-card{flex:0 0 calc(40% - 10px);min-width:150px}}@media (max-width:480px){.popular-card{flex:0 0 calc(70% - 10px)}}.popular-carousel-wrap .nav-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);color:#fff;z-index:10;cursor:pointer;opacity:0;width:36px;height:36px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:40%;transform:translateY(-50%)}.popular-carousel-wrap:hover .nav-btn{opacity:1}.popular-carousel-wrap .nav-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-50%)scale(1.1)}.popular-carousel-wrap .nav-btn.prev{left:-18px}.popular-carousel-wrap .nav-btn.next{right:-18px}@media (max-width:1200px){.popular-carousel-wrap .nav-btn.prev{left:10px}.popular-carousel-wrap .nav-btn.next{right:10px}}.popular-today-skeleton .skeleton-grid{gap:16px;display:flex;overflow:hidden}.popular-today-skeleton .skeleton-card{background:var(--bg-tertiary);background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;flex:0 0 calc(16.666% - 14px);min-width:180px;animation:1.5s linear infinite shimmer}
.genre-grid{flex-wrap:wrap;gap:10px;display:flex}.genre-tag{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;display:inline-flex}.genre-tag:hover{border-color:var(--genre-color,var(--accent-primary));color:var(--text-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 0 20px #8b5cf626}.genre-dot{background:var(--genre-color,var(--accent-primary));border-radius:50%;flex-shrink:0;width:8px;height:8px}
.home-section{margin-bottom:var(--section-gap);animation:.6s forwards fadeIn}@media (max-width:768px){.home-section{margin-bottom:var(--section-gap-mobile)}}.container .home-section:first-child{animation-delay:.1s}.container .home-section:nth-child(2){animation-delay:.2s}.container .home-section:nth-child(3){animation-delay:.3s}