.watch-libv2__resume--desktop{display:none!important}
/* Desktop library experiment. Scoped to the library; mobile and header stay intact. */
@media (min-width: 981px) {
  html body #watchLibraryV2App {
    display:grid!important;grid-template-columns:minmax(0,1fr);gap:0!important;
    width:calc(100% - 4px)!important;max-width:none;margin:44px auto 80px;
    padding:0 clamp(12px,1.2vw,28px)!important;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;
  }
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App{--w-ink-rgb:0,0,0;--w-text:#171717;--w-muted:#686868;color:var(--w-text)}
  html body #watchLibraryV2App .watch-libv2__main{display:contents!important}
  html body #watchLibraryV2App .watch-libv2__head{grid-row:1;margin:0 0 16px!important;justify-content:center;text-align:center}
  html body #watchLibraryV2App .watch-libv2__titleWrap{align-items:center}
  html body #watchLibraryV2App .watch-libv2__title{font-size:56px!important;line-height:.96;letter-spacing:0;font-weight:700}
  html body #watchLibraryV2App .watch-libv2__side{grid-row:2;position:static!important;top:auto;width:100%!important;max-width:none!important;padding:0!important;margin:0 0 24px!important}
  html body #watchLibraryV2App .watch-libv2__menu{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important}
  html body #watchLibraryV2App .watch-libv2__menuBtn{width:auto!important;min-height:46px;padding:11px 15px!important;gap:14px;border:0!important;border-radius:12px!important;background:transparent!important;color:rgba(var(--w-ink-rgb,255,255,255),.58)!important;font-size:14px;font-weight:500;transition:background .16s,color .16s}
  html body #watchLibraryV2App .watch-libv2__menuBtn:hover{background:rgba(var(--w-ink-rgb,255,255,255),.045)!important;color:var(--w-text,#eee)!important}
  html body #watchLibraryV2App .watch-libv2__menuBtn.is-active{background:rgba(var(--w-ink-rgb,255,255,255),.09)!important;color:var(--w-text,#eee)!important}
  html body #watchLibraryV2App .watch-libv2__menuBtn.is-drop{outline:2px solid rgba(var(--w-ink-rgb,255,255,255),.45);outline-offset:-2px}
  html body #watchLibraryV2App .watch-libv2__menuBtn:focus-visible{outline:2px solid rgba(var(--w-ink-rgb,255,255,255),.55);outline-offset:2px}
  html body #watchLibraryV2App .watch-libv2__menuIcon{width:18px;height:18px;min-width:18px;opacity:.8}
  html body #watchLibraryV2App .watch-libv2__menuCount{background:transparent!important;min-width:0;height:auto;padding:0;font-size:12px;font-weight:500;opacity:.6}
  html body #watchLibraryV2App .watch-libv2__filters{grid-row:3;gap:12px;margin:0 0 28px!important;max-width:none;width:100%}
  html body #watchLibraryV2App .watch-libv2__search{height:46px;flex:1 1 320px;max-width:480px;border:0!important;border-radius:12px;background:rgba(var(--w-ink-rgb,255,255,255),.045);padding:0 15px}
  html body #watchLibraryV2App .watch-libv2__search input{font-size:14px}
  html body #watchLibraryV2App .watch-libv2__search:focus-within{outline:none}
  html body #watchLibraryV2App .watch-libv2__select{flex:0 0 168px}
  html body #watchLibraryV2App .watch-libv2__select--sort{flex-basis:200px}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__trigger{height:46px!important;min-height:46px!important;border:0!important;border-radius:12px!important;background:rgba(var(--w-ink-rgb,255,255,255),.045)!important;padding:12px 15px!important;font-size:14px!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__trigger{background:#1a1a1a!important;color:#fff!important;font-size:13px!important;font-weight:700!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__trigger:hover,html body #watchLibraryV2App .watch-libv2__select .is-open .watch-select__trigger{background:#202020!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__trigger:focus-visible{outline:2px solid rgba(var(--w-ink-rgb,255,255,255),.45)!important;outline-offset:2px}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__chevron{color:#b3b3b3;transition:transform .2s ease!important}
  html body #watchLibraryV2App .watch-libv2__select .is-open .watch-select__chevron{transform:rotate(180deg)}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__menu{position:absolute;z-index:40;top:calc(100% + 8px);right:0;left:auto;min-width:100%;width:max-content;max-width:260px;max-height:240px;display:grid!important;gap:4px;padding:6px!important;border:0!important;border-radius:11px!important;background:#1d1d1d!important;box-shadow:0 18px 44px rgba(0,0,0,.35)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-4px)!important;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s!important}
  html body #watchLibraryV2App .watch-libv2__select .is-open .watch-select__menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;transition-delay:0s!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option{display:flex;align-items:center;min-height:34px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#cfcfcf!important;font-size:13px!important;font-weight:700!important;line-height:18px!important;transition:background .14s ease,color .14s ease!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option:hover,html body #watchLibraryV2App .watch-libv2__select .watch-select__option.is-selected,html body #watchLibraryV2App .watch-libv2__select .watch-select__option:focus-visible{outline:0;background:#fff!important;color:#050505!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option:active{background:#e6e6e6!important;color:#050505!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__check{display:none!important}
  html body #watchLibraryV2App #watchLibGrid{grid-row:4;display:grid;grid-template-columns:repeat(auto-fill,var(--watch-library-card-width,220px))!important;gap:32px 14px!important;width:calc(100% + 1px);min-height:0!important;padding:0!important;align-items:start;align-content:start}
  html body #watchLibraryV2App #watchLibEmpty{grid-row:4;margin:0;padding:64px 24px;text-align:center;color:var(--w-muted,#999);background:rgba(var(--w-ink-rgb,255,255,255),.025);border-radius:16px}
  html body #watchLibraryV2App .mcard{width:100%!important;min-width:0}
  html body #watchLibraryV2App .mcard__overlayDesc{display:none!important}
  html body #watchLibraryV2App .mcard__overlayBody>.watch-libv2__resume:not(.watch-libv2__resume--desktop){display:none!important}
  html body #watchLibraryV2App .watch-libv2__resume--desktop{display:flex!important;flex-direction:column;align-items:stretch;order:2;gap:5px;width:100%;margin-top:4px;color:#fff;opacity:1!important;transform:none!important}
  html body #watchLibraryV2App .watch-libv2__resume--desktop>span{display:block!important}
  html body #watchLibraryV2App .watch-libv2__resume--desktop .watch-libv2__resumeEpisode{font-size:12px;font-weight:500;line-height:1.35}
  html body #watchLibraryV2App .watch-libv2__resume--desktop .watch-libv2__resumeTime{font-size:12px;font-weight:500;color:rgba(255,255,255,.85)}
  html body #watchLibraryV2App .watch-libv2__resume--desktop .watch-libv2__resumeTrack{height:2px;width:100%;margin-top:3px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.22)}
  html body #watchLibraryV2App .watch-libv2__resume--desktop .watch-libv2__resumeFill{display:block!important;height:100%;background:rgba(255,255,255,.92)}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__menuBtn{background:transparent!important;color:#686868!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__menuBtn.is-active{background:#0000000d!important;color:#171717!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__menuBtn :is(.watch-libv2__menuLeft,.watch-libv2__menuText,.watch-libv2__menuIcon,.watch-libv2__menuCount){color:inherit!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-select__chevron{color:#686868!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__trigger{background:#f0f0f0!important;color:#171717!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__menu{background:#f5f5f5!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__option{color:#444!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__option:is(:hover,:focus-visible,.is-selected){background:#171717!important;color:#fff!important}
}
@media (min-width:981px) and (max-width:1200px){html body #watchLibraryV2App{width:calc(100% - 4px)!important}html body #watchLibraryV2App .watch-libv2__title{font-size:48px!important}html body #watchLibraryV2App .watch-libv2__menuBtn{gap:10px;padding:10px 12px!important}html body #watchLibraryV2App #watchLibGrid{gap:28px 14px!important}}
@media (min-width:981px) and (prefers-reduced-motion:reduce){html body #watchLibraryV2App .watch-libv2__select :is(.watch-select__menu,.watch-select__option,.watch-select__chevron){transition:none!important}}

@media(min-width:981px){html body #watchLibraryV2App :is(.watch-libv2__menuBtn,.watch-libv2__select .watch-select__trigger,.watch-libv2__select .watch-select__value){font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important}html body #watchLibraryV2App .watch-libv2__select .watch-select__option{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-weight:600!important;letter-spacing:0!important}}

/* Use the homepage top-layer motion and persistent title on desktop library cards. */
@media(min-width:981px){
  #watchLibraryV2App{--watch-home-card-w:var(--watch-library-card-width,220px)}
/* v227: lift the original card into the browser top layer, preserving its
   DOM ancestry and the rail's dimensions. One poster, one matching dimmer. */
@media (hover:hover) and (pointer:fine){
  #watchLibraryV2App .mcard{
    --watch-card-hover-scale:1.09;
    --watch-card-hover-outset:4.5%;
  }
  #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift]{
    position:fixed !important;
    inset:auto !important;
    left:var(--watch-lift-x) !important;
    top:var(--watch-lift-y) !important;
    width:var(--watch-lift-w) !important;
    height:var(--watch-lift-h) !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
    contain:none !important;
    transform:none !important;
    box-shadow:none !important;
    outline:none !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift]::backdrop{
    background:transparent !important;
    pointer-events:none !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__link{
    height:100% !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__img{
    overflow:hidden !important;
    clip-path:none !important;
    border-radius:18px !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift].is-watch-hover .mcard__img{
    transform:scale(var(--watch-card-hover-scale)) !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__textLayer{
    inset:0 !important;
    overflow:visible !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__overlay{
    inset:calc(-1 * var(--watch-card-hover-outset)) !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }
  /* v228: the dimmer belongs to the poster and fades only in opacity.
     The text layer never draws a separately expanding dark rectangle. */
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__overlay::before{
    content:none !important;
    background:none !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__img::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit !important;
    background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.40) 42%,rgba(0,0,0,.52) 66%,rgba(0,0,0,.66)) !important;
    visibility:visible !important;
    opacity:0 !important;
    transition:opacity .16s ease !important;
    pointer-events:none !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift][data-watch-lift-ready] .mcard__img::after{
    opacity:1 !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__img{
    transition:transform .22s cubic-bezier(.2,.75,.25,1),box-shadow .22s ease !important;
    box-shadow:0 0 0 rgba(0,0,0,0) !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift]:not([data-watch-lift-ready]) .mcard__img{
    transform:scale(1) !important;
  }
  #watchLibraryV2App .mcard[data-watch-lift][data-watch-lift-ready] .mcard__img{
    box-shadow:0 12px 28px rgba(0,0,0,.38),0 3px 10px rgba(0,0,0,.26) !important;
  }
}
@media (prefers-reduced-motion:reduce){
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__img,
  #watchLibraryV2App .mcard[data-watch-lift] .mcard__img::after{transition:none !important;}
}

#watchLibraryV2App #watchLibGrid[data-watch-lift-active]{
  scroll-snap-type:none !important;
  overflow-anchor:none !important;
  scroll-behavior:auto !important;
}
#watchLibraryV2App .watch-hover-slot{scroll-snap-align:start;overflow-anchor:none;}

/* v231: keep text width and coordinates identical before/after top-layer lift.
   Only the poster scales; text changes opacity without moving or rewrapping. */
#watchLibraryV2App .mcard .mcard__textLayer,
#watchLibraryV2App .mcard[data-watch-lift] .mcard__textLayer{
  inset:1px !important;
  transform:none !important;
  transition:none !important;
}
#watchLibraryV2App .mcard .mcard__overlay,
#watchLibraryV2App .mcard[data-watch-lift] .mcard__overlay{
  inset:0 !important;
  transform:none !important;
  transition:opacity .16s ease !important;
}
#watchLibraryV2App .mcard .mcard__overlayBody{
  left:12px !important;
  right:12px !important;
  bottom:10px !important;
  transform:none !important;
  transition:none !important;
}
#watchLibraryV2App > .watch-block{
  box-sizing:border-box;
  padding-inline:clamp(12px, 1.2vw, 28px);
}
@media (max-width:640px){
  #watchLibraryV2App > .watch-block{padding-inline:8px;}
}

/* v232: the same opacity-only dimmer exists before, during and after lift.
   Disable the legacy text-layer background even before the popover opens. */
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlay::before{
  content:none !important;
  display:none !important;
  background:none !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__img::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.40) 42%,rgba(0,0,0,.52) 66%,rgba(0,0,0,.66)) !important;
  opacity:0 !important;
  visibility:visible !important;
  transform:none !important;
  transition:opacity .16s ease !important;
  pointer-events:none !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard:is(.is-watch-hover,:focus-within,.is-inlinepreview-open) .mcard__img::after{
  opacity:1 !important;
}
@media (prefers-reduced-motion:reduce){
  html body #watchLibraryV2App #watchLibGrid .mcard .mcard__img::after{transition:none !important;}
}

/* v233: one transform on the original card carries poster, text and controls.
   The ready attribute starts every opacity transition in the same style update. */
@media (hover:hover) and (pointer:fine){
  html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift]{
    --watch-hover-motion:200ms cubic-bezier(.22,.61,.36,1);
    transform:scale(1) !important;
    transform-origin:center center !important;
    transition:transform var(--watch-hover-motion) !important;
  }
  html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift][data-watch-lift-ready]{
    transform:scale(1.09) !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift] .mcard__img{
    transform:none !important;
    transition:box-shadow var(--watch-hover-motion) !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift] .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library){
    top:10px !important;
    right:10px !important;
    transform:none !important;
    animation:none !important;
    transition:opacity var(--watch-hover-motion) !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift] .mcard__img::after,
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift] .mcard__overlay,
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift] .mcard__title{
    transition:opacity var(--watch-hover-motion) !important;
    transition-delay:0s !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift] .mcard__overlayBody{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift]:not([data-watch-lift-ready]) .mcard__img::after,
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift]:not([data-watch-lift-ready]) .mcard__overlay,
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift]:not([data-watch-lift-ready]) .mcard__bm{
    opacity:0 !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift]:not([data-watch-lift-ready]) .mcard__title{
    opacity:1 !important;
    visibility:visible !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__img::after,
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__overlay,
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__bm{
    opacity:1 !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__title{
    opacity:0 !important;
    visibility:visible !important;
  }
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayTitle{
  font-size:14px !important;
  line-height:1.25 !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayDesc{
  font-size:13px !important;
  line-height:1.35 !important;
  -webkit-line-clamp:4 !important;
}
@media (prefers-reduced-motion:reduce){
  html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift]{--watch-hover-motion:0s linear;}
}

/* v234: disable legacy image-only zoom even before the top-layer lift.
   One clipping surface owns the radius; the outer card owns the shadow. */
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__img,
html body #watchLibraryV2App #watchLibGrid .mcard:is(:hover,:focus-within,.is-watch-hover,[data-watch-lift]) .mcard__img,
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__img img{
  transform:none !important;
  clip-path:none !important;
  box-shadow:none !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift] .mcard__img{
  height:100% !important;
  aspect-ratio:auto !important;
  border-radius:inherit !important;
  contain:none !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__link{
  border-radius:18px !important;
  overflow:hidden !important;
  isolation:isolate;
}
/* The link alone clips the poster and its dimmer to a shared rounded edge. */
html body #watchLibraryV2App #watchLibGrid .mcard.mcard .mcard__img,
html body #watchLibraryV2App #watchLibGrid .mcard.mcard .mcard__img img,
html body #watchLibraryV2App #watchLibGrid .mcard.mcard .mcard__img::after,
html body #watchLibraryV2App #watchLibGrid .mcard.mcard .mcard__overlay,
html body #watchLibraryV2App #watchLibGrid .mcard.mcard .mcard__overlay::before{
  border-radius:0 !important;
}
html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift]{
  border-radius:18px !important;
  box-shadow:0 0 0 transparent !important;
  transition:transform var(--watch-hover-motion),box-shadow var(--watch-hover-motion) !important;
}
html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift][data-watch-lift-ready]{
  box-shadow:0 10px 36px 4px rgba(0,0,0,.44),0 3px 14px 2px rgba(0,0,0,.30) !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayDesc,
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayTitle{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-style:normal !important;
  letter-spacing:normal !important;
  text-shadow:none !important;
  -webkit-font-smoothing:auto !important;
  text-rendering:auto !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayDesc{font-weight:400 !important;}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayTitle{font-weight:600 !important;}

/* v235: isolate poster paint below all text; reset the released card at once
   so a second hover cannot measure an in-progress scale-down. */
html body #watchLibraryV2App #watchLibGrid > .mcard:not([data-watch-lift]){
  transform:none !important;
  transition:none !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__img{
  position:relative !important;
  z-index:0 !important;
  isolation:isolate !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__textLayer{
  position:absolute !important;
  z-index:10 !important;
  filter:none !important;
  opacity:1 !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayBody{
  color:#fff !important;
  filter:none !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayDesc{color:#fff !important;}
/* The lifted card has one shadow, with opacity-independent geometry. */
html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift]{
  transition:transform var(--watch-hover-motion) !important;
}

/* v237: restore the shared card animation; avoid extra text raster layers. */
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__textLayer,
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayTitle,
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__overlayDesc{
  backface-visibility:visible !important;
  will-change:auto !important;
}

/* v238: preserve the poster's 2:3 geometry, independent of rail stretching. */
html body #watchLibraryV2App #watchLibGrid > .mcard:not([data-watch-lift]){
  align-self:flex-start !important;
  height:auto !important;
}
html body #watchLibraryV2App #watchLibGrid > .mcard:not([data-watch-lift]) .mcard__img{
  aspect-ratio:2 / 3 !important;
  height:auto !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard .mcard__img img{
  filter:none !important;
  -webkit-filter:none !important;
  backface-visibility:visible !important;
  will-change:auto !important;
  content-visibility:visible !important;
}
/* Managed open state must win over legacy raw-hover/preview guards. */
html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__overlay,
html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__overlayBody,
html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__overlayTitle,
html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__overlayDesc{
  visibility:visible !important;
  opacity:1 !important;
  filter:none !important;
}

/* One persistent homepage heading; only the description expands below it. */
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__title{display:none !important;}
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlay,
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayBody,
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayTitle{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayBody{
  width:calc(var(--watch-home-card-w,220px) - 26px) !important;
  gap:0 !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayDesc{
  max-height:0 !important;
  margin-top:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  transition:max-height 200ms cubic-bezier(.22,.61,.36,1),margin-top 200ms cubic-bezier(.22,.61,.36,1),opacity 200ms cubic-bezier(.22,.61,.36,1) !important;
  transition-delay:0s !important;
}
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard:is(.is-watch-hover,:focus-within) .mcard__overlayDesc{
  max-height:5.4em !important;
  margin-top:6px !important;
  opacity:1 !important;
}
@media(prefers-reduced-motion:reduce){
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayDesc{transition:none !important;}
}

/* Homepage rails scroll horizontally only. */
html body #watchLibraryV2App #watchLibGrid{overflow-y:hidden !important;}
html body #watchLibraryV2App #watchLibGrid[data-watch-paging]{scroll-snap-type:none !important;}
html body #watchLibraryV2App #watchLibGrid-wrap.has-overflow:hover #watchLibGrid-arrow:not(.is-hidden),
html body #watchLibraryV2App #watchLibGrid-wrap.has-overflow:focus-within #watchLibGrid-arrow:not(.is-hidden){
  opacity:1 !important;
  pointer-events:auto !important;
}
/* Keep navigation anchored when switching between the rail and top layer. */
html body #watchLibraryV2App #watchLibGrid-wrap #watchLibGrid-arrow{
  transform:translateY(-50%) !important;
  transition:opacity .18s ease,background .18s ease,border-color .18s ease !important;
}

/* Unified motion: transform the original card without resizing its layout.
   Its image, heading and controls travel together in both directions. */
@media (hover:hover) and (pointer:fine){
  html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift][data-watch-lift]{
    zoom:1 !important;
    transform:scale(1) !important;
    transform-origin:center !important;
    transition:transform var(--watch-hover-motion) !important;
    transition-delay:0s !important;
    will-change:auto !important;
    backface-visibility:visible !important;
  }
  html body #watchLibraryV2App #watchLibGrid > .mcard[data-watch-lift][data-watch-lift-ready]{
    transform:scale(1.09) !important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift] .mcard__overlayBody{
    width:calc(var(--watch-lift-w) - 26px) !important;
    right:auto !important;
  }
}

html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .watch-libv2__resume--desktop{
  max-height:0!important;margin-top:0!important;opacity:0!important;overflow:hidden!important;
  transition:max-height 200ms cubic-bezier(.22,.61,.36,1),margin-top 200ms cubic-bezier(.22,.61,.36,1),opacity 200ms cubic-bezier(.22,.61,.36,1)!important;
}
html body #watchLibraryV2App #watchLibGrid .watch-libv2__resume--desktop>*{flex-shrink:0!important}
html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard:is(.is-watch-hover,:focus-within) .watch-libv2__resume--desktop{
  max-height:var(--watch-library-resume-height,5.4em)!important;margin-top:6px!important;opacity:1!important;
}
@media(prefers-reduced-motion:reduce){html body #watchLibraryV2App #watchLibGrid .mcard .watch-libv2__resume--desktop{transition:none!important}}
}

/* Dimming is a poster state, independent of saved episode/resume metadata.
   Raw hover also covers the interval before the shared lift controller boots. */
@media(min-width:981px) and (hover:hover) and (pointer:fine){
  html body #watchLibraryV2App #watchLibGrid .mcard .mcard__img::after{z-index:6!important;pointer-events:none!important}
  html body #watchLibraryV2App #watchLibGrid .mcard:not([data-watch-lift]):is(:hover,:focus-within) .mcard__img::after,
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] .mcard__img::after{content:""!important;display:block!important;visibility:visible!important;opacity:1!important}
}

@media(min-width:981px){
  html body #watchLibraryV2App #watchLibGrid .mcard :is(.mcard__histDel,.mcard__markDel){
    position:absolute!important;top:10px!important;right:10px!important;left:auto!important;z-index:300!important;
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    display:grid!important;place-items:center;padding:0!important;box-sizing:border-box;border-radius:11px!important;
    border:1px solid rgba(255,255,255,.12)!important;background:rgba(0,0,0,.38)!important;color:rgba(255,255,255,.94)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.22)!important;transform:none!important;animation:none!important;
    opacity:0!important;pointer-events:none!important;transition:opacity var(--watch-hover-motion,240ms cubic-bezier(.22,.61,.36,1)),border-color .14s ease!important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard:is(.is-watch-hover,:focus-within) :is(.mcard__histDel,.mcard__markDel),
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift][data-watch-lift-ready] :is(.mcard__histDel,.mcard__markDel){opacity:1!important;pointer-events:auto!important}
  html body #watchLibraryV2App #watchLibGrid .mcard[data-watch-lift]:not([data-watch-lift-ready]) :is(.mcard__histDel,.mcard__markDel){opacity:0!important;pointer-events:none!important}
  html body #watchLibraryV2App #watchLibGrid .mcard :is(.mcard__histDel,.mcard__markDel):is(:hover,:focus-visible){background:rgba(0,0,0,.38)!important;border-color:rgba(255,255,255,.28)!important;color:rgba(255,255,255,.96)!important}
  html body #watchLibraryV2App #watchLibGrid .mcard .mcard__topActionGlyph--trash{transform:none!important;width:18px!important;height:18px!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App #watchLibGrid .mcard :is(.mcard__histDel,.mcard__markDel){background:rgba(255,255,255,.50)!important;color:rgba(0,0,0,.88)!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__menu{min-width:198px;background:#1a1a1a!important;border-radius:12px!important;gap:0;box-shadow:none!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option{min-height:38px!important;padding:9px 12px!important;font-size:14px!important;font-weight:400!important;line-height:1.2!important;color:#eee!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option:is(:hover,:focus-visible,.is-selected){background:#292929!important;color:#fff!important;font-weight:600!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__menu{background:#f5f5f5!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__option{color:#333!important}
  html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__option:is(:hover,:focus-visible,.is-selected){background:#e0e0e0!important;color:#171717!important}
}

/* Match the homepage menu geometry; hover never changes glyph metrics. */
@media(min-width:981px){
  html body #watchLibraryV2App .watch-libv2__select .watch-select__menu{box-sizing:border-box!important;width:198px!important;min-width:198px!important;max-width:198px!important;padding:6px!important;gap:0!important;border-radius:12px!important;background:#1a1a1a!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option,
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option:is(:hover,:focus-visible,.is-selected,:active){
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
    min-height:38px!important;margin:0!important;padding:9px 12px!important;border-radius:8px!important;
    font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:0!important;
    transform:none!important;transition:background-color .12s ease,color .12s ease!important;
  }
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option .watch-select__label{font:inherit!important;transform:none!important;transition:none!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option::before{content:"";display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;opacity:.95;mask:var(--watch-option-icon) center/18px 18px no-repeat;-webkit-mask:var(--watch-option-icon) center/18px 18px no-repeat}
  html body #watchLibraryV2App .watch-libv2__select:not(.watch-libv2__select--sort) .watch-select__option{--watch-option-icon:url('/templates/Watch/images/sort-filter-list.svg')}
  html body #watchLibraryV2App .watch-select__option[data-value="anime"]{--watch-option-icon:url('/templates/Watch/images/library-type-anime.svg?v=20261019-5')!important}
  html body #watchLibraryV2App .watch-select__option[data-value="movie"]{--watch-option-icon:url('/templates/Watch/images/library-type-movie.svg?v=20261019-5')!important}
  html body #watchLibraryV2App .watch-select__option[data-value="series"]{--watch-option-icon:url('/templates/Watch/images/library-type-series.svg?v=20261019-5')!important}
  html body #watchLibraryV2App .watch-select__option[data-value="cartoon"]{--watch-option-icon:url('/templates/Watch/images/library-type-cartoon.svg?v=20261019-5')!important}
  html body #watchLibraryV2App .watch-select__option[data-value="default"]{--watch-option-icon:url('/templates/Watch/images/sort-time-new.svg')}
  html body #watchLibraryV2App .watch-select__option[data-value="title"]{--watch-option-icon:url('/templates/Watch/images/sort-filter-list.svg')}
  html body #watchLibraryV2App .watch-select__option[data-value="rating"]{--watch-option-icon:url('/templates/Watch/images/sort-rating-desc-clean.svg')}
}

@media(min-width:981px){html body #watchLibraryV2App .watch-libv2__select .watch-select__option.is-selected{font-weight:600!important}}

/* Desktop library toolbar: one tab strip, then a full-width filter row. */
@media(min-width:981px){
  html body #watchLibraryV2App .watch-libv2__side{margin-bottom:16px!important;min-width:0}
  html body #watchLibraryV2App .watch-libv2__menu{
    position:relative!important;display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    width:max-content;max-width:100%;min-width:0;box-sizing:border-box;gap:4px!important;padding:5px!important;
    border:1px solid rgba(var(--w-ink-rgb,255,255,255),.055);border-radius:16px;background:rgba(var(--w-ink-rgb,255,255,255),.035);
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;isolation:isolate;
  }
  html body #watchLibraryV2App .watch-libv2__menu::-webkit-scrollbar{display:none}
  html body #watchLibraryV2App .watch-libv2__menu::before{
    content:"";position:absolute;top:0;left:0;z-index:0;pointer-events:none;box-sizing:border-box;border-radius:11px;
    width:var(--watch-tab-width,0px);height:var(--watch-tab-height,44px);transform:translate(var(--watch-tab-x,5px),var(--watch-tab-y,5px));
    background:rgba(var(--w-ink-rgb,255,255,255),.085);box-shadow:inset 0 0 0 1px rgba(var(--w-ink-rgb,255,255,255),.035);opacity:0;
  }
  html body #watchLibraryV2App .watch-libv2__menu[data-watch-tabs-ready]::before{opacity:1;transition:transform 240ms cubic-bezier(.22,.61,.36,1),width 240ms cubic-bezier(.22,.61,.36,1)}
  html body #watchLibraryV2App .watch-libv2__menuBtn{
    position:relative;z-index:1;flex:0 0 auto!important;width:auto!important;height:44px!important;min-height:44px!important;
    padding:0 14px!important;gap:10px!important;border-radius:11px!important;background:transparent!important;
    font-size:14px!important;font-weight:600!important;line-height:20px;white-space:nowrap;color:rgba(var(--w-ink-rgb,255,255,255),.6)!important;
    transition:background-color .16s ease,color .16s ease!important;
  }
  html body #watchLibraryV2App .watch-libv2__menuBtn:hover{background:rgba(var(--w-ink-rgb,255,255,255),.035)!important;color:var(--w-text,#eee)!important}
  html body #watchLibraryV2App .watch-libv2__menuBtn.is-active{background:transparent!important;color:var(--w-text,#eee)!important}
  html body #watchLibraryV2App .watch-libv2__menuLeft{gap:8px}
  html body #watchLibraryV2App .watch-libv2__menuIcon{opacity:.7}
  html body #watchLibraryV2App .watch-libv2__menuBtn.is-active .watch-libv2__menuIcon{opacity:1}
  html body #watchLibraryV2App .watch-libv2__menuCount{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:24px;height:22px;padding:0 6px;border-radius:7px;background:rgba(var(--w-ink-rgb,255,255,255),.055)!important;opacity:1;color:rgba(var(--w-ink-rgb,255,255,255),.52);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;line-height:22px}
  html body #watchLibraryV2App .watch-libv2__menuBtn.is-active .watch-libv2__menuCount{background:rgba(var(--w-ink-rgb,255,255,255),.09)!important;color:var(--w-text,#eee)}
  html body #watchLibraryV2App .watch-libv2__filters{display:grid!important;grid-template-columns:minmax(0,1fr) 168px 200px;align-items:center;gap:12px!important;width:100%;margin-bottom:26px!important}
  html body #watchLibraryV2App .watch-libv2__search{width:100%;max-width:none!important;min-width:0;box-sizing:border-box;height:44px!important;padding:0 15px!important;background:rgba(var(--w-ink-rgb,255,255,255),.04);border:1px solid rgba(var(--w-ink-rgb,255,255,255),.055)!important;border-radius:12px}
  html body #watchLibraryV2App .watch-libv2__search input{height:42px;min-height:0;font-size:14px!important}
  html body #watchLibraryV2App .watch-libv2__select{width:100%;min-width:0}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__trigger{height:44px!important;min-height:44px!important;padding:0 15px!important;box-sizing:border-box;border:1px solid rgba(var(--w-ink-rgb,255,255,255),.055)!important;background:rgba(var(--w-ink-rgb,255,255,255),.04)!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__trigger:hover,
  html body #watchLibraryV2App .watch-libv2__select .is-open .watch-select__trigger{background:rgba(var(--w-ink-rgb,255,255,255),.065)!important}
  html body #watchLibraryV2App [data-lib-hint]{grid-column:1/-1;margin:0!important}
}
@media(min-width:981px) and (max-width:1200px){html body #watchLibraryV2App .watch-libv2__menuBtn{padding:0 10px!important;gap:8px!important}html body #watchLibraryV2App .watch-libv2__filters{grid-template-columns:minmax(0,1fr) 154px 176px}}
@media(min-width:981px) and (prefers-reduced-motion:reduce){html body #watchLibraryV2App .watch-libv2__menu::before{transition:none!important}}

@media(min-width:981px){html:is([data-watch-theme="light"],[data-theme="light"]) body #watchLibraryV2App .watch-libv2__menuBtn.is-active{background:transparent!important}}

@media(min-width:981px){
  html body #watchLibraryV2App .watch-libv2__select .watch-select__menu{gap:4px!important}
  html body #watchLibraryV2App .watch-select__option[data-value="rating_desc"]{--watch-option-icon:url('/templates/Watch/images/sort-rating-desc-clean.svg')}
  html body #watchLibraryV2App .watch-select__option[data-value="rating_asc"]{--watch-option-icon:url('/templates/Watch/images/sort-rating-asc-clean.svg')}
  html body #watchLibraryV2App .watch-select__option[data-value="date_desc"]{--watch-option-icon:url('/templates/Watch/images/sort-time-new.svg')}
  html body #watchLibraryV2App .watch-select__option[data-value="date_asc"]{--watch-option-icon:url('/templates/Watch/images/sort-time-past.svg')}
}

@media(min-width:981px){
  html body #watchLibraryV2App .watch-select__option:is([data-value="rating_desc"],[data-value="rating_asc"]){--watch-option-icon:url('/templates/Watch/images/sort-rating-signal.svg')}
  html body #watchLibraryV2App .watch-select__option[data-value="rating_desc"]::before{mask-size:16px 16px;-webkit-mask-size:16px 16px;transform:rotate(-90deg)}
  html body #watchLibraryV2App .watch-select__option[data-value="rating_asc"]::before{mask-size:16px 16px;-webkit-mask-size:16px 16px;transform:rotate(-90deg) scaleX(-1)}
}

/* Flat desktop toolbar surfaces in the dark theme. */
@media(min-width:981px){
  html:not([data-watch-theme="light"]):not([data-theme="light"]) body #watchLibraryV2App .watch-libv2__menu,
  html:not([data-watch-theme="light"]):not([data-theme="light"]) body #watchLibraryV2App .watch-libv2__search,
  html:not([data-watch-theme="light"]):not([data-theme="light"]) body #watchLibraryV2App .watch-libv2__select .watch-select__trigger{background:#151515!important;border:0!important;box-shadow:none!important}
  html:not([data-watch-theme="light"]):not([data-theme="light"]) body #watchLibraryV2App .watch-libv2__menu::before{box-shadow:none!important}
}

/* Desktop filters share one width, including menus lifted into the top layer. */
@media(min-width:981px){
  html body #watchLibraryV2App{--watch-library-filter-width:200px}
  html body #watchLibraryV2App .watch-libv2__filters{grid-template-columns:minmax(0,1fr) var(--watch-library-filter-width) var(--watch-library-filter-width)}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__menu{width:var(--watch-library-filter-width)!important;min-width:var(--watch-library-filter-width)!important;max-width:var(--watch-library-filter-width)!important}
  html body #watchLibraryV2App #watchLibEmpty{grid-column:1/-1;justify-self:stretch;width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}
}
@media(min-width:981px) and (max-width:1200px){html body #watchLibraryV2App{--watch-library-filter-width:176px}}

/* Also suppress obsolete timing nodes on cards restored from cached DOM. */
@media(min-width:981px){
  html body #watchLibraryV2App #watchLibGrid .watch-libv2__resumeTime,
  html body #watchLibraryV2App #watchLibGrid .watch-libv2__resumeTrack,
  html body #watchLibraryV2App #watchLibGrid .watch-libv2__resumeFill{display:none!important}
  html body #watchLibraryV2App #watchLibGrid .watch-libv2__resume:not(:has(.watch-libv2__resumeEpisode)){display:none!important}
}

/* Reveal episode metadata without changing the heading's layout each frame. */
@media(min-width:981px) and (hover:hover) and (pointer:fine){
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayBody{
    transform:translateY(0)!important;
    transition:transform var(--watch-hover-motion,200ms cubic-bezier(.22,.61,.36,1))!important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard.has-watch-desktop-resume:is(.is-watch-hover,:focus-within) .mcard__overlayBody{
    transform:translateY(calc(-1 * (var(--watch-library-resume-height,0px) + 6px)))!important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .watch-libv2__resume--desktop{
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    width:100%!important;max-height:none!important;margin-top:6px!important;
    overflow:visible!important;opacity:0!important;
    transition:opacity var(--watch-hover-motion,200ms cubic-bezier(.22,.61,.36,1))!important;
  }
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard:is(.is-watch-hover,:focus-within) .watch-libv2__resume--desktop{opacity:1!important}
}
@media(min-width:981px) and (prefers-reduced-motion:reduce){
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayBody,
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .watch-libv2__resume--desktop{transition:none!important}
}

/* Desktop search uses the header search asset and has no focus frame. */
@media(min-width:981px){
  html body #watchLibraryV2App .watch-libv2__search,
  html body #watchLibraryV2App .watch-libv2__search:focus-within{
    outline:0!important;outline-offset:0!important;border:0!important;box-shadow:none!important;
  }
}
.watch-libv2__searchIcon{
  display:block;flex:0 0 18px;width:18px;height:18px;background:currentColor;color:var(--w-muted,#888);
  -webkit-mask:var(--watch-search-head-icon,url('../images/search-vector.svg?v=20260620-27')) center/contain no-repeat;
  mask:var(--watch-search-head-icon,url('../images/search-vector.svg?v=20260620-27')) center/contain no-repeat;
}
/* Library pagination shares the category controls. */
#watchLibraryV2App .watch-library-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 32px 0 18px;
  padding: 0 16px;
  box-sizing: border-box;
}

#watchLibraryV2App .watch-library-pagination[hidden],
#watchLibraryV2App .watch-library-pagination:empty {
  display: none !important;
}

#watchLibraryV2App .watch-library-pagination .navigation {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

#watchLibraryV2App .watch-library-pagination .navigation::after {
  display: none !important;
}

#watchLibraryV2App .watch-library-pagination .page_next-prev {
  display: contents !important;
  float: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#watchLibraryV2App .watch-library-pagination .pages {
  display: flex !important;
  align-items: center;
  gap: 7px;
  order: 1;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#watchLibraryV2App .watch-library-pagination .page_prev {
  order: 0;
}

#watchLibraryV2App .watch-library-pagination .page_next {
  order: 2;
}

#watchLibraryV2App .watch-library-pagination .page_prev:not(:has(> a)),
#watchLibraryV2App .watch-library-pagination .page_next:not(:has(> a)) {
  display: none !important;
}

#watchLibraryV2App .watch-library-pagination .pages > a,
#watchLibraryV2App .watch-library-pagination .pages > span:not(.nav_ext) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 10px;
  box-sizing: border-box;
  color: #f3f3f3 !important;
  background: #151515 !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

#watchLibraryV2App .watch-library-pagination .page_prev,
#watchLibraryV2App .watch-library-pagination .page_next {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px;
  color: #f3f3f3 !important;
  background: #151515 !important;
  box-shadow: none !important;
  transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

#watchLibraryV2App .watch-library-pagination .page_prev > a,
#watchLibraryV2App .watch-library-pagination .page_next > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
}

#watchLibraryV2App .watch-library-pagination .pages > span:not(.nav_ext) {
  color: #0b0b0b !important;
  background: #fff !important;
}

#watchLibraryV2App .watch-library-pagination .pages > a:hover,
#watchLibraryV2App .watch-library-pagination .page_prev:hover,
#watchLibraryV2App .watch-library-pagination .page_next:hover {
  color: #fff !important;
  background: #242424 !important;
  transform: translateY(-1px);
}

#watchLibraryV2App .watch-library-pagination .nav_ext {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  color: #777 !important;
  background: transparent !important;
}

#watchLibraryV2App .watch-library-pagination .page_prev .icon-left,
#watchLibraryV2App .watch-library-pagination .page_next .icon-right {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#watchLibraryV2App.is-page-loading .watch-catgrid {
  opacity: .64;
  pointer-events: none;
  transition: opacity .14s ease;
}

#watchLibraryV2App.is-page-loading .watch-library-pagination {
  pointer-events: none;
  opacity: .58;
}

:is(html[data-watch-theme="light"], html[data-theme="light"], html.watch-theme-light, body.watch-theme-light)
  #watchLibraryV2App .watch-library-pagination .pages > a,
:is(html[data-watch-theme="light"], html[data-theme="light"], html.watch-theme-light, body.watch-theme-light)
  #watchLibraryV2App .watch-library-pagination .page_prev,
:is(html[data-watch-theme="light"], html[data-theme="light"], html.watch-theme-light, body.watch-theme-light)
  #watchLibraryV2App .watch-library-pagination .page_next {
  color: #202020 !important;
  background: #e8e8e8 !important;
}

:is(html[data-watch-theme="light"], html[data-theme="light"], html.watch-theme-light, body.watch-theme-light)
  #watchLibraryV2App .watch-library-pagination .pages > span:not(.nav_ext) {
  color: #fff !important;
  background: #171717 !important;
}

:is(html[data-watch-theme="light"], html[data-theme="light"], html.watch-theme-light, body.watch-theme-light)
  #watchLibraryV2App .watch-library-pagination .pages > a:hover,
:is(html[data-watch-theme="light"], html[data-theme="light"], html.watch-theme-light, body.watch-theme-light)
  #watchLibraryV2App .watch-library-pagination .page_prev:hover,
:is(html[data-watch-theme="light"], html[data-theme="light"], html.watch-theme-light, body.watch-theme-light)
  #watchLibraryV2App .watch-library-pagination .page_next:hover {
  color: #111 !important;
  background: #d7d7d7 !important;
}

@media (max-width: 640px) {
  #watchLibraryV2App .watch-library-pagination {
    justify-content: flex-start;
    margin-top: 24px;
    padding: 0 10px 6px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  #watchLibraryV2App .watch-library-pagination::-webkit-scrollbar {
    display: none;
  }

  #watchLibraryV2App .watch-library-pagination .navigation {
    margin: 0 auto !important;
  }

  #watchLibraryV2App .watch-library-pagination .pages > a,
  #watchLibraryV2App .watch-library-pagination .pages > span:not(.nav_ext) {
    min-width: 36px;
    height: 36px;
    border-radius: 9px;
  }

  #watchLibraryV2App .watch-library-pagination .page_prev,
  #watchLibraryV2App .watch-library-pagination .page_next {
    flex-basis: 36px;
    width: 36px;
    height: 36px !important;
    border-radius: 9px;
  }
}

#watchLibraryV2App .watch-library-pagination{grid-column:1/-1}

/* Center the desktop controls; both rows follow the status strip width. */
@media(min-width:981px){
  html body #watchLibraryV2App .watch-libv2__side{text-align:center}
  html body #watchLibraryV2App .watch-libv2__menu{text-align:left}
  html body #watchLibraryV2App .watch-libv2__filters{
    width:var(--watch-library-toolbar-width,970px)!important;max-width:100%!important;
    justify-self:center;margin-left:auto!important;margin-right:auto!important;
    grid-template-columns:minmax(0,1fr) var(--watch-library-filter-width,200px) var(--watch-library-filter-width,200px);
  }
}
/* The empty grid must not create an implicit second desktop column. */
@media(min-width:981px){
  html body #watchLibraryV2App #watchLibGrid{grid-column:1/-1}
  html body #watchLibraryV2App #watchLibGrid[hidden]{display:none!important}
  html body #watchLibraryV2App .watch-libv2__search input::-webkit-search-cancel-button{display:none!important;appearance:none!important;-webkit-appearance:none!important;width:0!important;height:0!important}
}
/* A slightly larger desktop toolbar, with both rows still aligned. */
@media(min-width:981px){
  html body #watchLibraryV2App .watch-libv2__menuBtn.watch-libv2__menuBtn{
    height:50px!important;min-height:50px!important;font-size:16px!important;padding:0 17px!important;gap:11px!important;
  }
  html body #watchLibraryV2App .watch-libv2__menuIcon{width:20px;height:20px;min-width:20px}
  html body #watchLibraryV2App .watch-libv2__menuCount{font-size:13px;min-width:25px;height:24px;line-height:24px}
  html body #watchLibraryV2App .watch-libv2__search{height:50px!important;padding:0 17px!important}
  html body #watchLibraryV2App .watch-libv2__search input{height:48px;font-size:16px!important}
  html body #watchLibraryV2App .watch-libv2__searchIcon{width:20px;height:20px;flex-basis:20px}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__trigger{height:50px!important;min-height:50px!important;font-size:16px!important}
  html body #watchLibraryV2App .watch-libv2__select .watch-select__value{font-size:16px!important}
}
@media(min-width:981px) and (max-width:1200px){
  html body #watchLibraryV2App .watch-libv2__menuBtn.watch-libv2__menuBtn{padding:0 10px!important;gap:8px!important;font-size:15px!important}
}
/* Use the same text geometry before, during and after the desktop lift. */
@media(min-width:981px){
  html body #watchLibraryV2App #watchLibGrid .mcard.mcard.mcard .mcard__overlayBody{
    width:calc(100% - 26px)!important;
  }
}
@media(min-width:981px){html body #watchLibraryV2App #watchLibGrid .mcard.is-fly-hidden{opacity:0!important;pointer-events:none!important}}

/* Match the visual scale of icons in both desktop filter menus. */
@media(min-width:981px){
  html body #watchLibraryV2App .watch-libv2__select .watch-select__option::before{
    -webkit-mask-size:18px 18px!important;mask-size:18px 18px!important;
  }
}
@media(min-width:981px){html body #watchLibraryV2App .watch-libv2__select:not(.watch-libv2__select--sort) .watch-select__option::before{-webkit-mask-size:20px 20px!important;mask-size:20px 20px!important}}