/* Mobile is an independent product surface. Desktop rules remain untouched. */
@media (max-width:700px){
  :root{--mobile-gutter:16px;--mobile-dock-h:70px;--mobile-card-w:42vw}
  html{background:#050505;scroll-padding-bottom:calc(var(--mobile-dock-h) + env(safe-area-inset-bottom))}
  body{min-width:320px;background:#050505;padding-bottom:calc(var(--mobile-dock-h) + env(safe-area-inset-bottom));overflow-x:hidden}
  body:before{display:none}
  .site-header{position:absolute;height:62px;padding:0 var(--mobile-gutter);border:0;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent);isolation:isolate}
  .site-header:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent);pointer-events:none}
  .wordmark{gap:9px}.wordmark span{width:31px;height:31px;border-radius:0}.wordmark b{display:block!important;font-size:10px!important;letter-spacing:.07em!important}.site-header .wordmark:after{right:0;left:auto;top:calc(50% + 7px)}
  .site-header .actions{gap:6px}.site-header .actions a{height:34px;border:0;background:rgba(15,15,15,.46);backdrop-filter:blur(12px)}
  .site-header .actions .language{width:35px;border-radius:50%;font-size:9px}.site-header .actions .library-link{display:flex!important;width:35px;padding:0;border-radius:50%;font-size:0}.site-header .actions .library-link span{font-size:16px}
  .mobile-dock{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--mobile-dock-h) + env(safe-area-inset-bottom));padding:8px 4px calc(7px + env(safe-area-inset-bottom));border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:rgba(8,8,8,.94);box-shadow:0 -12px 35px rgba(0,0,0,.38);backdrop-filter:blur(22px) saturate(1.35)}
  .mobile-dock a{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#777;transition:color .18s ease,transform .18s ease}
  .mobile-dock a:active{transform:scale(.9)}.mobile-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-dock a:nth-child(2) svg path{fill:currentColor;stroke:none}
  .mobile-dock small{overflow:hidden;max-width:100%;font-size:9px;font-weight:550;line-height:1;white-space:nowrap;text-overflow:ellipsis}.mobile-dock a.active{color:#fff}.mobile-dock a.active:after{content:"";position:absolute;top:-8px;width:22px;height:2px;border-radius:0 0 3px 3px;background:var(--accent)}

  /* Home: artwork first, concise metadata, thumb-friendly rails. */
  .stream-home{background:#050505}.stream-home:has(>.stream-hero){padding-top:0}.stream-home .stream-hero{min-height:100svh;max-height:none;align-items:flex-end;background:#111}
  .stream-backdrop{inset:0 0 12%;background:#111}.stream-hero-image{width:100%;height:100%;object-fit:cover;object-position:68% center}.stream-home .stream-hero .stream-poster{top:0;right:0;bottom:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 18%;box-shadow:none}
  .stream-fade{background:linear-gradient(180deg,rgba(0,0,0,.12) 0,transparent 34%,rgba(5,5,5,.3) 58%,#050505 94%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 60%)}
  .stream-copy{width:100%;margin:0;padding:0 var(--mobile-gutter) 86px;text-align:center}.original-mark{justify-content:center;margin-bottom:11px;font-size:7px;letter-spacing:.2em}.stream-hero:has(.stream-hero-image) .original-mark{display:none}.original-mark img{max-width:74px;max-height:24px}.original-mark span{width:21px}
  .stream-copy .featured-title{display:block;font-size:clamp(34px,9vw,52px);line-height:.92}.match-line{justify-content:center;gap:9px;margin-bottom:10px;font-size:9px}.stream-summary{display:none}
  .stream-actions{justify-content:center;margin-top:14px;gap:8px}.watch-cta,.info-cta{min-height:42px;border-radius:5px;font-size:11px}.watch-cta{min-width:126px}.info-cta{min-width:126px;background:rgba(74,74,74,.76)}.maturity{display:none}
  .stream-rows{margin:0!important;padding:2px 0 18px}.media-shelf{margin:0 0 27px;padding-left:var(--mobile-gutter)}.media-shelf>header{align-items:center;margin-bottom:9px;padding-right:var(--mobile-gutter)}.media-shelf header small{display:none}.media-shelf h2{margin:0;font-size:18px;letter-spacing:-.025em}.shelf-controls{display:none}
  .media-rail{align-items:flex-start;gap:7px;padding:1px var(--mobile-gutter) 7px 0;scroll-snap-type:x mandatory;overflow-y:hidden}.media-card{width:var(--mobile-card-w);flex:0 0 var(--mobile-card-w);scroll-snap-align:start}.media-art{width:100%;height:calc(var(--mobile-card-w) * 1.5);aspect-ratio:auto;border-radius:7px;background:#171717;box-shadow:none}.media-art .poster-image{object-position:center}.card-gradient{background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 35%)}.card-play{display:none}.media-info{padding:7px 1px 0;gap:3px}.media-info strong{overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.media-info>span{font-size:7px}.media-info small{display:none}
  .media-card.ranked{width:calc(56px + 35vw);grid-template-columns:56px 35vw;flex-basis:calc(56px + 35vw)}.media-card.ranked>em{margin-right:-10px;font-size:92px;-webkit-text-stroke:1.5px #777}.media-card.ranked .media-art{width:35vw;height:52.5vw;aspect-ratio:auto}.media-card.ranked .media-info{display:none}

  /* Browse, search and trend. */
  .browse-page,.search-page,.trend-page,.library-page{padding-top:62px;background:#050505}.browse-page{padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter);padding-bottom:28px}.browse-hero{min-height:145px;padding:30px 0 20px}.browse-hero p,.eyebrow{font-size:7px}.browse-hero h1,.search-head h1,.library-head h1,.trend-hero h1{font-size:38px;line-height:.94;letter-spacing:-.05em}
  .browse-filters{top:0;margin:0 calc(var(--mobile-gutter) * -1);padding:11px var(--mobile-gutter);background:rgba(5,5,5,.92)}.browse-filters a{padding:8px 13px;font-size:9px}.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 7px;padding-top:13px}.browse-art{aspect-ratio:2/3;border-radius:6px}.browse-copy{padding:7px 1px}.browse-copy strong{font-size:10px}.browse-copy small{font-size:7px}.browse-copy p{display:none}
  .search-head,.library-head,.trend-hero{padding:32px var(--mobile-gutter) 25px;background:linear-gradient(180deg,rgba(255,89,61,.11),transparent)}.search-head:after,.library-head:after{display:none}.search-head h1,.library-head h1{margin:10px 0 22px}.search-form{gap:8px;margin-top:0}.search-form label,.search-form select{height:44px;border-radius:6px;background:#171717}.search-form .primary{min-height:44px;border-radius:6px}.search-results,.library-section{padding:27px var(--mobile-gutter) 30px}.search-results>header,.library-section>header{margin-bottom:16px}.search-results h2,.library-section h2{font-size:21px}.poster-grid.wide,.search-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 7px;padding:0}.poster-grid.wide>a{gap:7px}.poster{border-radius:6px}.poster-grid.wide>a>strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.poster-grid.wide>a>small{font-size:7px;line-height:1.35}
  .trend-hero{padding-top:35px}.trend-hero h1{margin:9px 0}.trend-hero>p:last-child{font-size:11px}.trend-board{padding:0 var(--mobile-gutter) 25px}.trend-board>a{grid-template-columns:30px 72px minmax(0,1fr);gap:10px;padding:12px 0}.trend-board>a>i{display:none}.trend-board em{font-size:18px}.trend-poster{height:88px;border-radius:6px}.trend-board h2{font-size:15px}.trend-board b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

  /* Detail pages use a full-bleed poster, then a clean content sheet. */
  .detail{min-height:82svh;padding-top:62px;align-items:flex-end;background:#090909}.detail-poster-backdrop{display:none}.detail-poster{right:0;top:0;bottom:auto;width:100%;height:72%;border-radius:0;object-position:center top;opacity:1;mask-image:linear-gradient(#000 58%,transparent 100%)}.detail>.shade{background:linear-gradient(180deg,rgba(0,0,0,.04) 22%,rgba(5,5,5,.3) 50%,#050505 82%)}
  .detail-copy{width:100%;padding:0 var(--mobile-gutter) 30px;text-align:center}.detail-copy>a{display:none}.detail-copy>.publisher-badge{justify-content:center;width:max-content;max-width:90%;margin:0 auto 10px}.detail-copy h1{margin:8px 0 13px;font-size:40px;line-height:.9}.detail-copy>p{display:-webkit-box;overflow:hidden;margin:0 auto;font-size:11px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.detail .meta{justify-content:center;flex-wrap:wrap;margin:13px 0;font-size:8px}.detail .hero-buttons{justify-content:center;margin-top:16px}.detail .primary,.detail .secondary{min-height:43px;border-radius:6px;padding:0 15px}
  .section{padding:30px var(--mobile-gutter)}.section:last-child{padding-bottom:30px}.section>header{margin-bottom:16px}.section h2{font-size:23px}.episode-grid{gap:9px;padding-bottom:4px}.episode-grid>a{flex-basis:72vw}.episode{border-radius:7px}.public-comments article{padding:12px;border-radius:9px}.comment-form textarea{border-radius:8px}

  /* Playback: edge-to-edge video and controls that fit narrow screens. */
  body:has(>.watch){height:100dvh;min-height:0;padding:0;overflow:hidden;background:#000}
  .watch{width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;background:#000}.watch>.back{top:max(12px,env(safe-area-inset-top));left:12px;width:36px;height:36px;background:rgba(0,0,0,.52);backdrop-filter:blur(8px)}.stage{width:100%;height:100dvh;min-height:0;border-radius:0}.stage .shade{background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 24%,transparent 55%,rgba(0,0,0,.86))}.video-copy{left:var(--mobile-gutter);right:62px;bottom:82px}.video-copy h1{font-size:24px}.video-copy>p:last-child{display:-webkit-box;margin-bottom:0;font-size:10px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-actions{right:10px;bottom:78px;gap:11px}.episode-actions button{font-size:19px}.episode-actions small{font-size:6px}.controls{left:12px;right:12px;bottom:max(13px,env(safe-area-inset-bottom));height:32px;gap:5px}.controls>small{flex:none;font-size:9px}.volume-control{position:relative;display:flex;flex:0 0 auto;align-items:center}.volume-control .control-mute{display:grid;place-items:center;width:30px;height:30px;padding:5px}.volume-slider{position:absolute;left:50%;bottom:51px;display:none;width:126px!important;height:38px;margin:0!important;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(13,13,16,.9);box-shadow:0 12px 30px rgba(0,0,0,.48);opacity:1;pointer-events:auto;backdrop-filter:blur(14px);transform:translateX(-50%) rotate(-90deg)!important;accent-color:var(--accent);touch-action:none}.volume-control.is-open .volume-slider{display:block}.controls select{max-width:61px;height:28px}.control-play,.control-fullscreen{flex:none;padding:5px}.vertical-series{height:100dvh;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.vertical-episode{height:100dvh;min-height:100dvh;max-height:100dvh;scroll-snap-align:start}.vertical-season{top:max(14px,env(safe-area-inset-top));left:60px;right:12px;display:grid;width:auto;max-width:none;grid-template-columns:minmax(0,1fr) auto;transform:none;white-space:nowrap}.vertical-season span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vertical-season b{flex:none;white-space:nowrap}.vertical-episode .video-copy{bottom:78px}.vertical-episode .episode-actions{bottom:76px}.vertical-episode .controls{bottom:max(12px,env(safe-area-inset-bottom))}.vertical-episode .scroll-hint{display:none}
  .controls .volume-control.is-open .volume-slider{left:calc(50% + 63px);width:126px!important;margin:0!important;opacity:1!important;pointer-events:auto!important;transform:translateX(-50%) rotate(-90deg)!important}

  @media (max-height:700px){.video-copy,.vertical-episode .video-copy{bottom:69px}.video-copy h1,.vertical-episode .video-copy h1{font-size:21px}.video-copy>p:last-child{-webkit-line-clamp:1}.episode-actions,.vertical-episode .episode-actions{bottom:66px;gap:8px}.episode-actions button{font-size:17px}.controls,.vertical-episode .controls{bottom:max(8px,env(safe-area-inset-bottom))}}

  /* Account/auth/contact remain calm and usable. */
  .library-list>a{grid-template-columns:78px 1fr auto;padding:8px;border-radius:8px}.library-thumb{height:56px;border-radius:6px}.library-list em{width:34px}.account-grid{gap:8px}.account-grid>a{min-height:90px}
  .auth-gateway,.contact-page{padding:62px var(--mobile-gutter) 28px;background:#080808}.auth-gateway>section,.contact-page>section{padding:33px 0}.gateway-copy h1,.contact-copy h1{font-size:42px}.gateway-art{display:none}.gateway-actions{flex-direction:column}.gateway-actions a{width:100%}.contact-form{margin-top:30px;padding:16px;border-radius:10px}.member-auth{background:#050505}.auth-visual{min-height:240px;padding:25px var(--mobile-gutter)}.auth-visual h1{font-size:40px}.auth-panel{padding:38px var(--mobile-gutter) 28px}.auth-panel h2{font-size:35px}

  @media (max-width:370px){:root{--mobile-card-w:46vw}.browse-grid,.poster-grid.wide,.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-cta,.info-cta{min-width:112px;padding:0 12px}.mobile-dock small{font-size:8px}}
}

@media(max-width:700px){
  .volume-control .volume-slider{position:absolute;left:50%;bottom:43px;display:none;width:3px!important;height:104px;margin:0!important;padding:10px 18px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(16,16,20,.82);box-shadow:0 14px 32px rgba(0,0,0,.38);opacity:1;pointer-events:auto;backdrop-filter:blur(18px);transform:translateX(-50%)!important;writing-mode:vertical-lr;direction:rtl;appearance:none;touch-action:none}
  .controls .volume-control.is-open .volume-slider{left:50%!important;display:block;width:3px!important;margin:0!important;opacity:1!important;pointer-events:auto!important;transform:translateX(-50%)!important}
  .volume-control .volume-slider::-webkit-slider-runnable-track{width:3px;height:100%;border-radius:99px;background:rgba(255,255,255,.3)}
  .volume-control .volume-slider::-webkit-slider-thumb{width:13px;height:13px;margin-left:-5px;appearance:none;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.45)}
  .volume-control .volume-slider::-moz-range-track{width:3px;height:100%;border:0;border-radius:99px;background:rgba(255,255,255,.3)}
  .volume-control .volume-slider::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.45)}
}

@media (min-width:701px) and (max-width:900px){
  body{padding-bottom:90px}
  .mobile-dock{z-index:100;left:0;right:0;bottom:0;height:70px;padding:8px 4px 7px;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:rgba(8,8,8,.94)}
  .mobile-dock a{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#777}
  .mobile-dock svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-dock a:nth-child(2) svg path{fill:currentColor;stroke:none}
  .mobile-dock small{overflow:hidden;max-width:100%;font-size:10px;font-weight:550;line-height:1;white-space:nowrap;text-overflow:ellipsis}
  .mobile-dock a.active{color:#fff}
  .mobile-dock a.active:after{content:"";position:absolute;top:-8px;width:22px;height:2px;border-radius:0 0 3px 3px;background:var(--accent)}
}
@media (min-width:901px){.mobile-dock{display:none}}

@media (max-width:700px) and (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (max-width:700px){.acc-page{padding-top:62px}.acc-hero{padding:38px var(--mobile-gutter) 30px}.acc-hero-inner{grid-template-columns:1fr;gap:24px}.acc-stats-col{flex-direction:row;align-items:stretch;flex-wrap:wrap}.acc-stat-cards{grid-template-columns:repeat(2,1fr);width:100%}.acc-signout{align-self:auto}.acc-body{grid-template-columns:1fr!important;padding:0 var(--mobile-gutter) calc(var(--mobile-dock-h) + 30px)!important}.acc-card{padding:18px;border-radius:16px}.acc-card--side{padding:16px}.acc-card-head{margin-bottom:18px}.acc-fav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.acc-continue-item{grid-template-columns:80px 1fr;gap:12px}.acc-continue-play{display:none}.acc-hero-copy h1{font-size:36px}.acc-reco-item{grid-template-columns:50px 1fr auto}.acc-reco-item .poster{height:62px}}
@media (max-width:900px){body .watch .video-copy>p:not(.eyebrow){display:-webkit-box!important;max-height:2.9em!important;margin-bottom:0!important;overflow:hidden!important;font-size:10px!important;line-height:1.45!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}body .watch .video-copy h1{display:-webkit-box;max-height:2.3em;overflow:hidden;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media (max-width:900px) and (max-height:700px){body .watch .video-copy>p:not(.eyebrow){max-height:1.45em!important;-webkit-line-clamp:1!important}}


/* Player action rail: keep icons, labels and tap targets legible across mobile DPRs. */
@media (max-width:700px){
  .watch{--player-action-icon:clamp(23px,3.2dvh,27px);--player-action-label:clamp(8.5px,1.15dvh,10px);--player-action-target:clamp(44px,6.1dvh,50px);--player-action-gap:clamp(3px,.75dvh,7px);--player-action-width:clamp(68px,19vw,78px)}
  .episode-actions,.vertical-episode .episode-actions{right:max(5px,env(safe-area-inset-right));bottom:max(72px,calc(62px + env(safe-area-inset-bottom)));gap:var(--player-action-gap);width:var(--player-action-width);align-items:center}
  .episode-actions>button,.episode-actions>.player-report-action,.episode-actions .reaction-actions button{box-sizing:border-box;width:var(--player-action-width)!important;min-width:var(--player-action-width);height:var(--player-action-target)!important;min-height:var(--player-action-target);padding:2px 0!important;justify-content:center!important;gap:4px!important;font-size:var(--player-action-icon)!important}
  .episode-actions>button>svg,.episode-actions>.player-report-action>svg,.episode-actions .reaction-actions button svg,.episode-actions .ambient-action svg{width:var(--player-action-icon)!important;height:var(--player-action-icon)!important}
  .episode-actions>button>small,.episode-actions>.player-report-action>small,.episode-actions .reaction-actions button small{width:var(--player-action-width)!important;min-height:calc(var(--player-action-label) + 2px);overflow:visible;font-size:var(--player-action-label)!important;font-weight:550;line-height:1.1;text-overflow:clip}
  .reaction-actions>em{margin:-4px 0 -3px;font-size:8px}
  .video-copy,.vertical-episode .video-copy{right:calc(var(--player-action-width) + 12px)}
}
@media (max-width:700px) and (max-height:560px){
  .watch{--player-action-icon:22px;--player-action-label:8px;--player-action-target:42px;--player-action-gap:1px;--player-action-width:64px}
  .episode-actions,.vertical-episode .episode-actions{bottom:max(54px,calc(48px + env(safe-area-inset-bottom)))}
  .reaction-actions>em{display:none}
}

.stream-home .stream-hero .stream-copy p.featured-title{display:block!important;margin:0 0 22px!important;color:#fff!important;font-family:var(--font-display),Manrope,sans-serif!important;font-size:clamp(62px,7.5vw,116px)!important;font-weight:800!important;line-height:.86!important;letter-spacing:-.078em!important;text-shadow:0 8px 35px rgba(0,0,0,.42)}
@media(max-width:1000px){.stream-home .stream-hero .stream-copy p.featured-title{font-size:clamp(48px,7vw,72px)!important}}
@media(max-width:700px){.stream-home .stream-hero .stream-copy p.featured-title{display:none!important}}
