.trending-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;color:var(--color-text-muted)}.trending-grid{align-items:stretch}.trending-page .playlist-card{display:flex;flex-direction:column;gap:var(--space-sm);color:var(--color-text)}.trending-page .playlist-header{display:flex;justify-content:space-between;align-items:flex-start}.trending-page .playlist-title{font-size:1.1rem;font-weight:700}.trending-page .playlist-title a{color:var(--color-text);text-decoration:none}.trending-page .playlist-title a:hover{color:var(--color-primary)}.trending-page .playlist-count{font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap}.trending-page .playlist-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-page .playlist-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.trending-page .playlist-curator{font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.trending-page .curator-avatar{width:16px;height:16px;border-radius:50%;object-fit:cover}.trending-stats{display:flex;align-items:center;gap:var(--space-sm)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.2rem .5rem;border-radius:999px;background:var(--color-accent);color:var(--color-text);font-weight:800;font-size:.8rem}.like-count{display:none}.like-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2rem;padding:.375rem .875rem;border:1px solid var(--color-like-default-border);border-radius:999px;background:var(--color-bg);color:var(--color-like-default-count);font-family:inherit;font-size:.8rem;font-weight:700;line-height:1;cursor:pointer;transition:color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.like-button:hover:not(:disabled){color:var(--color-like-hover-text);border-color:var(--color-like-hover-border);background:var(--color-like-hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.like-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.like-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.like-button-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--color-like-default-icon);transition:transform .18s cubic-bezier(.4,0,.2,1)}.like-button:hover:not(:disabled) .like-button-icon{color:inherit}.like-button-icon svg{width:100%;height:100%;display:block}.like-button-icon .icon-filled{display:none}.like-button-count{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.01em}.like-button.is-liked{background:linear-gradient(135deg,var(--color-like-gradient-from) 0%,var(--color-like-gradient-to) 100%);border-color:transparent;color:var(--color-like-contrast-text);box-shadow:var(--shadow-like)}.like-button.is-liked:hover:not(:disabled){color:var(--color-like-contrast-text);background:linear-gradient(135deg,var(--color-like-gradient-from-hover) 0%,var(--color-like-gradient-to-hover) 100%);border-color:transparent;box-shadow:var(--shadow-like-hover);transform:translateY(-1px)}.like-button.is-liked .like-button-icon{color:inherit}.like-button.is-liked .icon-outline{display:none}.like-button.is-liked .icon-filled{display:block;animation:like-pop .32s cubic-bezier(.34,1.56,.64,1)}.like-button:disabled{opacity:.6;cursor:wait;transform:none}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.like-button{transition:color .18s,background .18s,border-color .18s,box-shadow .18s}.like-button-icon,.like-button.is-liked .icon-filled{transition:none;animation:none}.like-button:hover:not(:disabled),.like-button:active:not(:disabled){transform:none}}.skeleton-card{pointer-events:none}.skeleton-box,.skeleton-line,.skeleton-avatar,.skeleton-count,.skeleton-like-count,.skeleton-button{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,rgba(255,255,255,.5) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:trending-skeleton 1.4s ease-in-out infinite;color:transparent}.skeleton-title{width:72%;height:1.4rem;border-radius:var(--radius-sm)}.skeleton-text{width:100%;height:1rem;border-radius:var(--radius-sm)}.skeleton-text.short{width:80%}.skeleton-avatar{width:16px;height:16px;border-radius:50%}.skeleton-author-line{width:5rem;height:.8rem;border-radius:var(--radius-sm)}.skeleton-box{min-width:2.5rem;min-height:1.5rem;border-radius:999px}.skeleton-count{width:2rem;height:1.2rem;border-radius:var(--radius-sm)}.skeleton-like-count{width:3rem;height:.8rem;border-radius:var(--radius-sm)}.skeleton-button{display:inline-flex;width:4.5rem;height:2rem;border-radius:999px;border:none}@keyframes trending-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.trending-page .playlist-footer{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.trending-stats{width:100%;justify-content:flex-end}}