/* ==UserStyle==
@name           YouTube - Big Text
@description    Increases YouTube's font size; useful when watching from a distance.
@version        2026.06.11.18.01
@author         MetalTxus
@namespace      https://github.com/jesuscc1993/
@license        CC BY-SA 4.0
@preprocessor   stylus

@var text       font-size-cc                    "Caption font size"               36px
@var text       font-size-lg                    "Grid font size"                  20px
@var text       font-size-md                    "Video font size"                 16px
@var text       font-size-sm                    "Small texts"                     14px
@var text       video-description-max-height    "Max video description height"    96px
@var text       line-height-font-size-ratio     "Line height / font size ratio"   1.2
@var text       owner-and-teaser-scale          "Owner and teaser scale"          1.33
@var number     grid-line-clamp                 "Max grid title lines"            4
@var number     playlist-line-clamp             "Max playlist title lines"        2
@var number     video-title-line-clamp          "Max video title lines"           2
@var number     video-comment-line-clamp        "Max video comment lines"         8

==/UserStyle== */
@-moz-document domain("youtube.com") {
  :root {
    --line-height-font-size-ratio: line-height-font-size-ratio;
    --owner-and-teaser-scale: owner-and-teaser-scale;
    --font-size-cc: font-size-cc;
    --font-size-lg: font-size-lg;
    --font-size-md: font-size-md;
    --font-size-sm: font-size-sm;
    --grid-line-clamp: grid-line-clamp;
    --playlist-line-clamp: playlist-line-clamp;
    --video-comment-line-clamp: video-comment-line-clamp;
    --video-description-max-height: video-description-max-height;
    --video-title-line-clamp: video-title-line-clamp;

    --line-height-cc: calc(var(--font-size-cc) * var(--line-height-font-size-ratio));
    --line-height-lg: calc(var(--font-size-lg) * var(--line-height-font-size-ratio));
    --line-height-md: calc(var(--font-size-md) * var(--line-height-font-size-ratio));
    --line-height-sm: calc(var(--font-size-sm) * var(--line-height-font-size-ratio));
  }

  html:not(.style-scope)[typography] {
    --yt-navbar-title-font-size: var(--font-size-lg);
    --yt-navbar-title-line-height: var(--line-height-lg);
  }

  ytd-comments,
  ytd-expander {
    --ytd-user-comment_-_font-size: var(--font-size-lg);
    --ytd-user-comment_-_line-height: var(--line-height-lg);
  }

  ytd-expander {
    --ytd-expander-collapsed-height: var(--video-description-max-height) !important;
    --ytd-expander-max-lines: var(--video-comment-line-clamp) !important;
  }

  ytd-grid-video-renderer {
    --yt-link-font-size: var(--font-size-md);
    --ytd-link-line-height: var(--line-height-md);
  }

  #byline.ytd-playlist-panel-video-renderer,
  #description-text.ytd-video-renderer,
  #index.ytd-playlist-video-renderer,
  #label.ytd-playlist-add-to-option-renderer,
  #modern-card-owner-name.ytd-miniplayer,
  #modern-owner-name.ytd-miniplayer,
  #owner-name.ytd-miniplayer,
  #published-time-text.ytd-comment-view-model,
  #text.ytd-channel-name,
  #vote-count-middle.ytd-comment-action-buttons-renderer,
  .channel.ytd-miniplayer,
  .less-button.ytd-comment-view-model,
  .metadata-owner.ytd-playlist-header-renderer,
  .metadata-stats.ytd-playlist-byline-renderer,
  .miniplayer-title.ytd-miniplayer,
  .more-button.ytd-comment-view-model,
  .yt-avatar-stack-view-model-wiz__avatar-stack-text,
  .yt-avatar-stack-view-model__avatar-stack-text,
  .yt-content-metadata-view-model-wiz__metadata-text,
  .yt-content-metadata-view-model__metadata-text,
  .yt-content-metadata-view-model__metadata-text-max-lines-2,
  .yt-spec-button-shape-next--size-m,
  .yt-spec-button-shape-next--size-s,
  .ytContentMetadataViewModelMetadataText a,
  .ytContentMetadataViewModelMetadataText,
  .ytd-menu-title-renderer,
  ytd-pinned-comment-badge-renderer,
  ytd-playlist-panel-renderer[collapsible] .badge.ytd-badge-supported-renderer,
  ytd-playlist-panel-renderer[collapsible] .index-message-wrapper.ytd-playlist-panel-renderer,
  ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer,
  ytd-video-meta-block:not([rich-meta]) #byline-container.ytd-video-meta-block,
  ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block,
  ytd-video-meta-block:not([rich-meta])[inline-badges] #metadata-line.ytd-video-meta-block,
  ytd-video-meta-block:not([rich-meta])[inline-badges] #text.ytd-channel-name,
  ytd-video-owner-renderer[watch-metadata-refresh] #owner-sub-count.ytd-video-owner-renderer {
    font-size: var(--font-size-sm) !important;
    line-height: var(--line-height-sm) !important;
    max-height: none !important;
  }

  #description.ytd-watch-metadata,
  #video-title.ytd-compact-video-renderer,
  #video-title.ytd-playlist-panel-video-renderer,
  #vote-count-middle.ytd-comment-engagement-bar,
  .badge-shape-wiz,
  .metadata-owner.ytd-playlist-header-renderer,
  .ytCommentFilterContextHost,
  .ytPlayerOverlayVideoDetailsRendererSubtitle ytd-grid-playlist-renderer #video-title.ytd-grid-playlist-renderer,
  .ytd-comment-thread-renderer.less-button,
  .ytd-comment-thread-renderer.more-button,
  ytd-grid-playlist-renderer #video-title.ytd-grid-playlist-renderer,
  ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer,
  ytd-grid-video-renderer #video-title.ytd-grid-video-renderer,
  ytd-playlist-panel-renderer[modern-panels]:not([hide-header-text]) .title.ytd-playlist-panel-renderer,
  ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media,
  ytd-thumbnail-overlay-now-playing-renderer[now-playing-badge],
  ytd-two-column-browse-results-renderer #video-title.ytd-rich-grid-media,
  ytd-two-column-search-results-renderer #video-title.ytd-video-renderer,
  ytd-watch-info-text {
    font-size: var(--font-size-md) !important;
    line-height: var(--line-height-md) !important;
    max-height: none !important;
  }

  #author-text.yt-simple-endpoint.ytd-comment-view-model,
  #content-text.ytd-comment-view-model,
  #paid-comment-chip.ytd-comment-thread-renderer,
  #paid-comment-chip.ytd-comment-view-model,
  #thumbnail,
  #thumbnail-container,
  #video-title-link.ytd-rich-grid-media yt-formatted-string,
  #vote-count-middle.ytd-comment-action-buttons-renderer,
  .yt-lockup-metadata-view-model--standard .yt-lockup-metadata-view-model__title,
  .yt-lockup-view-model__content-image .yt-badge-shape,
  .ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelTitle span,
  .ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelTitle,
  .ytPlayerOverlayVideoDetailsRendererSingleLineTitle.ytPlayerOverlayVideoDetailsRendererTitle,
  .ytThumbnailBottomOverlayViewModelHost,
  .ytd-text-inline-expander,
  .ytd-thumbnail .yt-badge-shape,
  h1.ytd-watch-metadata,
  ytd-author-comment-badge-renderer #text.ytd-channel-name,
  ytd-item-section-renderer #video-title.ytd-playlist-video-renderer,
  ytd-video-owner-renderer #text.ytd-channel-name {
    font-size: var(--font-size-lg) !important;
    line-height: var(--line-height-lg) !important;
    max-height: none !important;
  }

  .ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-time-display {
    font-size: var(--font-size-lg) !important;
  }

  #description #snippet {
    max-height: video-comment-line-clamp * 1em !important;
    line-height: calc(var(--font-size-lg) * 1.34) !important;
  }

  .yt-core-attributed-string__image-element {
    height: auto !important;
    width: auto !important;
    max-height: 1em;
    max-width: 1em;
  }

  #player-container .ytp-caption-segment {
    font-size: var(--font-size-cc) !important;
    line-height: var(--line-height-cc) !important;
    max-height: none !important;
  }

  animated-rolling-character {
    font-size: var(--font-size-md);
  }

  ytd-thumbnail-overlay-now-playing-renderer,
  ytd-thumbnail-overlay-time-status-renderer {
    height: auto !important;
  }

  ytd-grid-playlist-renderer #video-title.ytd-grid-playlist-renderer,
  ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer,
  ytd-grid-video-renderer #video-title.ytd-grid-video-renderer,
  ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media,
  ytd-two-column-browse-results-renderer #video-title.ytd-rich-grid-media,
  ytd-two-column-search-results-renderer #video-title.ytd-video-renderer {
    -webkit-line-clamp: var(--grid-line-clamp);
  }

  ytd-item-section-renderer #video-title.ytd-playlist-video-renderer {
    -webkit-line-clamp: var(--playlist-line-clamp);
  }

  .title.ytd-video-primary-info-renderer {
    -webkit-line-clamp: var(--video-title-line-clamp);
  }

  .title.ytd-video-primary-info-renderer {
    line-height: var(--yt-navbar-title-line-height);
    max-height: none;
  }

  #name.ytd-author-comment-badge-renderer .ytd-channel-name,
  ytd-expander.ytd-video-secondary-info-renderer {
    font-size: var(--ytd-user-comment_-_font-size);
    line-height: var(--ytd-user-comment_-_line-height);
  }

  .ytd-comment-thread-renderer .ytCoreImageContentModeScaleToFill,
  .ytd-comment-thread-renderer yt-formatted-string > .emoji.small-emoji {
    height: var(--ytd-user-comment_-_font-size) !important;
    width: auto !important;
  }

  ytd-thumbnail-overlay-time-status-renderer {
    height: auto;
  }

  .ytp-chapter-container,
  .ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *),
  .ytp-time-display {
    font-size: calc(var(--font-size-md) * 1.33);
    font-weight: 500;
  }

  #name.ytd-author-comment-badge-renderer {
    max-height: none;
  }

  ytd-author-comment-badge-renderer {
    height: auto;
  }

  tp-yt-paper-button.ytd-expander {
    text-align: left;
  }

  #description.ytd-video-secondary-info-renderer {
    max-width: none;
  }

  #owner-and-teaser {
    zoom: var(--owner-and-teaser-scale);
  }

  #comment-chip-container.yt-pdg-comment-chip-renderer {
    border-radius: 24px;
  }

  /* fixes unintentional override */
  #label.checkbox-height.ytd-playlist-add-to-option-renderer {
    line-height: 26px !important;
    margin-right: 0.5em;
  }

  /* inline video links */
  .yt-core-attributed-string__link {
    white-space: nowrap;
  }

  /* "read more" fix */
  #description {
    #ellipsis {
      display: none;
    }

    #snippet {
      margin-bottom: 1em;
      mask-image: none !important;
    }

    #expand.ytd-text-inline-expander {
      left: 0 !important;
    }
  }
}