/*
  TVTRACKER_MOBILE_USER_SHELL_PHASE1

  Yalnız kullanıcıya dönük sayfalarda çalışır.
  Admin sayfaları tv-admin-page sınıfıyla kapsam dışıdır.
*/

@media (max-width: 760px) {
  html body.tv-user-page .page {
    width: min(var(--page-width), calc(100% - 20px)) !important;
  }

  html body.tv-user-page .page > header.pv4-integrated-header {
    margin: 0 0 12px !important;
  }

  html body.tv-user-page .page > header.pv4-integrated-header
  .pv4-topbar-inner {
    width: 100% !important;
    min-height: 0 !important;
    padding: 12px 0 10px !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand actions"
      "nav nav" !important;
    align-items: center !important;
    gap: 10px 8px !important;
  }

  html body.tv-user-page .page > header .pv4-brand {
    grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 0.46rem !important;
    transform: none !important;
  }

  html body.tv-user-page .page > header .pv4-brand::before {
    display: none !important;
    content: none !important;
  }

  html body.tv-user-page .page > header .pv4-brand-mark {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
  }

  html body.tv-user-page .page > header
  .pv4-brand-wordmark.izledimmi-wordmark {
    gap: 0.22rem !important;
  }

  html body.tv-user-page .page > header
  .pv4-brand-wordmark.izledimmi-wordmark > strong,
  html body.tv-user-page .page > header
  .pv4-brand-wordmark.izledimmi-wordmark > span {
    font-size: 0.90rem !important;
    line-height: 1 !important;
  }

  html body.tv-user-page .page > header nav.pv4-primary-nav {
    grid-area: nav !important;
    justify-self: stretch !important;

    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 6px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.tv-user-page .page > header nav.pv4-primary-nav::before,
  html body.tv-user-page .page > header nav.pv4-primary-nav::after {
    display: none !important;
    content: none !important;
  }

  html body.tv-user-page .page > header nav.pv4-primary-nav a {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 6px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 10px !important;
    background: rgba(15, 19, 29, 0.56) !important;
    color: rgba(226, 232, 240, 0.76) !important;

    font-size: 0.78rem !important;
    font-weight: 780 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  html body.tv-user-page .page > header nav.pv4-primary-nav a.pv4-on,
  html body.tv-user-page .page > header nav.pv4-primary-nav a.active,
  html body.tv-user-page .page > header nav.pv4-primary-nav a[aria-current="page"] {
    border-color: rgba(226, 176, 79, 0.38) !important;
    background: rgba(226, 176, 79, 0.10) !important;
    color: #f7d46d !important;
  }

  html body.tv-user-page .page > header
  nav.pv4-primary-nav .pv4-admin-nav-link {
    display: none !important;
  }

  html body.tv-user-page .page > header .pv4-icons {
    grid-area: actions !important;
    justify-self: end !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  html body.tv-user-page .page > header
  .pv4-notification-placeholder {
    display: none !important;
  }

  html body.tv-user-page .page > header
  .pv4-icons .pv4-search-menu {
    position: relative !important;
  }

  html body.tv-user-page .page > header
  .pv4-icons .pv4-search-menu-trigger {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  html body.tv-user-page .page > header
  .pv4-icons > a.pv4-profile-link {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 4px !important;
    justify-content: center !important;
  }

  html body.tv-user-page .page > header
  .pv4-icons > a.pv4-profile-link > .pv4-avatar {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }

  html body.tv-user-page .page > header
  .pv4-icons > a.pv4-profile-link > .pv4-profile-name {
    display: none !important;
  }

  html body.tv-user-page .page > header .nav-logout button {
    min-height: 44px !important;
    padding: 0 11px !important;
    border-radius: 10px !important;
    font-size: 0.76rem !important;
  }

  html body.tv-user-page .pv4-search-menu-panel {
    position: fixed !important;
    z-index: 1000 !important;
    top: var(--tv-mobile-search-top, 118px) !important;
    right: 10px !important;
    left: 10px !important;

    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--tv-mobile-search-top, 118px) - 10px) !important;
    overflow-y: auto !important;
  }

  html body.tv-user-page .pv4-search-menu-panel::before {
    display: none !important;
    content: none !important;
  }

  html body.tv-user-page .pv4-search-menu-controls input,
  html body.tv-user-page .pv4-search-menu-controls button {
    min-height: 44px !important;
  }

  html body.tv-user-page.tv-anonymous
  .page > header.pv4-integrated-header .pv4-topbar-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "brand" !important;
  }

  html body.tv-user-page.tv-anonymous
  .page > header .pv4-brand {
    justify-self: center !important;
  }
}

@media (max-width: 420px) {
  html body.tv-user-page .page {
    width: min(var(--page-width), calc(100% - 16px)) !important;
  }

  html body.tv-user-page .page > header.pv4-integrated-header
  .pv4-topbar-inner {
    gap: 8px 6px !important;
  }

  html body.tv-user-page .page > header .pv4-brand {
    gap: 0.34rem !important;
  }

  html body.tv-user-page .page > header .pv4-brand-mark {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  html body.tv-user-page .page > header
  .pv4-brand-wordmark.izledimmi-wordmark > strong,
  html body.tv-user-page .page > header
  .pv4-brand-wordmark.izledimmi-wordmark > span {
    font-size: 0.82rem !important;
  }

  html body.tv-user-page .page > header .pv4-icons {
    gap: 4px !important;
  }

  html body.tv-user-page .page > header .nav-logout button {
    padding: 0 8px !important;
    font-size: 0.72rem !important;
  }

  html body.tv-user-page .page > header nav.pv4-primary-nav {
    gap: 5px !important;
  }

  html body.tv-user-page .page > header nav.pv4-primary-nav a {
    padding: 0 4px !important;
    font-size: 0.74rem !important;
  }

  html body.tv-user-page .pv4-search-menu-heading span {
    display: none !important;
  }
}

/* TVTRACKER_MOBILE_LOGIN_HOME_PHASE2 */
@media (max-width:760px){html body.tv-user-page.tv-anonymous .auth-shell{min-height:auto !important;padding:4px 0 24px !important;place-items:start center !important;}
html body.tv-user-page.tv-anonymous .auth-card.section{width:100% !important;margin-top:0 !important;padding:22px 18px !important;border-radius:20px !important;}
html body.tv-user-page.tv-anonymous .auth-card h1{margin:2px 0 8px !important;font-size:clamp(2.15rem,11vw,2.85rem) !important;line-height:0.98 !important;}
html body.tv-user-page.tv-anonymous .auth-card > p{margin:0 !important;font-size:0.90rem !important;line-height:1.5 !important;}
html body.tv-user-page.tv-anonymous .auth-form{gap:12px !important;margin-top:18px !important;}
html body.tv-user-page.tv-anonymous .auth-form label{gap:7px !important;font-size:0.76rem !important;}
html body.tv-user-page.tv-anonymous .auth-form input{min-height:48px !important;padding:12px 13px !important;border-radius:14px !important;font-size:16px !important;}
html body.tv-user-page.tv-anonymous .auth-form .button,html body.tv-user-page.tv-anonymous .demo-login-button{width:100% !important;min-height:48px !important;}
html body.tv-user-page.tv-anonymous .demo-login-card{gap:14px !important;margin-top:18px !important;padding:16px !important;border-radius:16px !important;}
html body.tv-user-page.tv-anonymous .demo-login-copy h2{margin:0 0 7px !important;font-size:1.12rem !important;}
html body.tv-user-page.tv-anonymous .demo-login-copy p{font-size:0.84rem !important;line-height:1.48 !important;}
html body.tv-user-page.tv-authenticated .pv4-home{min-height:0 !important;margin:0 0 14px !important;padding:22px 18px 20px !important;border-radius:18px !important;}
html body.tv-user-page.tv-authenticated .pv4-home .pv4-grid{display:block !important;}
html body.tv-user-page.tv-authenticated .pv4-home .pv4-copy{width:100% !important;max-width:none !important;text-align:left !important;}
html body.tv-user-page.tv-authenticated .pv4-home .pv4-title{margin:0 0 12px !important;font-size:clamp(2.2rem,11.5vw,3.1rem) !important;line-height:0.96 !important;letter-spacing:-0.045em !important;}
html body.tv-user-page.tv-authenticated .pv4-home .pv4-lead{max-width:none !important;margin:0 !important;font-size:0.92rem !important;line-height:1.52 !important;}
html body.tv-user-page.tv-authenticated .pv4-home .pv4-hero-signal,html body.tv-user-page.tv-authenticated .pv4-home .pv4-visual,html body.tv-user-page.tv-authenticated .pv4-home .pv4-stage{display:none !important;}
html body.tv-user-page.tv-authenticated .pv4-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;margin-top:0 !important;}
html body.tv-user-page.tv-authenticated .pv4-stat{min-width:0 !important;min-height:88px !important;gap:9px !important;padding:12px 10px !important;border-radius:13px !important;}
html body.tv-user-page.tv-authenticated .pv4-stat .pv4-ic{width:36px !important;min-width:36px !important;height:36px !important;font-size:17px !important;}
html body.tv-user-page.tv-authenticated .pv4-stat p{font-size:0.70rem !important;line-height:1.15 !important;}
html body.tv-user-page.tv-authenticated .pv4-stat strong{margin:2px 0 1px !important;font-size:1.42rem !important;}
html body.tv-user-page.tv-authenticated .pv4-stat span{display:block !important;font-size:0.64rem !important;line-height:1.2 !important;}
html body.tv-user-page.tv-authenticated .next-section,html body.tv-user-page.tv-authenticated .upcoming-section,html body.tv-user-page.tv-authenticated .my-shows-section{margin-top:14px !important;padding:18px !important;border-radius:18px !important;}
html body.tv-user-page.tv-authenticated .next-section .section-head,html body.tv-user-page.tv-authenticated .upcoming-section .section-head,html body.tv-user-page.tv-authenticated .my-shows-section .section-head{display:grid !important;align-items:start !important;gap:6px !important;margin-bottom:14px !important;}
html body.tv-user-page.tv-authenticated .next-section .section-head h2,html body.tv-user-page.tv-authenticated .upcoming-section .section-head h2,html body.tv-user-page.tv-authenticated .my-shows-section .section-head h2{font-size:clamp(1.42rem,7vw,1.78rem) !important;line-height:1.05 !important;}
html body.tv-user-page.tv-authenticated .next-section .section-head p,html body.tv-user-page.tv-authenticated .upcoming-section .section-head p,html body.tv-user-page.tv-authenticated .my-shows-section .section-head p{margin-top:5px !important;font-size:0.80rem !important;line-height:1.42 !important;}
html body.tv-user-page.tv-authenticated .next-section .next-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-card{min-height:150px !important;grid-template-columns:112px minmax(0,1fr) !important;align-items:stretch !important;border-radius:14px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-art{width:112px !important;height:auto !important;min-height:150px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-art::after{background:linear-gradient(90deg,transparent 64%,rgba(15,23,42,0.58)) !important;}
html body.tv-user-page.tv-authenticated .next-section .next-body{min-width:0 !important;gap:7px !important;padding:13px 12px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-kicker{font-size:0.62rem !important;}
html body.tv-user-page.tv-authenticated .next-section .next-body h3{overflow:hidden !important;display:-webkit-box !important;margin:0 !important;font-size:1.10rem !important;line-height:1.08 !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;}
html body.tv-user-page.tv-authenticated .next-section .next-episode-name{gap:5px !important;font-size:0.78rem !important;}
html body.tv-user-page.tv-authenticated .next-section .next-episode-code-0170c,html body.tv-user-page.tv-authenticated .next-section .next-date,html body.tv-user-page.tv-authenticated .next-section .next-remaining{padding:4px 7px !important;font-size:0.66rem !important;}
html body.tv-user-page.tv-authenticated .next-section .next-episode-title-0170c{overflow:hidden !important;display:-webkit-box !important;font-size:0.76rem !important;line-height:1.2 !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;}
html body.tv-user-page.tv-authenticated .next-section .next-meta{gap:5px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-cta{position:static !important;display:block !important;width:100% !important;margin-top:1px !important;opacity:1 !important;font-size:0.68rem !important;line-height:1.25 !important;}
html body.tv-user-page.tv-authenticated .upcoming-head{grid-template-columns:minmax(0,1fr) auto !important;}
html body.tv-user-page.tv-authenticated .upcoming-count{align-self:start !important;min-height:38px !important;padding:7px 9px !important;font-size:0.70rem !important;}
html body.tv-user-page.tv-authenticated .upcoming-list{gap:8px !important;}
html body.tv-user-page.tv-authenticated .upcoming-row{grid-template-columns:52px minmax(0,1fr) !important;gap:9px !important;min-height:0 !important;padding:8px !important;border-radius:11px !important;}
html body.tv-user-page.tv-authenticated .upcoming-date{grid-row:1 / span 2 !important;min-height:62px !important;padding:6px 4px !important;}
html body.tv-user-page.tv-authenticated .upcoming-date strong{font-size:1.42rem !important;}
html body.tv-user-page.tv-authenticated .upcoming-copy{gap:4px !important;}
html body.tv-user-page.tv-authenticated .upcoming-show-name{font-size:0.90rem !important;}
html body.tv-user-page.tv-authenticated .upcoming-episode-line em{font-size:0.73rem !important;}
html body.tv-user-page.tv-authenticated .upcoming-meta{gap:4px 9px !important;font-size:0.64rem !important;}
html body.tv-user-page.tv-authenticated .upcoming-timer{grid-column:2 !important;width:100% !important;min-width:0 !important;height:58px !important;min-height:58px !important;margin-top:2px !important;padding:5px !important;border-radius:9px !important;}
html body.tv-user-page.tv-authenticated .upcoming-timer-unit{padding:5px 2px 4px !important;}
html body.tv-user-page.tv-authenticated .upcoming-timer-unit strong{font-size:1.10rem !important;}
html body.tv-user-page.tv-authenticated .upcoming-timer-unit small{font-size:0.42rem !important;}
html body.tv-user-page.tv-authenticated .upcoming-timer-note{display:none !important;}
html body.tv-user-page.tv-authenticated .home-show-search{margin:5px 0 12px !important;padding:10px !important;border-radius:15px !important;}
html body.tv-user-page.tv-authenticated .home-show-search label{margin-bottom:6px !important;font-size:0.72rem !important;}
html body.tv-user-page.tv-authenticated .home-show-search-row{flex-direction:row !important;align-items:stretch !important;gap:6px !important;}
html body.tv-user-page.tv-authenticated .home-show-search input[type="search"]{min-height:46px !important;padding:11px 12px !important;border-radius:12px !important;font-size:16px !important;}
html body.tv-user-page.tv-authenticated .home-show-search-clear{width:auto !important;min-height:46px !important;padding:0 10px !important;border-radius:12px !important;font-size:0.75rem !important;}
html body.tv-user-page.tv-authenticated .home-show-search-status{margin-top:6px !important;font-size:0.72rem !important;}
html body.tv-user-page.tv-authenticated .category-tabs{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important;padding:0 !important;}
html body.tv-user-page.tv-authenticated .category-tabs label{min-width:0 !important;min-height:44px !important;padding:8px 9px !important;justify-content:space-between !important;gap:6px !important;border-radius:10px !important;font-size:0.72rem !important;line-height:1.15 !important;}
html body.tv-user-page.tv-authenticated .category-tabs label strong{flex:0 0 auto !important;}
html body.tv-user-page.tv-authenticated .category-panel{padding:10px !important;border-radius:14px !important;}
html body.tv-user-page.tv-authenticated .category-head{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;margin-bottom:10px !important;}
html body.tv-user-page.tv-authenticated .category-head h3{font-size:1.08rem !important;}
html body.tv-user-page.tv-authenticated .category-head p{font-size:0.72rem !important;line-height:1.35 !important;}
html body.tv-user-page.tv-authenticated .category-head > span{padding:6px 8px !important;font-size:0.68rem !important;}
html body.tv-user-page.tv-authenticated .category-grid{grid-template-columns:1fr !important;gap:8px !important;}
html body.tv-user-page.tv-authenticated .category-show-card{min-height:122px !important;grid-template-columns:76px minmax(0,1fr) !important;gap:10px !important;padding:9px !important;border-radius:13px !important;}
html body.tv-user-page.tv-authenticated .category-show-card .show-poster{width:76px !important;min-width:76px !important;height:104px !important;border-radius:11px !important;}
html body.tv-user-page.tv-authenticated .category-show-card .show-poster img,html body.tv-user-page.tv-authenticated .category-show-card .show-poster .poster-placeholder{border-radius:11px !important;}
html body.tv-user-page.tv-authenticated .category-show-card .show-card-body{gap:6px !important;}
html body.tv-user-page.tv-authenticated .category-show-card .status-badge{font-size:0.62rem !important;}
html body.tv-user-page.tv-authenticated .category-show-card h3{font-size:0.94rem !important;}
html body.tv-user-page.tv-authenticated .category-show-card p{font-size:0.74rem !important;}
}

@media (max-width:420px){html body.tv-user-page.tv-anonymous .auth-card.section{padding:20px 15px !important;}
html body.tv-user-page.tv-authenticated .pv4-home{padding:20px 15px 18px !important;}
html body.tv-user-page.tv-authenticated .pv4-home .pv4-title{font-size:2.12rem !important;}
html body.tv-user-page.tv-authenticated .pv4-stat{min-height:82px !important;padding:10px 8px !important;}
html body.tv-user-page.tv-authenticated .pv4-stat .pv4-ic{width:32px !important;min-width:32px !important;height:32px !important;}
html body.tv-user-page.tv-authenticated .next-section,html body.tv-user-page.tv-authenticated .upcoming-section,html body.tv-user-page.tv-authenticated .my-shows-section{padding:15px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-card{grid-template-columns:96px minmax(0,1fr) !important;min-height:142px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-art{width:96px !important;min-height:142px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-body{padding:11px 10px !important;}
html body.tv-user-page.tv-authenticated .next-section .next-kicker{display:none !important;}
html body.tv-user-page.tv-authenticated .upcoming-row{grid-template-columns:48px minmax(0,1fr) !important;gap:7px !important;padding:7px !important;}
html body.tv-user-page.tv-authenticated .upcoming-timer-unit strong{font-size:1rem !important;}
html body.tv-user-page.tv-authenticated .category-tabs label{padding:7px !important;font-size:0.68rem !important;}
}

/* TVTRACKER_MOBILE_SHOW_DETAIL_PHASE3 */
@media (max-width: 760px) {
  html body.tv-user-page.tv-authenticated .show-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .poster-button {
    justify-self: center !important;
    width: min(44vw, 160px) !important;
    max-width: 160px !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 2 / 3 !important;
    border-radius: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .poster-button img {
    border-radius: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .poster-button span {
    right: 7px !important;
    bottom: 7px !important;
    padding: 5px 8px !important;
    font-size: 0.66rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .show-copy {
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .eyebrow {
    font-size: 0.66rem !important;
    letter-spacing: 0.10em !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero h1 {
    margin: 7px 0 11px !important;
    font-size: clamp(2.15rem, 11vw, 3rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.05em !important;
    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .show-copy > p {
    max-width: none !important;
    font-size: 0.84rem !important;
    line-height: 1.52 !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .show-bulk-actions-0156 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 10px 0 13px !important;
    padding: 8px !important;
    border-radius: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .show-quick-label {
    grid-column: 1 / -1 !important;
    padding: 0 3px 2px !important;
    white-space: normal !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .show-bulk-actions-0156 form,
  html body.tv-user-page.tv-authenticated
  .show-hero .mini-action {
    width: 100% !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .mini-action {
    min-height: 44px !important;
    padding: 8px 9px !important;
    border-radius: 11px !important;
    font-size: 0.73rem !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .meta > span {
    padding: 6px 8px !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, 0.40) !important;
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .imdb-logo-link {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-rating-panel {
    width: 100% !important;
    margin: 13px 0 0 !important;
    padding: 11px !important;
    border-radius: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-picker,
  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-picker {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    padding: 6px !important;
    border-radius: 13px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-option span,
  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-option span {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    font-size: 1.25rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .rating-clear-option span,
  html body.tv-user-page.tv-authenticated
  .season-toolbar .rating-clear-option span {
    width: 100% !important;
    min-height: 40px !important;
    padding: 5px 4px !important;
    justify-content: center !important;
    border-radius: 9px !important;
    font-size: 0.67rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .actions,
  html body.tv-user-page.tv-authenticated
  .show-hero .actions form {
    width: 100% !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .actions {
    margin-top: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .actions form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .actions select,
  html body.tv-user-page.tv-authenticated
  .show-hero .actions .button {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-section {
    margin-top: 14px !important;
    padding: 15px !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-section > .section-head {
    margin-bottom: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-section > .section-head h2 {
    font-size: 1.55rem !important;
    line-height: 1.05 !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-section > .section-head p {
    margin-top: 5px !important;
    font-size: 0.78rem !important;
    line-height: 1.42 !important;
  }

  html body.tv-user-page.tv-authenticated
  .season {
    margin-bottom: 10px !important;
    border-radius: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .season summary {
    min-height: 52px !important;
    padding: 12px 13px !important;
    gap: 9px !important;
  }

  html body.tv-user-page.tv-authenticated
  .season summary > span {
    font-size: 0.92rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .season summary small {
    font-size: 0.70rem !important;
    text-align: right !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar > form:not(.season-rating-form),
  html body.tv-user-page.tv-authenticated
  .season-toolbar > form:not(.season-rating-form) .mini-button {
    width: 100% !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .mini-button {
    min-height: 44px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
    font-size: 0.68rem !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .season-rating-form {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .season-rating-form > label {
    font-size: 0.70rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-list {
    gap: 8px !important;
    padding: 8px !important;
    border-top: 1px solid var(--line) !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row {
    grid-template-columns: 44px 76px minmax(0, 1fr) !important;
    grid-template-areas:
      "toggle thumb copy"
      "actions actions actions" !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-radius: 12px !important;
    background: rgba(15, 23, 42, 0.34) !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row.watched {
    opacity: 0.72 !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row > form:first-child {
    grid-area: toggle !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .watch-toggle {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    font-size: 1.05rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-thumb {
    grid-area: thumb !important;
    width: 76px !important;
    height: 52px !important;
    border-radius: 10px !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-copy {
    grid-area: copy !important;
    min-width: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-copy strong {
    overflow: hidden !important;
    display: -webkit-box !important;
    font-size: 0.82rem !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-copy span {
    margin-top: 4px !important;
    font-size: 0.66rem !important;
    line-height: 1.3 !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-actions {
    grid-area: actions !important;
    width: 100% !important;
    justify-content: stretch !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-actions form,
  html body.tv-user-page.tv-authenticated
  .episode-row .episode-actions .mini-button {
    width: 100% !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-actions .mini-button {
    min-height: 44px !important;
    border-radius: 10px !important;
    font-size: 0.71rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .danger-zone {
    margin-top: 14px !important;
    padding: 15px !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .danger-zone .section-head {
    margin-bottom: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .danger-zone .section-head h2 {
    font-size: 1.35rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .danger-zone .section-head p,
  html body.tv-user-page.tv-authenticated
  .delete-show-form label {
    font-size: 0.76rem !important;
    line-height: 1.42 !important;
  }

  html body.tv-user-page.tv-authenticated
  .delete-show-form input,
  html body.tv-user-page.tv-authenticated
  .delete-show-form .button {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .lightbox {
    padding: 12px !important;
  }
}

@media (max-width: 420px) {
  html body.tv-user-page.tv-authenticated
  .show-hero {
    padding: 14px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .poster-button {
    width: min(42vw, 142px) !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero h1 {
    font-size: 2.05rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-option span,
  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-option span {
    height: 38px !important;
    font-size: 1.15rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-section,
  html body.tv-user-page.tv-authenticated
  .danger-zone {
    padding: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row {
    grid-template-columns: 44px 64px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 7px !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-thumb {
    width: 64px !important;
    height: 46px !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-copy strong {
    font-size: 0.76rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-row .episode-copy span {
    font-size: 0.62rem !important;
  }
}

/* TVTRACKER_MOBILE_SHOW_DETAIL_PHASE3_HOTFIX1 */
@media (max-width: 760px) {
  html body.tv-user-page.tv-authenticated .show-hero,
  html body.tv-user-page.tv-authenticated .show-hero > *,
  html body.tv-user-page.tv-authenticated .show-copy,
  html body.tv-user-page.tv-authenticated .show-copy > *,
  html body.tv-user-page.tv-authenticated .rating-panel,
  html body.tv-user-page.tv-authenticated .rating-form,
  html body.tv-user-page.tv-authenticated .star-picker,
  html body.tv-user-page.tv-authenticated .episode-section,
  html body.tv-user-page.tv-authenticated .season,
  html body.tv-user-page.tv-authenticated .season-toolbar,
  html body.tv-user-page.tv-authenticated .season-toolbar > *,
  html body.tv-user-page.tv-authenticated .season-rating-form,
  html body.tv-user-page.tv-authenticated .episode-list,
  html body.tv-user-page.tv-authenticated .episode-row,
  html body.tv-user-page.tv-authenticated .episode-row > *,
  html body.tv-user-page.tv-authenticated .danger-zone,
  html body.tv-user-page.tv-authenticated .delete-show-form {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.tv-user-page.tv-authenticated .show-hero,
  html body.tv-user-page.tv-authenticated .episode-section,
  html body.tv-user-page.tv-authenticated .danger-zone {
    width: 100% !important;
    overflow-x: clip !important;
  }

  html body.tv-user-page.tv-authenticated .season {
    width: 100% !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-bulk-actions-0156 {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .meta > span,
  html body.tv-user-page.tv-authenticated
  .episode-copy,
  html body.tv-user-page.tv-authenticated
  .episode-copy strong,
  html body.tv-user-page.tv-authenticated
  .episode-copy span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-picker,
  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-picker {
    display: flex !important;
    grid-template-columns: none !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 2px !important;
    padding: 5px 4px !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-option,
  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-option {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-option span {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 !important;
    font-size: 1.20rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-option span {
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    padding: 0 !important;
    font-size: 1.02rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .rating-clear-option {
    flex: 0 0 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .rating-clear-option span {
    width: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 2px !important;
    justify-content: center !important;
    font-size: 0.58rem !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .rating-clear-option {
    flex: 0 0 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .rating-clear-option span {
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 1px !important;
    justify-content: center !important;
    font-size: 0.54rem !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page.tv-authenticated
  .season summary {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .season summary > span {
    min-width: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .season summary small {
    flex: 0 1 auto !important;
    max-width: 46% !important;
    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page.tv-authenticated
  .episode-actions,
  html body.tv-user-page.tv-authenticated
  .episode-actions form,
  html body.tv-user-page.tv-authenticated
  .episode-actions .mini-button {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 420px) {
  html body.tv-user-page.tv-authenticated
  .show-hero .star-picker,
  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-picker {
    gap: 1px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .star-option span {
    height: 33px !important;
    font-size: 1.05rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .rating-clear-option {
    flex-basis: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero .rating-clear-option span {
    width: 32px !important;
    min-width: 32px !important;
    min-height: 33px !important;
    font-size: 0.53rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .star-option span {
    height: 30px !important;
    font-size: 0.94rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .rating-clear-option {
    flex-basis: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
  }

  html body.tv-user-page.tv-authenticated
  .season-toolbar .rating-clear-option span {
    width: 29px !important;
    min-width: 29px !important;
    min-height: 30px !important;
    font-size: 0.49rem !important;
  }
}

/* TVTRACKER_MOBILE_HORIZONTAL_OVERFLOW_HOTFIX2 */
@media (max-width: 760px) {
  html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
  }

  html body.tv-user-page {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  html body.tv-user-page .page {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow-x: clip !important;
  }

  html body.tv-user-page .footer {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow-x: clip !important;
  }

  html body.tv-user-page .page::before {
    display: none !important;
    content: none !important;
  }

  html body.tv-user-page
  .page > header.pv4-integrated-header {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.tv-user-page
  .page > header.pv4-integrated-header
  .pv4-topbar-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.tv-user-page
  .page > header
  nav.pv4-primary-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.tv-user-page
  .page > header
  nav.pv4-primary-nav::before,
  html body.tv-user-page
  .page > header
  nav.pv4-primary-nav::after,
  html body.tv-user-page
  .page > header
  .pv4-brand::before,
  html body.tv-user-page
  .page > header
  .pv4-brand::after,
  html body.tv-user-page
  .page > header
  .pv4-topbar-inner::before,
  html body.tv-user-page
  .page > header
  .pv4-topbar-inner::after {
    display: none !important;
    content: none !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero,
  html body.tv-user-page.tv-authenticated
  .show-copy,
  html body.tv-user-page.tv-authenticated
  .rating-panel,
  html body.tv-user-page.tv-authenticated
  .rating-form,
  html body.tv-user-page.tv-authenticated
  .star-picker,
  html body.tv-user-page.tv-authenticated
  .episode-section,
  html body.tv-user-page.tv-authenticated
  .season,
  html body.tv-user-page.tv-authenticated
  .season-toolbar,
  html body.tv-user-page.tv-authenticated
  .episode-list,
  html body.tv-user-page.tv-authenticated
  .episode-row,
  html body.tv-user-page.tv-authenticated
  .danger-zone,
  html body.tv-user-page.tv-authenticated
  .delete-show-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero,
  html body.tv-user-page.tv-authenticated
  .episode-section,
  html body.tv-user-page.tv-authenticated
  .danger-zone,
  html body.tv-user-page.tv-authenticated
  .season,
  html body.tv-user-page.tv-authenticated
  .episode-list {
    overflow-x: clip !important;
  }

  html body.tv-user-page.tv-authenticated
  .show-hero img,
  html body.tv-user-page.tv-authenticated
  .episode-section img,
  html body.tv-user-page.tv-authenticated
  .danger-zone img {
    max-width: 100% !important;
  }

  html body.tv-user-page .lightbox {
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow-x: hidden !important;
  }

  html body.tv-user-page .tv-scroll-top-0167 {
    right: 10px !important;
    max-width: 44px !important;
  }
}

/* TVTRACKER_MOBILE_CATALOG_ADD_SHOW_PHASE4 */
@media (max-width: 760px) {
  html body.tv-user-page .pv4-search-menu-panel {
    right: 8px !important;
    left: 8px !important;
    width: auto !important;
    max-width: none !important;
    padding: 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  html body.tv-user-page .pv4-search-menu-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    margin-bottom: 9px !important;
  }

  html body.tv-user-page .pv4-search-menu-heading strong {
    font-size: 0.82rem !important;
  }

  html body.tv-user-page .pv4-search-menu-heading span,
  html body.tv-user-page .pv4-search-menu-form small {
    font-size: 0.68rem !important;
    line-height: 1.35 !important;
  }

  html body.tv-user-page .pv4-search-menu-controls {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 7px !important;
  }

  html body.tv-user-page .pv4-search-menu-controls input {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    padding: 0 11px !important;
    font-size: 16px !important;
  }

  html body.tv-user-page .pv4-search-menu-controls button {
    min-width: 58px !important;
    height: 46px !important;
    padding: 0 12px !important;
  }

  html body.tv-user-page .global-search-page,
  html body.tv-user-page .global-search-page > .section,
  html body.tv-user-page .search-intro,
  html body.tv-user-page .merged-search-results,
  html body.tv-user-page .preview-show-hero,
  html body.tv-user-page .preview-episode-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body.tv-user-page .global-search-page {
    margin: 10px 0 24px !important;
  }

  html body.tv-user-page .global-search-page > .section,
  html body.tv-user-page .search-intro,
  html body.tv-user-page .merged-search-results {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 15px !important;
    border-radius: 18px !important;
    overflow-x: clip !important;
  }

  html body.tv-user-page .global-search-hero h1,
  html body.tv-user-page .search-intro h1 {
    margin: 6px 0 9px !important;
    font-size: clamp(2rem, 10vw, 2.65rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.04em !important;
  }

  html body.tv-user-page .global-search-hero-copy > p,
  html body.tv-user-page .search-intro > p {
    font-size: 0.82rem !important;
    line-height: 1.48 !important;
  }

  html body.tv-user-page .global-search-page-form,
  html body.tv-user-page .merged-search-form,
  html body.tv-user-page .preview-id-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
  }

  html body.tv-user-page .global-search-page-form input,
  html body.tv-user-page .merged-search-form input,
  html body.tv-user-page .preview-id-form input,
  html body.tv-user-page .global-search-page-form .button,
  html body.tv-user-page .merged-search-form .button,
  html body.tv-user-page .preview-id-form .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
  }

  html body.tv-user-page .global-search-page-form input,
  html body.tv-user-page .merged-search-form input,
  html body.tv-user-page .preview-id-form input {
    font-size: 16px !important;
  }

  html body.tv-user-page .global-search-stats,
  html body.tv-user-page .merged-search-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  html body.tv-user-page .global-search-stats span,
  html body.tv-user-page .merged-search-stats span {
    min-width: 0 !important;
    padding: 7px 8px !important;
    font-size: 0.68rem !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page .global-search-results > .section-head,
  html body.tv-user-page .merged-search-results > .section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-bottom: 12px !important;
  }

  html body.tv-user-page .global-search-results .section-head h2,
  html body.tv-user-page .merged-search-results .section-head h2 {
    font-size: 1.45rem !important;
    line-height: 1.05 !important;
  }

  html body.tv-user-page .global-search-results .section-head p,
  html body.tv-user-page .merged-search-results .section-head p {
    margin-top: 4px !important;
    font-size: 0.76rem !important;
    line-height: 1.4 !important;
  }

  html body.tv-user-page .global-search-legend,
  html body.tv-user-page .search-legend {
    justify-content: flex-start !important;
    gap: 5px !important;
  }

  html body.tv-user-page .preview-state-badge {
    padding: 5px 7px !important;
    font-size: 0.49rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page .global-search-grid,
  html body.tv-user-page .preview-search-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.tv-user-page .global-search-card,
  html body.tv-user-page .preview-result-card {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 9px !important;
    box-sizing: border-box !important;
    border-radius: 13px !important;
    overflow: hidden !important;
  }

  html body.tv-user-page .global-search-poster,
  html body.tv-user-page .preview-result-poster {
    width: 82px !important;
    min-width: 82px !important;
    height: 123px !important;
    border-radius: 10px !important;
  }

  html body.tv-user-page .global-search-card-body,
  html body.tv-user-page .preview-result-card .show-card-body {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  html body.tv-user-page .global-search-card-heading,
  html body.tv-user-page .preview-result-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  html body.tv-user-page .global-search-card-heading h3,
  html body.tv-user-page .preview-result-heading h3 {
    min-width: 0 !important;
    font-size: 0.91rem !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page .global-search-card-heading .preview-state-badge,
  html body.tv-user-page .preview-result-heading .preview-state-badge {
    justify-self: start !important;
  }

  html body.tv-user-page .global-search-original-name,
  html body.tv-user-page .global-search-meta,
  html body.tv-user-page .preview-result-meta {
    min-width: 0 !important;
    font-size: 0.62rem !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page .global-search-summary,
  html body.tv-user-page .preview-result-summary {
    margin: 7px 0 8px !important;
    font-size: 0.69rem !important;
    line-height: 1.38 !important;
    -webkit-line-clamp: 3 !important;
  }

  html body.tv-user-page .global-search-open,
  html body.tv-user-page .preview-open-button {
    width: 100% !important;
    min-height: 42px !important;
    margin-top: auto !important;
    padding: 7px 8px !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 0.70rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  html body.tv-user-page .global-search-empty {
    padding: 12px !important;
  }

  html body.tv-user-page .global-search-empty-content {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 13px !important;
  }

  html body.tv-user-page .global-search-empty-icon {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    font-size: 1.25rem !important;
  }

  html body.tv-user-page .global-search-empty-content strong {
    font-size: 0.92rem !important;
  }

  html body.tv-user-page .global-search-empty-content p {
    margin-top: 4px !important;
    font-size: 0.72rem !important;
    line-height: 1.4 !important;
  }

  html body.tv-user-page .search-filter-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 13px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border-radius: 13px !important;
  }

  html body.tv-user-page .search-source-filters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  html body.tv-user-page .search-source-filter,
  html body.tv-user-page .library-result-toggle {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    justify-content: space-between !important;
    padding: 7px 9px !important;
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
  }

  html body.tv-user-page .library-filter-info {
    padding: 4px 3px !important;
    font-size: 0.69rem !important;
    line-height: 1.38 !important;
  }

  html body.tv-user-page .preview-show-hero .preview-title-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: start !important;
    gap: 6px !important;
  }

  html body.tv-user-page .preview-show-hero .preview-notice {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 3px 0 12px !important;
    padding: 10px !important;
  }

  html body.tv-user-page .preview-show-hero .preview-notice strong {
    font-size: 0.78rem !important;
  }

  html body.tv-user-page .preview-show-hero .preview-notice span {
    font-size: 0.70rem !important;
    line-height: 1.38 !important;
  }

  html body.tv-user-page .preview-follow-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  html body.tv-user-page .preview-follow-panel strong {
    font-size: 0.84rem !important;
  }

  html body.tv-user-page .preview-follow-panel span {
    font-size: 0.70rem !important;
    line-height: 1.4 !important;
  }

  html body.tv-user-page .preview-follow-panel form,
  html body.tv-user-page .preview-follow-panel .preview-follow-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.tv-user-page .preview-follow-panel .preview-follow-button {
    min-height: 46px !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }

  html body.tv-user-page .episode-row.preview-episode-row {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-areas: "thumb copy" !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 8px !important;
  }

  html body.tv-user-page .preview-episode-row .episode-thumb {
    grid-area: thumb !important;
    width: 76px !important;
    min-width: 76px !important;
    height: 52px !important;
  }

  html body.tv-user-page .preview-episode-row .episode-copy {
    grid-area: copy !important;
  }

  html body.tv-user-page.tv-authenticated .auth-shell {
    min-height: 0 !important;
    padding: 4px 0 22px !important;
    place-items: start center !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 19px 16px !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-card h1 {
    margin: 5px 0 10px !important;
    font-size: 2rem !important;
    line-height: 1 !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-card p {
    font-size: 0.80rem !important;
    line-height: 1.48 !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-form .button {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
  }
}

@media (max-width: 420px) {
  html body.tv-user-page .global-search-page > .section,
  html body.tv-user-page .search-intro,
  html body.tv-user-page .merged-search-results {
    padding: 12px !important;
  }

  html body.tv-user-page .global-search-card,
  html body.tv-user-page .preview-result-card {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  html body.tv-user-page .global-search-poster,
  html body.tv-user-page .preview-result-poster {
    width: 72px !important;
    min-width: 72px !important;
    height: 108px !important;
  }

  html body.tv-user-page .global-search-summary,
  html body.tv-user-page .preview-result-summary {
    -webkit-line-clamp: 2 !important;
  }

  html body.tv-user-page .episode-row.preview-episode-row {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

  html body.tv-user-page .preview-episode-row .episode-thumb {
    width: 64px !important;
    min-width: 64px !important;
    height: 46px !important;
  }
}

/* TVTRACKER_MOBILE_SEARCH_MENU_UNCLIP */
@media (max-width: 760px) {
  html body.tv-user-page
  .page > header.pv4-integrated-header,
  html body.tv-user-page
  .page > header.pv4-integrated-header
  .pv4-topbar-inner,
  html body.tv-user-page
  .page > header
  .pv4-icons,
  html body.tv-user-page
  .page > header
  .pv4-search-menu {
    overflow: visible !important;
  }

  html body.tv-user-page
  .page > header
  .pv4-icons {
    position: relative !important;
    z-index: 2147482000 !important;
  }

  html body.tv-user-page
  .page > header
  .pv4-search-menu {
    position: relative !important;
    z-index: 2147482100 !important;
  }

  html body.tv-user-page
  .page > header
  .pv4-search-menu-trigger {
    position: relative !important;
    z-index: 2147482200 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  html body.tv-user-page
  .pv4-search-menu-panel {
    position: fixed !important;
    top: var(--tv-mobile-search-top, 128px) !important;
    right: 8px !important;
    left: 8px !important;
    z-index: 2147483000 !important;

    width: auto !important;
    max-width: none !important;
    max-height:
      calc(
        100dvh -
        var(--tv-mobile-search-top, 128px) -
        12px
      ) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body.tv-user-page
  .pv4-search-menu-panel[hidden] {
    display: none !important;
  }

  html body.tv-user-page
  .pv4-search-menu-panel:not([hidden]) {
    display: block !important;
  }
}

/* TVTRACKER_MOBILE_UPCOMING_LAYOUT_HOTFIX */
@media (max-width: 760px) {
  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-row {
    display: grid !important;

    grid-template-columns:
      52px
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto !important;

    grid-template-areas:
      "date copy"
      "date timer" !important;

    align-items: stretch !important;
    gap: 8px 9px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;

    padding: 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date {
    grid-area: date !important;
    grid-row: auto !important;
    grid-column: auto !important;

    align-self: stretch !important;

    width: 52px !important;
    min-width: 52px !important;
    min-height: 100% !important;

    padding: 6px 4px !important;
    box-sizing: border-box !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-art {
    display: none !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-copy {
    grid-area: copy !important;
    grid-row: auto !important;
    grid-column: auto !important;

    align-self: center !important;

    display: grid !important;
    gap: 4px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-show-name {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;
    font-size: 0.90rem !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-episode-line {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-episode-line b {
    flex: 0 0 auto !important;
    padding: 3px 5px !important;
    font-size: 0.62rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-episode-line em {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    overflow: hidden !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px 8px !important;

    width: 100% !important;
    min-width: 0 !important;

    font-size: 0.62rem !important;
    line-height: 1.25 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-meta span + span::before {
    margin-right: 8px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer {
    grid-area: timer !important;
    grid-row: auto !important;
    grid-column: auto !important;

    position: relative !important;
    align-self: stretch !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 58px !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 5px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-grid {
    display: grid !important;

    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit {
    display: grid !important;

    grid-template-rows:
      minmax(0, 1fr)
      auto !important;

    place-items: center !important;

    min-width: 0 !important;
    padding: 4px 2px 3px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit strong {
    font-size: 1.05rem !important;
    line-height: 1 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit small {
    font-size: 0.42rem !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-note {
    display: none !important;
  }
}

@media (max-width: 390px) {
  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-row {
    grid-template-columns:
      46px
      minmax(0, 1fr) !important;

    gap: 7px !important;
    padding: 7px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date {
    width: 46px !important;
    min-width: 46px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date strong {
    font-size: 1.28rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer {
    height: 56px !important;
    min-height: 56px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit strong {
    font-size: 0.96rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit small {
    font-size: 0.39rem !important;
  }
}

/* TVTRACKER_MOBILE_UPCOMING_CARD_REBUILD */
@media (max-width: 760px) {
  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-row {
    display: grid !important;

    grid-template-columns:
      72px
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto !important;

    grid-template-areas:
      "date copy"
      "timer timer" !important;

    align-items: start !important;
    gap: 10px 12px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;

    padding: 12px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;
    border-radius: 14px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-art {
    display: none !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date {
    grid-area: date !important;
    grid-row: auto !important;
    grid-column: auto !important;

    align-self: stretch !important;

    display: grid !important;
    grid-template-rows:
      minmax(0, 1fr)
      auto !important;

    place-items: center !important;

    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    min-height: 78px !important;

    padding: 9px 5px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;

    border:
      1px solid
      rgba(226, 176, 79, 0.24) !important;

    border-right:
      1px solid
      rgba(226, 176, 79, 0.24) !important;

    border-radius: 12px !important;

    background:
      linear-gradient(
        180deg,
        rgba(226, 176, 79, 0.10),
        rgba(226, 176, 79, 0.035)
      ) !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date small {
    display: none !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date strong {
    align-self: end !important;

    font-size: 2rem !important;
    line-height: 0.92 !important;
    letter-spacing: -0.06em !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date em {
    align-self: start !important;

    margin-top: 6px !important;

    font-size: 0.72rem !important;
    line-height: 1 !important;
    letter-spacing: 0.09em !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-copy {
    grid-area: copy !important;
    grid-row: auto !important;
    grid-column: auto !important;

    align-self: center !important;

    display: grid !important;
    gap: 7px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 2px 0 !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-show-name {
    display: -webkit-box !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;

    font-size: 1.08rem !important;
    line-height: 1.12 !important;

    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-episode-line {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-episode-line b {
    flex: 0 0 auto !important;

    padding: 5px 7px !important;

    font-size: 0.68rem !important;
    line-height: 1 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-episode-line em {
    flex: 1 1 120px !important;
    min-width: 0 !important;

    overflow: hidden !important;

    font-size: 0.78rem !important;
    line-height: 1.25 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    font-size: 0.68rem !important;
    line-height: 1.3 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-meta span {
    min-width: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-meta span + span::before {
    margin-right: 8px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer {
    grid-area: timer !important;
    grid-row: auto !important;
    grid-column: auto !important;

    position: relative !important;
    align-self: stretch !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 66px !important;
    min-height: 66px !important;

    margin: 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;
    border-radius: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-grid {
    display: grid !important;

    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;

    box-sizing: border-box !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit {
    display: grid !important;

    grid-template-rows:
      minmax(0, 1fr)
      auto !important;

    place-items: center !important;

    min-width: 0 !important;

    padding:
      5px
      3px
      4px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit strong {
    align-self: center !important;

    font-size: 1.30rem !important;
    line-height: 0.95 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit small {
    align-self: end !important;

    font-size: 0.48rem !important;
    line-height: 1 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer:not(.is-counting) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer:not(.is-counting)
  .upcoming-timer-grid {
    display: none !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer:not(.is-counting)
  .upcoming-timer-note {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    font-size: 0.76rem !important;
    line-height: 1.2 !important;

    opacity: 1 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer.is-counting
  .upcoming-timer-note {
    display: none !important;
  }
}

@media (max-width: 420px) {
  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-row {
    grid-template-columns:
      64px
      minmax(0, 1fr) !important;

    gap: 9px 10px !important;

    padding: 10px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    min-height: 72px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date strong {
    font-size: 1.75rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date em {
    font-size: 0.66rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-show-name {
    font-size: 0.98rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer {
    height: 62px !important;
    min-height: 62px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit strong {
    font-size: 1.12rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer-unit small {
    font-size: 0.43rem !important;
  }
}

/* TVTRACKER_MOBILE_UPCOMING_GRID_FINAL */
@media (max-width: 760px) {
  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-row {
    display: grid !important;

    grid-template-columns:
      72px
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto !important;

    column-gap: 12px !important;
    row-gap: 10px !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 0 !important;
    padding: 12px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;

    min-height: 78px !important;
    align-self: stretch !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;

    align-self: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 2px 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    align-self: stretch !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 64px !important;

    margin: 0 !important;
    padding: 6px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer.is-counting {
    min-height: 64px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer:not(.is-counting) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 8px 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer:not(.is-counting)
  .upcoming-timer-grid {
    display: none !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer:not(.is-counting)
  .upcoming-timer-note {
    position: static !important;

    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;

    color: rgba(226, 232, 240, 0.82) !important;

    font-size: 0.76rem !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    white-space: nowrap !important;

    opacity: 1 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer.is-counting
  .upcoming-timer-grid {
    display: grid !important;

    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer.is-counting
  .upcoming-timer-note {
    display: none !important;
  }
}

@media (max-width: 420px) {
  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-row {
    grid-template-columns:
      64px
      minmax(0, 1fr) !important;

    column-gap: 10px !important;
    row-gap: 9px !important;

    padding: 10px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-date {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    min-height: 72px !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section .upcoming-timer {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  html body.tv-user-page.tv-authenticated
  .upcoming-section
  .upcoming-timer:not(.is-counting) {
    min-height: 44px !important;
  }
}

/* TVTRACKER_MOBILE_STATS_PROFILE_DEMO_PHASE5 */
@media (max-width: 760px) {
  html body.tv-user-page.tv-authenticated
  .stats-hero,
  html body.tv-user-page.tv-authenticated
  .stats-kpi-grid,
  html body.tv-user-page.tv-authenticated
  .stats-chip-grid,
  html body.tv-user-page.tv-authenticated
  .stats-columns,
  html body.tv-user-page.tv-authenticated
  .stats-section,
  html body.tv-user-page.tv-authenticated
  .stats-note,
  html body.tv-user-page.tv-authenticated
  .stats-panel,
  html body.tv-user-page.tv-authenticated
  .stats-table-wrap,
  html body.tv-user-page.tv-authenticated
  .recent-watch-list,
  html body.tv-user-page.tv-authenticated
  .recent-watch-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;

    margin: 0 0 12px !important;
    padding: 18px 16px !important;

    overflow: hidden !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-hero h1 {
    margin: 7px 0 8px !important;

    font-size:
      clamp(
        2.2rem,
        11vw,
        3rem
      ) !important;

    line-height: 0.96 !important;
    letter-spacing: -0.05em !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-hero p {
    max-width: none !important;

    font-size: 0.84rem !important;
    line-height: 1.48 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-hero .button {
    width: 100% !important;
    min-height: 46px !important;

    justify-content: center !important;

    margin: 0 !important;
    border-radius: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-grid {
    display: grid !important;

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;

    gap: 8px !important;
    margin: 0 0 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-card {
    grid-column: auto !important;

    min-width: 0 !important;
    min-height: 120px !important;

    padding: 13px 11px !important;

    overflow: hidden !important;
    border-radius: 14px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-card-main {
    grid-column: 1 / -1 !important;
    min-height: 112px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-card span {
    display: block !important;

    font-size: 0.67rem !important;
    line-height: 1.24 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-card strong {
    display: block !important;

    max-width: 100% !important;

    margin: 8px 0 6px !important;

    font-size:
      clamp(
        1.25rem,
        6vw,
        1.65rem
      ) !important;

    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;

    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-card small {
    display: block !important;

    min-height: 0 !important;

    font-size: 0.62rem !important;
    line-height: 1.38 !important;

    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-section {
    margin-top: 12px !important;
    padding: 15px !important;

    overflow: hidden !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-section .section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 5px !important;
    margin-bottom: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-section .section-head h2 {
    font-size: 1.32rem !important;
    line-height: 1.08 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-section .section-head p {
    margin-top: 4px !important;

    font-size: 0.72rem !important;
    line-height: 1.4 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-chip-grid {
    display: grid !important;

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;

    gap: 7px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-chip-card {
    min-width: 0 !important;
    padding: 11px 9px !important;

    overflow: hidden !important;
    border-radius: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-chip-card span {
    font-size: 0.64rem !important;
    line-height: 1.22 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-chip-card strong {
    margin: 6px 0 4px !important;

    font-size: 0.98rem !important;
    line-height: 1.12 !important;

    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-chip-card small {
    font-size: 0.58rem !important;
    line-height: 1.3 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 12px !important;
    margin-top: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-columns .stats-section {
    margin-top: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-table-wrap {
    position: relative !important;

    display: block !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;

    border:
      1px solid
      rgba(
        148,
        163,
        184,
        0.12
      ) !important;

    border-radius: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-table {
    width: 100% !important;
    min-width: 440px !important;

    table-layout: auto !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-table th,
  html body.tv-user-page.tv-authenticated
  .stats-table td {
    padding: 10px 9px !important;

    font-size: 0.70rem !important;
    line-height: 1.3 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-table th {
    font-size: 0.64rem !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-table td:first-child {
    min-width: 160px !important;
    max-width: 220px !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-table td:nth-child(2),
  html body.tv-user-page.tv-authenticated
  .stats-table td:nth-child(3) {
    min-width: 96px !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-note {
    margin-top: 12px !important;
    padding: 14px !important;

    font-size: 0.72rem !important;
    line-height: 1.45 !important;

    overflow: hidden !important;
    border-radius: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-recent-panel {
    margin-top: 12px !important;
    padding: 15px !important;

    overflow: hidden !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;

    align-items: start !important;
    gap: 8px !important;

    margin-bottom: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-section-head h2 {
    margin-top: 4px !important;

    font-size: 1.35rem !important;
    line-height: 1.05 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-muted {
    align-self: start !important;

    padding: 5px 7px !important;

    font-size: 0.64rem !important;
    white-space: nowrap !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 8px !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 8px !important;
    align-items: start !important;

    padding: 11px !important;

    overflow: hidden !important;
    border-radius: 12px !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-main,
  html body.tv-user-page.tv-authenticated
  .recent-watch-show,
  html body.tv-user-page.tv-authenticated
  .recent-watch-episode,
  html body.tv-user-page.tv-authenticated
  .recent-watch-meta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-show {
    display: block !important;

    font-size: 0.86rem !important;
    line-height: 1.25 !important;

    overflow-wrap: anywhere !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-episode {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;

    margin-top: 5px !important;

    font-size: 0.69rem !important;
    line-height: 1.35 !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-meta {
    display: flex !important;
    flex-flow: row wrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 4px 10px !important;

    text-align: left !important;
    white-space: normal !important;

    font-size: 0.64rem !important;
    line-height: 1.3 !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-actions {
    margin-top: 10px !important;
  }

  html body.tv-user-page.tv-authenticated
  .recent-watch-actions .button {
    width: 100% !important;
    min-height: 44px !important;

    justify-content: center !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 0 !important;

    padding: 4px 0 22px !important;

    place-items: start center !important;
    overflow-x: clip !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-card,
  html body.tv-user-page.tv-authenticated
  .auth-shell .profile-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 19px 16px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;
    border-radius: 18px !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-card h1 {
    margin: 6px 0 9px !important;

    font-size:
      clamp(
        2.05rem,
        10vw,
        2.65rem
      ) !important;

    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-card > p {
    margin: 0 !important;

    font-size: 0.80rem !important;
    line-height: 1.48 !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 11px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-top: 16px !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-form label,
  html body.tv-user-page.tv-authenticated
  .demo-profile-lock label {
    min-width: 0 !important;

    gap: 6px !important;

    font-size: 0.70rem !important;
    line-height: 1.25 !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-form input,
  html body.tv-user-page.tv-authenticated
  .demo-profile-lock input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;

    padding: 11px 12px !important;
    box-sizing: border-box !important;

    border-radius: 12px !important;

    font-size: 16px !important;
  }

  html body.tv-user-page.tv-authenticated
  .auth-shell .auth-form .button,
  html body.tv-user-page.tv-authenticated
  .profile-password-link,
  html body.tv-user-page.tv-authenticated
  .demo-profile-lock .button {
    width: 100% !important;
    min-height: 48px !important;

    justify-content: center !important;

    box-sizing: border-box !important;
    border-radius: 12px !important;

    text-align: center !important;
  }

  html body.tv-user-page.tv-authenticated
  .profile-password-link {
    margin-top: 10px !important;
  }

  html body.tv-user-page.tv-authenticated
  .demo-profile-lock {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-top: 15px !important;
  }

  html body.tv-user-page.tv-authenticated
  .demo-profile-lock h2 {
    margin: 3px 0 0 !important;

    font-size: 1.22rem !important;
    line-height: 1.1 !important;
  }

  html body.tv-user-page.tv-authenticated
  .demo-profile-lock p {
    font-size: 0.76rem !important;
    line-height: 1.45 !important;
  }

  html body.tv-user-page.tv-authenticated
  .demo-contact-note {
    padding: 10px 11px !important;

    font-size: 0.72rem !important;
    line-height: 1.4 !important;
  }

  html body.tv-user-page
  .demo-soft-dialog {
    position: fixed !important;
    inset: 0 !important;

    width: calc(100% - 24px) !important;
    max-width: 500px !important;
    max-height: calc(100dvh - 24px) !important;

    margin: auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    border-radius: 18px !important;
  }

  html body.tv-user-page
  .demo-soft-dialog[open] {
    display: block !important;
  }

  html body.tv-user-page
  .demo-soft-dialog-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: calc(100dvh - 24px) !important;

    padding: 18px 16px !important;
    box-sizing: border-box !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;
  }

  html body.tv-user-page
  .demo-soft-dialog-inner h2 {
    font-size: 1.35rem !important;
    line-height: 1.08 !important;
  }

  html body.tv-user-page
  .demo-soft-dialog-inner p {
    font-size: 0.76rem !important;
    line-height: 1.45 !important;
  }

  html body.tv-user-page
  .demo-dialog-contact {
    padding: 10px 11px !important;

    font-size: 0.71rem !important;
    line-height: 1.4 !important;
  }

  html body.tv-user-page
  .demo-soft-dialog .button {
    width: 100% !important;
    min-height: 48px !important;

    justify-content: center !important;

    border-radius: 12px !important;
  }
}

@media (max-width: 390px) {
  html body.tv-user-page.tv-authenticated
  .stats-kpi-grid,
  html body.tv-user-page.tv-authenticated
  .stats-chip-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-card-main {
    grid-column: auto !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-kpi-card {
    min-height: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-chip-card {
    min-height: 0 !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-section-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.tv-user-page.tv-authenticated
  .stats-muted {
    justify-self: start !important;
  }

  html body.tv-user-page
  .demo-soft-dialog {
    width: calc(100% - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
  }

  html body.tv-user-page
  .demo-soft-dialog-inner {
    max-height: calc(100dvh - 16px) !important;
    padding: 16px 14px !important;
  }
}