/* Netkub stream hub / library / watch ? mobile + desktop */
:root{
  --st-bg:#070709;
  --st-bg2:#101016;
  --st-ink:#f3f3f5;
  --st-muted:#a0a0ab;
  --st-line:#2c2c36;
  --st-red:#e50914;
  --st-red-dim:oklch(0.42 0.16 25);
  --st-radius:14px;
  --st-font:"Netflix Sans Variable","Netflix Sans Thai Variable",system-ui,sans-serif;
  --st-ease:cubic-bezier(0.16,1,0.3,1);
  --st-safe-b:env(safe-area-inset-bottom,0px);
  --st-safe-t:env(safe-area-inset-top,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{height:100%;-webkit-text-size-adjust:100%}
body.st-body{
  margin:0;min-height:100%;
  background:var(--st-bg);color:var(--st-ink);
  font-family:var(--st-font);
  -webkit-tap-highlight-color:transparent;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%;display:block}

/* ?? Shell ?? */
.st-shell{min-height:100dvh;display:flex;flex-direction:column}
.st-hdr{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:calc(.7rem + var(--st-safe-t)) max(1rem,env(safe-area-inset-right)) .7rem max(1rem,env(safe-area-inset-left));
  background:linear-gradient(180deg,rgba(7,7,9,.96),rgba(7,7,9,.78) 70%,transparent);
  backdrop-filter:blur(10px);
}
.st-brand{display:flex;align-items:center;gap:.65rem;min-width:0}
.st-brand img{height:26px;width:auto}
.st-brand span{
  font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--st-muted);white-space:nowrap;
}
.st-hdr-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}
.st-icon-btn{
  width:40px;height:40px;border-radius:11px;border:1px solid var(--st-line);
  background:rgba(255,255,255,.04);color:var(--st-ink);
  display:grid;place-items:center;cursor:pointer;
}
.st-icon-btn svg{width:18px;height:18px;fill:currentColor}
.st-icon-btn:hover{border-color:#555;background:rgba(255,255,255,.08)}
.st-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 max(1rem,env(safe-area-inset-right)) calc(2rem + var(--st-safe-b)) max(1rem,env(safe-area-inset-left))}

/* ?? Hub ?? */
.st-hub{
  position:relative;min-height:100dvh;overflow:hidden;
  background:
    radial-gradient(900px 480px at 15% -10%, oklch(0.35 0.14 25 / .45), transparent 60%),
    radial-gradient(700px 420px at 90% 10%, oklch(0.28 0.06 250 / .35), transparent 55%),
    linear-gradient(165deg,#0a0a0e 0%,#12121a 45%,#070709 100%);
}
.st-hub::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  background-size:180px;
  mix-blend-mode:overlay;
}
.st-hub-inner{
  position:relative;z-index:1;
  max-width:1040px;margin:0 auto;
  padding:calc(1.25rem + var(--st-safe-t)) max(1rem,env(safe-area-inset-right)) calc(2.5rem + var(--st-safe-b)) max(1rem,env(safe-area-inset-left));
}
.st-hub-top{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  margin-bottom:clamp(1.5rem,4vw,2.5rem);
}
.st-hub-brand{display:flex;align-items:center;gap:.75rem}
.st-hub-brand img{height:clamp(28px,5vw,36px)}
.st-hub-hero{margin-bottom:clamp(1.4rem,3.5vw,2.2rem);max-width:36rem}
.st-hub-hero .mark{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--st-red);margin-bottom:.55rem;
}
.st-hub-hero h1{
  margin:0 0 .55rem;font-size:clamp(1.65rem,5.2vw,2.55rem);
  font-weight:800;letter-spacing:-.03em;line-height:1.15;text-wrap:balance;
}
.st-hub-hero p{
  margin:0;color:var(--st-muted);font-size:clamp(.92rem,2.4vw,1.05rem);
  line-height:1.45;max-width:38ch;
}
.st-tiles-picker{
  max-width:42rem;
  margin-inline:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.st-tiles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
}
@media (min-width:720px){
  .st-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
}
@media (min-width:980px){
  .st-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
}
.st-tile{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--st-line);border-radius:calc(var(--st-radius) + 2px);
  min-height:132px;padding:1rem .95rem .9rem;
  display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;
  background:var(--st-bg2);
  transition:transform .22s var(--st-ease),border-color .22s var(--st-ease),box-shadow .22s var(--st-ease);
  animation:st-in .45s var(--st-ease) both;
}
.st-tile:nth-child(1){animation-delay:.02s}
.st-tile:nth-child(2){animation-delay:.06s}
.st-tile:nth-child(3){animation-delay:.1s}
.st-tile:nth-child(4){animation-delay:.14s}
.st-tile:nth-child(5){animation-delay:.18s}
.st-tile:nth-child(6){animation-delay:.22s}
.st-tile:nth-child(7){animation-delay:.26s}
.st-tile:nth-child(8){animation-delay:.3s}
@media (min-width:720px){
  .st-tile{min-height:168px;padding:1.15rem 1.1rem 1rem}
  .st-tile.featured{grid-column:span 1;min-height:188px}
}
.st-tile:hover,.st-tile:focus-visible{
  transform:translateY(-3px);
  border-color:oklch(0.45 0.02 280);
  box-shadow:0 16px 40px rgba(0,0,0,.45);
  outline:none;
}
.st-tile:active{transform:translateY(-1px) scale(.99)}
.st-tile .bg{
  position:absolute;inset:0;z-index:-1;
  overflow:hidden;
  filter:saturate(1.08) brightness(.78);
}
.st-tile .bg img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;
  transform:scale(1.06);
  animation:st-tile-slide 20s infinite;
}
.st-tile .bg img:nth-child(1){animation-delay:0s}
.st-tile .bg img:nth-child(2){animation-delay:4s}
.st-tile .bg img:nth-child(3){animation-delay:8s}
.st-tile .bg img:nth-child(4){animation-delay:12s}
.st-tile .bg img:nth-child(5){animation-delay:16s}
.st-tile .bg img:only-child{
  opacity:.95;animation:none;transform:scale(1.02);
}
@keyframes st-tile-slide{
  0%,2%{opacity:0;transform:scale(1.08)}
  8%,18%{opacity:.95;transform:scale(1.02)}
  24%,100%{opacity:0;transform:scale(1.06)}
}
@media (prefers-reduced-motion:reduce){
  .st-tile .bg img{animation:none;opacity:0}
  .st-tile .bg img:first-child{opacity:.9;transform:none}
}
.st-tile .veil{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(165deg,transparent 10%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.92));
}
.st-tile.tone-nf .veil{background:linear-gradient(160deg,oklch(0.28 0.12 25 / .55),rgba(0,0,0,.88))}
.st-tile.tone-cn .veil{background:linear-gradient(160deg,oklch(0.32 0.1 55 / .5),rgba(0,0,0,.88))}
.st-tile.tone-th .veil{background:linear-gradient(160deg,oklch(0.3 0.08 150 / .45),rgba(0,0,0,.88))}
.st-tile.tone-mv .veil{background:linear-gradient(160deg,oklch(0.28 0.06 250 / .45),rgba(0,0,0,.88))}
.st-tile.tone-an .veil{background:linear-gradient(160deg,oklch(0.32 0.1 320 / .4),rgba(0,0,0,.88))}
.st-tile.tone-ha .veil,.st-tile.tone-av .veil{
  background:linear-gradient(160deg,oklch(0.25 0.08 15 / .55),rgba(0,0,0,.9));
}
.st-tile.tone-all .veil{background:linear-gradient(160deg,oklch(0.28 0.02 280 / .4),rgba(0,0,0,.88))}
/* Monomax ? magenta / neon pink like upstream */
.st-tile.tone-mm .veil{
  background:
    linear-gradient(155deg, oklch(0.42 0.22 340 / .55) 0%, oklch(0.22 0.12 300 / .75) 48%, rgba(0,0,0,.92) 100%);
}
.st-tile.tone-mm{border-color:rgba(225,6,0,.4)}
.st-tile.tone-mm .badge{background:#e10600}
.st-tile.tone-hm{border-color:rgba(180,180,190,.35)}
.st-tile.tone-hm .badge{background:#fff;color:#000}
.st-chips a.on{box-shadow:0 0 0 1px rgba(225,6,0,.45) inset}
body.st-mm{
  font-family:"Prompt",system-ui,sans-serif;
  --st-bg:#000;
  --st-bg2:#0d0d0d;
  --st-ink:#fff;
  --st-muted:#b3b3b3;
  --st-line:#2a2a2a;
  --st-red:#e10600;
  --st-red-dim:#9e0400;
  --st-radius:8px;
  background:#000;
  color:#fff;
}
body.st-mm .st-tile.tone-mm{border-color:rgba(225,6,0,.45)}
body.st-mm .st-tile.tone-mm .badge{background:#e10600}
body.st-mm .st-chips a.on{box-shadow:0 0 0 1px rgba(225,6,0,.55) inset}
.st-tile .badge{
  position:absolute;top:.65rem;right:.65rem;
  font-size:.65rem;font-weight:700;letter-spacing:.04em;
  padding:.22rem .45rem;border-radius:999px;
  background:rgba(229,9,20,.92);color:#fff;
}
.st-tile h2{
  margin:0;font-size:clamp(1.05rem,2.8vw,1.28rem);font-weight:800;
  letter-spacing:-.02em;text-wrap:balance;
}
.st-tile p{margin:0;font-size:.78rem;color:oklch(0.82 0.01 280);line-height:1.35}
.st-tile .count{margin-top:.35rem;font-size:.72rem;color:var(--st-muted)}
.st-hub-foot{
  margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;
  align-items:center;justify-content:space-between;color:var(--st-muted);font-size:.8rem;
}
.st-hub-foot a{color:var(--st-ink);border-bottom:1px solid var(--st-line)}
.st-hub-foot a:hover{border-color:var(--st-red)}

@keyframes st-in{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .st-tile{animation:none}
  .st-tile:hover{transform:none}
}

/* ?? Browse ?? */
.st-search{
  display:flex;gap:.5rem;width:min(100%,360px);
}
.st-search input{
  flex:1;min-width:0;background:#121218;border:1px solid var(--st-line);
  color:var(--st-ink);border-radius:11px;padding:.65rem .85rem;
}
.st-search input::placeholder{color:#6e6e7a}
.st-search button{
  flex-shrink:0;background:var(--st-red);border:0;color:#fff;
  border-radius:11px;padding:.65rem 1rem;font-weight:700;cursor:pointer;
}
.st-crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;
  margin:0 0 1rem;font-size:.84rem;color:var(--st-muted);
}
.st-crumbs a:hover{color:var(--st-ink)}
.st-crumbs strong{color:var(--st-ink);font-weight:600}
.st-title-row{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:.75rem;margin-bottom:1rem;
}
.st-title-row h1{margin:0;font-size:clamp(1.25rem,3.5vw,1.65rem);font-weight:800;letter-spacing:-.02em}
.st-title-row p{margin:.25rem 0 0;color:var(--st-muted);font-size:.88rem}
.st-chips{
  display:flex;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:0 0 .85rem;margin:0 0 .5rem;scrollbar-width:none;
}
.st-chips::-webkit-scrollbar{display:none}
.st-chips a{
  flex:0 0 auto;padding:.42rem .8rem;border-radius:999px;
  border:1px solid var(--st-line);color:var(--st-muted);font-size:.8rem;
  background:rgba(255,255,255,.02);
}
.st-chips a.on,.st-chips a:hover{color:#fff;border-color:var(--st-red);background:oklch(0.28 0.1 25 / .45)}
.st-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(108px,1fr));
  gap:.65rem;
}
@media (min-width:480px){
  .st-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.75rem}
}
@media (min-width:900px){
  .st-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.9rem}
}
.st-card{display:block;min-width:0}
.st-poster{
  position:relative;aspect-ratio:2/3;border-radius:11px;overflow:hidden;
  background:#16161c;border:1px solid var(--st-line);
  transition:transform .2s var(--st-ease),border-color .2s var(--st-ease);
}
.st-card:hover .st-poster,.st-card:focus-visible .st-poster{
  transform:translateY(-2px);border-color:#555;
}
.st-poster img{width:100%;height:100%;object-fit:cover}
.st-ep-pill{
  position:absolute;left:.35rem;bottom:.35rem;
  background:rgba(0,0,0,.78);padding:.12rem .4rem;border-radius:6px;font-size:.68rem;
}
.st-card h3{
  margin:.4rem 0 0;font-size:.82rem;font-weight:600;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.st-card .meta{font-size:.7rem;color:var(--st-muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-empty{
  padding:3rem 1rem;text-align:center;color:var(--st-muted);
  border:1px dashed var(--st-line);border-radius:var(--st-radius);
}
.st-empty a{color:#fff;border-bottom:1px solid var(--st-red)}

/* ?? Watch ?? */
.st-watch{max-width:1100px;margin:0 auto}
.st-watch-meta{padding:.85rem max(1rem,env(safe-area-inset-right)) .65rem max(1rem,env(safe-area-inset-left))}
.st-watch-meta .back{display:inline-flex;align-items:center;gap:.35rem;color:var(--st-muted);font-size:.86rem;margin-bottom:.55rem}
.st-watch-meta .back:hover{color:var(--st-ink)}
.st-watch-meta h1{margin:0 0 .3rem;font-size:clamp(1.1rem,3.5vw,1.45rem);font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.st-watch-meta .sub{color:var(--st-muted);font-size:.86rem}
.st-player{
  --st-seek-pct:0%;
  --st-buf-pct:0%;
  --st-accent:#e50914;
  background:#000;position:relative;width:100%;
  aspect-ratio:16/9;max-height:min(72vh,720px);
  overflow:hidden;user-select:none;-webkit-user-select:none;
  border-radius:12px;border:1px solid var(--st-line);
  box-shadow:0 14px 36px rgba(0,0,0,.45);margin-bottom:.85rem;
  touch-action:manipulation;
}
body.st-mm .st-player{--st-accent:#e10600}
body.st-hm .st-player{--st-accent:#fff}
body.st-yk .st-player{--st-accent:#00b4ff}
.st-player:fullscreen,.st-player:-webkit-full-screen{
  aspect-ratio:auto;max-height:none;width:100%;height:100%;
  border:0;border-radius:0;box-shadow:none;
}
/* iOS Safari: CSS shell fullscreen (element FS often fails) */
.st-player.is-ios-fs{
  position:fixed!important;inset:0!important;z-index:10050;
  width:100vw!important;width:100dvw!important;
  height:100vh!important;height:100dvh!important;
  height:100svh!important;
  max-height:none!important;aspect-ratio:auto!important;
  border:0!important;border-radius:0!important;margin:0!important;
  box-shadow:none!important;background:#000;
  /* follow live viewport when rotating portrait↔landscape */
  width:100%!important;height:100%!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
}
html.st-ios-fs-lock,body.st-ios-fs-lock{
  overflow:hidden!important;height:100%!important;overscroll-behavior:none;
  position:fixed;inset:0;width:100%;
}
.st-player.is-ios-fs .st-video{object-fit:contain}
.st-player.is-ios-fs.is-portrait-video .st-video{object-fit:contain}
.st-player.is-ios-fs.is-landscape-video .st-video{object-fit:contain}
@media (max-width:767px){
  .st-player{
    border-radius:0;
    margin-left:0;margin-right:0;margin-bottom:.5rem;
    width:100%;max-width:100%;
    border-left:0;border-right:0;max-height:none;
    box-shadow:none;
  }
  .st-player.is-portrait-video{
    aspect-ratio:9/16;
    height:auto;max-height:min(78svh,720px);min-height:280px;
  }
  .st-player.is-portrait-video .st-video{object-fit:contain}
  .st-player.is-landscape-video{aspect-ratio:16/9;height:auto;max-height:min(56svh,480px)}
  /* Phone landscape: fill usable height so rotate feels alive */
  @media (orientation: landscape){
    .st-player.is-native:not(.is-ios-fs){
      aspect-ratio:auto;
      width:100%;
      height:min(100svh, 100dvh);
      max-height:100svh;
      min-height:180px;
    }
    .st-player.is-native.is-portrait-video:not(.is-ios-fs){
      max-width:min(42vh, 280px);
      margin-left:auto;margin-right:auto;
      height:min(92svh, 100dvh);
    }
  }
}
/* Desktop portrait (short drama) */
@media (min-width:768px){
  .st-player.is-portrait-video{
    aspect-ratio:9/16;max-height:min(78vh,820px);max-width:min(100%,420px);
    margin-left:auto;margin-right:auto;
  }
}
.st-poster-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  filter:blur(10px) brightness(.32);transform:scale(1.1);z-index:0;pointer-events:none;
}
.st-player iframe.st-iframe,.st-player video.st-video,.st-player video{
  position:absolute;inset:0;width:100%;height:100%;border:0;
  display:block;background:transparent;object-fit:contain;z-index:2;
}
/* Hide any native Chrome media chrome / download affordance */
.st-player video::-webkit-media-controls{display:none!important}
.st-player video::-webkit-media-controls-enclosure{display:none!important}
.st-player video::-webkit-media-controls-download-button{display:none!important}
.st-player.is-controls-hidden{cursor:none}
.st-player-err{
  position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.5rem;
  padding:2.2rem 1.2rem;text-align:center;color:#e8e8e8;font-size:.95rem;
  background:rgba(0,0,0,.72);
}
.st-loading{
  position:absolute;inset:0;z-index:9;display:none;flex-direction:column;
  align-items:center;justify-content:center;gap:.55rem;
  background:rgba(0,0,0,.62);color:#eee;font-size:.92rem;
  backdrop-filter:blur(2px);
}
.st-loading p{margin:0;font-weight:600;letter-spacing:.01em}
.st-load-time{
  font-size:.78rem!important;font-weight:500!important;color:rgba(255,255,255,.55)!important;
  font-variant-numeric:tabular-nums;min-height:1.1em;
}
.st-spinner{
  width:42px;height:42px;border-radius:50%;
  border:3px solid rgba(255,255,255,.18);border-top-color:#e50914;
  animation:st-spin .65s linear infinite;
}
body.st-mm .st-spinner{border-top-color:#ff6a00}
body.st-hm .st-spinner{border-top-color:#fff}
@keyframes st-spin{to{transform:rotate(360deg)}}
.st-bar{
  position:absolute;left:0;right:0;bottom:0;z-index:8;
  display:flex;align-items:center;gap:.5rem;
  padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom,0));
  background:linear-gradient(transparent,rgba(0,0,0,.9));
  transition:opacity .32s var(--st-ease),transform .32s var(--st-ease);
  will-change:opacity,transform;
}
.st-bar.st-bar-pro{
  flex-direction:column;align-items:stretch;gap:.12rem;
  padding:0 0 calc(.55rem + env(safe-area-inset-bottom,0));
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 18%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.96) 100%);
}
.st-bar-row{display:flex;align-items:center;gap:.55rem;width:100%}
.st-bar-seekrow{
  align-items:center;gap:0;
  padding:0 .65rem;
  min-height:22px;
}
.st-bar-seekrow .st-seekwrap{flex:1 1 auto;min-width:0;width:100%}
.st-bar-ctrls{
  justify-content:space-between;gap:.5rem;
  padding:0 .45rem .25rem;
}
/* Left cluster: play · mute · time · quality — transparent (no dark chip bg) */
.st-time-pill{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;
  min-height:36px;
  padding:.2rem .35rem;
  margin:0 .06rem 0 .1rem;
  border-radius:0;
  background:transparent;
  color:rgba(255,255,255,.92);
  font-size:.8rem;font-weight:650;letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;line-height:1;
  user-select:none;
}
.st-bar-left .st-bar-qwrap{margin-left:.1rem}
.st-bar-left,.st-bar-right{
  display:flex;align-items:center;gap:.1rem;min-width:0;
  flex:0 1 auto;
}
.st-bar-right{margin-left:auto;flex-wrap:nowrap;justify-content:flex-end;flex-shrink:0}
.st-player.is-controls-hidden .st-bar{opacity:0;pointer-events:none;transform:translateY(12px)}
.st-player.is-controls-hidden .st-topchrome{opacity:0;pointer-events:none;transform:translateY(-8px)}
.st-player.is-controls-hidden .st-tapzones{pointer-events:auto}

/* Full-bleed Netflix scrubber */
.st-seekwrap{
  position:relative;width:100%;height:22px;
  display:flex;align-items:center;
  padding:0;margin:0;cursor:pointer;
  touch-action:none;
}
.st-seek-rail{
  position:absolute;left:0;right:0;height:3px;
  background:rgba(255,255,255,.28);border-radius:999px;
  overflow:hidden;pointer-events:none;
  transition:height .16s var(--st-ease),transform .16s var(--st-ease);
}
.st-seekwrap:hover .st-seek-rail,
.st-seekwrap.is-dragging .st-seek-rail,
.st-seekwrap:focus-within .st-seek-rail{
  height:5px;
}
.st-seek-buf{
  position:absolute;left:0;top:0;bottom:0;width:var(--st-buf-pct);
  background:rgba(255,255,255,.38);border-radius:inherit;
}
.st-seek-fill{
  position:absolute;left:0;top:0;bottom:0;width:var(--st-seek-pct);
  background:var(--st-accent);border-radius:inherit;
  box-shadow:0 0 10px color-mix(in oklab, var(--st-accent) 45%, transparent);
}
.st-seek-fill::after{
  content:"";position:absolute;right:-6px;top:50%;
  width:12px;height:12px;border-radius:50%;
  background:#fff;transform:translateY(-50%) scale(.55);
  box-shadow:0 1px 4px rgba(0,0,0,.45);
  opacity:0;transition:opacity .16s var(--st-ease),transform .16s var(--st-ease);
}
.st-seekwrap:hover .st-seek-fill::after,
.st-seekwrap.is-dragging .st-seek-fill::after,
.st-seekwrap:focus-within .st-seek-fill::after{
  opacity:1;transform:translateY(-50%) scale(1);
}
.st-bar-seek{
  position:relative;z-index:2;width:100%;margin:0;padding:0;
  -webkit-appearance:none;appearance:none;
  background:transparent;height:22px;cursor:pointer;
  outline:none;accent-color:var(--st-accent);
}
.st-bar-seek::-webkit-slider-runnable-track{
  height:3px;background:transparent;border:0;
}
.st-bar-seek::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:14px;height:14px;border-radius:50%;
  background:transparent;border:0;margin-top:-5.5px;
  box-shadow:none;
}
.st-bar-seek::-moz-range-track{height:3px;background:transparent;border:0}
.st-bar-seek::-moz-range-thumb{
  width:14px;height:14px;border-radius:50%;
  background:transparent;border:0;
}
.st-bar-btn,.st-ico{
  appearance:none;border:0;background:transparent;color:#fff;
  width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;flex-shrink:0;
  display:inline-grid;place-items:center;padding:0;
  transition:background .18s var(--st-ease),transform .14s var(--st-ease),color .15s ease,box-shadow .18s ease;
}
.st-ico svg{width:22px;height:22px;display:block}
.st-bar-btn:hover,.st-ico:hover{background:rgba(255,255,255,.12)}
.st-ico:active{transform:scale(.9)}
.st-ico.on{color:#fff;background:rgba(255,255,255,.16)}
.st-fs-btn{position:relative}
.st-cast-btn,.st-pip-btn{position:relative;flex-shrink:0}
.st-cast-btn.is-avail{color:#fff}
.st-cast-btn.is-connected{
  color:#5ac8fa;
  background:rgba(90,200,250,.16);
}
.st-cast-btn[hidden],.st-pip-btn[hidden]{display:none!important}
.st-pip-btn.on{
  color:#fff;
  background:rgba(255,255,255,.16);
}
body.st-yk .st-ico:hover{background:rgba(0,180,255,.16)}
body.st-yk .st-vol-range{accent-color:#00b4ff}
.st-vol{
  display:flex;align-items:center;gap:.2rem;
  padding-right:.15rem;border-radius:12px;
}
.st-vol-range{
  width:0;opacity:0;pointer-events:none;
  transition:width .2s var(--st-ease),opacity .2s var(--st-ease),margin .2s var(--st-ease);
  margin:0;height:3px;accent-color:var(--st-accent);
}
.st-vol:hover .st-vol-range,
.st-vol:focus-within .st-vol-range{
  width:78px;opacity:1;pointer-events:auto;margin-left:.15rem;
}
@media (max-width:560px){
  .st-vol-range{width:0}
  .st-ico{width:40px;height:40px}
  .st-ico svg{width:21px;height:21px}
}
.st-bar-btn:hover{background:rgba(255,255,255,.22)}
.st-bar-time{
  font-size:.8rem;color:rgba(255,255,255,.88);min-width:0;text-align:left;
  font-variant-numeric:tabular-nums;flex-shrink:1;
  margin:0;letter-spacing:.01em;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
/* Skip / play cue toast */
.st-cue{
  position:absolute;left:50%;top:46%;z-index:9;
  transform:translate(-50%,-50%) scale(.92);
  min-width:4.2rem;padding:.55rem .85rem;border-radius:999px;
  background:rgba(0,0,0,.55);color:#fff;font-weight:700;font-size:.95rem;
  backdrop-filter:blur(8px);pointer-events:none;
  opacity:0;transition:opacity .28s var(--st-ease),transform .28s var(--st-ease);
}
.st-cue.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.st-tapzones{
  position:absolute;inset:0;z-index:3;display:flex;pointer-events:none;
}
.st-tapzone{flex:1;pointer-events:auto;touch-action:manipulation}
.st-player.is-controls-hidden .st-tapzone{pointer-events:auto}
/* Desktop: use video click / keyboard — zones only for touch */
@media (hover:hover) and (pointer:fine){
  .st-tapzones{display:none!important}
}
@media (prefers-reduced-motion: reduce){
  .st-bar,.st-cue,.st-seek-rail,.st-seek-fill::after,.st-ico{
    transition:none!important;
  }
}
.st-bar-qwrap{
  position:relative;display:inline-grid;place-items:center;
  flex-shrink:0;width:42px;height:42px;
  color:#cbd5e1;font-size:.72rem;
}
.st-bar-qwrap[hidden]{display:none!important}
.st-bar-qlabel{display:none}
.st-q-btn{width:42px;height:42px;z-index:1}
/* Native select sits on the gear — tap opens picker, no bulky 720P chip */
.st-bar-quality{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:absolute!important;inset:0!important;z-index:2;
  opacity:0.011!important;width:100%!important;height:100%!important;
  min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;cursor:pointer;font-size:16px;
  color:transparent!important;background:transparent!important;box-shadow:none!important;
  background-image:none!important;
}
.st-bar-quality:hover{background:transparent!important}
.st-bar-quality option{color:#111;background:#fff}
.st-bar-qwrap:has(.st-bar-quality:focus),
.st-bar-qwrap:hover .st-q-btn{background:rgba(255,255,255,.12);border-radius:50%}
.st-fs-next{
  position:absolute;right:max(.85rem,env(safe-area-inset-right));
  bottom:calc(4.2rem + env(safe-area-inset-bottom,0));
  z-index:12;background:#1a1a22ee;border:1px solid var(--st-line);
  padding:.85rem 1rem;border-radius:14px;max-width:min(260px,calc(100% - 1.5rem));
  box-shadow:0 12px 40px rgba(0,0,0,.55);
}
.st-fs-next[hidden]{display:none!important}
.st-fs-next button{
  margin-top:.45rem;margin-right:.35rem;background:var(--st-red);border:0;color:#fff;
  border-radius:9px;padding:.45rem .75rem;cursor:pointer;font-weight:700;
}
.st-fs-next button.ghost{background:transparent;border:1px solid var(--st-line);font-weight:500}

/* Monomax skip intro / next episode (matches upstream player) */
.st-mm-skip-intro{
  position:absolute;right:max(.9rem,env(safe-area-inset-right));
  bottom:calc(5.4rem + env(safe-area-inset-bottom,0));
  z-index:14;
}
.st-mm-skip-intro[hidden],.st-mm-skip-end[hidden]{display:none!important}
.st-mm-skip-intro button{
  appearance:none;border:0;cursor:pointer;color:#fff;font-weight:800;font-size:.92rem;
  padding:.65rem 1.15rem;border-radius:999px;
  background:rgba(40,40,48,.88);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.st-mm-skip-intro button:hover{background:rgba(60,60,72,.95)}
.st-mm-skip-end{
  position:absolute;right:max(.9rem,env(safe-area-inset-right));
  bottom:calc(5.4rem + env(safe-area-inset-bottom,0));
  z-index:14;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end;
  max-width:calc(100% - 1.6rem);
}
.st-mm-skip-credits,.st-mm-skip-next{
  appearance:none;border:0;cursor:pointer;color:#fff;font-weight:800;font-size:.9rem;
  padding:.62rem 1.1rem;border-radius:999px;line-height:1.2;
  box-shadow:0 8px 24px rgba(0,0,0,.35);white-space:nowrap;
}
.st-mm-skip-credits{
  background:rgba(55,55,62,.92);border:1px solid rgba(255,255,255,.14);
}
.st-mm-skip-credits:hover{background:rgba(72,72,80,.96)}
.st-mm-skip-next{
  background:#ff6a00;border:1px solid rgba(255,255,255,.08);
}
.st-mm-skip-next:hover{filter:brightness(1.06)}
.st-mm-skip-next:disabled{opacity:.55;cursor:not-allowed}
body.st-mm .st-bar-seek{accent-color:#ff6a00}
.st-player.is-controls-hidden .st-mm-skip-intro,
.st-player.is-controls-hidden .st-mm-skip-end{
  bottom:calc(1.35rem + env(safe-area-inset-bottom,0));
}
.st-eps-block{
  margin:.35rem max(1rem,env(safe-area-inset-right)) .85rem max(1rem,env(safe-area-inset-left));
  padding:.9rem .9rem 1rem;
  border:1px solid var(--st-line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
}
.st-eps-head{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;
  margin-bottom:.75rem;
}
.st-eps-title{display:flex;align-items:baseline;gap:.55rem;min-width:0}
.st-eps-title h2{
  margin:0;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--st-ink);
}
.st-eps-count{
  font-size:.75rem;font-weight:600;color:var(--st-muted);
  padding:.15rem .5rem;border-radius:999px;border:1px solid var(--st-line);
  background:rgba(0,0,0,.25);
}
.st-watch-tools{display:flex;align-items:center;margin-left:auto}
.st-watch-tools[hidden]{display:none!important}
.st-auto-switch{
  appearance:none;border:1px solid var(--st-line);
  background:rgba(255,255,255,.04);
  color:var(--st-ink);display:inline-flex;align-items:center;gap:.55rem;
  padding:.4rem .7rem .4rem .45rem;border-radius:999px;cursor:pointer;
  font:inherit;font-size:.8rem;font-weight:600;line-height:1.2;
}
.st-auto-switch:hover{border-color:#555;background:rgba(255,255,255,.07)}
.st-auto-track{
  position:relative;width:2.35rem;height:1.3rem;border-radius:999px;
  background:#3a3a44;flex-shrink:0;transition:background .18s var(--st-ease);
}
.st-auto-knob{
  position:absolute;top:2px;left:2px;width:calc(1.3rem - 4px);height:calc(1.3rem - 4px);
  border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);
  transition:transform .18s var(--st-ease);
}
.st-auto-switch.on .st-auto-track{background:var(--st-red)}
.st-auto-switch.on .st-auto-knob{transform:translateX(1.05rem)}
.st-auto-label{white-space:nowrap}
/* Server chips stay in DOM for JS switch — never show in UI */
.st-servers{
  display:none!important;
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);
  padding:0;margin:-1px;border:0;
}
.st-srv{
  flex:0 1 auto;min-width:0;text-align:center;
  padding:.42rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.72);text-decoration:none;
}
.st-srv.on{
  background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff;
  box-shadow:none;
}
body.st-mm .st-srv.on{border-color:rgba(225,6,0,.55);color:#fff;background:rgba(225,6,0,.14)}
.st-srv:hover{background:rgba(255,255,255,.08);color:#fff}
.st-ds-only[hidden],[hidden]{display:none!important}
body:not(.st-ds) .st-ds-only{display:none!important}
/* ±10 skip visible on desktop/tablet for all platforms */
.st-bar-skip{display:inline-flex}
body.st-mm .st-bar-skip,
body.st-hm .st-bar-skip,
body.st-yk .st-bar-skip{display:inline-flex}
.st-eps{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));
  gap:.45rem;
}
.st-eps a{
  aspect-ratio:1;display:grid;place-items:center;
  border-radius:12px;border:1px solid var(--st-line);
  color:var(--st-muted);font-size:.9rem;font-weight:700;
  background:rgba(0,0,0,.22);
  text-decoration:none;
  transition:background .15s var(--st-ease),border-color .15s,color .15s,transform .12s;
}
.st-eps a .n{line-height:1}
.st-eps a:hover{border-color:#666;color:#fff;background:rgba(255,255,255,.06)}
.st-eps a:active{transform:scale(.96)}
.st-eps a.on{
  background:linear-gradient(145deg,#ff2a2a,var(--st-red));
  border-color:transparent;color:#fff;
  box-shadow:0 6px 18px rgba(229,9,20,.28);
}
/* Compact episode list — dense, quiet, no glow cards */
.st-eps.st-eps-rows{
  grid-template-columns:1fr;
  gap:0;
  max-height:min(48vh,380px);
  overflow:auto;
  padding:0;
  scrollbar-width:thin;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.02);
}
.st-eps.st-eps-rows a.st-ep-row,
.st-eps.st-eps-rows a{
  aspect-ratio:auto;
  display:grid;
  grid-template-columns:2.2rem 1fr;
  align-items:center;
  gap:.65rem;
  padding:.52rem .75rem;
  border-radius:0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.06);
  text-align:left;
  font-weight:500;
  background:transparent;
  box-shadow:none;
}
.st-eps.st-eps-rows a:last-child{border-bottom:0}
.st-eps.st-eps-rows a:hover{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.06);
  color:#fff;
}
.st-ep-num{
  display:block;width:auto;height:auto;border-radius:0;
  background:transparent;border:0;
  font-size:.82rem;font-weight:600;color:rgba(255,255,255,.45);
  font-variant-numeric:tabular-nums;text-align:right;
}
.st-ep-meta{min-width:0;display:flex;flex-direction:column;gap:.12rem}
.st-ep-label{display:none}
.st-ep-name{
  font-size:.86rem;font-weight:500;color:rgba(255,255,255,.82);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  line-height:1.3;max-width:100%;
}
.st-ep-go{display:none}
.st-eps.st-eps-rows a.on{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.06);
  box-shadow:inset 2px 0 0 #c4c4c4;
}
.st-eps.st-eps-rows a.on .st-ep-num{background:transparent;color:#fff;font-weight:700}
.st-eps.st-eps-rows a.on .st-ep-name{color:#fff}
body.st-mm .st-eps.st-eps-rows:not(.st-eps-pro) a.on{
  background:rgba(225,6,0,.1);
  border-color:rgba(255,255,255,.06);
  box-shadow:inset 2px 0 0 #e10600;
}
body.st-mm .st-eps.st-eps-rows:not(.st-eps-pro) a.on .st-ep-num{background:transparent;color:#ff8a80}
body.st-hm .st-eps.st-eps-rows:not(.st-eps-pro) a.on{
  background:rgba(255,255,255,.08);
  box-shadow:inset 3px 0 0 #fff;
}
body.st-hm .st-eps.st-eps-rows:not(.st-eps-pro) a.on .st-ep-num{background:transparent;color:#fff}
.st-eps-head h2{font-size:1rem;font-weight:600;letter-spacing:0}
.st-eps-count{
  font-size:.75rem;font-weight:500;opacity:.65;
  background:transparent;border:0;padding:0;
}
body.st-mm .st-spinner{border-top-color:#e10600}
body.st-mm .st-bar-seek,body.st-mm .st-vol-range{accent-color:#e10600}
body.st-mm .st-bar-seek{accent-color:#e10600}
@media (min-width:720px){
  .st-eps{grid-template-columns:repeat(auto-fill,minmax(3.35rem,1fr));gap:.5rem}
  .st-eps a{border-radius:14px;font-size:.95rem}
  .st-eps.st-eps-rows{grid-template-columns:1fr;max-height:min(52vh,420px)}
}
@media (max-width:419px){
  .st-eps{grid-template-columns:repeat(auto-fill,minmax(2.7rem,1fr));gap:.38rem}
  .st-eps a{border-radius:10px;font-size:.82rem}
  .st-eps-head{align-items:flex-start}
  .st-auto-label{font-size:.74rem}
  .st-eps.st-eps-rows a.st-ep-row{gap:.55rem;padding:.48rem .65rem}
  .st-ep-num{font-size:.78rem}
}
.st-search-status{
  display:flex;align-items:center;justify-content:center;gap:.65rem;
  padding:1.25rem 1rem;margin:0 0 .75rem;color:#ddd;font-weight:600;
}
.st-search-status[hidden]{display:none!important}
.st-search-status .st-spinner{width:28px;height:28px;border-width:2px}
.st-poster{background:linear-gradient(145deg,#1a1a22,#101016);position:relative;overflow:hidden}
.st-poster img{transition:opacity .25s ease}
.st-poster img:not([src]), .st-poster img[src=""]{opacity:0}
.st-desc{padding:.5rem max(1rem,env(safe-area-inset-right)) 1.5rem max(1rem,env(safe-area-inset-left));color:var(--st-muted);font-size:.9rem;line-height:1.5}
.st-next{
  position:fixed;right:max(.85rem,env(safe-area-inset-right));
  bottom:calc(.85rem + var(--st-safe-b));
  background:#1a1a22;border:1px solid var(--st-line);
  padding:.85rem 1rem;border-radius:14px;display:none;z-index:30;
  max-width:min(280px,calc(100vw - 1.7rem));
  box-shadow:0 12px 40px rgba(0,0,0,.55);
}
.st-next.show{display:block;animation:st-in .3s var(--st-ease)}
.st-next button{
  margin-top:.55rem;width:100%;background:var(--st-red);border:0;color:#fff;
  border-radius:9px;padding:.55rem .8rem;cursor:pointer;font-weight:700;
}

/* Search overlay on mobile */
.st-search-bar{
  display:none;padding:0 max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left));
}
.st-search-bar.open{display:block}
@media (min-width:720px){
  .st-hdr .st-search{display:flex}
  .st-hdr .st-icon-btn.search-toggle{display:none}
  .st-search-bar{display:none!important}
}
@media (max-width:719px){
  .st-hdr .st-search{display:none}
}

/* ?? Monomax platform shell (match monomax.me) ?? */
.st-mm-shell{min-height:100dvh;background:#000}
.st-mm-nav{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:1.1rem;
  min-height:64px;
  padding:.55rem max(1.25rem,env(safe-area-inset-right)) .55rem max(1.25rem,env(safe-area-inset-left));
  background:linear-gradient(180deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.82) 70%, rgba(0,0,0,.55) 100%);
  border-bottom:0;
}
.st-mm-brand{text-decoration:none;flex-shrink:0;line-height:1}
.st-mm-logo{
  display:inline-flex;align-items:stretch;font-weight:800;letter-spacing:.02em;
  font-size:1.15rem;line-height:1;user-select:none;
}
.st-mm-logo .mono{color:#fff;padding:.2rem 0;letter-spacing:.04em}
.st-mm-logo .max{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:.12rem;padding:.22rem .28rem .18rem;
  background:#e10600;color:#fff;font-weight:900;letter-spacing:.02em;
  border-radius:2px;line-height:1;
}
.st-mm-menu{display:flex;align-items:center;gap:.1rem;flex:1;min-width:0;overflow:auto;scrollbar-width:none}
.st-mm-menu::-webkit-scrollbar{display:none}
.st-mm-link{
  appearance:none;border:0;background:transparent;color:rgba(255,255,255,.92);
  font:inherit;font-size:.95rem;font-weight:500;padding:.45rem .7rem;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  display:inline-flex;align-items:center;gap:.28rem;
}
.st-mm-link:hover,.st-mm-link.on{color:#fff}
.st-mm-link .chev{
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.85;margin-top:2px;
}
.st-mm-drop{position:relative;flex-shrink:0}
.st-mm-drop-panel{
  display:none;position:absolute;left:0;top:calc(100% + .4rem);z-index:50;
  min-width:min(15rem,80vw);max-height:min(70vh,28rem);overflow:auto;
  padding:.35rem 0;border-radius:4px;
  background:#141414;border:1px solid #2a2a2a;
  box-shadow:0 12px 40px rgba(0,0,0,.55);
}
.st-mm-drop.open .st-mm-drop-panel{display:grid}
.st-mm-drop-panel a{
  color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;
  padding:.55rem 1rem;
}
.st-mm-drop-panel a:hover{background:rgba(225,6,0,.18)}
.st-mm-tools{display:flex;align-items:center;gap:.55rem;margin-left:auto;flex-shrink:0}
.st-mm-icon-btn{
  appearance:none;border:0;background:transparent;color:#fff;
  width:40px;height:40px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;text-decoration:none;
}
.st-mm-icon-btn:hover{background:rgba(255,255,255,.08)}
.st-mm-lang{
  color:rgba(255,255,255,.88);font-size:.86rem;font-weight:500;
  padding:.2rem .15rem;white-space:nowrap;
}
.st-mm-searchbar{
  padding:.55rem max(1.25rem,env(safe-area-inset-right)) .75rem max(1.25rem,env(safe-area-inset-left));
  background:#0a0a0a;border-bottom:1px solid #1f1f1f;
}
.st-mm-searchbar[hidden]{display:none!important}
.st-mm-search{display:flex;align-items:center;gap:.5rem;max-width:40rem;margin:0 auto}
.st-mm-search input{
  flex:1;min-width:0;border:1px solid #333;background:#1a1a1a;
  color:#fff;border-radius:4px;padding:.6rem .9rem;font:inherit;font-size:.9rem;
}
.st-mm-search input::placeholder{color:#888}
.st-mm-search button{
  appearance:none;border:0;background:#e10600;
  color:#fff;font-weight:700;border-radius:4px;padding:.6rem 1rem;cursor:pointer;font-size:.88rem;
}
.st-mm-search button:hover{filter:brightness(1.08)}
.st-mm-main{
  padding:1.1rem 0 calc(2.75rem + var(--st-safe-b));
}
.st-mm-rail{margin:0 0 1.35rem}
.st-mm-rail-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;
  padding:0 max(1.25rem,env(safe-area-inset-right)) .55rem max(1.25rem,env(safe-area-inset-left));
}
.st-mm-rail-head h2{
  margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.01em;color:#fff;
}
.st-mm-seeall{
  color:#e10600;font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap;
}
.st-mm-seeall:hover{color:#ff2a22}
.st-mm-rail-wrap{position:relative}
.st-mm-rail-track{
  display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x proximity;
  padding:.15rem max(1.25rem,env(safe-area-inset-right)) .35rem max(1.25rem,env(safe-area-inset-left));
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.st-mm-rail-track::-webkit-scrollbar{display:none}
.st-mm-poster{
  flex:0 0 auto;width:clamp(108px,12.5vw,148px);
  aspect-ratio:2/3;border-radius:8px;overflow:hidden;
  background:#141414;scroll-snap-align:start;
  transition:transform .18s var(--st-ease);
}
.st-mm-poster img{width:100%;height:100%;object-fit:cover}
.st-mm-poster:hover{transform:scale(1.04);z-index:1}
.st-mm-rail-btn{
  position:absolute;top:0;bottom:.35rem;z-index:2;width:42px;
  appearance:none;border:0;cursor:pointer;color:#fff;
  background:linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.08));
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .18s var(--st-ease);
}
.st-mm-rail-btn.next{
  right:0;background:linear-gradient(270deg, rgba(0,0,0,.72), rgba(0,0,0,.08));
}
.st-mm-rail-btn.prev{left:0}
.st-mm-rail-wrap:hover .st-mm-rail-btn:not([hidden]){opacity:1}
.st-mm-rail-btn:hover{color:#fff;background:rgba(0,0,0,.55)}
.st-mm-rail-btn[hidden]{display:none!important}

/* Browse / picker while inside Monomax window */
body.st-mm .st-hdr{
  background:linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.75));
  border-bottom:0;
}
body.st-mm .st-brand span{font-weight:800;letter-spacing:.02em}
body.st-mm .st-search button{background:#e10600;border-radius:4px}
body.st-mm .st-search input{border-radius:4px;background:#1a1a1a;border-color:#333}
body.st-mm .st-main{max-width:none}
body.st-mm .st-grid{
  grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  gap:.7rem;
}
@media (min-width:900px){
  body.st-mm .st-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.75rem}
}
@media (min-width:1280px){
  body.st-mm .st-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}
}
body.st-mm .st-poster{
  border-radius:8px;border:0;background:#141414;aspect-ratio:2/3;
}
body.st-mm .st-card:hover .st-poster{border-color:transparent;transform:scale(1.03)}
body.st-mm .st-ep-pill{
  left:.4rem;right:auto;bottom:.4rem;top:auto;
  background:rgba(0,0,0,.78);border-radius:999px;font-size:.65rem;padding:.18rem .45rem;
}
body.st-mm .st-card h3{font-size:.78rem;font-weight:600;margin-top:.4rem;line-height:1.3}
body.st-mm .st-card .meta{display:none}
body.st-mm .st-mm-subnav{
  display:flex;gap:.15rem;flex-wrap:wrap;align-items:center;
  padding:.2rem max(1.25rem,env(safe-area-inset-right)) .55rem max(1.25rem,env(safe-area-inset-left));
  background:transparent;
}
body.st-mm .st-mm-subnav a{
  text-decoration:none;color:rgba(255,255,255,.88);font-size:.88rem;font-weight:500;
  padding:.4rem .65rem;border-radius:0;background:transparent;border:0;
}
body.st-mm .st-mm-subnav a:hover{color:#fff;background:transparent}
body.st-mm .st-chips a{
  border-radius:4px;border-color:#2a2a2a;background:#141414;color:#ddd;
}
body.st-mm .st-chips a.on,body.st-mm .st-chips a:hover{
  color:#fff;border-color:#e10600;background:rgba(225,6,0,.22);
}
body.st-mm .st-q-btn{color:#fff}
@media (max-width:820px){
  .st-mm-nav{gap:.55rem;min-height:56px;padding:.45rem .85rem;flex-wrap:nowrap}
  .st-mm-logo{font-size:1rem}
  .st-mm-link{padding:.35rem .45rem;font-size:.84rem}
  .st-mm-lang{display:none}
  .st-mm-poster{width:clamp(100px,28vw,124px)}
  .st-mm-rail-btn{opacity:.85}
}
@media (prefers-reduced-motion:reduce){
  .st-mm-poster,.st-mm-poster:hover{transition:none;transform:none}
}

/* ?? HBO Max platform shell (match play.hbomax.com) ?? */
body.st-hm{
  --st-bg:#000;
  --st-bg2:#0a0a0a;
  --st-ink:#fff;
  --st-muted:#b8b8b8;
  --st-line:#2a2a2a;
  --st-red:#fff;
  --st-radius:6px;
  background:#000;
  color:#fff;
}
.st-hm-shell{min-height:100dvh;background:#000}
.st-hm-nav{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:1.25rem;
  min-height:64px;
  padding:.55rem max(1.25rem,env(safe-area-inset-right)) .55rem max(1.25rem,env(safe-area-inset-left));
  background:linear-gradient(180deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.7) 70%, transparent 100%);
}
.st-hm-brand{text-decoration:none;flex-shrink:0;line-height:1}
.st-hm-logo{
  display:inline-flex;align-items:baseline;gap:.18rem;
  font-weight:800;letter-spacing:.02em;user-select:none;
}
.st-hm-logo .hbo{color:#fff;font-size:1.05rem;letter-spacing:.08em}
.st-hm-logo .max{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;text-transform:lowercase}
.st-hm-menu{display:flex;align-items:center;gap:.15rem;flex:1;min-width:0;overflow:auto;scrollbar-width:none}
.st-hm-menu::-webkit-scrollbar{display:none}
.st-hm-link{
  color:rgba(255,255,255,.88);font-size:.95rem;font-weight:500;
  padding:.45rem .7rem;text-decoration:none;white-space:nowrap;
  border-bottom:2px solid transparent;
}
.st-hm-link:hover,.st-hm-link.on{color:#fff}
.st-hm-link.on{border-bottom-color:#fff}
.st-hm-tools{display:flex;align-items:center;gap:.35rem;margin-left:auto;flex-shrink:0}
.st-hm-icon-btn{
  appearance:none;border:0;background:transparent;color:#fff;
  width:40px;height:40px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;text-decoration:none;
}
.st-hm-icon-btn:hover{background:rgba(255,255,255,.08)}
.st-hm-searchbar{
  padding:.55rem max(1.25rem,env(safe-area-inset-right)) .75rem max(1.25rem,env(safe-area-inset-left));
  background:#0a0a0a;border-bottom:1px solid #1f1f1f;
}
.st-hm-searchbar[hidden]{display:none!important}
.st-hm-search{display:flex;align-items:center;gap:.5rem;max-width:40rem;margin:0 auto}
.st-hm-search input{
  flex:1;min-width:0;border:1px solid #333;background:#1a1a1a;
  color:#fff;border-radius:4px;padding:.6rem .9rem;font:inherit;font-size:.9rem;
}
.st-hm-search button{
  appearance:none;border:0;background:#fff;color:#000;
  font-weight:700;border-radius:4px;padding:.6rem 1rem;cursor:pointer;font-size:.88rem;
}
.st-hm-main{padding:0 0 calc(2.75rem + var(--st-safe-b))}
.st-hm-hero{position:relative;min-height:min(72vw,520px);margin-bottom:.5rem}
.st-hm-hero-slide{display:none;position:relative;min-height:inherit}
.st-hm-hero-slide.on{display:block}
.st-hm-hero-bg{position:absolute;inset:0;overflow:hidden}
.st-hm-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top}
.st-hm-hero-veil{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.45) 42%, rgba(0,0,0,.15) 70%, transparent 100%),
    linear-gradient(0deg, #000 0%, transparent 42%);
}
.st-hm-hero-body{
  position:relative;z-index:1;
  max-width:36rem;
  padding:4.5rem max(1.25rem,env(safe-area-inset-right)) 3rem max(1.25rem,env(safe-area-inset-left));
}
.st-hm-eyebrow{margin:0 0 .45rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#ccc}
.st-hm-hero-body h1{
  margin:0 0 .55rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;
  letter-spacing:-.02em;text-wrap:balance;
}
.st-hm-plot{margin:0 0 1rem;color:#ddd;line-height:1.45;font-size:.95rem;max-width:34ch}
.st-hm-hero-actions{display:flex;gap:.55rem;align-items:center}
.st-hm-play{
  display:inline-flex;align-items:center;gap:.45rem;
  background:#e8e8e8;color:#000;font-weight:700;font-size:.95rem;
  padding:.7rem 1.15rem;border-radius:6px;text-decoration:none;
}
.st-hm-play:hover{background:#fff}
.st-hm-hero-dots{
  position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);
  display:flex;gap:.4rem;z-index:2;
}
.st-hm-hero-dots button{
  appearance:none;border:0;width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.35);cursor:pointer;padding:0;
}
.st-hm-hero-dots button.on{background:#fff}
.st-hm-rail{margin:0 0 1.35rem}
.st-hm-rail-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;
  padding:0 max(1.25rem,env(safe-area-inset-right)) .55rem max(1.25rem,env(safe-area-inset-left));
}
.st-hm-rail-head h2{margin:0;font-size:1.15rem;font-weight:700;color:#fff}
.st-hm-seeall{color:#fff;font-size:.86rem;font-weight:600;opacity:.75;text-decoration:none}
.st-hm-seeall:hover{opacity:1}
.st-hm-rail-wrap{position:relative}
.st-hm-rail-track{
  display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x proximity;
  padding:.15rem max(1.25rem,env(safe-area-inset-right)) .35rem max(1.25rem,env(safe-area-inset-left));
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.st-hm-rail-track::-webkit-scrollbar{display:none}
.st-hm-poster{
  position:relative;flex:0 0 auto;width:clamp(108px,12.5vw,148px);
  aspect-ratio:2/3;border-radius:6px;overflow:hidden;
  background:#141414;scroll-snap-align:start;
  transition:transform .18s var(--st-ease);
}
.st-hm-poster img{width:100%;height:100%;object-fit:cover}
.st-hm-poster:hover{transform:scale(1.04);z-index:1}
.st-hm-badge{
  position:absolute;top:.4rem;left:.4rem;
  background:#fff;color:#000;font-size:.62rem;font-weight:700;
  padding:.15rem .35rem;border-radius:3px;
}
.st-hm-rail-btn{
  position:absolute;top:0;bottom:.35rem;z-index:2;width:42px;
  appearance:none;border:0;cursor:pointer;color:#fff;
  background:linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.08));
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .18s var(--st-ease);
}
.st-hm-rail-btn.next{right:0;background:linear-gradient(270deg, rgba(0,0,0,.72), rgba(0,0,0,.08))}
.st-hm-rail-btn.prev{left:0}
.st-hm-rail-wrap:hover .st-hm-rail-btn:not([hidden]){opacity:1}
.st-hm-empty{margin:2rem 1.25rem;border-color:#2a2a2a}
.st-hm-empty code{color:#ccc;font-size:.85em}

body.st-hm .st-main{max-width:none}
body.st-hm .st-grid{
  grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.7rem;
}
@media (min-width:900px){
  body.st-hm .st-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.75rem}
}
body.st-hm .st-poster{border-radius:6px;border:0;background:#141414}
body.st-hm .st-card .meta{display:none}
body.st-hm .st-ep-pill{
  left:.4rem;right:auto;bottom:auto;top:.4rem;
  background:#fff;color:#000;border-radius:3px;font-size:.62rem;padding:.15rem .35rem;
}
body.st-hm .st-chips a{border-radius:4px;border-color:#2a2a2a;background:#141414}
body.st-hm .st-chips a.on,body.st-hm .st-chips a:hover{
  color:#000;border-color:#fff;background:#fff;
}

@media (max-width:820px){
  .st-hm-nav{gap:.55rem;min-height:56px;padding:.45rem .85rem}
  .st-hm-menu{display:none}
  .st-hm-hero{min-height:min(120vw,560px)}
  .st-hm-hero-body{
    text-align:center;max-width:none;margin:0 auto;
    padding:5rem 1rem 2.5rem;display:flex;flex-direction:column;align-items:center;
  }
  .st-hm-hero-veil{
    background:
      linear-gradient(0deg, #000 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,.25) 100%);
  }
  .st-hm-plot{max-width:36ch}
  .st-hm-poster{width:clamp(100px,28vw,124px)}
  .st-hm-rail-btn{opacity:.85}
}
@media (prefers-reduced-motion:reduce){
  .st-hm-poster,.st-hm-poster:hover{transition:none;transform:none}
}

/* HBO Max player chrome */
body.st-hm .st-mm-skip-intro.st-hm-skip{
  right:1.1rem;bottom:5.2rem;left:auto;
}
body.st-hm .st-hm-skip button{
  appearance:none;border:0;cursor:pointer;
  background:rgba(220,220,220,.92);color:#111;
  font-weight:700;font-size:.92rem;
  padding:.55rem .95rem;border-radius:6px;
  display:inline-flex;align-items:center;gap:.4rem;
}
body.st-hm .st-hm-skip button:hover{background:#fff}
body.st-hm .st-hm-skip-end{
  right:1.1rem;bottom:5.2rem;left:auto;
  display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;
}
body.st-hm .st-hm-next-card{
  appearance:none;border:0;cursor:pointer;
  background:#fff;color:#111;
  font-weight:700;font-size:.92rem;
  padding:.55rem 1rem .55rem .55rem;border-radius:8px;
  display:inline-flex;align-items:center;gap:.65rem;
  box-shadow:0 8px 28px rgba(0,0,0,.45);
}
body.st-hm .st-hm-next-ring{
  width:34px;height:34px;border-radius:50%;
  border:2px solid #111;position:relative;
  background:conic-gradient(#111 0deg, transparent 0deg);
}
body.st-hm .st-hm-next-ring::after{
  content:'';position:absolute;inset:6px;border-radius:50%;
  background:#fff;
  clip-path:polygon(38% 28%, 38% 72%, 72% 50%);
}
body.st-hm .st-bar-time,body.st-yk .st-bar-time{
  font-variant-numeric:tabular-nums;min-width:2.4rem;text-align:right;
}
/* Track / CC panel - HBO Max + Youku (use .is-open; avoid [hidden] vs display:flex clash) */
.st-hm-track-panel{
  position:absolute;inset:0;z-index:40;
  background:#000;color:#fff;
  display:none;flex-direction:column;
  padding:1.25rem 1.5rem 1.5rem;
  box-sizing:border-box;
}
.st-hm-track-panel.is-open{display:flex!important}
.st-hm-track-panel[hidden]:not(.is-open){display:none!important}
.st-hm-track-close{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#fff;
  font-size:1.6rem;line-height:1;align-self:flex-end;cursor:pointer;
  padding:.25rem .4rem;margin:0 0 .25rem auto;
  width:auto;min-width:2rem;border-radius:4px;
}
.st-hm-track-close:hover{background:rgba(255,255,255,.08)}
.st-hm-track-cols{
  flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;
  align-content:start;max-width:52rem;margin:1rem auto 0;width:100%;
  min-height:0;overflow:auto;
}
.st-hm-track-col h3{
  margin:0 0 .75rem;font-size:1.15rem;font-weight:700;
  padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.2);
}
.st-hm-track-item{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#fff;
  width:100%;text-align:left;font:inherit;font-size:.95rem;
  padding:.65rem .2rem;cursor:pointer;
  display:flex;align-items:center;gap:.55rem;
}
.st-hm-track-item .chk{width:1.1rem;flex-shrink:0;color:#fff}
.st-hm-track-item:hover{background:rgba(255,255,255,.06)}
@media (max-width:720px){
  /* Keep dual columns like Max app — stack only on very narrow phones */
  .st-hm-track-cols{grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:.5rem}
  .st-hm-track-col h3{font-size:1.05rem}
  .st-hm-track-item{font-size:.9rem;padding:.55rem .15rem}
}
@media (max-width:380px){
  .st-hm-track-cols{grid-template-columns:1fr;gap:1rem}
}

/* ?? Youku TV (TH) ?? */
.st-tile.tone-yk{border-color:rgba(0,173,239,.45)}
.st-tile.tone-yk .badge{background:#00adef;color:#fff}
.st-tile.tone-yk .veil{
  background:linear-gradient(155deg,oklch(0.35 0.1 220 / .5) 0%,oklch(0.18 0.04 250 / .8) 50%,rgba(0,0,0,.94) 100%);
}
body.st-yk{
  --st-bg:#121212;
  --st-bg2:#1a1a1a;
  --st-ink:#fff;
  --st-muted:#a0a0a0;
  --st-line:#2a2a2a;
  --st-red:#00adef;
  --st-red-dim:#0088bb;
  --st-yk-cyan:#00adef;
  --st-yk-orange:#ff8c00;
  --st-radius:8px;
  background:#121212;
  color:#fff;
}
body.st-yk .st-hm-shell,body.st-yk .st-yk-shell{background:#121212;min-height:100vh}
body.st-yk .st-yk-nav{background:rgba(18,18,18,.92);backdrop-filter:blur(12px)}
body.st-yk .st-yk-logo{
  font-family:"Noto Sans Thai","Segoe UI",system-ui,sans-serif;
  font-weight:800;font-size:1.35rem;letter-spacing:.04em;color:#fff;
}
body.st-yk .st-hm-link:hover,body.st-yk .st-hm-link.on{color:var(--st-yk-cyan)}
body.st-yk .st-hm-search button{background:var(--st-yk-cyan);color:#fff;border:0}
body.st-yk .st-chips a.on{box-shadow:0 0 0 1px rgba(0,173,239,.5) inset;color:var(--st-yk-cyan)}
body.st-yk .st-yk-play{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--st-yk-cyan);color:#fff;border:0;border-radius:999px;
  padding:.55rem 1.25rem;font-weight:700;text-decoration:none;
}
/* Desktop rails ≈ youku.tv: ~5–6 large posters / viewport */
body.st-yk .st-hm-rail{margin:0 0 1.85rem}
body.st-yk .st-hm-rail-head{
  padding:0 max(2rem,env(safe-area-inset-right)) .75rem max(2rem,env(safe-area-inset-left));
}
body.st-yk .st-hm-rail-head h2{font-size:clamp(1.2rem,1.6vw,1.45rem);font-weight:700}
body.st-yk .st-hm-rail-track{
  gap:1rem;
  padding:.25rem max(2rem,env(safe-area-inset-right)) .55rem max(2rem,env(safe-area-inset-left));
}
body.st-yk .st-hm-poster.st-yk-poster-card{
  position:relative;
  display:flex;flex-direction:column;
  flex:0 0 auto;
  /* ~6 cards on 1440px; grows on wide monitors like the real site */
  width:clamp(148px, calc((100vw - 6rem) / 6.15), 228px);
  aspect-ratio:auto;height:auto;
  border-radius:0;overflow:visible;
  background:transparent;scroll-snap-align:start;
  transition:transform .2s var(--st-ease);
}
body.st-yk .st-hm-poster.st-yk-poster-card:hover{transform:translateY(-4px) scale(1.02);z-index:2}
body.st-yk .st-yk-poster-card > img,
body.st-yk .st-yk-poster-card > .st-hm-badge + img{
  width:100%;aspect-ratio:2/3;object-fit:cover;display:block;
  border-radius:10px;background:#1c1c1c;
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
body.st-yk .st-yk-poster-card > img{border-radius:10px}
body.st-yk .st-yk-card-title{
  color:rgba(255,255,255,.92);font-size:.88rem;font-weight:600;
  margin:.55rem .1rem 0;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.st-yk .st-hm-badge{
  top:.55rem;left:.55rem;font-size:.68rem;padding:.18rem .42rem;border-radius:4px;
  box-shadow:0 1px 4px rgba(0,0,0,.35);
}
body.st-yk .st-yk-hero{min-height:min(48vw,620px);margin-bottom:1rem}
body.st-yk .st-hm-hero-body{
  padding:4.5rem max(2rem,env(safe-area-inset-right)) 3.25rem max(2rem,env(safe-area-inset-left));
  max-width:min(42rem,52%);
}
body.st-yk .st-hm-hero-body h1{font-size:clamp(1.85rem,3.6vw,3rem);font-weight:800}
body.st-yk .st-yk-badge{
  position:absolute;z-index:2;font-size:.7rem;font-weight:800;
  padding:.18rem .45rem;border-radius:4px;line-height:1.2;letter-spacing:.02em;
}
@media (min-width:1600px){
  body.st-yk .st-hm-poster.st-yk-poster-card{
    width:clamp(190px, calc((100vw - 7rem) / 6.4), 248px);
  }
  body.st-yk .st-hm-rail-track{gap:1.15rem}
}
@media (max-width:900px){
  body.st-yk .st-hm-poster.st-yk-poster-card{
    width:clamp(118px, 34vw, 160px);
  }
  body.st-yk .st-hm-rail-track{gap:.7rem}
  body.st-yk .st-yk-card-title{font-size:.78rem}
  body.st-yk .st-yk-hero{min-height:min(120vw,560px)}
  body.st-yk .st-hm-hero-body{max-width:none}
}
body.st-yk .st-yk-badge-vip{
  top:.4rem;right:.4rem;
  background:linear-gradient(135deg,#fdbb30,#e8a010);color:#3a2200;
}
body.st-yk .st-yk-badge-dub{
  top:.4rem;left:.4rem;
  background:linear-gradient(135deg,#ff5a8a,#e02060);color:#fff;
}
body.st-yk .st-yk-results{display:flex;flex-direction:column;gap:1.5rem;max-width:960px}
body.st-yk .st-yk-result{
  display:flex;gap:1.25rem;text-decoration:none;color:inherit;
  align-items:flex-start;padding:.25rem 0;
}
body.st-yk .st-yk-result-poster{
  position:relative;flex:0 0 120px;width:120px;aspect-ratio:2/3;
  border-radius:8px;overflow:hidden;background:#222;
}
body.st-yk .st-yk-result-poster img{width:100%;height:100%;object-fit:cover;display:block}
body.st-yk .st-yk-result-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}
body.st-yk .st-yk-result-body h3{margin:0;font-size:1.25rem;font-weight:700;color:#fff}
body.st-yk .st-yk-result-meta{margin:0;font-size:.85rem;color:var(--st-yk-orange);font-weight:600}
body.st-yk .st-yk-result-desc{
  margin:0;font-size:.9rem;color:var(--st-muted);line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.st-yk .st-yk-result-cta{
  align-self:flex-start;margin-top:.25rem;
  background:var(--st-yk-cyan);color:#fff;border-radius:999px;
  padding:.4rem 1.1rem;font-size:.85rem;font-weight:700;
}
body.st-yk .st-poster{position:relative}
body.st-yk .st-srv.on{color:var(--st-yk-cyan)}
body.st-yk .st-servers{display:none!important}
body.st-yk .st-bar-qwrap{color:#fff}
body.st-yk .st-q-btn{color:#fff}
body.st-yk .st-bar-quality{
  /* keep invisible overlay on gear — do not restyle as 720P chip */
  opacity:0.01;width:100%;height:100%;min-width:0;max-width:none;
  border:0;background:transparent;color:transparent;box-shadow:none;padding:0;
}
body.st-yk .st-bar-quality option{color:#111}
body.st-yk .st-srv-vip{
  font-size:.6rem;font-weight:800;padding:.1rem .3rem;border-radius:3px;
  background:linear-gradient(135deg,#fdbb30,#e8a010);color:#3a2200;
}
/* End skip: single next button (credits removed) */
.st-mm-skip-end{justify-content:flex-end}
body.st-mm .st-mm-skip-end{gap:.65rem}
.st-mm-skip-credits{display:none!important}
body.st-yk .st-hm-track-item.on{color:var(--st-yk-cyan)}
body.st-yk .st-hm-track-item.on .chk{color:var(--st-yk-cyan)}
body.st-yk .st-bar-btn.st-hm-tracks.on,
body.st-yk #stTracks[aria-pressed="true"]{background:var(--st-yk-cyan);color:#fff;border-radius:4px}
body.st-yk .st-yk-more-cats{
  padding:1.25rem max(1rem,env(safe-area-inset-right)) 2.5rem max(1rem,env(safe-area-inset-left));
}
body.st-yk .st-yk-more-cats p{
  margin:0 0 .65rem;font-size:.82rem;font-weight:700;color:var(--st-muted);letter-spacing:.04em;
}
body.st-yk .st-yk-more-links{
  display:flex;flex-wrap:wrap;gap:.45rem;
}
body.st-yk .st-yk-more-links a{
  display:inline-flex;align-items:center;
  padding:.4rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;
  border:1px solid var(--st-line);color:var(--st-ink);background:rgba(255,255,255,.04);
  text-decoration:none;
}
body.st-yk .st-yk-more-links a:hover{border-color:var(--st-yk-cyan);color:var(--st-yk-cyan)}
@media (max-width:720px){
  body.st-yk .st-yk-result{flex-direction:column;align-items:stretch}
  body.st-yk .st-yk-result-poster{flex-basis:auto;width:min(160px,42vw);margin:0 auto}
  body.st-yk .st-yk-result-body{text-align:left}
}

/* —— Dooseries —— */
:root{
  --st-ds-red:#e11d48;
  --st-ds-pink:#fb7185;
  --st-ds-ink:#f8fafc;
}
.st-tile.tone-ds{border-color:rgba(225,29,72,.45)}
.st-tile.tone-ds .badge{background:var(--st-ds-red);color:#fff}
.st-tile.tone-ds .veil{
  background:linear-gradient(135deg,rgba(225,29,72,.35),rgba(15,15,20,.2));
}
body.st-ds{
  --st-ink:var(--st-ds-ink);
  background:#0b0b10;
}
body.st-ds .st-ds-shell{min-height:100vh}
body.st-ds .st-ds-nav{
  background:linear-gradient(180deg,rgba(11,11,16,.96),rgba(11,11,16,.72));
  border-bottom:1px solid rgba(225,29,72,.2);
}
body.st-ds .st-ds-logo{
  font-weight:800;font-size:1.15rem;letter-spacing:.02em;
  background:linear-gradient(135deg,var(--st-ds-pink),var(--st-ds-red));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.st-ds .st-hm-link.on{color:var(--st-ds-pink)}
body.st-ds .st-ds-eyebrow{color:var(--st-ds-pink);font-weight:700;letter-spacing:.12em}
body.st-ds .st-ds-play{
  background:var(--st-ds-red);color:#fff;border-radius:999px;
}
body.st-ds .st-ds-play:hover{filter:brightness(1.08)}
body.st-ds .st-ds-poster-card{position:relative}
body.st-ds .st-ds-card-title{
  display:block;margin-top:.45rem;font-size:.82rem;font-weight:600;color:#e2e8f0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9.5rem;
}
body.st-ds .st-hm-seeall{color:var(--st-ds-pink)}
body.st-ds .st-bar-seek{accent-color:var(--st-ds-red)}
body.st-ds .st-auto-switch.on .st-auto-track{background:var(--st-ds-red)}

/* Dooseries — app-inspired mobile shell (Kanit, bottom tabs, player chrome) */
body.st-ds{
  font-family:"Kanit","Noto Sans Thai","Segoe UI",system-ui,sans-serif;
}

/* Episode panel — quiet, one job: pick an episode */
body.st-ds .st-eps-admin{
  margin:.4rem max(1rem,env(safe-area-inset-right)) .9rem max(1rem,env(safe-area-inset-left));
  padding:.85rem .9rem 1rem;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.st-ds .st-eps-admin-head{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:0 0 .7rem;margin:0 0 .55rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:transparent;
}
body.st-ds .st-eps-admin-title h2{
  margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em;color:#f8fafc;
  display:flex;align-items:baseline;gap:.2rem;
}
body.st-ds .st-eps-now{
  color:var(--st-ds-pink);font-variant-numeric:tabular-nums;font-weight:700;
}
body.st-ds .st-eps-of{
  color:rgba(248,250,252,.4);font-size:.85em;font-weight:500;font-variant-numeric:tabular-nums;
}
body.st-ds .st-ep-nav-ghost{display:none!important}
body.st-ds .st-pref-switch{
  border:0;background:transparent;padding:0;gap:.45rem;
  color:rgba(248,250,252,.72);font-size:.78rem;font-weight:500;
}
body.st-ds .st-pref-switch .st-auto-label{order:0;white-space:nowrap}
body.st-ds .st-pref-switch .st-auto-track{
  order:1;width:2.2rem;height:1.2rem;border-radius:999px;background:rgba(255,255,255,.14);
}
body.st-ds .st-pref-switch .st-auto-knob{
  border-radius:50%;top:2px;left:2px;
  width:calc(1.2rem - 4px);height:calc(1.2rem - 4px);
  background:#fff;
}
body.st-ds .st-pref-switch.on{color:#fff}
body.st-ds .st-pref-switch.on .st-auto-track{background:var(--st-ds-red)}
body.st-ds .st-pref-switch.on .st-auto-knob{transform:translateX(.95rem)}
body.st-ds .st-ep-ranges{
  display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;
  padding:0 0 .65rem;margin:0 0 .55rem;
  border-bottom:1px solid rgba(255,255,255,.06);
  scrollbar-width:none;-ms-overflow-style:none;
}
body.st-ds .st-ep-ranges::-webkit-scrollbar{display:none}
body.st-ds .st-ep-ranges[hidden]{display:none!important}
body.st-ds .st-ep-range{
  appearance:none;border:0;background:transparent;
  color:rgba(248,250,252,.45);
  border-radius:0;padding:.35rem .7rem .5rem;font-size:.78rem;font-weight:600;
  font-family:inherit;cursor:pointer;letter-spacing:0;
  border-bottom:2px solid transparent;flex:0 0 auto;
}
body.st-ds .st-ep-range:hover{color:rgba(248,250,252,.85)}
body.st-ds .st-ep-range.on{
  color:#fff;border-bottom-color:var(--st-ds-red);background:transparent;
}
body.st-ds .st-eps-matrix{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(2.8rem,1fr));
  gap:.4rem;
  padding:0;
  background:transparent;
}
body.st-ds .st-eps-matrix a,
body.st-ds .st-eps-sheet-item{
  aspect-ratio:1;min-height:0;
  border:0;border-radius:10px;
  background:rgba(255,255,255,.06);
  color:rgba(248,250,252,.78);
  font-family:inherit;
  font-size:.88rem;font-weight:600;font-variant-numeric:tabular-nums;
  box-shadow:none;transform:none;
}
body.st-ds .st-eps-matrix a:hover,
body.st-ds .st-eps-sheet-item:hover{
  background:rgba(255,255,255,.12);color:#fff;transform:none;
}
body.st-ds .st-eps-matrix a:active{transform:scale(.96)}
body.st-ds .st-eps-matrix a.on,
body.st-ds .st-eps-sheet-item.on{
  background:var(--st-ds-red);color:#fff;
  box-shadow:none;
}
body.st-ds .st-eps-matrix a.is-range-hide{display:none}
body.st-ds .st-desc-admin{
  margin:0 max(1rem,env(safe-area-inset-right)) 1.4rem max(1rem,env(safe-area-inset-left));
  padding:0;border:0;border-radius:0;background:transparent;
  color:rgba(248,250,252,.55);font-size:.86rem;line-height:1.55;
}
body.st-ds .st-eps-sheet-panel{
  border-radius:16px 16px 0 0;
  border:0;border-top:1px solid rgba(255,255,255,.08);
  background:#121218;
  box-shadow:0 -18px 48px rgba(0,0,0,.55);
  padding:.2rem 0 calc(.85rem + var(--st-safe-b));
  gap:0;
}
body.st-ds .st-eps-sheet-head{
  padding:.9rem 1.1rem .55rem;
  border-bottom:0;
  align-items:center;
}
body.st-ds .st-eps-sheet-head h2{margin:0;font-size:1.05rem;font-weight:650}
body.st-ds .st-eps-sheet-x{
  border-radius:999px;background:rgba(255,255,255,.1);width:2rem;height:2rem;
}
body.st-ds .st-eps-sheet-grid{
  gap:.4rem;padding:.35rem 1rem 0;background:transparent;
  grid-template-columns:repeat(auto-fill,minmax(2.8rem,1fr));
}
body.st-ds .st-ep-ranges-sheet{
  padding:.15rem 1rem .55rem;margin:0;border-bottom:0;
}

body.st-ds .st-ds-shell{
  padding-bottom:calc(4.25rem + var(--st-safe-b));
}
body.st-ds .st-ds-tabbar{
  display:none;
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  grid-template-columns:repeat(3,1fr);
  gap:.15rem;
  padding:.35rem .45rem calc(.35rem + var(--st-safe-b));
  background:rgba(11,11,16,.92);
  border-top:1px solid rgba(225,29,72,.28);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
body.st-ds .st-ds-tab{
  appearance:none;border:0;background:transparent;color:#94a3b8;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.15rem;padding:.35rem .2rem;border-radius:12px;font:inherit;
  font-size:.68rem;font-weight:600;text-decoration:none;cursor:pointer;min-height:3rem;
}
body.st-ds .st-ds-tab.on,
body.st-ds .st-ds-tab:active{color:var(--st-ds-pink);background:rgba(225,29,72,.12)}
body.st-ds .st-topchrome{
  position:absolute;left:0;right:0;top:0;z-index:9;
  display:flex;align-items:center;gap:.55rem;
  padding:calc(.55rem + var(--st-safe-t)) .75rem .7rem;
  background:linear-gradient(rgba(0,0,0,.78),transparent);
  transition:opacity .25s var(--st-ease),transform .25s var(--st-ease);
}
body.st-ds .st-player.is-controls-hidden .st-topchrome{
  opacity:0;pointer-events:none;transform:translateY(-6px);
}
body.st-ds .st-topchrome-back,
body.st-ds .st-topchrome-btn{
  appearance:none;border:0;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.14);border-radius:999px;
  width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;
  font-size:.95rem;font-weight:700;flex-shrink:0;cursor:pointer;
}
body.st-ds .st-topchrome-btn{
  width:auto;padding:0 .85rem;font-size:.78rem;letter-spacing:.02em;
}
body.st-ds .st-topchrome-meta{min-width:0;flex:1}
body.st-ds .st-topchrome-title{
  font-size:.92rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.st-ds .st-topchrome-sub{font-size:.72rem;color:#cbd5e1;margin-top:.1rem}
body.st-ds .st-tapzones{
  position:absolute;inset:0;z-index:5;display:flex;pointer-events:none;
}
body.st-ds .st-tapzone{
  flex:1;pointer-events:auto;
}
body.st-ds .st-bar-skip,
body.st-ds .st-bar-speed,
body.st-ds .st-bar-eps,
body.st-ds .st-bar-mute{
  font-size:.72rem;font-weight:700;width:auto;min-width:2.5rem;padding:0 .4rem;
}
body.st-ds .st-eps-sheet{
  position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;
}
body.st-ds .st-eps-sheet[hidden]{display:none!important}
body.st-ds .st-eps-sheet-backdrop{
  position:absolute;inset:0;border:0;background:rgba(0,0,0,.58);cursor:pointer;
}
body.st-ds .st-eps-sheet-panel{
  position:relative;z-index:1;width:min(560px,100%);
  max-height:min(78vh,620px);
  display:flex;flex-direction:column;
  overflow:hidden;
}
body.st-ds .st-eps-sheet-grid{overflow:auto;flex:1}
html.st-sheet-open,html.st-sheet-open body{overflow:hidden}
@media (max-width:719px){
  body.st-ds .st-ds-menu-desk,
  body.st-ds .st-ds-hub-desk{display:none!important}
  body.st-ds .st-ds-tabbar{display:grid}
  body.st-ds .st-watch-meta-ds{
    padding-top:calc(.55rem + var(--st-safe-t));
  }
  body.st-ds .st-watch-meta-ds .back{display:none}
  body.st-ds .st-player.is-native{
    border-radius:0;
    margin-left:calc(-1 * max(0px, env(safe-area-inset-left)));
    margin-right:calc(-1 * max(0px, env(safe-area-inset-right)));
    width:100vw;max-width:100vw;
    position:relative;left:50%;transform:translateX(-50%);
  }
  body.st-ds .st-bar.st-bar-pro{
    gap:.05rem;padding:0 0 calc(.35rem + env(safe-area-inset-bottom,0));
  }
  body.st-ds .st-bar-btn{width:36px;height:36px;border-radius:50%}
  body.st-ds .st-bar-skip{display:none} /* double-tap zones handle ±10 on phone */
  body.st-ds .st-bar-time{min-width:0;font-size:.68rem}
  body.st-ds .st-bar-speed{min-width:2.2rem}
  body.st-ds .st-hm-hero-body h1{font-size:clamp(1.35rem,6vw,1.85rem)}
  body.st-ds .st-ds-card-title{max-width:7.6rem;font-size:.78rem}
}
@media (min-width:720px){
  body.st-ds .st-ds-shell{padding-bottom:0}
  body.st-ds .st-tapzones{display:none}
}

/* ── Monomax title detail (monomax.me/title/…) ── */
body.st-mm-titlepage{font-family:"Prompt",system-ui,sans-serif;background:#121212}
body.st-mm-titlepage .st-mm-shell{background:#121212}
.st-mm-title-main{
  max-width:1180px;margin:0 auto;
  padding:.5rem max(1rem,env(safe-area-inset-right)) 3rem max(1rem,env(safe-area-inset-left));
}
.st-mm-hero{
  display:grid;gap:1.25rem;align-items:start;
  margin:0 0 2.35rem;
}
@media (min-width:900px){
  .st-mm-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:1.75rem}
}
.st-mm-trailer{
  position:relative;border-radius:6px;overflow:hidden;
  background:#000;aspect-ratio:16/9;isolation:isolate;
}
.st-mm-trailer-poster{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transition:opacity .35s ease;z-index:1;pointer-events:none;
}
.st-mm-trailer-video{width:100%;height:100%;display:block;object-fit:contain;background:#000;position:relative;z-index:0}
.st-mm-trailer-overlay{
  position:absolute;left:0;right:0;top:0;z-index:2;
  display:flex;align-items:flex-start;justify-content:space-between;
  padding:.65rem .75rem;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 70%);
}
.st-mm-trailer-label{color:#fff;font-size:.82rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.65)}
.st-mm-trailer-wm{font-size:.72rem;font-weight:800;letter-spacing:.04em;opacity:.9}
.st-mm-trailer-wm .mono{color:#fff}.st-mm-trailer-wm .max{color:#fff;background:#e10600;padding:.05rem .2rem;margin-left:.1rem}
.st-mm-trailer-bar{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  display:flex;align-items:center;gap:.35rem;
  padding:.45rem .55rem;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);
}
.st-mm-tbtn{
  appearance:none;border:0;background:transparent;color:#fff;cursor:pointer;
  width:34px;height:34px;border-radius:8px;display:grid;place-items:center;padding:0;flex-shrink:0;
}
.st-mm-tbtn:hover{background:rgba(255,255,255,.12)}
.st-mm-tbtn.off{opacity:.55}
.st-mm-trailer-time{color:#e5e5e5;font-size:.72rem;font-variant-numeric:tabular-nums;min-width:5.5rem;flex-shrink:0}
.st-mm-trailer-seek{flex:1;min-width:0;accent-color:#ff6a00;height:4px}
.st-mm-hero-meta{min-width:0;padding-top:.15rem}
.st-mm-title-h1{
  margin:0 0 .7rem;color:#fff;font-weight:800;line-height:1.25;
  font-size:clamp(1.45rem,3.2vw,2rem);letter-spacing:-.01em;
}
.st-mm-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 .45rem}
.st-mm-badge-top10{
  display:inline-flex;align-items:center;background:#ff6a00;color:#fff;
  font-size:.68rem;font-weight:800;padding:.22rem .5rem;border-radius:999px;letter-spacing:.02em;
}
.st-mm-meta-chip{color:#ddd;font-size:.86rem;font-weight:500}
.st-mm-meta-line{color:#cfcfcf;font-size:.84rem;line-height:1.45;margin:0 0 .55rem}
.st-mm-meta-line .dot{opacity:.55;margin:0 .15rem}
.st-mm-epcount{
  display:inline-flex;align-items:center;gap:.35rem;color:#fff;
  font-size:.9rem;font-weight:600;margin:0 0 1rem;
}
.st-mm-epcount svg{color:#e10600}
.st-mm-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  min-width:min(100%,200px);padding:.68rem 1.2rem;border-radius:4px;
  background:#e85d04;color:#fff;font-weight:700;font-size:.95rem;
  text-decoration:none;box-shadow:none;border:0;
  transition:background .15s ease,transform .1s ease;margin:0 0 1.15rem;
}
.st-mm-cta svg{flex-shrink:0;width:16px;height:16px;margin-left:-.05rem;opacity:.95}
.st-mm-cta:hover{background:#f06a12;color:#fff;filter:none}
.st-mm-cta:active{transform:scale(.985);background:#d45403}
.st-mm-cred{margin:0 0 .7rem}
.st-mm-cred .lab{color:#fff;font-weight:700;font-size:.88rem;margin:0 0 .2rem}
.st-mm-cred .val{color:#bdbdbd;font-size:.84rem;line-height:1.55}
.st-mm-tags{display:flex;flex-wrap:wrap;gap:.2rem .35rem;align-items:center}
.st-mm-tags i{opacity:.45;font-style:normal}
.st-mm-synopsis{margin:0 0 2.75rem;max-width:52rem;padding-bottom:.25rem}
.st-mm-synopsis h2{margin:0 0 .75rem;color:#fff;font-size:1.15rem;font-weight:800}
.st-mm-synopsis p{margin:0 0 1.25rem;color:#e8e8e8;font-size:.92rem;line-height:1.75}
.st-mm-social{display:flex;gap:1.35rem;align-items:center;margin-top:.15rem}
.st-mm-social-btn{
  appearance:none;border:0;background:transparent;color:#cfcfcf;cursor:pointer;
  display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;font-weight:600;padding:.35rem 0;
}
.st-mm-social-btn:hover,.st-mm-social-btn.on{color:#fff}
.st-mm-social-btn.ok{color:#ff8a00}
.st-mm-social-btn.on svg{color:#ff8a00}
.st-mm-eps-section{
  margin:0 0 1.5rem;
  padding:2rem 0 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.st-mm-eps-section h2{
  margin:0 0 1.35rem;color:#fff;font-size:1.2rem;font-weight:800;
  letter-spacing:-.01em;
}
.st-mm-ep-grid{
  display:grid;
  gap:1.65rem 1.75rem;
  grid-template-columns:1fr;
}
@media (min-width:700px){
  .st-mm-ep-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.75rem 2rem;
  }
}
@media (min-width:1020px){
  .st-mm-ep-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1.85rem 2.15rem;
  }
}
.st-mm-ep-card{
  display:grid;grid-template-columns:40% 1fr;gap:.95rem;align-items:center;
  text-decoration:none;color:inherit;min-width:0;
  transition:transform .15s ease, opacity .15s ease;
}
.st-mm-ep-card:hover{transform:translateY(-1px)}
.st-mm-ep-card:hover .st-mm-ep-name{color:#fff}
.st-mm-ep-card:hover .st-mm-ep-play{opacity:1;transform:scale(1.05)}
.st-mm-ep-thumb{
  position:relative;aspect-ratio:3/2;border-radius:6px;overflow:hidden;background:#1a1a1a;
}
.st-mm-ep-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.st-mm-ep-play{
  position:absolute;inset:0;margin:auto;width:2.5rem;height:2.5rem;border-radius:999px;
  background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;
  opacity:.92;transition:opacity .15s ease, transform .15s ease;
  box-shadow:0 0 0 2px rgba(255,255,255,.35);
}
.st-mm-ep-play svg{margin-left:2px}
.st-mm-ep-progress{
  position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2);
}
.st-mm-ep-progress::after{
  content:"";display:block;height:100%;width:var(--p,0);background:#ff6a00;
}
.st-mm-ep-info{min-width:0;padding:.15rem 0 .1rem}
.st-mm-ep-name{
  color:#f2f2f2;font-weight:700;font-size:.95rem;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.st-mm-ep-dur{color:#9a9a9a;font-size:.8rem;margin:.4rem 0 .45rem}
.st-mm-ep-audio{
  display:inline-block;font-size:.72rem;color:#ddd;background:#2a2a2a;
  padding:.2rem .45rem;border-radius:3px;font-weight:600;
}
.st-mm-ep-card.on .st-mm-ep-name{color:#ffb080}
@media (max-width:520px){
  .st-mm-title-main{padding-top:.15rem}
  .st-mm-cta{width:100%}
  .st-mm-trailer-label{font-size:.74rem;max-width:70%}
  .st-mm-synopsis{margin-bottom:2.1rem}
  .st-mm-eps-section{padding-top:1.5rem}
  .st-mm-ep-grid{gap:1.35rem}
  .st-mm-ep-card{grid-template-columns:44% 1fr;gap:.75rem}
  .st-mm-ep-name{font-size:.88rem}
}

/* Watch page — Monomax quality = gear overlay (same as YK/HM) */
body.st-mm .st-bar-qwrap{color:#fff}
body.st-mm .st-bar-quality{
  opacity:0.01;width:100%;height:100%;min-width:0;max-width:none;
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.st-mm .st-bar-quality:hover{background:transparent}
/* Pro episode rows — EP badge + live equalizer */
.st-eps.st-eps-pro{
  max-height:min(56vh,540px);
  border-color:rgba(255,255,255,.1);
  background:rgba(255,255,255,.025);
}
.st-eps.st-eps-pro a.st-ep-row,
.st-eps.st-eps-pro a{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.7rem;
  padding:.7rem .85rem;
  grid-template-columns:none;
  place-items:unset;
  justify-items:unset;
  transition:background .18s ease, box-shadow .18s ease, transform .12s ease;
}
.st-eps.st-eps-pro a.st-ep-row:hover{
  background:rgba(255,255,255,.055);
  transform:translateX(2px);
}
.st-ep-badge{
  flex:0 0 auto;
  min-width:3.1rem;
  padding:.28rem .45rem;
  border-radius:8px;
  text-align:center;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  font-variant-numeric:tabular-nums;
}
.st-ep-body{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.18rem;
}
.st-eps.st-eps-pro .st-ep-name{
  flex:none;
  min-width:0;
  max-width:none;
  font-size:.92rem;
  font-weight:600;
  color:rgba(255,255,255,.88);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.st-ep-sub{
  display:flex;align-items:center;gap:.45rem;min-height:1em;
}
.st-ep-live{
  font-size:.7rem;font-weight:700;letter-spacing:.02em;
  color:#ff8a80;
}
.st-ep-live[hidden]{display:none!important}
.st-eps.st-eps-pro .st-ep-dur-mini{
  font-size:.7rem;color:rgba(255,255,255,.4);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.st-ep-action{
  flex:0 0 2.1rem;
  width:2.1rem;height:2.1rem;border-radius:999px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.55);
  position:relative;
  transition:background .15s ease, color .15s ease, box-shadow .15s ease;
}
.st-ep-playico{
  display:grid;place-items:center;line-height:0;
}
.st-ep-playico svg{width:14px;height:14px;margin-left:1px}
.st-ep-eq{
  display:none;
  align-items:flex-end;justify-content:center;gap:2px;
  height:14px;width:16px;
}
.st-ep-eq i{
  display:block;width:2.5px;border-radius:2px;
  background:currentColor;
  height:40%;
  transform-origin:bottom center;
  animation:stEpEq 0.85s ease-in-out infinite;
}
.st-ep-eq i:nth-child(1){animation-delay:0s;height:45%}
.st-ep-eq i:nth-child(2){animation-delay:.12s;height:90%}
.st-ep-eq i:nth-child(3){animation-delay:.24s;height:60%}
.st-ep-eq i:nth-child(4){animation-delay:.36s;height:75%}
@keyframes stEpEq{
  0%,100%{transform:scaleY(.35)}
  50%{transform:scaleY(1)}
}
.st-eps.st-eps-pro a.st-ep-row:hover .st-ep-action{
  color:#fff;background:rgba(225,6,0,.35);
}
.st-eps.st-eps-pro a.on{
  background:linear-gradient(90deg,rgba(225,6,0,.22),rgba(225,6,0,.05));
  box-shadow:inset 3px 0 0 #e10600;
}
.st-eps.st-eps-pro a.on .st-ep-badge{
  color:#fff;
  background:rgba(225,6,0,.85);
  border-color:transparent;
  box-shadow:0 4px 12px rgba(225,6,0,.28);
}
.st-eps.st-eps-pro a.on .st-ep-name{color:#fff;font-weight:700}
.st-eps.st-eps-pro a.on .st-ep-dur-mini{color:rgba(255,200,190,.75)}
.st-eps.st-eps-pro a.on .st-ep-action{
  color:#fff;background:#e10600;
  box-shadow:0 0 0 3px rgba(225,6,0,.22);
}
.st-eps.st-eps-pro a.on.is-playing .st-ep-playico{display:none}
.st-eps.st-eps-pro a.on.is-playing .st-ep-eq{display:inline-flex}
.st-eps.st-eps-pro a.on.is-paused .st-ep-live{color:rgba(255,180,170,.85)}
.st-eps.st-eps-pro a.on.is-paused .st-ep-action{
  background:rgba(225,6,0,.55);
}
body.st-mm .st-hm-tracks{
  width:40px;height:40px;
}
body.st-hm .st-eps.st-eps-pro a.on{
  background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
  box-shadow:inset 3px 0 0 #fff;
}
body.st-hm .st-eps.st-eps-pro a.on .st-ep-badge{
  background:#fff;color:#111;box-shadow:none;
}
body.st-hm .st-eps.st-eps-pro a.on .st-ep-action,
body.st-hm .st-eps.st-eps-pro a.st-ep-row:hover .st-ep-action{
  background:rgba(255,255,255,.2);color:#fff;box-shadow:none;
}
body.st-hm .st-ep-live{color:#fff}
@media (max-width:520px){
  body.st-mm .st-bar-qlabel{display:none}
  .st-eps.st-eps-pro a.st-ep-row,
  .st-eps.st-eps-pro a{
    gap:.45rem;padding:.55rem .55rem;
  }
  .st-ep-badge{min-width:2.5rem;font-size:.65rem;padding:.22rem .32rem}
  .st-eps.st-eps-pro .st-ep-name{font-size:.84rem}
}

/* —— Mobile watch: one gutter, tight chrome, no sideways drift ——
   Also match phone landscape: width often >767 when rotated, so use max-height. */
@media (max-width:767px), (max-height:540px) and (orientation:landscape){
  .st-watch{
    --st-gutter:max(.7rem, env(safe-area-inset-left, 0px));
    --st-gutter-r:max(.7rem, env(safe-area-inset-right, 0px));
    max-width:100%;
    width:100%;
    margin:0;
    padding:0 0 env(safe-area-inset-bottom, 0px);
    overflow-x:clip;
  }
  .st-watch-meta{
    padding:.55rem var(--st-gutter-r) .4rem var(--st-gutter);
  }
  .st-watch-meta h1{font-size:1.05rem;line-height:1.25}
  .st-watch-meta .sub{font-size:.78rem;line-height:1.35}
  .st-servers{display:none!important}
  .st-eps-block{
    margin:.1rem var(--st-gutter) .85rem;
    margin-right:var(--st-gutter-r);
    padding:.65rem .6rem .7rem;
    border-radius:12px;
  }
  .st-desc{
    margin:0 var(--st-gutter) 1rem;
    margin-right:var(--st-gutter-r);
  }
  .st-bar.st-bar-pro{
    gap:.02rem;
    padding:0 0 calc(.4rem + env(safe-area-inset-bottom, 0px));
  }
  .st-bar-seekrow{padding:0 .55rem;gap:0}
  .st-seekwrap{height:26px}
  .st-bar-row{gap:.25rem}
  .st-bar-ctrls{
    gap:.2rem;flex-wrap:nowrap;
    padding:0 .25rem .12rem;
    align-items:center;
  }
  .st-bar-left,.st-bar-right{
    gap:0;
    flex-wrap:nowrap;
    overflow:visible;
  }
  .st-bar-left{flex:1 1 auto;min-width:0}
  .st-bar-right{flex:0 0 auto;margin-left:0}
  .st-ico,.st-q-btn,.st-bar-qwrap{width:40px;height:40px;border-radius:50%}
  .st-ico svg,.st-q-btn svg{width:22px;height:22px}
  /* ±10 / next: double-tap zones — free space for gear + FS */
  .st-bar-skip,
  .st-bar-next{display:none!important}
  /* phone: mute only */
  .st-vol-range,
  .st-vol:hover .st-vol-range,
  .st-vol:focus-within .st-vol-range{
    display:none!important;
    width:0!important;
    opacity:0!important;
    margin:0!important;
    pointer-events:none!important;
  }
  .st-time-pill{
    min-height:32px;
    padding:.15rem .25rem;
    font-size:.7rem;font-weight:700;
    margin:0 .04rem;
  }
  .st-hm-tracks,.st-fs-btn,.st-cast-btn,.st-pip-btn,.st-bar-qwrap{flex-shrink:0}
  /* Always compact in this query (includes landscape phones) */
  .st-bar.st-bar-pro{padding-bottom:calc(.2rem + env(safe-area-inset-bottom,0))}
  .st-ico,.st-q-btn,.st-bar-qwrap{width:36px;height:36px}
  .st-ico svg,.st-q-btn svg{width:20px;height:20px}
  .st-bar-seekrow{padding:0 .55rem}
  .st-eps-head{
    align-items:flex-start;
    gap:.35rem .5rem;
    margin-bottom:.5rem;
  }
  .st-eps-title h2{font-size:.9rem}
  .st-eps-count{font-size:.7rem}
  .st-auto-switch{
    padding:.28rem .45rem .28rem .32rem;
    font-size:.7rem;
    gap:.3rem;
    max-width:100%;
  }
  .st-auto-label{
    font-size:.68rem;
    white-space:normal;
    line-height:1.2;
    max-width:9.5rem;
  }
  .st-eps.st-eps-pro,
  .st-eps.st-eps-rows{
    max-height:min(40vh,340px);
    overflow-x:hidden;
  }
  .st-eps.st-eps-pro a.st-ep-row:hover{
    transform:none;
  }
  .st-ep-action{
    flex:0 0 1.75rem;
    width:1.75rem;height:1.75rem;
  }
  .st-eps.st-eps-pro a.on .st-ep-action{
    box-shadow:0 0 0 2px rgba(225,6,0,.28);
  }
  body.st-yk .st-eps.st-eps-pro a.on{
    background:linear-gradient(90deg,rgba(0,173,239,.2),rgba(0,173,239,.04));
    box-shadow:inset 3px 0 0 var(--st-yk-cyan);
  }
  body.st-yk .st-eps.st-eps-pro a.on .st-ep-badge{
    background:var(--st-yk-cyan);
    color:#fff;
    box-shadow:none;
  }
  body.st-yk .st-eps.st-eps-pro a.on .st-ep-action{
    background:var(--st-yk-cyan);
    box-shadow:0 0 0 2px rgba(0,173,239,.28);
  }
  body.st-yk .st-ep-live{color:#7dd3fc}
}