Distraction Free Youtube - stylish css

css

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.youtube.com") {
  
  /** =============================================================================================
   * I love Youtube. I watch lot of videos there.
   * 
   * Once upon a time, I want to search for latest song in Youtube.
   * I enter Youtube, then I lost. 
   * There are too many exciting videos. I watch the recommended videos, just one video. 
   * Then another one. Then another one. Oh NO! I wasted my time too much in Youtube.
   * Click all [X] on tabs that has red with white triangle.
   * Then I remember, I want to search song in Youtube. Enter Youtube again. I lost again.
   * I am trapped in the loop.
   *
   * So, I hacked my life. Install stylish on Firefox insert this css rule for remove distraction.
   * 
   * I am LifeHacker =D
   * =============================================================================================
   */
  
  /* Hide recommendation on homepage */
  #feed{
    display: none;
  }
  
  /* Hide sidebar recommendations 
   * 
   * When you playing any video, there will be some
   * videos right side bar.
   * At top of right side bar is next autoplay video, 
   * then there are lot of recommends videos below it.
   *
   * Hide those recommend videos because that just distraction.
   * 
   */
  #watch7-sidebar-modules > div:nth-child(2){
    display: none;
  }
}

Hi, I was tinkering with your code and found that it does not work anymore.

Following is the code that works now:

#feed, ytd-browse[page-subtype=home] {
 	display: none; 
}

#related {
	display: none
}