.video-card{border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;width:100%;position:relative;overflow:hidden}.video-card--small{max-width:320px}.video-card--medium{max-width:380px}.video-card--large{max-width:450px}.video-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.video-card:hover .video-card__thumbnail .video-card__image{transform:scale(1.05)}.video-card__thumbnail{aspect-ratio:16/9;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-secondary);cursor:pointer;position:relative;overflow:hidden}.video-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.video-card__play-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:54px;height:54px;box-shadow:var(--glass-shadow);opacity:0;transition:all var(--transition-normal);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card__play-button.visible{opacity:1}.video-card__play-button:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 20px #667eea66}.video-card__play-button .play-icon{width:22px;height:22px;color:var(--text-primary);margin-left:2px}.video-card__duration{bottom:var(--spacing-sm);right:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-primary);background:#000000bf;padding:2px 8px;font-size:.75rem;font-weight:600;position:absolute}.video-card__genre{top:var(--spacing-sm);left:var(--spacing-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--text-primary);text-transform:uppercase;background:#667eea66;border:1px solid #667eea4d;padding:2px 8px;font-size:.7rem;font-weight:600;position:absolute}.video-card__content{padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none}.video-card__title{margin-bottom:var(--spacing-xs);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.video-card__artist{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:flex}.video-card__artist .artist-avatar{object-fit:cover;border:1px solid var(--glass-border);border-radius:50%;width:22px;height:22px}.video-card__artist .artist-name{color:var(--accent-glow);font-size:.8rem;font-weight:500;text-decoration:none}.video-card__artist .artist-name:hover{text-decoration:underline}.video-card__stats{align-items:center;gap:var(--spacing-xs);color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:.75rem;display:flex}.video-card__actions{align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-xs);border-top:1px solid #ffffff0f;display:flex}.video-card__actions .action-info{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;display:flex}.video-card__actions .action-info .action-icon{width:14px;height:14px}.video-card__actions .action-info--btn{cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.video-card__actions .action-info--btn:hover{color:var(--text-primary)}