*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{
  --red:#e53935;--orange:#ff6f00;
  --bg:#0a0a0a;--bg2:#0f0f0f;--bg3:#161616;--card:#1a1a1a;
  --text:#fff;--text2:#9a9a9a;--border:#222;
  --blue:#4da6ff;--green:#22c55e;--yellow:#facc15;--pink:#ec4899;--purple:#a855f7;
  --grad-logo:linear-gradient(90deg,#ff1f1f 0%,#ff6a00 50%,#ffb000 100%);
  --grad-server:linear-gradient(90deg,#4f7cff,#8b5cf6);
}
body.light{
  --bg:#f3f4f6;--bg2:#fff;--bg3:#e8e8e8;--card:#fff;
  --text:#111;--text2:#555;--border:#ddd;
}
html,body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}
img{max-width:100%;display:block}
button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
:root{--scrollbar-track:#0b0f1a;--scrollbar-thumb:#52525b;--scrollbar-thumb-hover:#ef4444}
body.light{--scrollbar-track:#0f172a;--scrollbar-thumb:#6b7280;--scrollbar-thumb-hover:#ef4444}
html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}
html::-webkit-scrollbar{width:12px}
html::-webkit-scrollbar-track{background:var(--scrollbar-track)}
html::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--scrollbar-track)}
html::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}

/* ===== LOGO ===== */
.logo{font-size:24px;font-weight:900;letter-spacing:.5px;cursor:pointer;line-height:1;background:var(--grad-logo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.nav-logo{width:150px;height:36px;background:none;-webkit-text-fill-color:initial;color:inherit;display:flex;align-items:center}
.nav-logo img{width:150px;height:36px;object-fit:contain;display:block}

/* ===== NAVBAR ===== */
.navbar{position:absolute;top:0;left:0;right:0;z-index:2000;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;padding:20px 16px 0;display:flex;align-items:center;justify-content:space-between;height:auto;border-bottom:none;box-shadow:none;width:100%;max-width:1440px;margin:0 auto}
body.light .navbar{background:transparent !important}
body:has(#page-landing.active) .navbar .logo,
body:has(#page-landing.active) .navbar .nav-back,
body:has(#page-landing.active) .bottom-nav{display:none !important}
body:has(#page-landing.active) .navbar .nav-icons{margin-left:auto}
body:has(#page-landing.active) .navbar{
  width:100%;
  max-width:1440px;
  height:auto;
  margin:0 auto;
  padding:20px 16px 0;
}
@media(min-width:768px){
  body:has(#page-landing.active) .navbar{padding-left:24px;padding-right:24px}
}
@media(min-width:1024px){
  body:has(#page-landing.active) .navbar{padding-left:32px;padding-right:32px}
}
/* Sticky/solid behaviour disabled — navbar always transparent */
.navbar.solid{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
body.light .navbar.solid{background:transparent !important}
.navbar .nav-back{display:none;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center;color:var(--text);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.navbar .nav-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.inner .navbar .logo{display:none}
body.inner .navbar .nav-back{display:flex}
.nav-icons{display:flex;align-items:center;gap:8px}
.nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;transition:background .2s;color:var(--text)}
.nav-icon:hover{background:rgba(255,255,255,.08)}
body.light .nav-icon:hover{background:rgba(0,0,0,.06)}
.nav-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body:has(#page-home.active) .navbar .nav-icon{color:#fff}
body:has(#page-home.active) .navbar .nav-icon svg{stroke:#fff}
.notif-dot{position:absolute;top:1px;right:1px;width:7px;height:7px;background:var(--red);border-radius:50%;border:1.5px solid var(--bg)}
.notif-dot{display:none}
@media(max-width:767px){#navSearchBtn{display:none!important}}

/* ===== DROPDOWN MENU ===== */
.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1500;opacity:0;pointer-events:none;transition:opacity .2s}
.menu-backdrop.open{opacity:1;pointer-events:auto}
.menu-dd{position:absolute;top:54px;right:auto;min-width:184px;width:184px;background:var(--card);border:1px solid var(--border);border-radius:6px;z-index:1600;opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top right;pointer-events:none;transition:opacity .22s ease,transform .22s ease;overflow:hidden;max-height:none;box-shadow:0 10px 24px rgba(0,0,0,.35);padding:8px 0;scrollbar-width:none;-ms-overflow-style:none}
.menu-dd::-webkit-scrollbar{display:none;width:0;height:0}
body.light .menu-dd{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.08)}
.menu-dd.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.menu-item{display:grid;grid-template-columns:20px max-content;align-items:center;justify-content:start;column-gap:10px;width:100%;padding:7px 0 7px 18px;border-radius:3px;font-size:14px;line-height:20px;font-weight:400;color:var(--text);cursor:pointer;transition:background .15s;white-space:nowrap;outline:none}
.menu-item:hover{background:rgba(255,255,255,.08)}
body.light .menu-item:hover{background:rgba(0,0,0,.06)}
.menu-item svg{width:16px;height:16px;justify-self:center;flex-shrink:0;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.menu-item svg:not(.mi-filled){fill:none}
.menu-item svg.mi-filled{stroke:none;fill:none}
.menu-item svg.mi-filled path{fill:currentColor}
.menu-item.discord svg{color:#5865F2;stroke:none;fill:#5865F2;width:16px;height:16px;justify-self:center}

/* ===== HERO SLIDER ===== */
.hero{position:relative;width:100%;height:100vh;min-height:560px;overflow:hidden;background:#000}
.hero-track{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.65,.05,.36,1);cursor:grab;touch-action:pan-y;user-select:none}
.hero-track.dragging{cursor:grabbing;transition:none}
.hero-slide{flex:0 0 100%;position:relative;height:100%;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center center}
.hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.45) 0%,rgba(10,10,10,0) 30%,rgba(10,10,10,.4) 55%,rgba(10,10,10,.95) 100%)}
.hero-content{position:absolute;left:0;right:0;bottom:20%;padding:0 16px;z-index:2;width:100%;max-width:1440px;margin:0 auto}
.hero-logo{max-height:100px;width:auto;max-width:62%;object-fit:contain;object-position:left bottom;margin-bottom:24px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.7))}
.hero-title{font-size:56px;font-weight:900;color:#fff;margin-bottom:24px;text-shadow:0 4px 20px rgba(0,0,0,.7);max-width:62%;line-height:1}
.hero-meta{display:flex;align-items:center;gap:0;color:#d1d5db;font-size:16px;font-weight:400;margin-bottom:8px}
.hero-meta span{display:flex;align-items:center;text-transform:capitalize}
.hero-meta span:first-child{margin-right:12px}
.hero-meta span:nth-child(2){margin-right:8px;gap:4px}
.hero-meta span:nth-child(3){margin-left:8px;gap:4px}
.hero-meta svg{width:16px;height:16px;flex-shrink:0}
.hero-meta span:nth-child(2) svg{fill:#fff;stroke:#fff}
.hero-desc{color:#fff;font-size:18px;font-weight:400;line-height:1.5;margin-bottom:0;max-width:672px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-btns{display:flex;gap:16px;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;border-radius:6px;font-weight:700;font-size:16px;line-height:24px;cursor:pointer;transition:transform .15s,opacity .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-play{background:#fff;color:#000;border:1px solid #fff}
.btn-more{background:transparent;color:#fff;border:1px solid #fff}
.btn svg{width:18px;height:18px;stroke-width:2.2}
.hero-btns .btn{font-weight:700}
.hero-btns .btn-play{background:#fff;color:#000;border:1px solid #fff}
.hero-btns .btn-more{background:transparent;color:#fff;border:1px solid #fff}
.hero-dots{display:none!important}
.hero-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:width .3s,background .3s;cursor:pointer}
.hero-dot.active{background:#fff;width:22px;border-radius:4px}

@media(max-width:767px){
  .hero-content{
    bottom:20%;
  }
}

/* ===== SECTION ===== */
.section{padding:24px 0 8px;width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
.sec-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:12px}
.sec-title{font-size:18px;font-weight:700;line-height:28px;display:flex;align-items:center;gap:8px;color:#000}
.sec-title .pipe{color:#9ca3af;font-weight:400;margin:0}
.sec-title .view-all{color:rgb(2 120 253);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;transition:opacity .15s}
.sec-title .view-all:hover{opacity:.9}
.sec-arrows{display:flex;align-items:center;justify-content:center;gap:1px;border-radius:12px;overflow:hidden}
.sec-arrows.is-hidden{display:none}
.arrow{width:32px;height:28px;border-radius:0;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px rgba(255,255,255,.06);transition:background .15s}
.arrow:hover,.arrow:active{background:rgba(255,255,255,.2)}
.arrow:disabled{background:rgba(255,255,255,.05);color:rgba(255,255,255,.38);box-shadow:none;cursor:default;pointer-events:none}
body.light .arrow{background:rgba(0,0,0,.1);color:#111;box-shadow:0 2px 8px rgba(0,0,0,.08)}
body.light .arrow:hover,body.light .arrow:active{background:rgba(0,0,0,.2)}
body.light .arrow:disabled{background:rgba(0,0,0,.05);color:rgba(0,0,0,.35);box-shadow:none}
.arrow svg{width:17.6px;height:17.6px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

body.light .sec-title span:first-child{background:none!important;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#000!important;color:#000!important}
.t-cyan{background:linear-gradient(90deg,#22d3ee,#155e75);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-green-blue{background:linear-gradient(90deg,#4ade80,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-red-orange{background:linear-gradient(90deg,#f87171,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-green{background:linear-gradient(90deg,#4ade80,#166534);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-orange{background:linear-gradient(90deg,#fb923c,#9a3412);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-blue{background:linear-gradient(90deg,#60a5fa,#1e40af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-purple{background:linear-gradient(90deg,#c084fc,#6b21a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-red{background:linear-gradient(90deg,#f87171,#991b1b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-yellow{background:linear-gradient(90deg,#facc15,#854d0e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-pink{background:linear-gradient(90deg,#f472b6,#9d174d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-lime{background:linear-gradient(90deg,#a3e635,#3f6212);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-amber{background:linear-gradient(90deg,#fbbf24,#92400e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t-teal{background:linear-gradient(90deg,#14b8a6,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ===== ROW SCROLLER ===== */
.row{display:flex;gap:0;overflow-x:auto;width:calc(100% - 32px);margin-left:16px;margin-right:16px;padding:4px 0 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:0;cursor:grab;touch-action:pan-y;user-select:none;scroll-behavior:smooth}
.row.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.row{scrollbar-width:none;-ms-overflow-style:none}
.row::-webkit-scrollbar{display:none;width:0;height:0}
.row > *{scroll-snap-align:start;flex-shrink:0}

/* ===== PROVIDERS ===== */
.prov-row{gap:0;cursor:grab;touch-action:pan-y;user-select:none;scroll-behavior:smooth}
.prov-row.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.prov-card{width:111px;height:111px;border-radius:12px;overflow:hidden;border:1px solid rgba(55,65,81,.3);transition:opacity .15s,box-shadow .15s,border-color .15s;cursor:pointer;position:relative;flex:0 0 111px;margin-right:8px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
body.light .prov-card{border-color:rgba(209,213,219,.3);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.prov-card:hover{opacity:.9;border-color:rgba(75,85,99,.5);box-shadow:0 4px 6px rgba(0,0,0,.14)}
body.light .prov-card:hover{border-color:rgba(156,163,175,.5)}
.prov-card:active{transform:scale(.97)}
.prov-base{position:absolute;inset:0;background:linear-gradient(135deg,#374151,#111827)}
body.light .prov-base{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}
.prov-blur{position:absolute;inset:0;background-size:90% 90%;background-position:center;background-repeat:no-repeat;filter:brightness(1.2) blur(12px);opacity:.6;transform:scale(1.2)}
.prov-logo-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.prov-logo-circle{width:75px;height:75px;border-radius:50%;overflow:hidden;background:rgba(31,41,55,.8);backdrop-filter:blur(4px);box-shadow:0 1px 2px rgba(0,0,0,.14);transition:transform .15s}
body.light .prov-logo-circle{background:rgba(255,255,255,.8)}
.prov-card:hover .prov-logo-circle{transform:scale(1.05)}
.prov-card img{width:100%;height:100%;object-fit:cover}
.prov-skel{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#1a1a1a,#222,#1a1a1a);background-size:200% 100%;animation:sh 1.4s linear infinite}

/* ===== PROVIDERS PAGE ===== */
#page-providers{padding-top:0!important;padding-bottom:0!important;background:#000;color:#e5e7eb;min-height:100vh}
body.light #page-providers{background:#fff;color:#1f2937}
.providers-page-wrap{width:100%;max-width:1440px;min-height:100vh;margin:0 auto;padding:80px 16px 48px;box-sizing:border-box;overflow-y:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.providers-page-title{margin:0 0 24px;font-size:24px;line-height:32px;font-weight:700;color:#e5e7eb}
body.light .providers-page-title{color:#1f2937}
.providers-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.providers-page-card{position:relative;display:block;justify-self:start;width:111px;height:111px;border:0;border-radius:8px;overflow:hidden;background:transparent;cursor:pointer;transition:opacity .15s}
.providers-page-card:hover{opacity:.9}
.providers-page-card:active{transform:scale(.97)}
.providers-page-blur{position:absolute;inset:0;transform:scale(1.2);background-position:center;background-size:cover;filter:brightness(1.4) blur(16px)}
.providers-page-logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.providers-page-logo img{width:70px;height:70px;border-radius:9999px;object-fit:cover;overflow:hidden;box-shadow:0 10px 15px rgba(0,0,0,.35);transition:transform .15s}
.providers-page-card:hover .providers-page-logo img{transform:scale(1.05)}
.providers-page-empty{grid-column:1/-1;min-height:220px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;text-align:center}
.providers-page-loader{grid-column:1/-1;min-height:50vh;display:flex;align-items:center;justify-content:center}
.providers-page-spinner{width:128px;height:128px;border-radius:9999px;border-top:2px solid #ef4444;border-bottom:2px solid #ef4444;animation:pbSpin 1s linear infinite}
.providers-footer{margin-top:0;margin-bottom:0}
@media(min-width:640px){.providers-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:768px){.providers-page-wrap{padding-left:24px;padding-right:24px}.providers-page-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1024px){.providers-page-wrap{padding-left:32px;padding-right:32px}.providers-page-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(min-width:1280px){.providers-page-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}

/* ===== MOVIE CARDS ===== */
.card{width:128px;border-radius:4px;overflow:hidden;background:transparent;position:relative;cursor:pointer;transition:transform .2s;margin-right:8px}
.card:active{transform:scale(.97)}
.card-img{width:100%;height:208px;background:#222;background-size:cover;background-position:center;position:relative;border-radius:4px}
.card-bm{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:4px 0 8px 0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-top:0;border-left:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;transition:transform .2s,background .2s}
.card-bm:hover{transform:scale(1.1)}
.card-bm svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.card-rate{position:absolute;top:8px;right:0;background:rgba(0,0,0,.5);padding-left:4px;border-radius:4px 0 0 4px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff;z-index:2}
.card-rate svg{width:16px;height:16px;fill:#eab308;stroke:#eab308;stroke-width:.5}
.card-play-mid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 6px 20px rgba(229,57,53,.5)}
.card-play-mid svg{width:18px;height:18px;fill:#fff}
.card-info{display:none}
.card-title{display:none}
.card-sub{display:none}
.card-title-ovl{position:absolute;left:10px;right:10px;bottom:10px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:2}
.card-title-ovl small{display:block;font-weight:400;font-size:11px;color:#ddd;margin-top:2px}

/* ===== CARD HOVER OVERLAY ===== */
.card-img{position:relative;overflow:hidden}
.card-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:4;padding:8px;pointer-events:none}
.card:hover .card-overlay,.card.hov .card-overlay{opacity:1;background:rgba(0,0,0,.6);pointer-events:auto}
.card-overlay-play{width:48px;height:48px;border-radius:50%;background:rgba(229,57,53,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(229,57,53,.6);margin-bottom:8px;flex-shrink:0}
.card-overlay-play svg{width:20px;height:20px;fill:#fff;margin-left:2px}
.card-overlay-meta{color:#fff;font-size:11px;text-align:center;line-height:1.4;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.card-overlay-meta .co-type{display:block;color:rgba(255,255,255,.7);font-weight:400;margin-top:2px}
/* bookmark and rating always above overlay */
.card-bm{z-index:6!important}
.card-rate{z-index:6!important}

.bm-active{background:rgba(229,57,53,.15)!important;color:var(--red)!important;border-color:rgba(229,57,53,.4)!important}
.card-bm.saved{background:var(--red)!important}
.card-bm.saved svg{fill:#fff;stroke:#fff}
/* Continue watching cards */
.cw-card{width:128px;flex-shrink:0;position:relative;cursor:pointer;margin-right:8px}
.cw-card .cw-wrap{position:relative;border-radius:4px;overflow:hidden}
.cw-card .card-img{height:208px;background:#222;background-size:cover;background-position:center;border-radius:0;position:relative}
.cw-card .cw-x{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:0 0 0 8px;background:#b91c1c;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10;cursor:pointer;box-shadow:none;transition:transform .2s,background .2s}
.cw-card .cw-x:hover{background:#991b1b;transform:scale(1.1)}
.cw-card .cw-x svg{width:14px;height:14px;stroke-width:2.5;fill:none;stroke:currentColor;pointer-events:none}
.cw-card .cw-bm{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:4px 0 8px 0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-top:0;border-left:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10;cursor:pointer;box-shadow:none;transition:background .2s,transform .2s}
.cw-card .cw-bm:hover{transform:scale(1.1)}
.cw-card .cw-bm svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;transition:fill .2s,stroke .2s}
.cw-card .cw-bm.saved{background:var(--red)}
.cw-card .cw-bm.saved svg{fill:#fff;stroke:#fff}
.cw-card .cw-bar{position:absolute;left:0;right:0;bottom:0;background:#2563eb;color:#fff;text-align:center;padding:2px 8px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:10px;font-weight:200!important;font-synthesis:none;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;line-height:15px;z-index:3}

/* ===== DESKTOP HOVER PREVIEW ===== */
.vb-hover-preview{position:fixed;z-index:6000;width:360px;display:none;pointer-events:auto}
.vb-hover-preview.open{display:block}
.vb-hover-bridge{position:fixed;z-index:5999;display:none;background:transparent;pointer-events:auto}
.vb-hover-bridge.open{display:block}
.vb-hover-card{width:360px;border-radius:12px;background:#000;color:#fff;box-shadow:0 25px 55px rgba(0,0,0,.55);border:0;outline:0;overflow:visible;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
/* Bleed poster past rounded clip so no thin gap shows card bg at corners */
.vb-hover-img{position:relative;height:160px;width:100%;border-radius:12px 12px 0 0;background:#000 center/cover no-repeat;overflow:hidden;isolation:isolate}
.vb-hover-img::before{content:'';position:absolute;inset:-4px;background:inherit;background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:0}
.vb-hover-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.2),transparent);z-index:1}
.vb-hover-rating{position:absolute;right:12px;top:12px;z-index:2;display:flex;align-items:center;gap:4px;border-radius:6px;background:rgba(0,0,0,.7);padding:4px 8px;color:#fff;font-size:12px;line-height:16px;font-weight:600}
.vb-hover-rating svg{width:14px;height:14px;fill:#eab308;stroke:#eab308}
.vb-hover-meta-row{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#e5e7eb;font-size:11px;line-height:16px;font-weight:400}
.vb-hover-meta-row span{display:inline-flex;align-items:center;gap:4px}
.vb-hover-meta-row svg{width:14px;height:14px;fill:#fff;stroke:#fff;stroke-width:1.5}
.vb-hover-meta-row .vb-hover-calendar{fill:none;stroke:currentColor;stroke-width:2}
.vb-hover-body{padding:16px}
.vb-hover-body h3{margin:0 0 4px;font-size:18px;line-height:28px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-hover-body p{min-height:40px;margin:0 0 12px;color:#d1d5db;font-size:14px;line-height:20px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vb-hover-actions{display:flex;align-items:center;gap:8px}
.vb-hover-watch{height:36px;flex:1;border:0!important;outline:0!important;box-shadow:none!important;border-radius:6px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;transition:background .15s;-webkit-appearance:none;appearance:none}
.vb-hover-watch:focus,.vb-hover-watch:focus-visible,.vb-hover-watch:active{border:0!important;outline:0!important;box-shadow:none!important}
.vb-hover-watch:hover{background:#e5e7eb}
.vb-hover-watch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vb-hover-plus-wrap{position:relative;flex:0 0 auto}
.vb-hover-plus{width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;background-color:rgba(255,255,255,.15);background-image:radial-gradient(120% 120% at 0% 0%,rgba(255,183,197,.22),transparent 40%),radial-gradient(120% 120% at 100% 0%,rgba(152,206,255,.20),transparent 45%),radial-gradient(120% 120% at 0% 100%,rgba(166,255,203,.20),transparent 45%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 4px rgba(0,0,0,.25);transition:background .15s,border-color .15s,color .15s}
.vb-hover-plus:hover{background-color:rgba(255,255,255,.25)}
.vb-hover-plus.saved{color:#6ee7b7;border-color:rgba(110,231,183,.4);background-image:radial-gradient(120% 120% at 0% 0%,rgba(16,185,129,.22),transparent 40%),radial-gradient(120% 120% at 100% 0%,rgba(59,130,246,.18),transparent 45%),radial-gradient(120% 120% at 0% 100%,rgba(99,102,241,.18),transparent 45%)}
.vb-hover-plus svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vb-hover-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:6010;width:224px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#0b0b0d;padding:4px 0;box-shadow:0 20px 44px rgba(0,0,0,.55);overflow:hidden}
.vb-hover-option{width:100%;height:44px;padding:0 16px;display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#fff;background:transparent;text-align:left;font-size:14px;line-height:20px;font-weight:600;white-space:nowrap}
.vb-hover-option:hover,.vb-hover-option.selected{background:#1f1f22}
.vb-hover-option.selected{color:#3b82f6}
.vb-hover-option.remove{color:#ef4444}
.vb-hover-option svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.vb-hover-option svg[stroke-width="1.5"]{stroke-width:1.5}
@media(max-width:767px),(hover:none),(pointer:coarse){
  .vb-hover-preview,.vb-hover-bridge{display:none!important}
}

/* ===== BOTTOM NAV ===== */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:900;background:#fff;color:#000;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;padding:8px 16px 10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
body:not(.light) .bottom-nav{background:#000;color:#fff;border-top-color:#222}
.bn-item{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;font-size:11px;line-height:16px;font-weight:500;padding:4px 0;cursor:pointer;text-align:center}
.bn-item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bn-item.active{color:inherit}

/* ===== MOBILE MORE MENU ===== */
.mobile-more-backdrop{position:fixed;inset:0;z-index:901;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .18s ease}
.mobile-more-backdrop.open{opacity:1;pointer-events:auto}
.mobile-more-menu{position:fixed;right:16px;bottom:80px;z-index:902;width:176px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;padding:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease}
body:not(.light) .mobile-more-menu{background:#000;color:#fff;border-color:#1f2937}
.mobile-more-menu.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.mobile-more-item{width:100%;display:flex;align-items:center;gap:8px;border-radius:6px;padding:4px 8px;background:transparent;color:inherit;font-size:14px;line-height:20px;font-weight:400;text-align:left;transition:background .15s}
.mobile-more-item:hover{background:#f3f4f6}
body:not(.light) .mobile-more-item:hover{background:#1f2937}
.mobile-more-item svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mobile-more-item svg.mi-filled{stroke:none;fill:currentColor}
.mobile-more-discord svg{stroke:none;fill:#5865F2;color:#5865F2}

/* ===== PAGES ===== */
.page{display:none;padding-top:60px;padding-bottom:80px;min-height:100vh}
.page.active{display:block}
.page-home{padding-top:0;padding-bottom:0}
#page-details{padding-top:0;padding-bottom:0;background:#000}
body.light #page-details{background:#fff;color:#111827}
body:has(#page-details.active) .navbar{background:transparent!important;box-shadow:none!important;border-bottom:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body:has(#page-details.active) .nav-back{display:flex}
body:has(#page-details.active) .nav-back:hover{background:transparent}
body:has(#page-details.active) .navbar .nav-back,
body:has(#page-details.active) .navbar .nav-icon{color:#fff}
body:has(#page-details.active) .navbar .nav-back svg,
body:has(#page-details.active) .navbar .nav-icon svg{stroke:#fff}

/* ===== DETAILS PAGE ===== */
.det-hero{position:relative;width:100%;aspect-ratio:2/3;max-height:75vh;overflow:hidden}
.det-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.det-hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.4) 0%,rgba(10,10,10,0) 35%,rgba(10,10,10,.85) 80%,var(--bg) 100%)}
.det-back{position:absolute;top:64px;left:14px;z-index:5;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}
.det-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.det-body{padding:0 16px;margin-top:-40px;position:relative;z-index:3}
.det-title{font-size:30px;font-weight:900;margin-bottom:8px;color:var(--text)}
.det-meta{display:flex;align-items:center;gap:12px;color:var(--text2);font-size:14px;margin-bottom:12px}
.det-meta svg{width:14px;height:14px;fill:#facc15;stroke:#facc15}
.det-genres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.det-pill{padding:5px 12px;border-radius:20px;background:rgba(229,57,53,.18);color:#ff6b6b;font-size:12px;font-weight:600}
.det-desc{color:var(--text);font-size:14px;line-height:1.55;margin-bottom:16px}
.det-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.det-actions .btn{width:100%;padding:13px}
.btn-watchlist{background:transparent;color:var(--text);border:1.5px solid var(--border)}
.btn-download{background:#1f1f1f;color:#fff;border:1px solid var(--border)}
body.light .btn-download{background:#e6e6e6;color:#111}
.det-section{margin-bottom:24px}
.det-h{font-size:20px;font-weight:800;margin-bottom:12px}
.cast-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cast-item{display:flex;align-items:center;gap:10px}
.cast-img{width:46px;height:46px;border-radius:50%;background:#222 center/cover}
.cast-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.2}
.cast-role{font-size:12px;color:var(--text2);margin-top:2px}
.trailer-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111}
.trailer-wrap iframe{width:100%;height:100%;border:0}
.also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.also-grid .card{width:100%}

/* ===== PLAYER PAGE ===== */
.player-page{position:relative;min-height:100vh;padding-top:0}
.player-bgblur{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(28px) brightness(.4);transform:scale(1.1);z-index:0}
.player-content{position:relative;z-index:1;padding:54px 14px 80px}
.player-back{position:fixed;top:10px;left:10px;z-index:1100;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.4)}
.player-back svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2}
.player-title{text-align:center;font-size:20px;font-weight:800;color:#fff;margin:14px 0}
.alert-banner{background:linear-gradient(90deg,#ef4444,#f87171);color:#fff;padding:11px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12.5px;margin-bottom:14px}
.alert-banner svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}
.alert-banner .ab-close{margin-left:auto;cursor:pointer;width:18px;height:18px}
.player-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin-bottom:0}
.player-box iframe{width:100%;height:100%;border:0}
.select-server{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:var(--grad-server);color:#fff;padding:10px 18px;border-radius:24px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;z-index:5;box-shadow:0 6px 20px rgba(79,124,255,.5)}
.select-server svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.player-bottom{background:#0b1220;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:28px;margin-top:-1px;border:1px solid #131c2e;border-top:none}
.player-bottom button{color:#cbd5e1;display:flex;align-items:center;justify-content:center;width:30px;height:30px}
.player-bottom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}

/* server sheet — scrolls with the player like the reference */
.sheet-bd{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:2010;opacity:0;pointer-events:none;transition:opacity .25s}
.sheet-bd.open{opacity:1;pointer-events:auto}
.sheet{position:absolute;top:48px;left:0;right:0;margin:0 auto;transform:scale(.95);transform-origin:top center;z-index:2030;background:rgba(0,0,0,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:transform .3s ease,opacity .3s ease;max-height:520px;overflow:auto;width:fit-content;max-width:95vw;opacity:0;pointer-events:none;box-shadow:0 24px 64px rgba(0,0,0,.85);scrollbar-width:thin;scrollbar-color:#6b7280 transparent;touch-action:pan-y}
.sheet.open{transform:scale(1);opacity:1;pointer-events:auto}
.sheet::-webkit-scrollbar{width:8px;height:8px}
.sheet::-webkit-scrollbar-track{background:transparent}
.sheet::-webkit-scrollbar-thumb{background:#6b7280;border-radius:999px}
.sheet::-webkit-scrollbar-corner{background:transparent}
.sheet-h{display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative}
.sheet-h h3{font-size:18px;font-weight:800;color:#fff;text-align:center}
.sheet-h button{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#aaa;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}

/* Close button at TOP CENTER like screenshot — purple gradient pill */
.sheet-close-top{display:none}
.sheet-close-btn{background:linear-gradient(90deg,#2563eb 0%,#9333ea 100%);border:1px solid rgba(255,255,255,.2);color:#fff;height:40px;width:160px;padding:0 12px;border-radius:0 0 12px 12px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:filter .2s,transform .15s;box-shadow:0 8px 22px rgba(124,92,246,.45)}
.sheet-close-btn:hover{filter:brightness(1.08)}
.sheet-close-btn:active{transform:scale(.98)}
.sheet-close-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5}
/* Ad badge removed to match the reference player dropdown. */
.sheet-ad{display:none!important}

/* footer */
.footer{padding:40px 16px 20px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 30%,#0a0a0a 100%);position:relative;width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
.footer::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='400' height='300' viewBox='0 0 400 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}
.footer .logo{font-size:32px;margin-bottom:22px;display:inline-flex;align-items:center;gap:6px;position:relative}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 60px;max-width:300px;margin:0 auto 20px;text-align:left}
.footer-links a{color:var(--text);font-size:14.5px;padding:5px 0;font-weight:500}
.footer-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:18px auto;max-width:90%}
.footer-text{font-size:13.5px;color:#ff8a00;line-height:1.65;padding-top:4px;font-weight:500}
.footer-text2{font-size:12px;color:var(--text2);margin-top:14px;line-height:1.6}

/* episodes */
.ep-controls{display:flex;align-items:center;gap:8px;padding:0 16px;margin-bottom:14px}
.ep-sel{flex:0 0 auto;padding:10px 14px;background:#181b23;border:1px solid #2a2f3a;border-radius:10px;color:#fff;font-size:14px;display:flex;align-items:center;gap:8px}
.ep-search{flex:1;padding:10px 14px;background:#181b23;border:1px solid #2a2f3a;border-radius:10px;color:#fff;font-size:14px;outline:none}
.ep-list{display:flex;flex-direction:column;gap:10px;padding:0 16px}
.ep-item{display:flex;background:#181b23;border-radius:10px;overflow:hidden;cursor:pointer;position:relative}
.ep-num{position:absolute;top:6px;left:6px;width:26px;height:26px;background:rgba(0,0,0,.7);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;z-index:2}
.ep-thumb{width:130px;height:80px;background:#222 center/cover;flex-shrink:0;position:relative}
.ep-thumb .ep-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25)}
.ep-thumb .ep-play svg{width:32px;height:32px;fill:#fff}
.ep-info{flex:1;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.ep-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.25}
.ep-desc{font-size:12px;color:var(--text2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep-dl{align-self:center;padding:0 14px;color:#cbd5e1}
.ep-dl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}

/* loaders */
.skel{background:linear-gradient(90deg,#1a1a1a,#222,#1a1a1a);background-size:200% 100%;animation:sh 1.4s linear infinite}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ===== SECONDARY FEATURED SLIDER ===== */
.feat-slider{position:relative;z-index:5;padding:10px 16px 4px;margin-top:0;width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
.feat-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab;touch-action:pan-y;user-select:none;scroll-behavior:smooth}
.feat-row.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.feat-row{scrollbar-width:none;-ms-overflow-style:none}
.feat-row::-webkit-scrollbar{display:none;width:0;height:0}
.feat-card{flex-shrink:0;width:92vw;max-width:420px;height:200px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;scroll-snap-align:center;transition:transform .2s;margin:0 4vw 0 0}
.feat-card:first-child{margin-left:4vw}
@media (max-width: 767px){
  .feat-slider{
    display:block !important;
    margin-top:-80px;
    padding:0 16px 18px;
  }
  .feat-row{padding-bottom:0}
  .feat-card{height:200px;margin-right:0}
  .feat-card:first-child{margin-left:0}
}
.feat-card:active{transform:scale(.98)}
.feat-card-bg{position:absolute;inset:0;background-size:cover;background-position:center top}
.feat-card-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)}
.feat-card-info{position:absolute;top:50%;bottom:0;left:8px;right:8px;padding:0;display:flex;flex-direction:column;overflow:hidden;color:#fff;font-weight:600}
.feat-card-title{font-size:16px;font-weight:600;color:#fff;line-height:1.5;text-shadow:none;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feat-card-genres{font-size:10px;color:#9ca3af;display:flex;gap:8px;flex-wrap:nowrap;font-weight:600;letter-spacing:0;line-height:normal;overflow:hidden}
.feat-card-genres span{background:none;padding:0;border-radius:0;backdrop-filter:none}
@media(min-width:768px){
  .feat-slider{margin-top:-80px;padding:0 24px 8px}
  .feat-card{width:calc((100% - 20px)/3);height:128px;margin:0;border-radius:12px}
  .feat-card:first-child{margin-left:0}
  .feat-card-title{font-size:20px;line-height:1.4}
}
@media(min-width:1024px){
  .feat-card{width:calc((100% - 30px)/4);height:128px}
}
@media(min-width:1280px){
  .feat-card{width:calc((100% - 40px)/5);height:176px}
}
@media(min-width:1100px){
  .feat-slider{padding:0 32px 12px}
}

@media(min-width:1024px){
  .navbar{padding-left:32px;padding-right:32px}
  .hero-content{padding-left:32px;padding-right:32px}
  .sec-head{padding-left:32px;padding-right:32px}
  .row{width:calc(100% - 64px);margin-left:32px;margin-right:32px;scroll-padding-left:0}
  .footer{padding-left:32px;padding-right:32px}
}

/* ===== LANDING PAGE ===== */
.home-gradient-bg{background:#000;position:relative;isolation:isolate}
.home-gradient-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-color:#000;
  background-image:
    radial-gradient(circle at 15% 22%,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 38%),
    radial-gradient(circle at 85% 22%,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 38%),
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 34%),
    radial-gradient(circle at 50% 100%,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 70%),
    linear-gradient(0deg,#0a0a0a 0%,rgba(13,13,13,0) 45%);
  background-blend-mode:screen,screen,screen,multiply,normal;
  z-index:-1;
}
body.light .home-gradient-bg{background:#fff}
body.light .home-gradient-bg::before{display:none}

.landing-next{min-height:100vh;width:100%;display:block;text-align:center;overflow-x:hidden}
.landing-next-inner{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 0 0}
.landing-card{
  width:100%;
  max-width:1152px;
  margin:0 auto;
  padding:24px 16px;
  border-radius:8px;
  background:rgba(10,10,10,0);
}
body.light .landing-card{background:rgba(255,255,255,.95)}
body:not(.light) .landing-card{background:transparent}
@media(min-width:768px){
  .landing-next-inner{padding:32px 20px 20px}
  .landing-card{padding:48px}
}

.landing-logo-wrap{margin-bottom:18px}
.landing-logo-img{display:block;margin:0 auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35))}
.landing-logo-text{font-size:54px;font-weight:900;margin-bottom:10px;letter-spacing:1px;background:var(--grad-logo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.landing-tagline{margin-top:14px;font-size:18px;line-height:1.35;color:#d1d5db;font-weight:600}
body.light .landing-tagline{color:#374151}

.landing-search-wrap{display:flex;justify-content:center;margin:24px auto 0;width:100%;max-width:576px}
.landing-next .search-bar{display:flex;align-items:center;background:#0d0d0d;border:1px solid rgb(38.5,38.5,38.5);border-radius:8px;padding:0 14px;width:100%;height:48px}
body.light .landing-next .search-bar{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.landing-next .search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);padding:14px 12px;font-size:15px}
.landing-next .search-bar input::placeholder{color:#666}
body.light .landing-next .search-bar input::placeholder{color:#6b7280}
.landing-next .filter-btn{color:#aaa;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;border-right:1px solid #2a2a2a;padding-right:12px;margin-right:4px}
body.light .landing-next .filter-btn{color:#374151;border-right-color:rgba(0,0,0,.12)}
.landing-next .search-btn{color:#aaa;cursor:pointer;display:flex}
body.light .landing-next .search-btn{color:#374151}
.landing-next .search-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}

.landing-btns{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:170px;margin:32px auto 0}
.landing-btns .ml-1{margin-left:4px}
.btn-explore{background:#000;color:#fff;border:none;padding:8px 32px;border-radius:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform 0.15s;min-height:40px;width:100%;white-space:nowrap}
body:not(.light) .btn-explore{background:linear-gradient(90deg,#ff5722,#ff7f2a,#ffb02e);box-shadow:0 6px 16px rgba(255,111,0,.25)}
.btn-explore:hover{transform:translateY(-1px)}
.btn-discord-link{background:#5865F2;color:#fff;border:none;padding:8px 24px;border-radius:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform 0.15s;text-decoration:none;min-height:40px;width:100%;white-space:nowrap}
.btn-discord-link:hover{transform:translateY(-1px)}
.dc-ico{width:20px;height:20px;display:block;flex-shrink:0;fill:#fff;color:#fff}

.home-intro-box{
  margin-top:64px;
  border-radius:8px;
  padding:24px 16px;
  text-align:left;
  line-height:1.625;
  color:#b5bcc0;
  background:rgb(38.5,38.5,38.5);
  border:none;
  width:100%;
  font-size:16px;
}
body.light .home-intro-box{
  background:rgba(240,240,240,.85);
  border:1px solid rgba(0,0,0,.06);
  color:#374151;
}
@media(min-width:768px){.home-intro-box{padding:40px 40px}}
.home-intro-title{margin:0 0 16px;font-size:18px;font-weight:600;line-height:1.25;color:#d1d5db}
@media(min-width:640px){.home-intro-title{font-size:20px}}
@media(min-width:768px){.home-intro-title{font-size:24px}}
body.light .home-intro-title{color:#111827}
.home-intro-box p{margin:0 0 24px;font-size:16px;line-height:1.625}
.home-intro-box p:last-child{margin-bottom:0}
.landing-footer{position:relative;overflow:hidden;background-image:url("./img/footer-bg2.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;padding:80px 0 48px;margin-top:0;margin-bottom:48px;width:100%;color:#fff;z-index:50}
.player-footer{margin-top:64px;margin-left:calc(50% - 50vw);width:100vw;margin-bottom:0}
.landing-footer::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08)}
.landing-footer-inner{position:relative;z-index:1;width:100%;max-width:1440px;margin:0 auto;text-align:center;padding:40px 16px 0}
.landing-footer-logo{font-size:0;margin-bottom:16px;display:block;width:120px;height:40px;background:url("./img/logo.png") left center/contain no-repeat}
@media(max-width:639px){.landing-footer-logo{margin-left:auto;margin-right:auto}}
.landing-footer-grid{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 8px;font-size:12px}
.landing-footer-nav{display:flex;flex-direction:column;gap:8px;text-align:left}
.landing-footer-nav:last-child{text-align:left}
.landing-footer-grid a{color:#fff;text-decoration:none;font-size:12px;cursor:pointer;font-weight:400;transition:color .2s;display:block}
.landing-footer-grid a:hover{color:#ef4444}
@media(min-width:640px){.landing-footer-logo{margin-left:0;margin-right:0}.landing-footer-grid{justify-content:space-between;margin-bottom:8px}.landing-footer-nav{flex-direction:row;gap:16px}.landing-footer-nav:last-child{text-align:left}}
@media(max-width:639px){.landing-footer-grid{flex-direction:row;justify-content:center;gap:20px}.landing-footer-nav{flex-direction:column;gap:8px}}
.landing-footer-divider{border:none;height:1px;background:linear-gradient(90deg,#ff5722,#ff7f2a,#ffb02e);margin:16px 0}
.landing-footer-desc{max-width:896px;margin:0 auto 16px;font-size:14px;text-align:center;line-height:1.5;font-weight:400;background:linear-gradient(90deg,#ff5722,#ff7f2a,#ffb02e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.landing-footer-disclaimer{font-size:12px;color:#fff;text-align:center;line-height:1.5;margin-bottom:0}
.landing-footer-copy{font-size:12px;color:#9ca3af;text-align:center}
@media(min-width:768px){.bottom-nav,.mobile-more-backdrop,.mobile-more-menu{display:none}.landing-footer{margin-bottom:0}.landing-footer-inner{padding-left:24px;padding-right:24px}}
@media(min-width:1024px){.landing-footer-inner{padding-left:32px;padding-right:32px}}

/* ===== MISC PAGES ===== */
.misc-page{padding-top:0!important;padding-bottom:0!important;background:#000;color:#fff;min-height:100vh;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
body.light .misc-page{background:#fff;color:#111827}
.misc-wrap{width:100%;max-width:896px;margin:0 auto;padding:80px 16px 48px;box-sizing:border-box;min-height:calc(100vh - 320px)}
.misc-wrap h1{margin:0 0 32px;font-size:36px;line-height:40px;font-weight:700;color:inherit}
.misc-prose{max-width:none;color:#e5e7eb;font-size:16px;line-height:1.625;font-weight:400}
body.light .misc-prose{color:#374151}
.misc-prose p{margin:0 0 24px}
.misc-prose h2{margin:32px 0 16px;font-size:24px;line-height:32px;font-weight:600;color:inherit}
.misc-prose ul{margin:0 0 24px;padding-left:24px;list-style:disc}
.misc-prose li{margin:0 0 6px}
.misc-faq-wrap{max-width:768px;text-align:center}
.misc-faq-wrap h1{margin-bottom:24px;font-size:30px;line-height:36px;letter-spacing:-.04em}
.misc-lead{margin:0 0 32px;color:#9ca3af;font-size:18px;line-height:28px;text-align:center}
body.light .misc-lead{color:#4b5563}
.faq-list{width:100%;text-align:left}
.faq-list details{border-bottom:1px solid rgba(255,255,255,.16)}
body.light .faq-list details{border-bottom-color:rgba(0,0,0,.12)}
.faq-list summary{list-style:none;cursor:pointer;padding:16px 0;color:inherit;font-size:16px;line-height:24px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{text-decoration:underline}
.faq-list summary svg{width:16px;height:16px;flex:0 0 16px;fill:currentColor;color:#9ca3af;transition:transform .2s}
.faq-list details.is-open summary svg{transform:rotate(180deg)}
.faq-list details p{margin:0;max-height:0;overflow:hidden;padding:0;color:#9ca3af;font-size:14px;line-height:22px;opacity:0;transition:max-height .2s ease-out,opacity .2s ease-out,padding-bottom .2s ease-out}
.faq-list details.is-open p{padding-bottom:16px;opacity:1}
body.light .faq-list details p{color:#4b5563}
.misc-contact-wrap{text-align:center}
.misc-contact-wrap p{margin:0;font-size:20px;line-height:28px;font-weight:700;color:inherit}
@media(min-width:768px){.misc-wrap{padding-left:24px;padding-right:24px}.misc-faq-wrap h1{font-size:48px;line-height:1}}
@media(min-width:1024px){.misc-wrap{padding-left:32px;padding-right:32px}}


/* ===== PAGE TRANSITION LOADER (NextTopLoader style) ===== */
.page-overlay{position:fixed;top:0;left:0;right:0;height:3px;z-index:9000;opacity:0;pointer-events:none;overflow:hidden;background:transparent;transition:opacity .15s}
.page-overlay.show{opacity:1}
.page-overlay .page-spinner{position:absolute;top:0;left:0;height:3px;width:100%;border:0;border-radius:0;background:#ef4444;box-shadow:0 0 10px #ef4444,0 0 5px #ef4444;transform-origin:left center;animation:topLoader 1.2s ease-in-out infinite}
.page-overlay .page-spinner::after{content:"";position:absolute;right:0;top:0;width:120px;height:3px;box-shadow:0 0 10px #ef4444,0 0 5px #ef4444;transform:rotate(3deg) translate(0,-2px)}
@keyframes topLoader{0%{transform:translateX(-100%) scaleX(.35)}45%{transform:translateX(-20%) scaleX(.75)}100%{transform:translateX(100%) scaleX(.35)}}
.page-loader .page-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--red);border-radius:50%;animation:pspin .75s linear infinite}
@keyframes pspin{to{transform:rotate(360deg)}}

/* ===== DET TOPBAR ===== */
.det-topbar{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:6px;padding:10px 14px;height:54px;background:linear-gradient(to bottom,rgba(0,0,0,.65),transparent);pointer-events:auto}
.det-topbar-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:rgba(0,0,0,.3);backdrop-filter:blur(6px)}
.det-topbar-btn svg{width:20px;height:20px}

/* ===== DETAIL PAGE REDESIGN ===== */
.det-hero{position:relative;width:100%;min-height:78vh;overflow:hidden}
.det-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center top}
.det-hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.45) 0%,rgba(10,10,10,0) 28%,rgba(10,10,10,.65) 60%,var(--bg) 100%)}
.det-body{padding:0 16px 16px;position:relative;z-index:3;margin-top:-60px}
.det-title{font-size:32px;font-weight:900;margin-bottom:10px;color:var(--text);line-height:1.05}
.det-meta{display:flex;align-items:center;gap:12px;color:var(--text2);font-size:14px;font-weight:600;margin-bottom:12px;flex-wrap:wrap}
.det-meta svg{width:14px;height:14px;fill:#facc15;stroke:#facc15;flex-shrink:0}
.det-genres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.det-pill{padding:5px 14px;border-radius:20px;background:rgba(229,57,53,.18);color:#ff6b6b;font-size:12px;font-weight:700;border:1px solid rgba(229,57,53,.3)}
.det-desc{color:var(--text);font-size:14.5px;line-height:1.6;margin-bottom:20px}
.det-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.det-actions .btn{width:100%;padding:14px;font-size:16px;border-radius:12px}
.btn-play{background:#fff;color:#000;font-weight:800}
.btn-watchlist{background:transparent;color:var(--text);border:1.5px solid rgba(255,255,255,.25)}
.btn-download{background:#161616;color:#fff;border:1px solid #2a2a2a;text-decoration:none}
body.light .btn-watchlist{border-color:rgba(0,0,0,.2)}
body.light .btn-download{background:#e6e6e6;color:#111;border-color:#ccc}
.det-watchlist-wrap{position:relative;display:block;width:100%}
.det-watchlist-wrap .btn-watchlist{width:100%}
#page-details #detBmBtn{color:var(--text)}
body:not(.light) #page-details #detBmBtn{color:#fff}
#page-details #detBmBtn.bm-active{color:var(--red)!important}
#page-details #detBmBtn svg{fill:none!important;stroke:currentColor!important}
.det-watchlist-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:40;min-width:100%;width:max-content;background:#111113;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 0;box-shadow:0 14px 32px rgba(0,0,0,.45);overflow:hidden}
body.light .det-watchlist-menu{background:#fff;border-color:#e5e7eb;box-shadow:0 14px 32px rgba(0,0,0,.16)}
.det-wl-option{width:100%;height:44px;padding:0 16px;display:flex;align-items:center;gap:10px;color:#fff;background:transparent;font-size:14px;line-height:20px;font-weight:600;text-align:left;white-space:nowrap}
body.light .det-wl-option{color:#111827}
.det-wl-option:hover,.det-wl-option.selected{background:#1f1f22}
body.light .det-wl-option:hover,body.light .det-wl-option.selected{background:#f3f4f6}
.det-wl-option.selected{color:#3b82f6}
.det-wl-option.remove{color:#ef4444}
.det-wl-option svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.det-wl-option svg[stroke-width="1.5"]{stroke-width:1.5}
.det-section{margin-bottom:24px}
.det-h{font-size:20px;font-weight:800;margin-bottom:14px;color:var(--text)}
.cast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cast-item{display:flex;align-items:center;gap:16px;padding:8px;border-radius:8px;cursor:pointer;transition:background .15s}
.cast-item:hover{background:rgba(255,255,255,.08)}
body.light .cast-item:hover{background:#f3f4f6}
.cast-img{width:64px;height:64px;border-radius:9999px;background:#222 center/cover;flex:0 0 64px;transition:transform .15s}
.cast-item:hover .cast-img{transform:scale(1.05)}
.cast-name{font-size:16px;font-weight:600;color:var(--text);line-height:24px;transition:color .15s}
.cast-item:hover .cast-name{color:#3b82f6}
.cast-role{font-size:14px;color:#9ca3af;margin-top:0;line-height:20px}
body.light .cast-role{color:#4b5563}
.trailer-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111}
.trailer-wrap iframe{width:100%;height:100%;border:0}
.also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.also-grid .card{width:100%}
.page-loader{display:flex;align-items:center;justify-content:center;padding:80px 0}

/* ===== PLAYER TOPBAR ===== */
.player-topbar{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:6px;padding:10px 14px;height:54px}

/* ===== PLAYER REDESIGN ===== */
#page-player.player-page{position:relative;min-height:100vh;background:#000;overflow:hidden;padding-bottom:0}
.player-page::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 45%,#000 100%)}
body.light .player-page{background:#fff;color:#111827}
body.light .player-page::after{background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.6) 55%,#fff 100%)}
.player-bgblur{position:fixed;inset:0;background-size:cover;background-position:center;filter:blur(8px) brightness(.75);transform:scale(1.03);z-index:0}
body.light .player-bgblur{filter:blur(8px) brightness(1.05);opacity:.8}
.player-content{position:relative;z-index:1;padding:64px 16px 0;max-width:1280px;margin:0 auto}
@media(min-width:768px){.player-content{padding:64px 24px 0}}
.player-title{text-align:center;font-size:20px;font-weight:600;color:#fff;margin:0;padding:0 40px 20px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.light .player-title{color:#111827}
.alert-banner{width:100%;margin:0 auto 8px;background:linear-gradient(90deg,#ff0000 0%,#ff4444 50%,#ff6666 100%)!important;color:#fff;border-radius:8px;display:flex;align-items:center;padding:0;box-shadow:0 10px 15px rgba(0,0,0,.2);backdrop-filter:none;-webkit-backdrop-filter:none}
.alert-message{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;font-size:7px;line-height:20px;font-weight:500;text-align:center;filter:none;text-shadow:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.alert-bell{width:12px;height:12px;flex-shrink:0}
.alert-bell .bell-body{fill:#fff;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.alert-bell .bell-clapper{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.alert-close{width:32px;height:32px;padding-right:8px;display:flex;align-items:center;justify-content:flex-end;color:#fff;flex-shrink:0;cursor:pointer}
.alert-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:475px){.alert-message{font-size:12px}}
@media(min-width:640px){.alert-message{font-size:12px}}
@media(min-width:768px){.alert-message{font-size:14px}}
@media(min-width:1024px){.alert-banner{padding-left:24px}.alert-message{font-size:16px}}
.select-server{position:absolute;top:0;left:50%;transform:translateX(-50%);width:160px;height:40px;background:linear-gradient(90deg,#2563eb 0%,#9333ea 100%);color:#fff;padding:0 12px;border-radius:0 0 12px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:500;font-size:14px;line-height:20px;z-index:2025;box-shadow:0 10px 15px rgba(59,130,246,.25),0 10px 24px rgba(147,51,234,.35);white-space:nowrap;border:1px solid rgba(255,255,255,.2);transition:all .2s}
.select-server svg{width:20px;height:20px;fill:currentColor;stroke:none}
.select-server.is-close svg{fill:none;stroke:currentColor;stroke-width:2}
.player-frame-wrap{position:relative;width:100%;margin:0 auto}
.player-box{position:relative;width:100%;height:400px;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 10px 15px rgba(0,0,0,.2)}
.player-box iframe{width:100%;height:100%;border:0}
.player-bottom{position:relative;z-index:20;pointer-events:auto;width:100%;box-sizing:border-box;background:#111827!important;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:4px 16px;display:flex;align-items:center;justify-content:center;gap:16px;border:0;margin:-5px auto 0;color:#fff;font-size:14px;line-height:20px;font-weight:400}
body.light #page-player .player-bottom{background:#111827!important;color:#fff}
.player-bottom .pb-action{color:#fff;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:6px;width:auto;height:auto;min-height:20px;font-size:14px;line-height:20px;font-weight:400;cursor:pointer;transition:color .2s,opacity .2s}
.player-bottom .pb-action svg{width:16px;height:16px;flex-shrink:0}
.player-bottom .is-hidden{display:none!important}
.pb-action.is-hidden{display:none!important}
.pb-action.is-watchlisted svg{fill:#fff}
@media(max-width:1023px){.pb-action span:not(.ant-label),.pb-action .pb-label{display:none}.player-bottom{gap:16px}}
@media(min-width:768px){.player-box{height:auto;aspect-ratio:16/9}}
@media(min-width:1024px){.alert-banner,.player-frame-wrap{width:75%}.player-bottom{width:100%}}
/* auto-next toggle */
.auto-next-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;color:#fff;font-size:14px;line-height:20px;font-weight:400}
.auto-next-toggle input{display:none}
.ant-track{width:28px;height:16px;border-radius:999px;background:rgba(255,255,255,.28);position:relative;flex-shrink:0;transition:background .2s}
.ant-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .2s}
.auto-next-toggle input:checked + .ant-track{background:var(--red)}
.auto-next-toggle input:checked + .ant-track .ant-thumb{left:14px}
.ant-label{font-size:14px;color:#fff;font-weight:400;line-height:20px}

/* ===== EPISODES (player) ===== */
.ep-section-title{font-size:22px;font-weight:900;color:#fff;margin:22px 0 14px}
.ep-controls{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.ep-sel-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#181b23;border:1px solid #2a2f3a;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}
.ep-sel-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.ep-search-input{flex:1;min-width:120px;padding:10px 14px;background:#181b23;border:1px solid #2a2f3a;border-radius:10px;color:#fff;font-size:14px;outline:none}
.ep-search-input::placeholder{color:#555}
.ep-ctrl-btn{width:40px;height:40px;border-radius:10px;background:#181b23;border:1px solid #2a2f3a;display:flex;align-items:center;justify-content:center;color:#cbd5e1;flex-shrink:0;cursor:pointer}
.ep-ctrl-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.ep-list{display:flex;flex-direction:column;gap:8px}
.ep-item{display:flex;background:#181b23;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;border:1px solid transparent;transition:border-color .2s,background .2s}
.ep-item:hover{background:#1f2330;border-color:#2a3040}
.ep-item.ep-active{border-color:var(--red);background:rgba(229,57,53,.08)}
.ep-num{position:absolute;top:8px;left:8px;min-width:28px;height:28px;background:rgba(0,0,0,.7);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;z-index:2;padding:0 4px}
.ep-thumb{width:134px;height:82px;background:#222 center/cover no-repeat;flex-shrink:0;position:relative}
.ep-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}
.ep-thumb-play svg{width:32px;height:32px;fill:#fff}
.ep-info{flex:1;padding:10px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.ep-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep-desc{font-size:12px;color:var(--text2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep-dl{align-self:center;padding:0 12px;color:#6b7fa0;flex-shrink:0}
.ep-dl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}

/* details page episodes copied from vidbox-cc */
#detEpisodes .det-episodes-shell{width:100%}
#detEpisodesSection .det-h{padding-bottom:20px;margin:0;font-size:24px;line-height:32px;font-weight:600;color:var(--text)}
#detEpisodes .ep-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px;margin:0;padding:0;max-width:none;width:100%}
#detEpisodes .det-season-wrap{position:relative;flex:0 0 auto}
#detEpisodes .ep-sel-btn{width:160px;height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 12px;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
#detEpisodes .ep-sel-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;opacity:.5;flex-shrink:0}
#detEpisodes .det-season-pop{position:absolute;top:calc(100% + 6px);left:0;width:200px;max-height:280px;overflow:auto;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--bg);box-shadow:0 12px 32px rgba(0,0,0,.28);z-index:40;display:none}
#detEpisodes .det-season-pop.open{display:block}
#detEpisodes .det-season-option{width:100%;height:36px;display:flex;align-items:center;gap:8px;border-radius:6px;padding:6px 8px;color:var(--text);font-size:14px;text-align:left;cursor:pointer}
#detEpisodes .det-season-option:hover{background:rgba(148,163,184,.16)}
#detEpisodes .det-season-option span{width:16px;display:inline-flex;align-items:center;justify-content:center}
#detEpisodes .det-ep-tools{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;min-width:0;width:100%}
#detEpisodes .ep-search-input{width:clamp(112px,28vw,176px);height:40px;margin-bottom:0;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 8px;font-size:14px;line-height:20px;outline:none;min-width:0;flex:0 1 auto}
#detEpisodes .ep-search-input::placeholder{color:var(--text2)}
#detEpisodes .det-ep-icon-pair{height:40px;width:auto;margin-right:0;display:flex;align-items:center;gap:8px;flex:0 0 auto}
#detEpisodes .ep-ctrl-btn{width:24px;height:24px;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;border-radius:4px;flex-shrink:0}
#detEpisodes .ep-ctrl-btn:hover{background:rgba(148,163,184,.16)}
#detEpisodes .ep-ctrl-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#detEpisodes .det-ep-scroll{height:auto;overflow:visible;padding:20px 0 0;margin:0;width:100%}
#detEpisodes .det-ep-scroll::-webkit-scrollbar{display:none}
#detEpisodes .ep-list{display:flex;flex-direction:column;gap:0;max-width:none;margin:0;padding:0}
#detEpisodes .ep-item{height:80px;width:100%;display:flex;gap:8px;margin-bottom:8px;overflow:hidden;border-radius:6px;border:0;background:#f3f4f6;color:#111827;cursor:pointer;transition:background .2s,opacity .2s;position:relative}
#detEpisodes .ep-item:hover{background:#e5e7eb;border-color:transparent}
#detEpisodes .ep-item.ep-active{background:#9ca3af;color:#111827;border:0;outline:0;box-shadow:none}
body:not(.light) #detEpisodes .ep-item{background:#2a2a30;color:#f9fafb}
body:not(.light) #detEpisodes .ep-item:hover{background:#374151}
body:not(.light) #detEpisodes .ep-item.ep-active{background:#111827;color:#f9fafb}
#detEpisodes .ep-thumb{position:relative;width:144px;min-width:144px;height:100%;background:#111827;flex-shrink:0}
#detEpisodes .ep-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px 0 0 6px}
body.light #detEpisodes .ep-thumb{background:transparent}
#detEpisodes .ep-active .ep-thumb img,#detEpisodes .det-ep-thumb-card.ep-active img{filter:blur(1.3px)}
#detEpisodes .ep-thumb-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#f8fafc}
#detEpisodes .ep-thumb-play svg{width:28px;height:28px;fill:currentColor;stroke:none}
#detEpisodes .ep-num{position:absolute;top:0;left:0;width:auto;min-width:0;height:auto;border-radius:6px 0 6px 0;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;font-size:14px;font-weight:400;line-height:20px;z-index:2}
#detEpisodes .ep-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px}
#detEpisodes .ep-title{margin:0;font-size:14px;font-weight:600;line-height:20px;color:inherit;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#detEpisodes .ep-desc{font-size:12px;line-height:16px;color:#4b5563;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body:not(.light) #detEpisodes .ep-desc{color:#9ca3af}
#detEpisodes .ep-dl{display:flex;align-items:center;justify-content:center;padding:0 8px 0 0;color:inherit;align-self:stretch;flex-shrink:0}
#detEpisodes .ep-dl svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;position:relative;z-index:5}
#detEpisodes .view-grid .ep-item{height:48px}
#detEpisodes .det-ep-compact{align-items:center;padding:8px}
#detEpisodes .det-ep-compact-title{flex:1;font-size:14px;font-weight:600;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#detEpisodes .view-thumbnail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#detEpisodes .det-ep-thumb-card{aspect-ratio:16/9;height:auto;margin:0;border-radius:6px;background:transparent;position:relative;overflow:hidden}
#detEpisodes .det-ep-thumb-card:hover{opacity:.8;background:transparent}
#detEpisodes .det-ep-thumb-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
#detEpisodes .det-ep-thumb-overlay{position:absolute;inset:0}
@media(min-width:640px){#detEpisodes .view-thumbnail{grid-template-columns:repeat(3,minmax(0,1fr))}#detEpisodes .ep-search-input{width:176px}}
@media(min-width:768px){#detEpisodes .view-thumbnail{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:639px){
  #detEpisodes .ep-controls{grid-template-columns:auto minmax(0,1fr);gap:8px}
  #detEpisodes .ep-sel-btn{width:104px;font-size:12px;padding:0 8px}
  #detEpisodes .det-season-pop{width:200px;max-width:calc(100vw - 32px)}
  #detEpisodes .ep-search-input{width:clamp(88px,30vw,128px)}
  #detEpisodes .det-ep-tools{gap:6px}
  #detEpisodes .det-ep-icon-pair{gap:6px;margin-right:0}
  #detEpisodes .ep-ctrl-btn,#detEpisodes .ep-ctrl-btn svg{width:22px;height:22px}
  #detEpisodes .ep-thumb{width:116px;min-width:116px}
}

/* watch page episodes use the same UI as TV info page */
#playerEpSection{width:100%;margin:64px auto 0}
@media(min-width:1024px){#playerEpSection{width:75%}}
#playerEpSection .det-episodes-shell{width:100%}
#playerEpSection .ep-section-title{padding-bottom:20px;margin:0;font-size:24px;line-height:32px;font-weight:600;color:#fff}
#playerEpSection .ep-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px;margin:0;padding:0;max-width:none;width:100%}
#playerEpSection .det-season-wrap{position:relative;flex:0 0 auto}
#playerEpSection .ep-sel-btn{width:160px;height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:6px;border:1px solid #2a2f3a;background:#181b23;color:#fff;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
#playerEpSection .ep-sel-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;opacity:.5;flex-shrink:0}
#playerEpSection .det-season-pop{position:absolute;top:calc(100% + 6px);left:0;width:200px;max-height:280px;overflow:auto;padding:4px;border:1px solid #2a2f3a;border-radius:8px;background:#181b23;box-shadow:0 12px 32px rgba(0,0,0,.45);z-index:40;display:none}
#playerEpSection .det-season-pop.open{display:block}
#playerEpSection .det-season-option{width:100%;height:36px;display:flex;align-items:center;gap:8px;border-radius:6px;padding:6px 8px;color:#fff;font-size:14px;text-align:left;cursor:pointer}
#playerEpSection .det-season-option:hover{background:rgba(148,163,184,.16)}
#playerEpSection .det-season-option span{width:16px;display:inline-flex;align-items:center;justify-content:center}
#playerEpSection .det-ep-tools{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;min-width:0;width:100%}
#playerEpSection .ep-search-input{width:clamp(112px,28vw,176px);height:40px;margin-bottom:0;border-radius:6px;border:1px solid #2a2f3a;background:#181b23;color:#fff;padding:0 8px;font-size:14px;line-height:20px;outline:none;min-width:0;flex:0 1 auto}
#playerEpSection .ep-search-input::placeholder{color:#64748b}
#playerEpSection .det-ep-icon-pair{height:40px;width:auto;margin-right:0;display:flex;align-items:center;gap:8px;flex:0 0 auto}
#playerEpSection .ep-ctrl-btn{width:24px;height:24px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;border-radius:4px;flex-shrink:0}
#playerEpSection .ep-ctrl-btn:hover{background:rgba(148,163,184,.16)}
#playerEpSection .ep-ctrl-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#playerEpSection .det-ep-scroll{height:auto;overflow:visible;padding:20px 0 0;margin:0;width:100%}
#playerEpSection .ep-list{display:flex;flex-direction:column;gap:0;max-width:none;margin:0;padding:0}
#playerEpSection .ep-item{height:80px;width:100%;display:flex;gap:8px;margin-bottom:8px;overflow:hidden;border-radius:6px;border:0;background:#2a2a30;color:#f9fafb;cursor:pointer;transition:background .2s,opacity .2s;position:relative}
#playerEpSection .ep-item:hover{background:#374151}
#playerEpSection .ep-item.ep-active{background:#111827;color:#f9fafb;border:0;outline:0;box-shadow:none}
#playerEpSection .ep-thumb{position:relative;width:144px;min-width:144px;height:100%;background:#111827;flex-shrink:0}
#playerEpSection .ep-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px 0 0 6px}
#playerEpSection .ep-active .ep-thumb img,#playerEpSection .det-ep-thumb-card.ep-active img{filter:blur(1.3px)}
#playerEpSection .ep-thumb-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#f8fafc}
#playerEpSection .ep-thumb-play svg{width:28px;height:28px;fill:currentColor;stroke:none}
#playerEpSection .ep-num{position:absolute;top:0;left:0;width:auto;min-width:0;height:auto;border-radius:6px 0 6px 0;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;font-size:14px;font-weight:400;line-height:20px;z-index:3}
#playerEpSection .ep-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px}
#playerEpSection .ep-title{margin:0;font-size:14px;font-weight:600;line-height:20px;color:inherit;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#playerEpSection .ep-desc{font-size:12px;line-height:16px;color:#9ca3af;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#playerEpSection .ep-dl{display:flex;align-items:center;justify-content:center;padding:0 8px 0 0;color:inherit;align-self:stretch;flex-shrink:0}
#playerEpSection .ep-dl svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;position:relative;z-index:5}
#playerEpSection .view-grid .ep-item{height:48px}
#playerEpSection .det-ep-compact{align-items:center;padding:8px}
#playerEpSection .det-ep-compact-title{flex:1;font-size:14px;font-weight:600;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#playerEpSection .view-thumbnail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#playerEpSection .det-ep-thumb-card{aspect-ratio:16/9;height:auto;margin:0;border-radius:6px;background:transparent;position:relative;overflow:hidden}
#playerEpSection .det-ep-thumb-card:hover{opacity:.8;background:transparent}
#playerEpSection .det-ep-thumb-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
#playerEpSection .det-ep-thumb-overlay{position:absolute;inset:0}
body.light #playerEpSection .ep-section-title{color:#111827}
body.light #playerEpSection .ep-sel-btn,
body.light #playerEpSection .ep-search-input{background:#fff;color:#111827;border-color:#d1d5db}
body.light #playerEpSection .ep-search-input::placeholder{color:#6b7280}
body.light #playerEpSection .det-season-pop{background:#fff;border-color:#d1d5db;box-shadow:0 12px 32px rgba(0,0,0,.16)}
body.light #playerEpSection .det-season-option{color:#111827}
body.light #playerEpSection .det-season-option:hover{background:#f3f4f6}
body.light #playerEpSection .ep-ctrl-btn{color:#111827}
body.light #playerEpSection .ep-ctrl-btn:hover{background:#f3f4f6}
body.light #playerEpSection .ep-item{background:#f3f4f6;color:#111827}
body.light #playerEpSection .ep-item:hover{background:#e5e7eb}
body.light #playerEpSection .ep-item.ep-active{background:#9ca3af;color:#111827;border:0;outline:0;box-shadow:none}
body.light #playerEpSection .ep-thumb{background:transparent}
body.light #playerEpSection .ep-desc{color:#4b5563}
@media(min-width:640px){#playerEpSection .view-thumbnail{grid-template-columns:repeat(3,minmax(0,1fr))}#playerEpSection .ep-search-input{width:176px}}
@media(min-width:768px){#playerEpSection .view-thumbnail{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:639px){
  #playerEpSection{margin-top:40px}
  #playerEpSection .ep-controls{grid-template-columns:auto minmax(0,1fr);gap:8px}
  #playerEpSection .ep-sel-btn{width:104px;font-size:12px;padding:0 8px}
  #playerEpSection .det-season-pop{width:200px;max-width:calc(100vw - 32px)}
  #playerEpSection .ep-search-input{width:clamp(88px,30vw,128px)}
  #playerEpSection .det-ep-tools{gap:6px}
  #playerEpSection .det-ep-icon-pair{gap:6px;margin-right:0}
  #playerEpSection .ep-ctrl-btn,#playerEpSection .ep-ctrl-btn svg{width:22px;height:22px}
  #playerEpSection .ep-thumb{width:116px;min-width:116px}
}

/* season sheet */
.ssn-sheet-bd{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:2000;opacity:0;pointer-events:none;transition:opacity .25s}
.ssn-sheet-bd.open{opacity:1;pointer-events:auto}
.ssn-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2010;background:#13151c;border-top-left-radius:18px;border-top-right-radius:18px;padding:16px 16px 30px;transform:translateY(100%);transition:transform .3s ease;max-height:60vh;overflow-y:auto}
.ssn-sheet.open{transform:translateY(0)}
.ssn-sheet-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ssn-sheet-h h3{font-size:17px;color:#fff;font-weight:700}
.ssn-list{display:flex;flex-direction:column;gap:6px}
.ssn-btn{padding:12px 16px;border-radius:10px;background:#1f2230;color:#fff;font-weight:600;font-size:15px;text-align:left;border:2px solid transparent;transition:all .2s}
.ssn-btn.active{border-color:var(--red);background:rgba(229,57,53,.12)}


/* ===== LIST PAGES ===== */
.list-page{padding-top:54px;padding-bottom:88px;min-height:100vh}
.list-wrap{padding:70px 16px 24px;max-width:1280px;margin:0 auto}
.list-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.list-back{width:36px;height:36px;border-radius:10px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.list-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2}
.list-head-copy{min-width:0}
.list-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8aa0ff;margin-bottom:6px}
.list-title{font-size:26px;font-weight:900;line-height:1.05;color:var(--text);margin-bottom:8px}
.list-desc{font-size:14px;line-height:1.5;color:var(--text2);max-width:720px}
.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.list-grid .card,.list-grid .cw-card,.list-grid .pb-card{width:100%!important}
.list-grid .cw-card{min-width:0}
.list-empty{grid-column:1/-1;padding:36px 14px;text-align:center;color:var(--text2);font-size:14px}
.list-note{margin-top:14px;font-size:12px;color:var(--text2)}
@media(min-width:768px){
  .list-wrap{padding:78px 28px 32px}
  .list-title{font-size:32px}
  .list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1100px){
  .list-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* ===== 4K PAGE ===== */
#page-4k{padding-top:0!important;padding-bottom:0!important;background:#fff;color:#111827;min-height:100vh}
body:not(.light) #page-4k{background:#000;color:#f3f4f6}
.fourk-wrap{width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:80px 16px 32px;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.fourk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fourk-card{position:relative;aspect-ratio:2/3;width:100%;border-radius:4px;color:#fff;cursor:pointer;overflow:hidden;background:transparent}
.fourk-card:active{transform:scale(.97)}
.fourk-poster{position:absolute;inset:0;border-radius:4px;background:#222 center/cover no-repeat;overflow:hidden}
.fourk-overlay{position:absolute;inset:0;border-radius:4px;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:4;padding:8px;pointer-events:none}
.fourk-card:hover .fourk-overlay,.fourk-card.hov .fourk-overlay{opacity:1;background:rgba(0,0,0,.6);pointer-events:auto}
.fourk-play{width:48px;height:48px;border-radius:50%;background:rgba(229,57,53,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(229,57,53,.6);margin-bottom:8px;flex-shrink:0;transition:transform .2s ease}
.fourk-play svg{width:20px;height:20px;fill:#fff;margin-left:2px}
.fourk-card:hover .fourk-play{transform:scale(1.05)}
.fourk-meta{color:#fff;font-size:11px;text-align:center;line-height:1.4;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8);padding:0 4px}
.fourk-meta h3{margin:0;font-size:11px;line-height:1.4;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fourk-meta p{display:block;margin:2px 0 0;font-size:11px;line-height:1.4;font-weight:400;color:rgba(255,255,255,.7)}
.fourk-rate{position:absolute;right:0;top:8px;z-index:6;display:flex;align-items:center;gap:4px;border-radius:4px 0 0 4px;background:rgba(0,0,0,.5);padding-left:4px;padding-right:6px;color:#fff;font-size:12px;line-height:16px;font-weight:600}
.fourk-rate svg{width:16px;height:16px;fill:#eab308;stroke:#eab308;stroke-width:.5}
.fourk-bm{position:absolute;left:0;top:0;z-index:6!important;width:32px;height:32px;border-radius:4px 0 8px 0;border:1px solid rgba(255,255,255,.2);border-left:0;border-top:0;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}
.fourk-bm:hover{transform:scale(1.1)}
.fourk-bm:active{transform:scale(.95)}
.fourk-bm.saved{background:var(--red)!important;color:#fff}
.fourk-bm.saved svg{fill:#fff;stroke:#fff}
.fourk-bm svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.fourk-skeleton{aspect-ratio:2/3;border-radius:8px;background:#e5e7eb;animation:fourkPulse 1.4s ease-in-out infinite}
body:not(.light) .fourk-skeleton{background:#1f2937}
@keyframes fourkPulse{0%,100%{opacity:1}50%{opacity:.55}}
.fourk-pagination{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.fourk-page-btn,.fourk-page-arrow{height:40px;min-width:40px;border-radius:6px;background:#111827;color:#d1d5db;font-size:14px;line-height:20px;font-weight:500;display:flex;align-items:center;justify-content:center;padding:8px 12px}
.fourk-page-btn:hover,.fourk-page-arrow:hover{background:#374151;color:#fff}
.fourk-page-btn.active{background:#374151;color:#fff}
.fourk-page-arrow:disabled{cursor:not-allowed;opacity:.5}
.fourk-page-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fourk-page-ellipsis{padding:8px 12px;color:#9ca3af;font-size:14px;line-height:20px}
body.light .fourk-page-btn,body.light .fourk-page-arrow{background:#111827;color:#fff}
body.light .fourk-page-btn:hover,body.light .fourk-page-arrow:hover,body.light .fourk-page-btn.active{background:#374151}
.fourk-empty,.fourk-error{grid-column:1/-1;margin-top:40px;text-align:center;color:#6b7280;font-size:16px}
body:not(.light) .fourk-empty,body:not(.light) .fourk-error{color:#9ca3af}
.fourk-error{max-width:460px;margin:80px auto 0;border-radius:8px;background:#1f2937;padding:32px;color:#d1d5db}
.fourk-error h2{margin:0 0 8px;color:#fff;font-size:20px;line-height:28px;font-weight:600}
.fourk-error p{margin:0;color:#9ca3af;font-size:14px;line-height:20px}
.fourk-error button{margin-top:16px;border-radius:6px;background:#ef4444;color:#fff;padding:8px 16px;font-size:14px;font-weight:500}
.fourk-footer{margin-top:0;margin-bottom:0}
@media(min-width:640px){.fourk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fourk-meta h3{font-size:14px;line-height:20px}}
@media(min-width:768px){.fourk-wrap{padding-left:24px;padding-right:24px}.fourk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.fourk-wrap{padding-left:32px;padding-right:32px}.fourk-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1280px){.fourk-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1536px){.fourk-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* ===== WATCHLIST PAGE ===== */
#page-watchlist{padding-top:0!important;padding-bottom:0!important;background:#fff;color:#111827;min-height:100vh}
body:not(.light) #page-watchlist{background:#000;color:#f3f4f6}
.watchlist-wrap{width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:80px 16px 32px;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.watchlist-layout{display:grid;grid-template-columns:1fr;gap:32px}
.watchlist-list{order:2}
.watchlist-controls{order:1;height:100%;display:flex;flex-direction:column;gap:16px}
.watchlist-statuses{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px}
.watchlist-status{height:32px;border-radius:6px;border:1px solid #e5e7eb;background:transparent;color:#111827;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:14px;line-height:20px;font-weight:500}
body:not(.light) .watchlist-status{border-color:#27272a;color:#fff}
.watchlist-status.active{background:#111827;border-color:#111827;color:#fff}
body:not(.light) .watchlist-status.active{background:#fff;border-color:#fff;color:#000}
.watchlist-status svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.watchlist-search{width:100%;height:40px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:8px 12px;font-size:14px;line-height:20px;outline:none}
body:not(.light) .watchlist-search{background:#000;border-color:#27272a;color:#fff}
.watchlist-search::placeholder{color:#6b7280}
.watchlist-clear{width:100%;height:40px;border:1px solid #e5e7eb;border-radius:6px;background:transparent;color:#111827;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:400}
body:not(.light) .watchlist-clear{border-color:#27272a;color:#fff}
.watchlist-clear:hover{background:transparent}
.watchlist-clear svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.watchlist-date-group{margin-bottom:32px}
.watchlist-date-group h2{padding:20px 0;margin:0;font-size:20px;line-height:28px;font-weight:600;color:#1f2937}
body:not(.light) .watchlist-date-group h2{color:#e5e7eb}
.watchlist-date-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.watchlist-row{position:relative;display:flex;width:100%;align-items:center;gap:16px;border-radius:6px;background:#f3f4f6;color:#1f2937;transition:background .15s;cursor:pointer;overflow:visible}
.watchlist-row:hover{background:#e5e7eb}
body:not(.light) .watchlist-row{background:#2a2a30;color:#fff}
body:not(.light) .watchlist-row:hover{background:#374151}
.watchlist-thumb{width:120px;height:80px;border-radius:6px;background:#222 center/cover no-repeat;flex-shrink:0}
.watchlist-row-copy{flex:1;min-width:0;padding-right:48px}
.watchlist-row-copy h3{margin:0;font-size:18px;line-height:28px;font-weight:600;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body:not(.light) .watchlist-row-copy h3{color:#fff}
.watchlist-row-copy p{margin:0;font-size:14px;line-height:20px;color:#4b5563;font-weight:400}
body:not(.light) .watchlist-row-copy p{color:#d1d5db}
.watchlist-row-copy small{display:block;margin-top:4px;font-size:12px;line-height:16px;color:#6b7280;font-weight:400}
body:not(.light) .watchlist-row-copy small{color:#9ca3af}
.watchlist-more{position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:inherit}
.watchlist-more:hover{background:rgba(255,255,255,.08)}
body.light .watchlist-more:hover{background:rgba(0,0,0,.06)}
.watchlist-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.watchlist-row-menu{position:absolute;right:14px;top:40px;z-index:30;width:152px;border-radius:6px;background:#111113;border:1px solid rgba(255,255,255,.08);padding:6px;box-shadow:0 12px 28px rgba(0,0,0,.45);display:none}
.watchlist-row-menu.open{display:block}
body.light .watchlist-row-menu{background:#fff;border-color:#e5e7eb;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.watchlist-row-remove{width:100%;height:40px;border-radius:4px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#ef4444;font-size:14px;line-height:20px;font-weight:400;text-align:left}
.watchlist-row-remove:hover{background:#2a2a30}
body.light .watchlist-row-remove:hover{background:#f3f4f6}
.watchlist-row-remove svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.watchlist-empty{margin-top:40px;text-align:center;color:#6b7280;font-size:16px}
body:not(.light) .watchlist-empty{color:#9ca3af}
.watchlist-footer{margin-top:0;margin-bottom:0}
@media(min-width:768px){.watchlist-wrap{padding-left:24px;padding-right:24px}.watchlist-thumb{width:120px;height:80px}}
@media(min-width:1024px){.watchlist-wrap{padding-left:32px;padding-right:32px}.watchlist-layout{grid-template-columns:minmax(0,1fr) 400px}.watchlist-list{order:1}.watchlist-controls{order:2;padding-top:32px}.watchlist-thumb{width:150px;height:100px}}

/* ===== HISTORY PAGE ===== */
#page-history{padding-top:0!important;padding-bottom:0!important;background:#fff;color:#111827;min-height:100vh}
body:not(.light) #page-history{background:#000;color:#f3f4f6}
.history-wrap{width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:80px 16px 32px;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.history-layout{display:grid;grid-template-columns:1fr;gap:32px}
.history-list{order:2}
.history-controls{order:1;height:100%;display:flex;flex-direction:column;gap:16px}
.history-search{width:100%;height:40px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:8px 12px;font-size:14px;line-height:20px;outline:none}
body:not(.light) .history-search{background:#000;border-color:#27272a;color:#fff}
.history-search::placeholder{color:#6b7280}
.history-actions{display:flex;flex-direction:column;gap:8px}
.history-action{width:100%;height:40px;border:1px solid #e5e7eb;border-radius:6px;background:transparent;color:#111827;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:400}
body:not(.light) .history-action{border-color:#27272a;color:#fff}
.history-action:hover{background:transparent}
.history-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#historyPauseBtn svg{fill:currentColor;stroke:currentColor}
#historyClearBtn svg{fill:none;stroke:currentColor}
.history-date-group{margin-bottom:32px}
.history-date-group h2{padding:20px 0;margin:0;font-size:20px;line-height:28px;font-weight:600;color:#1f2937}
body:not(.light) .history-date-group h2{color:#e5e7eb}
.history-date-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.history-row{position:relative;display:flex;width:100%;align-items:center;gap:16px;border-radius:6px;background:#f3f4f6;color:#1f2937;transition:background .15s;cursor:pointer;overflow:visible}
.history-row:hover{background:#e5e7eb}
body:not(.light) .history-row{background:#2a2a30;color:#fff}
body:not(.light) .history-row:hover{background:#374151}
.history-thumb{width:120px;height:80px;border-radius:6px;background:#222 center/cover no-repeat;flex-shrink:0}
.history-row-copy{flex:1;min-width:0;padding-right:48px}
.history-row-copy h3{margin:0;font-size:18px;line-height:28px;font-weight:600;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body:not(.light) .history-row-copy h3{color:#fff}
.history-row-copy p{margin:0;font-size:14px;line-height:20px;color:#4b5563;font-weight:400}
body:not(.light) .history-row-copy p{color:#d1d5db}
.history-row-copy small{display:block;margin-top:4px;font-size:12px;line-height:16px;color:#6b7280;font-weight:400}
body:not(.light) .history-row-copy small{color:#9ca3af}
.history-more{position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:inherit}
.history-more:hover{background:rgba(255,255,255,.08)}
body.light .history-more:hover{background:rgba(0,0,0,.06)}
.history-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.history-row-menu{position:absolute;right:14px;top:40px;z-index:30;width:152px;border-radius:6px;background:#111113;border:1px solid rgba(255,255,255,.08);padding:6px;box-shadow:0 12px 28px rgba(0,0,0,.45);display:none}
.history-row-menu.open{display:block}
body.light .history-row-menu{background:#fff;border-color:#e5e7eb;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.history-row-remove{width:100%;height:40px;border-radius:4px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#ef4444;font-size:14px;line-height:20px;font-weight:400;text-align:left}
.history-row-remove:hover{background:#2a2a30}
body.light .history-row-remove:hover{background:#f3f4f6}
.history-row-remove svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.history-empty{margin-top:40px;text-align:center;color:#6b7280;font-size:16px}
body:not(.light) .history-empty{color:#9ca3af}
.history-footer{margin-top:0;margin-bottom:0}
@media(min-width:768px){.history-wrap{padding-left:24px;padding-right:24px}.history-thumb{width:120px;height:80px}}
@media(min-width:1024px){.history-wrap{padding-left:32px;padding-right:32px}.history-layout{grid-template-columns:minmax(0,1fr) 400px}.history-list{order:1}.history-controls{order:2;padding-top:32px}.history-thumb{width:150px;height:100px}}

/* ===== CONTINUE WATCHING PAGE ===== */
#page-continue-watch{padding-top:0!important;padding-bottom:0!important;background:#fff;color:#111827;min-height:100vh}
body:not(.light) #page-continue-watch{background:#000;color:#f3f4f6}
.continue-wrap{width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:80px 16px 24px;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.continue-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.continue-search{width:100%;height:42px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:8px 12px;font-size:14px;line-height:20px;font-weight:400;text-transform:capitalize;outline:none}
body:not(.light) .continue-search{background:#0b0b0f;border-color:#27272a;color:#fff}
.continue-search::placeholder{color:#6b7280}
.continue-clear{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;height:40px;border-radius:6px;background:#dc2626;color:#fff;padding:8px 12px;font-size:14px;line-height:20px;font-weight:400;transition:background .15s}
.continue-clear:hover{background:#b91c1c}
.continue-clear svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.continue-date-group{margin-bottom:32px}
.continue-date-group h2{padding:20px 0;margin:0;font-size:20px;line-height:28px;font-weight:600;color:#1f2937}
body:not(.light) .continue-date-group h2{color:#e5e7eb}
.continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cw-page-card{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:2/3;cursor:pointer;color:#fff;width:100%}
.cw-page-card:active{transform:scale(.97)}
.cw-page-poster{position:absolute;inset:0;border-radius:4px;background:#222 center/cover no-repeat;overflow:hidden}
.cw-page-card:hover .cw-page-overlay,.cw-page-card.hov .cw-page-overlay{opacity:1;background:rgba(0,0,0,.6);pointer-events:auto}
.cw-page-card .cw-bm{position:absolute;top:0;left:0;z-index:10;width:32px;height:32px;border-radius:4px 0 8px 0;background:rgba(0,0,0,.5);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.2);border-top:0;border-left:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .2s,background .2s,color .2s}
.cw-page-card .cw-bm:hover{transform:scale(1.1);background:rgba(229,57,53,.15);color:#fff}
.cw-page-card .cw-bm svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.cw-page-card .cw-bm.saved{background:var(--red)!important;color:#fff!important;box-shadow:none!important;border-color:rgba(229,57,53,.4)!important}
.cw-page-card .cw-bm.saved svg{fill:#fff;stroke:#fff}
.cw-page-card .cw-x{position:absolute;top:0;right:0;z-index:10;width:24px;height:24px;border-radius:0 0 0 8px;background:#b91c1c;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.cw-page-card .cw-x:hover{background:#991b1b;transform:scale(1.1)}
.cw-page-card .cw-x svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.cw-page-card .cw-bar{position:absolute;left:0;right:0;bottom:0;z-index:5;background:#2563eb;color:#fff;text-align:center;padding:2px 8px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:10px;line-height:15px;font-weight:200!important;font-synthesis:none;font-synthesis-weight:none;-webkit-font-smoothing:antialiased}
.continue-empty{padding:40px 16px;text-align:center;color:#6b7280;font-size:16px}
body:not(.light) .continue-empty{color:#9ca3af}
.continue-footer{margin-top:0;margin-bottom:0}
@media(max-width:639px){.continue-date-group h2{padding:20px 0;font-size:20px;line-height:28px}.continue-clear{height:40px}.cw-page-card .cw-bm{width:32px;height:32px}.cw-page-card .cw-x{width:24px;height:24px}}
@media(min-width:640px){.continue-controls{flex-direction:row;align-items:center;gap:12px}.continue-search{flex:1}.continue-clear{align-self:auto}.continue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.continue-wrap{padding-left:24px;padding-right:24px}.continue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.continue-wrap{padding-left:32px;padding-right:32px}.continue-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1280px){.continue-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1536px){.continue-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
.coll-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;overflow:hidden}
.coll-card-bg img{width:100%;height:100%;object-fit:cover;display:block}
.coll-card-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.7) 100%);pointer-events:none}

/* ===== RESPONSIVE ===== */
@media (min-width:768px){
  .navbar{padding:20px 24px 0;height:auto}
  .nav-icons{gap:8px}
  .nav-icon{width:36px;height:36px}
  .nav-icon svg{width:24px;height:24px}
  .menu-dd{top:62px;width:184px}
  .arrow{width:36px;height:32px}
  .hero{height:100vh;min-height:640px}
  .hero-content{padding:0 24px;bottom:20%}
  .hero-logo{max-height:100px}
  .hero-desc{max-width:672px;font-size:18px}
  .sec-head{padding:0 24px}
  .row{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding:4px 0 14px;scroll-padding-left:0}
  .footer{padding-left:24px;padding-right:24px}
  .card{width:128px}
  .card-img{height:192px}
  .cw-card{width:128px}
  .cw-card .card-img{height:192px}
  .det-back{left:28px}
  .det-body{padding:0 28px}
  .player-content{padding:64px 24px 80px;max-width:1280px;margin:0 auto}
  .also-grid{grid-template-columns:repeat(5,1fr)}
  .cast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ep-list,.ep-controls{max-width:900px;margin-left:auto;margin-right:auto}
}
@media (min-width:640px){
  .sec-title{font-size:24px;line-height:32px}
  .cast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1100px){
  .also-grid{grid-template-columns:repeat(6,1fr)}
  .bottom-nav{display:none}
  body{padding-bottom:0}
  .page{padding-bottom:30px}
  .page-home{padding-bottom:0}
}
@media (min-width:1024px){
  .navbar{padding-left:32px;padding-right:32px}
  .hero-content{padding-left:32px;padding-right:32px}
  .sec-head{padding-left:32px;padding-right:32px}
  .row{width:calc(100% - 64px);margin-left:32px;margin-right:32px;scroll-padding-left:0}
  .footer{padding-left:32px;padding-right:32px}
  .landing-footer-inner{padding-left:32px;padding-right:32px}
}
@media (min-width:1024px){
  .card{width:122px}
  .card-img{height:185px}
  .cw-card{width:122px}
  .cw-card .card-img{height:185px}
}
@media (min-width:1280px){
  .card{width:189px}
  .card-img{height:285px}
  .cw-card{width:189px}
  .cw-card .card-img{height:285px}
}

/* ===== PROVIDER BROWSE PAGE ===== */
.pb{padding:80px 16px 90px;max-width:1440px;margin:0 auto;min-height:80vh;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
@media(min-width:768px){.pb{padding-left:24px;padding-right:24px}}
@media(min-width:1024px){.pb{padding-left:32px;padding-right:32px}}
.pb-top{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 14px}
.pb-top-left,.pb-top-right{display:flex;align-items:center;gap:14px}
.pb-ic{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text);border-radius:8px;cursor:pointer;transition:background .2s}
.pb-ic:hover{background:rgba(255,255,255,.08)}
body.light .pb-ic:hover{background:rgba(0,0,0,.06)}
.pb-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pb-search{position:relative;margin:0 0 16px}
.pb-search input{width:100%;height:42px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;padding:8px 16px;font-size:14px;line-height:20px;font-weight:400;outline:none;text-transform:capitalize;box-shadow:none}
body:not(.light) .pb-search input{background:#0b0b0f;border-color:#27272a;color:#fff}
body.light .pb-search input{border-color:#e5e7eb;background:#fff;color:#111827}
.pb-search input::placeholder{color:#777}
.pb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.pb-fil{position:relative}
.pb-fil select{appearance:none;-webkit-appearance:none;width:100%;height:40px;background:#f3f4f6;color:#111827;border:0;border-radius:6px;padding:8px 36px 8px 12px;font-size:14px;line-height:20px;font-weight:400;cursor:pointer;outline:none}
body:not(.light) .pb-fil select{background:#2a2a30;color:#fff}
body.light .pb-fil select{background:#f3f4f6;color:#111827}
.pb-fil::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:1.8px solid #aaa;border-bottom:1.8px solid #aaa;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pb-reset{height:40px;background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;line-height:20px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s}
.pb-reset:hover{background:#dc2626}
.pb-reset svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.explore-card{display:none;margin:0 0 16px;padding:12px;border-radius:8px;background:rgba(17,24,39,.95);border:1px solid #4b5563;box-shadow:none;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.explore-card.show{display:flex;flex-direction:column;gap:12px}
.explore-info-text{flex:1;min-width:0;text-align:left}
.explore-title{font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;color:#fff}
.explore-title .x-grad{background:linear-gradient(90deg,#f87171,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.explore-card.is-trending .explore-title .x-grad{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.explore-desc{font-size:12px;line-height:19.5px;color:#d1d5db;margin-bottom:0;font-weight:400}
.explore-clear{height:32px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:none;padding:8px 12px;white-space:nowrap;flex-shrink:0;transition:background .15s}
.explore-clear:hover{background:#b91c1c}
.explore-clear svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
@media(min-width:640px){.explore-card{padding:16px;margin-bottom:24px}.explore-card.show{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.explore-title{font-size:18px;line-height:28px}.explore-desc{font-size:14px;line-height:22.75px}.explore-clear{height:36px;font-size:14px;line-height:20px;padding:8px 16px}}
.pb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}
.pb-card{position:relative;border-radius:6px;overflow:hidden;background:#e5e7eb;aspect-ratio:2/3;cursor:pointer;transition:transform .2s;color:#fff}
.pb-card:active{transform:scale(.97)}
.pb-card:hover{color:#fff}
.pb-card-img{position:absolute;inset:0;background-size:cover;background-position:center}
.pb-card-bm{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:4px 0 8px 0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);z-index:2;border:1px solid rgba(255,255,255,.2);border-top:0;border-left:0;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .2s,background .2s,color .2s}
.pb-card-bm:hover{transform:scale(1.1);background:rgba(59,130,246,.5);color:#fff}
.pb-card-bm svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.pb-card-bm.saved{background:rgba(59,130,246,.8);color:#fff;box-shadow:0 10px 18px rgba(59,130,246,.25)}
.pb-card-bm.saved svg{fill:none;stroke:currentColor}
.pb-card-rate{position:absolute;top:8px;right:0;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;font-weight:600;padding:2px 4px 2px 6px;border-radius:6px 0 0 6px;z-index:2}
.pb-card-rate svg{width:16px;height:16px;fill:#eab308}
.pb-empty{grid-column:1/-1;text-align:center;color:var(--text2);padding:40px 0;font-size:14px}
@media(min-width:640px){.pb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.pb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pb-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.pb-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pb-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){.pb-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.pb-filters{display:flex;align-items:center;gap:8px}.pb-fil{width:180px;flex:0 0 180px}.pb-reset{width:180px;flex:0 0 180px}}
@media(min-width:1536px){.pb-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* Explore page parity with vidbox-cc search page */
#page-explore{background:#fff;color:#111827;padding-top:0;padding-bottom:0}
body:not(.light) #page-explore{background:#000;color:#f3f4f6}
#page-explore .pb{width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:64px 16px 40px;box-sizing:border-box;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
@media(min-width:768px){#page-explore .pb{padding-left:24px;padding-right:24px}}
@media(min-width:1024px){#page-explore .pb{padding-left:32px;padding-right:32px}}
#page-explore .pb-search{margin:0 0 16px}
#page-explore .pb-search input{height:42px;width:100%;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:8px 16px;font-size:14px;line-height:20px;font-weight:400;text-transform:capitalize;outline:none;box-shadow:none}
body:not(.light) #page-explore .pb-search input{background:#0b0b0f;border-color:#27272a;color:#fff}
#page-explore .pb-search input::placeholder{color:#6b7280}
#page-explore .pb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
@media(min-width:768px){#page-explore .pb-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){#page-explore .pb-filters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:center}#page-explore .pb-fil{width:auto;min-width:0;flex:none}#page-explore .pb-reset{width:100%;min-width:0;flex:none}}
@media(min-width:1280px){#page-explore .pb-filters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}#page-explore .pb-fil{width:auto;min-width:0;flex:none}#page-explore .pb-reset{width:100%;min-width:0;flex:none}}
#page-explore .pb-fil select{height:40px;width:100%;border:0;border-radius:6px;background:#f3f4f6;color:#111827;padding:8px 36px 8px 12px;font-size:14px;line-height:20px;font-weight:400;box-shadow:none}
body:not(.light) #page-explore .pb-fil select{background:#2a2a30;color:#fff}
#page-explore .pb-reset{height:40px;border:0;border-radius:6px;background:#ef4444;color:#fff;padding:8px 12px;font-size:14px;line-height:20px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}
#page-explore .pb-reset:hover{background:#dc2626}
#page-explore .pb-fil select.pb-native-select{position:absolute;inset:0;opacity:0;pointer-events:none;width:100%;height:100%}
#page-explore .pb-fil:has(.pb-dd)::after{display:none}
#page-explore .pb-dd{position:relative;width:100%;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
#page-explore .pb-dd-trigger{height:40px;width:100%;border:0;border-radius:6px;background:#f3f4f6;color:#111827;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;line-height:20px;font-weight:400;text-align:left;cursor:pointer}
body:not(.light) #page-explore .pb-dd-trigger{background:#2a2a30;color:#fff}
#page-explore .pb-dd-trigger span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-explore .pb-dd-trigger svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;opacity:.5}
#page-explore .pb-dd-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:2600;width:200px;max-width:min(92vw,260px);border:0;border-radius:8px;background:#f3f4f6;color:#111827;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:4px;opacity:0;pointer-events:none;transform:translateY(-4px) scale(.98);transform-origin:top left;transition:opacity .16s,transform .16s}
body:not(.light) #page-explore .pb-dd-menu{background:#2a2a30;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.55)}
#page-explore .pb-dd.open .pb-dd-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
#page-explore .pb-dd-search{height:36px;width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.08);background:#f3f4f6;color:#111827;padding:0 10px;font-size:14px;line-height:20px;outline:none}
body:not(.light) #page-explore .pb-dd-search{background:#2a2a30;color:#fff;border-bottom-color:rgba(255,255,255,.08)}
#page-explore .pb-dd-search::placeholder{color:#6b7280}
#page-explore .pb-dd-options{overflow:visible;padding:4px 0}
#page-explore .pb-dd.scrollable .pb-dd-options{max-height:200px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6b7280 transparent}
#page-explore .pb-dd.scrollable .pb-dd-options::-webkit-scrollbar{width:8px}
#page-explore .pb-dd.scrollable .pb-dd-options::-webkit-scrollbar-track{background:transparent}
#page-explore .pb-dd.scrollable .pb-dd-options::-webkit-scrollbar-thumb{background:#6b7280;border-radius:999px}
#page-explore .pb-dd-option{width:100%;min-height:32px;border:0;border-radius:6px;background:transparent;color:inherit;padding:6px 8px;display:flex;align-items:center;gap:8px;text-align:left;font-size:14px;line-height:20px;font-weight:400;cursor:pointer}
#page-explore .pb-dd-option:hover{background:rgba(0,0,0,.06)}
body:not(.light) #page-explore .pb-dd-option:hover{background:#3f3f46}
#page-explore .pb-dd-option span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-explore .pb-dd-option svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}
#page-explore .pb-dd-option.active{font-weight:500}
@media(max-width:767px){#page-explore .pb-dd-menu{width:100%;max-width:none}}
#page-explore .pb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}
@media(min-width:640px){#page-explore .pb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){#page-explore .pb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){#page-explore .pb-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1280px){#page-explore .pb-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1536px){#page-explore .pb-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
#page-explore .pb-card{position:relative;overflow:hidden;border-radius:6px;background:#e5e7eb;aspect-ratio:2/3;color:#fff;transition:transform .2s}
body:not(.light) #page-explore .pb-card{background:#000;border:0;outline:0;box-shadow:none}
#page-explore .pb-card-img{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;border:0;outline:0}
#page-explore .pb-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:4;padding:8px;pointer-events:none}
#page-explore .pb-card:hover .pb-card-overlay,#page-explore .pb-card.hov .pb-card-overlay{opacity:1;background:rgba(0,0,0,.6);pointer-events:auto}
#page-explore .pb-card-overlay-play{width:48px;height:48px;border-radius:50%;background:rgba(229,57,53,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(229,57,53,.6);margin-bottom:8px;flex-shrink:0}
#page-explore .pb-card-overlay-play svg{width:20px;height:20px;fill:#fff;margin-left:2px}
#page-explore .pb-card-overlay-meta{color:#fff;font-size:11px;text-align:center;line-height:1.4;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}
#page-explore .pb-card-overlay-meta .co-type{display:block;color:rgba(255,255,255,.7);font-weight:400;margin-top:2px}
#page-explore .pb-card-bm{position:absolute;top:0;left:0;z-index:10;width:32px;height:32px;border-radius:4px 0 8px 0;border:1px solid rgba(255,255,255,.2);border-top:0;border-left:0;background:rgba(0,0,0,.5);color:rgba(255,255,255,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}
#page-explore .pb-card-bm svg{width:20px;height:20px}
#page-explore .pb-card-bm.saved{background:var(--red)!important;color:#fff!important;border-color:rgba(229,57,53,.4)!important;box-shadow:none!important}
#page-explore .pb-card-bm.saved svg{fill:#fff;stroke:#fff}
#page-explore .pb-card-rate{position:absolute;top:8px;right:0;z-index:2;display:flex;align-items:center;gap:4px;border-radius:6px 0 0 6px;background:rgba(0,0,0,.5);padding:2px 4px 2px 6px;color:#fff;font-size:12px;font-weight:600}
#page-explore .pb-card-rate svg{width:16px;height:16px;fill:#eab308}
#page-explore .pb-loader{grid-column:1/-1;min-height:50vh;display:flex;align-items:center;justify-content:center}
#page-explore .pb-loader-spinner{width:128px;height:128px;border-radius:9999px;border-top:2px solid #ef4444;border-bottom:2px solid #ef4444;animation:pbSpin 1s linear infinite}
@keyframes pbSpin{to{transform:rotate(360deg)}}
#page-explore .pb-pagination{display:flex;flex-direction:column;align-items:center;gap:16px;margin:48px auto 0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
#page-explore .pb-pagination.is-empty{display:none}
#page-explore .pb-page-row{display:flex;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
body:not(.light) #page-explore .pb-page-row{background:#1f2937;border-color:#374151;box-shadow:0 10px 15px rgba(0,0,0,.25)}
#page-explore .pb-page-btn,#page-explore .pb-page-ellipsis{min-width:28px;height:28px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#4b5563;font-size:12px;line-height:16px;font-weight:500;padding:0 4px}
body:not(.light) #page-explore .pb-page-btn{background:#374151;color:#d1d5db}
#page-explore .pb-page-btn{cursor:pointer;transition:background .15s,color .15s,opacity .15s}
#page-explore .pb-page-btn:hover:not(:disabled){background:#e5e7eb;color:#111827}
body:not(.light) #page-explore .pb-page-btn:hover:not(:disabled){background:#4b5563;color:#fff}
#page-explore .pb-page-btn.active,#page-explore .pb-page-btn.active:hover{background:#dc2626;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}
body:not(.light) #page-explore .pb-page-btn.active,
body:not(.light) #page-explore .pb-page-btn.active:hover{background:#dc2626;color:#fff}
#page-explore .pb-page-btn:disabled{cursor:not-allowed;opacity:.45}
#page-explore .pb-page-btn.active:disabled{opacity:1}
#page-explore .pb-page-ellipsis{background:transparent;color:#6b7280}
body:not(.light) #page-explore .pb-page-ellipsis{background:transparent;color:#9ca3af}
#page-explore .pb-page-info{color:#6b7280;font-size:14px;line-height:20px;font-weight:400;text-align:center}
body:not(.light) #page-explore .pb-page-info{color:#9ca3af}
#page-explore .explore-footer{margin-top:0;margin-bottom:0}
#page-explore,#page-player{padding-bottom:0!important}
#page-player .player-content{padding-bottom:0!important}
#page-player .player-footer{margin-bottom:0!important}
#page-player + *{margin-top:0}
#page-explore .explore-footer .landing-footer-inner{max-width:1440px}
@media(max-width:420px){
  #page-explore .pb-page-row{gap:2px;padding:3px}
  #page-explore .pb-page-btn,#page-explore .pb-page-ellipsis{min-width:28px;height:28px;font-size:12px}
}
@media(min-width:640px){
  #page-explore .pb-page-row{gap:8px;padding:8px}
  #page-explore .pb-page-btn,#page-explore .pb-page-ellipsis{min-width:40px;height:40px;font-size:14px;line-height:20px;padding:0 8px}
}

/* ===== GLOBAL NAV SEARCH OVERLAY ===== */
.nav-search-bd{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1700;opacity:0;pointer-events:none;transition:opacity .2s}
.nav-search-bd.open{opacity:1;pointer-events:auto}
.nav-search-wrap{position:fixed;top:60px;left:50%;transform:translateX(-50%) translateY(-10px);width:min(92vw,640px);z-index:1800;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}
.nav-search-wrap.open{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.nav-search-bar{display:flex;align-items:center;background:rgba(20,20,22,.96);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 8px 6px 14px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
body.light .nav-search-bar{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.08)}
.nss-filter{display:flex;align-items:center;gap:6px;color:#9a9a9a;font-size:13px;font-weight:500;padding:4px 10px 4px 4px;border-right:1px solid rgba(255,255,255,.1);cursor:pointer;flex-shrink:0}
body.light .nss-filter{border-right-color:rgba(0,0,0,.1)}
.nss-filter svg{width:14px;height:14px}
#navSearchInput{flex:1;background:transparent;border:0;outline:0;color:var(--text);padding:10px 12px;font-size:15px;min-width:0}
#navSearchInput::placeholder{color:#666}
.nss-close{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2);flex-shrink:0;cursor:pointer}
.nss-close svg{width:18px;height:18px}
.nav-search-results{margin-top:10px;background:rgba(26,27,30,.95);border:1px solid #374151;border-radius:12px;overflow:hidden;max-height:none;display:none;box-shadow:0 25px 50px -12px rgba(0,0,0,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);scrollbar-width:none;-ms-overflow-style:none}
.nav-search-results::-webkit-scrollbar{display:none;width:0;height:0}
body.light .nav-search-results{background:rgba(255,255,255,.95);border-color:#e5e7eb}
.nav-search-results.show{display:block}
.nsr-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;border-bottom:1px solid rgba(55,65,81,.95);transition:background .15s}
body.light .nsr-item{border-bottom-color:#e5e7eb}
.nsr-item:last-child{border-bottom:0}
.nsr-item:hover{background:#222225}
body.light .nsr-item:hover{background:#f9fafb}
.nsr-poster{width:48px;height:64px;border-radius:4px;background:#222 center/cover no-repeat;flex-shrink:0}
.nsr-info{flex:1;min-width:0}
.nsr-title{font-size:14px;font-weight:400;color:var(--text);margin-bottom:4px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nsr-meta{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.light .nsr-meta{color:#4b5563}
.nsr-meta .nsr-dot{width:auto;height:auto;border-radius:0;background:none;opacity:1}
.nsr-meta .nsr-dot::before{content:"•"}
.nsr-meta .nsr-rate{display:inline-flex;align-items:center;gap:3px;color:#facc15}
.nsr-meta .nsr-rate svg{width:11px;height:11px;fill:currentColor}
.nsr-more{display:block;width:100%;padding:12px;text-align:center;font-size:14px;font-weight:500;color:#e5e7eb;cursor:pointer;border:0;border-top:1px solid rgba(55,65,81,.95);background:#1e2023}
body.light .nsr-more{color:#1f2937;border-top-color:#e5e7eb;background:#f3f4f6}
.nsr-empty{padding:40px 16px;text-align:center;color:var(--text2);font-size:14px}

/* Landing search dropdown */
.landing-search-results{position:fixed;left:50%;transform:translateX(-50%);width:min(92vw,576px);background:rgba(26,27,30,.95);border:1px solid #374151;border-radius:12px;overflow:auto;max-height:70vh;display:none;z-index:120;box-shadow:0 25px 50px -12px rgba(0,0,0,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.light .landing-search-results{background:rgba(255,255,255,.95);border-color:#e5e7eb}
.landing-search-results.show{display:block}

/* ===== COLLECTION PAGE ===== */
#page-collection{padding-top:0!important;padding-bottom:0!important;background:#fff;color:#111827;min-height:100vh}
body:not(.light) #page-collection{background:#000;color:#f3f4f6}
.coll-wrap{width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:80px 16px 24px;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.coll-search{margin-bottom:24px}
.coll-search input{width:100%;height:42px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;padding:8px 16px;font-size:14px;line-height:20px;font-weight:400;text-transform:capitalize;outline:none}
body:not(.light) .coll-search input{background:#0b0b0f;border-color:#27272a;color:#fff}
.coll-search input::placeholder{color:#6b7280}
.coll-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:640px){.coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.coll-wrap{padding-left:24px;padding-right:24px}}
@media(min-width:1024px){.coll-wrap{padding-left:32px;padding-right:32px}.coll-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.coll-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;background:#161616;transition:transform .5s}
.coll-card:hover .coll-card-bg img{transform:scale(1.1)}
.coll-card-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.coll-card-bg img{transition:transform .5s}
.coll-card-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.92) 100%)}
.coll-card-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff}
.coll-card-title{font-size:20px;line-height:28px;font-weight:700;margin-bottom:0;text-shadow:none;transition:color .15s}
.coll-card:hover .coll-card-title{color:#eab308}
.coll-card-desc{margin-top:8px;font-size:14px;color:#d1d5db;line-height:20px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}
.coll-card-foot{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;line-height:16px;color:#9ca3af;font-weight:400}
.coll-card-pill{background:#eab308;color:#000;font-weight:600;padding:4px 8px;border-radius:4px;font-size:12px;line-height:16px}
.collection-footer{margin-top:0;margin-bottom:0}

/* ===== COLLECTION DETAIL PAGE ===== */
#page-collection-detail{position:relative;padding-top:0!important;padding-bottom:0!important;min-height:100vh;background:#fff;color:#000;overflow:hidden}
body:not(.light) #page-collection-detail{background:#000;color:#e5e7eb}
.collection-detail-bg{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.1;pointer-events:none}
.collection-detail-wrap{position:relative;z-index:1;width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:80px 16px 24px;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.collection-detail-head{margin-bottom:32px}
.collection-detail-head h1{margin:0;font-size:36px;line-height:40px;font-weight:700;color:#000}
body:not(.light) .collection-detail-head h1{color:#e5e7eb}
.collection-detail-head p{margin:16px 0 0;max-width:768px;color:#000;font-size:16px;line-height:24px;font-weight:400}
body:not(.light) .collection-detail-head p{color:#9ca3af}
.collection-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.collection-detail-grid .pb-loader{grid-column:1/-1;min-height:45vh;display:flex;align-items:center;justify-content:center}
.collection-detail-grid .pb-loader-spinner{width:128px;height:128px;border-radius:9999px;border-top:2px solid #ef4444;border-bottom:2px solid #ef4444;animation:pbSpin 1s linear infinite}
.collection-detail-grid .pb-empty{grid-column:1/-1;min-height:45vh;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;text-align:center}
body:not(.light) .collection-detail-grid .pb-empty{color:#9ca3af}
.collection-detail-grid .pb-card{width:100%;background:#000!important;border:0!important;outline:0!important;box-shadow:none!important}
.collection-detail-grid .pb-card.no-poster{background:#000!important}
.collection-detail-grid .pb-card-img{background-color:#000!important;border:0!important;outline:0!important}
.collection-detail-grid .pb-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:4;padding:8px;pointer-events:none}
.collection-detail-grid .pb-card:hover .pb-card-overlay,.collection-detail-grid .pb-card.hov .pb-card-overlay{opacity:1;background:rgba(0,0,0,.6);pointer-events:auto}
.collection-detail-grid .pb-card-overlay-play{width:48px;height:48px;border-radius:50%;background:rgba(229,57,53,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(229,57,53,.6);margin-bottom:8px;flex-shrink:0}
.collection-detail-grid .pb-card-overlay-play svg{width:20px;height:20px;fill:#fff;margin-left:2px}
.collection-detail-grid .pb-card-overlay-meta{color:#fff;font-size:11px;text-align:center;line-height:1.4;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.collection-detail-grid .pb-card-overlay-meta .co-type{display:block;color:rgba(255,255,255,.7);font-weight:400;margin-top:2px}
.collection-detail-grid .pb-card-bm{z-index:10;background:rgba(0,0,0,.55);color:#fff}
.collection-detail-grid .pb-card-bm:hover{transform:scale(1.1);background:rgba(229,57,53,.15);color:#fff}
.collection-detail-grid .pb-card-bm.saved{background:var(--red)!important;color:#fff!important;border-color:rgba(229,57,53,.4)!important;box-shadow:none!important}
.collection-detail-grid .pb-card-bm.saved svg{fill:#fff!important;stroke:#fff!important}
.collection-detail-footer{position:relative;z-index:1;margin-top:0;margin-bottom:0}
@media(min-width:640px){.collection-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.collection-detail-wrap{padding-left:24px;padding-right:24px}.collection-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.collection-detail-wrap{padding-left:32px;padding-right:32px}.collection-detail-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1280px){.collection-detail-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1536px){.collection-detail-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* ===== SERVER SHEET GRID ===== */
.sheet-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
@media(max-width:480px){.sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.sv-btn{width:100%;min-height:72px;padding:8px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px!important;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:500;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;position:relative;touch-action:manipulation;user-select:none}
.sv-btn:hover{transform:scale(1.05);background:#252840;border-color:rgba(255,255,255,.2);box-shadow:0 10px 22px rgba(255,255,255,.05)}
.sv-btn:active{transform:scale(.95)}
.sv-btn.active{border-color:transparent!important;background:linear-gradient(90deg,#2563eb,#9333ea)!important;box-shadow:0 10px 26px rgba(59,130,246,.25);outline:1px solid rgba(96,165,250,.5)}
.sv-flag-wrap{position:relative;display:flex;align-items:center;justify-content:center}
.sv-flag{width:20px;height:16px;border-radius:2px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sv-check{display:none;position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#22c55e;border:0;font-size:10px;font-weight:900;color:#fff;align-items:center;justify-content:center;line-height:1}
.sv-btn.active .sv-check{display:flex}
.sv-check svg{width:10px;height:10px;display:block;color:#fff}
.sv-country{display:none}
.sv-name{font-size:12px;line-height:16px;font-weight:500;color:#fff;text-align:center;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;word-break:normal}
.sheet{max-height:520px!important}

/* det-below: cast, trailer, similar below the hero */
.det-below{padding:0 16px 40px;max-width:1280px;margin:0 auto}
@media(min-width:768px){.det-below{padding-left:32px;padding-right:32px}}
@media(min-width:1024px){.det-below{padding-left:48px;padding-right:48px}}
@media(min-width:1280px){.det-below{padding-left:64px;padding-right:64px}}
@media(min-width:900px){
  #page-details{overflow-x:hidden;padding-top:0;min-height:100vh;padding-bottom:0;color:#f3f4f6}
  body.light #page-details{color:#111827}
  .det-hero{min-height:100vh;max-height:none;height:100vh;overflow:visible;background:#000}
  .det-hero-bg{background-position:center center;background-size:cover}
  .det-hero-grad{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 45%,#000 100%)}
  body.light .det-hero-grad{background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.6) 55%,#fff 100%)}
  .det-body{position:absolute;left:0;right:0;top:calc(100vh - 384px);bottom:auto;margin:0 auto;padding:0 16px;z-index:4;width:100%;max-width:1280px}
  .det-split{display:flex;flex-direction:row;align-items:flex-start;gap:128px;width:100%}
  .det-poster{display:block;width:300px;height:450px;border-radius:12px;background:#222 center/cover no-repeat;box-shadow:0 20px 45px rgba(0,0,0,.45);flex:0 0 300px;border:0}
  .det-info-col{padding-bottom:0;margin-top:24px;min-width:0;flex:1}
  .det-title{font-size:36px;font-weight:700;line-height:1.12;color:#f3f4f6;margin:0 0 16px;text-shadow:none}
  body.light .det-title{color:#111827}
  .det-meta{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;color:#f3f4f6;margin-bottom:16px;flex-wrap:wrap}
  body.light .det-meta{color:#111827}
  .det-meta span{display:flex;align-items:center}
  .det-meta svg{width:20px;height:20px;margin-right:4px;fill:#eab308;stroke:#eab308}
  .det-pill{background:rgba(127,29,29,.4);color:#f87171;border:0;font-size:14px;font-weight:400;padding:4px 12px;border-radius:9999px}
  body.light .det-pill{background:rgba(15,23,42,.4);color:#fff}
  .det-genres{margin-bottom:16px;gap:8px}
  .det-desc{font-size:18px;line-height:1.5;color:#f3f4f6;margin-bottom:24px;max-width:none;font-weight:400}
  body.light .det-desc{color:#111827}
  .det-actions{flex-direction:row;gap:16px;margin-bottom:0;align-items:center}
  .det-actions .btn{width:auto;height:44px;padding:0 24px;font-size:16px;line-height:24px;font-weight:700;border-radius:6px;transition:transform .15s}
  .det-actions .btn:hover{transform:scale(1.1)}
  .det-watchlist-wrap{display:inline-block;width:auto}
  .det-watchlist-wrap .btn-watchlist{width:auto}
  .det-watchlist-menu{min-width:100%;width:max-content}
  .btn-play{background:#fff;color:#000;border:1px solid #fff;min-width:auto}
  body.light #page-details .btn-play{background:#000;color:#fff;border-color:#fff}
  .btn-watchlist{background:transparent;color:#f3f4f6;border:1px solid #fff;min-width:auto;backdrop-filter:none}
  body.light .btn-watchlist{color:#111827;border-color:#000;background:transparent}
  #page-details .det-actions .btn-download{width:auto;min-width:0;height:auto;padding:0!important;background:transparent!important;border:0!important;color:#f3f4f6;box-shadow:none!important}
  body.light #page-details .det-actions .btn-download{background:transparent!important;border:0!important;color:#111827;box-shadow:none!important}
  .det-actions .btn svg{width:20px;height:20px;stroke-width:2}
  .det-actions .btn-download svg{width:24px;height:24px}
  .det-actions .btn-download span{display:none}
  .det-section{margin-top:64px}
  .det-below{max-width:1280px;padding-top:64px;padding-bottom:64px}
}
@media(min-width:768px) and (max-width:1023px){
  .det-body{padding-left:32px;padding-right:32px}
}
@media(min-width:1024px) and (max-width:1279px){
  .det-body{padding-left:48px;padding-right:48px}
}
@media(min-width:1280px){
  .det-body{padding-left:64px;padding-right:64px}
}
@media(max-width:899px){
  /* ===== MOBILE DETAILS PAGE — exact screenshot-style layout ===== */
  body.inner #page-details{padding-top:0;overflow-x:hidden;background:#000;color:#fff}
  body.light.inner #page-details{background:#fff;color:#111827}
  body.inner .navbar{
    position:absolute;
    top:0;left:0;right:0;
    height:auto;
    padding:20px 16px 0;
    background:transparent!important;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    z-index:1200;
  }
  body.inner .navbar .logo{display:none}
  body.inner .nav-back{
    display:flex;
    width:36px;height:36px;
    border-radius:10px;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.inner .nav-back svg{width:24px;height:24px;stroke-width:2.15}
  body.inner .nav-icons{gap:8px}
  body.inner .nav-icon{
    width:36px;height:36px;
    background:transparent;
    border-radius:10px;
  }
  body.inner .nav-icon svg{width:24px;height:24px;stroke-width:1.9}
  body.inner .notif-dot{display:none}

  .det-poster{display:none}
  .det-split{display:block}
  .det-hero{
    position:relative;
    min-height:100vh;
    height:100vh;
    width:100%;
    overflow:hidden;
    background:#000;
  }
  .det-hero-bg{
    background-position:center top;
    background-size:cover;
    transform:none;
    transform-origin:center center;
  }
  .det-hero-grad{
    background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 50%,#000 100%);
  }
  body.light .det-hero-grad{background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.35) 58%,#fff 100%)}
  .det-body{
    position:absolute;
    left:0;right:0;bottom:0;
    z-index:4;
    margin-top:0;
    padding:0 18px calc(16px + env(safe-area-inset-bottom));
  }
  .det-title{
    font-size:24px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:0;
    margin-bottom:8px;
    color:#fff;
    text-shadow:none;
    max-width:94%;
  }
  body.light .det-title{color:#111827}
  .det-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    font-size:16px;
    font-weight:400;
    color:#fff;
    margin-bottom:16px;
  }
  body.light .det-meta{color:#111827}
  .det-meta span{display:inline-flex;align-items:center;gap:6px}
  .det-meta svg{width:20px;height:20px;fill:#eab308;stroke:#eab308;flex-shrink:0}
  .det-genres{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:16px;
  }
  .det-pill{
    padding:4px 12px;
    border-radius:999px;
    background:rgba(127,29,29,.4);
    color:#f87171;
    font-size:14px;
    font-weight:400;
    border:0;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.light #page-details .det-pill{
    background:rgba(15,23,42,.4);
    color:#fff;
  }
  .det-desc{
    color:#fff;
    font-size:14px;
    line-height:1.45;
    margin-bottom:24px;
    opacity:1;
    max-width:100%;
  }
  body.light .det-desc{color:#111827}
  .det-actions{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:0;
  }
  .det-actions .btn{
    width:100%;
    min-height:44px;
    padding:0 16px;
    font-size:16px;
    font-weight:700;
    border-radius:6px;
    box-shadow:none;
  }
  .det-actions .btn-play{background:#fff;color:#111}
  body.light #page-details .det-actions .btn-play{background:#000;color:#fff;border-color:#fff}
  .det-actions .btn-watchlist{
    background:transparent;
    color:#fff;
    border:1.5px solid rgba(255,255,255,.32);
  }
  body.light #page-details .det-actions .btn-watchlist{
    background:transparent;
    color:#111827;
    border-color:#111827;
  }
  .det-actions .btn-download{
    background:#222;
    color:#fff;
    border:1px solid rgba(255,255,255,.06);
  }
  .det-actions .btn-download span{display:inline}
  .det-actions .btn-download svg{width:20px;height:20px}
  body.light #page-details .det-actions .btn-download{
    background:#e6e6e6;
    color:#111827;
    border-color:#d1d5db;
  }

  .det-below{
    padding:18px 16px 40px;
  }
  .det-section{margin-bottom:24px}
  .det-h{
    font-size:18px;
    margin-bottom:12px;
  }
  .cast-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
  }
  .cast-item{gap:16px;padding:8px}
  .cast-img{width:64px;height:64px;flex-basis:64px}
  .also-grid{
    grid-template-columns:repeat(3,1fr);
    gap:10px;
  }
  .also-grid .card{width:100%}

  /* ===== MOBILE PLAYER — bigger player + in-place server overlay ===== */
  .player-content{padding:64px 16px 80px}
  .player-title{font-size:20px;margin:0;padding:0 30px 20px}
  .player-box{aspect-ratio:auto;min-height:0;height:400px;max-height:none;border-radius:8px}
  .player-box iframe{width:100%;height:100%}
  .select-server{top:0;width:160px;height:40px;padding:0 12px;font-size:14px;border-radius:0 0 12px 12px}

  /* Server sheet becomes an OVERLAY inside the player on mobile */
  .sheet-bd{position:absolute;inset:0;background:rgba(0,0,0,.55)}
  .sheet-bd.open{background:rgba(0,0,0,.55)}
  .sheet{
    position:absolute;
    top:48px;
    left:0;
    right:0;
    transform:none;
    width:fit-content;
    max-width:95vw;
    margin:0 auto;
    background:rgba(0,0,0,.95);
    border-radius:12px;
    padding:12px;
    max-height:306px!important;
    box-shadow:0 12px 40px rgba(0,0,0,.7);
    opacity:0;
  }
  .sheet.open{transform:none;opacity:1}
  .sheet-grid{grid-template-columns:repeat(3,76px)!important;gap:8px!important;justify-content:center}
  .sv-btn{width:76px;min-height:50px;padding:8px!important;font-size:12px!important;border-radius:8px;gap:4px}
  .sv-flag{width:16px;height:12px}
  .sv-check{top:-2px;right:-2px;width:12px;height:12px}
  .sv-check svg{width:8px;height:8px}
  .sv-name{font-size:10px;line-height:12px;font-weight:600;white-space:normal;overflow:visible;text-overflow:clip}
  .sheet-close-btn{padding:10px 36px;font-size:14px;width:auto}
  .sheet-close-top{display:none}
  .sheet-ad{display:none!important}
}