:root{--cs-bg:#060b14;--cs-surface:#101927;--cs-text:#f5f7ff;--cs-muted:#a5b0c4;--cs-line:rgba(255,255,255,.12);--cs-accent:#14a8e7;--cs-accent2:#0079bb}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body.cs-us-theme{margin:0;background:var(--cs-bg);color:var(--cs-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;min-height:100vh}
body.cs-us-theme a{color:inherit;text-decoration:none}
body.cs-us-theme button,body.cs-us-theme input,body.cs-us-theme select{font:inherit}
body.cs-us-theme button{cursor:pointer}
.cs-us-theme [hidden]{display:none!important}
.cs-container{max-width:1480px;padding:0 5%;margin:0 auto}
.cs-header{position:sticky;z-index:200;top:0;background:rgba(4,9,18,.91);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.06)}
.cs-header-inner{max-width:1550px;min-height:78px;margin:auto;padding:0 4.5%;display:flex;align-items:center;gap:48px}
.cs-logo{display:flex;flex-shrink:0;align-items:center;justify-content:center}
.cs-logo img{max-width:145px;width:145px;height:auto;max-height:55px;object-fit:contain}
.cs-nav{display:flex;align-items:center;gap:32px;flex:1}
.cs-nav a,.cs-search-link{color:#b3bed0!important;font-weight:700;font-size:14px;transition:color .2s;white-space:nowrap}
.cs-nav a:hover,.cs-nav a.active,.cs-search-link:hover{color:#fff!important}
.cs-nav a.active:after{content:'';display:block;border-radius:5px;width:100%;height:2px;background:var(--cs-accent)}
.cs-search-link{display:flex;align-items:center;gap:8px}
.cs-search-link svg{width:20px;height:20px}
.cs-main{min-height:60vh}
.cs-hero,.cs-detail-hero{background:#08111e;position:relative;isolation:isolate;overflow:hidden}
.cs-hero:before,.cs-detail-hero:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--cs-backdrop);background-size:cover;background-position:center 32%;opacity:.62}
.cs-hero:after,.cs-detail-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060b14 0%,rgba(6,11,20,.92) 27%,rgba(6,11,20,.46) 68%,rgba(6,11,20,.24) 100%),linear-gradient(0deg,#060b14 0%,transparent 50%,rgba(6,11,20,.22) 100%)}
.cs-hero-inner{max-width:1480px;padding:92px 5% 128px;margin:auto;min-height:600px;display:flex;align-items:center}
.cs-hero-copy{max-width:650px}
.cs-eyebrow{display:inline-flex;gap:9px;align-items:center;color:#71d2fa!important;letter-spacing:.16em;font-weight:800;font-size:11px;text-transform:uppercase}
.cs-dot{height:8px;width:8px;border-radius:50%;background:#18d39b;box-shadow:0 0 13px #18d39b80;display:inline-block}
.cs-hero h1{font-size:clamp(42px,5.1vw,78px);letter-spacing:-.06em;line-height:1.08;margin:14px 0 20px;color:white;font-weight:900;text-wrap:balance}
.cs-hero p{font-size:17px;line-height:1.85;color:#c9d2e0;max-width:570px;margin:19px 0 28px}
.cs-hero-details,.cs-detail-tags{display:flex;gap:16px;flex-wrap:wrap;color:#d5e1ee;font-weight:650;font-size:14px}
.cs-hero-details span,.cs-detail-tags span{position:relative}
.cs-hero-details span+span:before{content:'•';margin-right:13px;color:#58a4c7}
.cs-hero-actions,.cs-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.cs-primary-btn,.cs-secondary-btn{min-height:48px;border-radius:11px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800!important;border:1px solid transparent;white-space:nowrap;transition:transform .2s,background .2s,border .2s}
.cs-primary-btn{background:linear-gradient(135deg,#0ca9e9,#0678cc);color:#fff!important;box-shadow:0 12px 24px rgba(0,111,206,.23)}
.cs-primary-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2cc7fc,#138dd5)}
.cs-secondary-btn{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);color:#fff!important;backdrop-filter:blur(5px)}
.cs-secondary-btn:hover,.cs-secondary-btn.is-saved{background:rgba(29,133,185,.2);border-color:rgba(60,181,239,.55)}
.cs-home-rails{margin-top:-43px;position:relative;padding-bottom:36px}
.cs-rail{margin:0 0 37px}
.cs-rail-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:15px}
.cs-rail-heading h2{color:#fff;font-size:clamp(20px,2.1vw,27px);font-weight:850;letter-spacing:-.03em;margin:0}
.cs-rail-heading a{color:#83d7fb!important;font-weight:700;font-size:13px;white-space:nowrap}
.cs-rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(155px,15.2vw,220px);gap:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 2px 17px;scrollbar-color:#283b54 transparent;scrollbar-width:thin}
.cs-card{display:block;min-width:0;scroll-snap-align:start;transition:transform .2s}
.cs-card:hover{transform:translateY(-4px)}
.cs-card-poster{position:relative;display:block;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:linear-gradient(155deg,#1b283c,#09101d);border:1px solid var(--cs-line)}
.cs-card-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s,filter .3s}
.cs-card:hover .cs-card-poster img{transform:scale(1.055);filter:brightness(.75)}
.cs-card-play{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:23px;opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s}
.cs-card:hover .cs-card-play{opacity:1;transform:scale(1)}
.cs-type-label{position:absolute;top:10px;left:10px;background:rgba(3,9,18,.78);border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.11em;color:#d6f3ff}
.cs-card-title{display:block;font-size:14px;font-weight:780;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px}
.cs-card-meta{display:block;font-size:12px;color:#a5b4c9}
.cs-no-art{display:grid;place-content:center;height:100%;padding:20px;text-align:center;color:#6d819b;font-size:12px}
.cs-detail-hero{min-height:540px}
.cs-detail-layout{display:grid;grid-template-columns:minmax(200px,320px) minmax(0,700px);gap:55px;align-items:center;padding-top:85px;padding-bottom:95px}
.cs-detail-poster{border-radius:16px;overflow:hidden;background:#18253a;aspect-ratio:2/3;box-shadow:0 28px 75px rgba(0,0,0,.45);border:1px solid var(--cs-line)}
.cs-detail-poster img{width:100%;height:100%;object-fit:cover}
.cs-detail-info h1{color:white;font-size:clamp(36px,4.2vw,61px);line-height:1.12;letter-spacing:-.055em;font-weight:900;margin:12px 0 18px}
.cs-detail-tags{gap:14px;margin-bottom:20px}
.cs-score{color:#ffc870}
.cs-genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.cs-genres a{padding:5px 10px;font-size:12px;color:#cae8f7!important;border-radius:20px;border:1px solid rgba(121,198,241,.25);background:rgba(20,120,178,.12)}
.cs-description{font-size:15px;line-height:1.95;color:#d1d9e6;max-width:730px}
.cs-availability{font-size:11px;color:#91a5b9;margin-top:18px}
.cs-section-heading{margin:0 0 22px}
.cs-section-heading h2{font-size:30px;letter-spacing:-.04em;margin:4px 0 5px}
.cs-section-heading p{color:var(--cs-muted);margin:0}
.cs-episodes{padding-top:55px;padding-bottom:30px}
.cs-season-buttons{display:flex;gap:10px;overflow-x:auto;padding:6px 1px 17px;margin-bottom:20px}
.cs-season-btn{min-width:130px;text-align:left;padding:12px 15px;border:1px solid rgba(255,255,255,.13);background:#121e30;color:white;border-radius:10px;font-weight:800;font-size:14px;white-space:nowrap}
.cs-season-btn small{display:block;color:#91a4c1;font-size:11px;font-weight:500}
.cs-season-btn.active{background:#0c4771;border-color:#1ea7ed}
.cs-season-btn.active small{color:#d4effe}
.cs-episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cs-episode-card{display:block;text-decoration:none!important;text-align:left;border:1px solid rgba(255,255,255,.1);background:linear-gradient(130deg,#142034,#0c1421);border-radius:13px;color:white;padding:0;overflow:hidden;transition:transform .2s,border-color .2s}
.cs-episode-card:hover{transform:translateY(-4px);border-color:rgba(40,168,242,.65)}
.cs-episode-art{display:block;position:relative;aspect-ratio:16/9;background:linear-gradient(145deg,#23364c,#122033)}
.cs-episode-art img{height:100%;width:100%;object-fit:cover}
.cs-episode-art em{position:absolute;bottom:11px;left:12px;font-size:11px;font-style:normal;border-radius:5px;background:rgba(2,10,20,.79);padding:3px 6px}
.cs-ep-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;font-style:normal;color:white;background:rgba(3,15,27,.62);width:55px;height:55px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4)}
.cs-episode-content{display:flex;flex-direction:column;padding:14px 17px;gap:6px}
.cs-episode-content strong{font-size:15px;color:white}
.cs-episode-content small{color:#93b3ca;font-size:12px}
.cs-episode-content>span{font-size:12px;line-height:1.65;color:#aebacd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-episode-content b{font-size:12px;color:#58cdfb;margin-top:3px}
.cs-related{padding-top:48px;padding-bottom:50px}
.cs-page-head{padding:70px 0 34px}
.cs-page-head h1{font-size:clamp(33px,4vw,55px);font-weight:900;letter-spacing:-.055em;line-height:1.1;margin:9px 0 10px;color:white}
.cs-page-head p{color:var(--cs-muted);font-size:15px}
.cs-browse{padding-bottom:80px}
.cs-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 15px}
.cs-empty{background:#121b2b;border:1px solid var(--cs-line);border-radius:13px;padding:28px;color:#c6d4e4;grid-column:1/-1}
.cs-search-form{display:flex;align-items:center;gap:10px;margin-bottom:34px;max-width:900px}
.cs-search-form input{height:54px;flex:1;min-width:0;border:1px solid #394a5d;border-radius:11px;background:#111d2e;color:white;padding:0 17px;font-size:15px;outline:none}
.cs-search-form input:focus{border-color:#28b5ed}
.cs-pagination{display:flex;justify-content:center;gap:9px;padding:32px 0}
.cs-pagination a{padding:7px 14px;border-radius:7px;color:#c4d2df!important;border:1px solid var(--cs-line);background:#152238}
.cs-pagination a.active{background:#0882c0;color:white!important}
.cs-footer{border-top:1px solid rgba(255,255,255,.1);background:#070f1c;color:#97aac3}
.cs-footer-inner{max-width:1480px;padding:46px 5% 35px;margin:auto;display:grid;grid-template-columns:1fr auto;column-gap:40px;row-gap:21px}
.cs-footer-logo{font-size:25px;font-weight:950;letter-spacing:.12em;color:#fff!important}
.cs-footer p{max-width:450px;margin:6px 0 0;font-size:13px}
.cs-footer nav{display:flex;align-items:flex-start;gap:23px;flex-wrap:wrap}
.cs-footer nav a{color:#c6d5e7!important;font-size:13px;font-weight:650}
.cs-credits{grid-column:1/-1;font-size:11px;line-height:1.65}
.cs-credits a{color:#8bd7ff!important}
.cs-footer small{grid-column:1/-1;font-size:11px}
.cs-mobile-dock{display:none}
body.cs-player-active{overflow:hidden!important}
.cs-player{position:fixed;z-index:2147483000;inset:0;background:rgba(0,2,9,.97);display:flex;align-items:center;justify-content:center;padding:82px 18px 24px}
.cs-player-frame{position:relative;width:min(1200px,100%);max-height:calc(100vh - 110px);display:flex;flex-direction:column;gap:10px}
.cs-player-content{width:100%;aspect-ratio:16/9;max-height:calc(100vh - 155px);background:black;position:relative;border-radius:10px;overflow:hidden;border:1px solid #2b405a}
.cs-player-content iframe{width:100%;height:100%;border:0;display:block;background:black}
.cs-player-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right));z-index:2147483640;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border:2px solid rgba(255,255,255,.48);background:#e62843;color:white;border-radius:35px;font-size:13px;font-weight:850;box-shadow:0 4px 25px #000c}
.cs-player-close span{font-size:26px;line-height:1}
.cs-player-close:hover{background:#fc3654}
.cs-player-note{color:#9cacc3;font-size:11px;text-align:center;margin:0}
@media(max-width:1100px){.cs-header-inner{gap:25px}.cs-nav{gap:18px}.cs-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 html{scroll-padding-top:67px}
 .cs-container{padding-left:17px;padding-right:17px}
 .cs-header-inner{height:63px;min-height:63px;padding:0 18px;gap:10px;justify-content:space-between}
 .cs-logo img{width:110px;max-height:45px}
 .cs-nav{display:none}.cs-search-link span{display:none}
 .cs-mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:800;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(7,14,27,.97);border-top:1px solid #2c405a;box-shadow:0 -8px 22px #030912aa;backdrop-filter:blur(15px);padding:5px 3px max(7px,env(safe-area-inset-bottom))}
 .cs-mobile-dock a{min-height:48px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:23px;line-height:1.1;color:#d4e0f1!important}
 .cs-mobile-dock a span{font-size:10px;font-weight:700;margin-top:3px}
 .cs-footer{padding-bottom:75px}
 .cs-hero-inner{min-height:520px;align-items:flex-end;padding:100px 18px 75px}
 .cs-hero:before{background-position:54% center;opacity:.85}
 .cs-hero:after{background:linear-gradient(0deg,#060b14 5%,rgba(6,11,20,.7) 37%,rgba(6,11,20,.08) 85%),linear-gradient(90deg,rgba(6,11,20,.25),rgba(6,11,20,.06))}
 .cs-hero h1{font-size:clamp(33px,9.6vw,52px);max-width:470px;margin:9px 0 14px}
 .cs-hero p{font-size:13px;line-height:1.6;max-width:480px;margin:13px 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .cs-hero-details{font-size:12px;gap:9px}
 .cs-hero-details span+span:before{margin-right:6px}
 .cs-hero-actions{margin-top:20px;gap:7px}
 .cs-primary-btn,.cs-secondary-btn{font-size:12px;min-height:43px;padding:10px 13px;border-radius:9px}
 .cs-home-rails{margin-top:-30px}
 .cs-rail{margin-bottom:29px}
 .cs-rail-heading h2{font-size:20px}
 .cs-rail-track{grid-auto-columns:clamp(135px,42vw,180px);gap:10px}
 .cs-card-title{font-size:12px}
 .cs-card-meta{font-size:11px}
 .cs-detail-layout{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:17px;padding:45px 17px 42px}
 .cs-detail-info h1{font-size:clamp(24px,6vw,42px);margin:5px 0 10px}
 .cs-detail-tags{font-size:11px;gap:10px;margin-bottom:12px}
 .cs-detail-poster{border-radius:10px}
 .cs-description{font-size:12px;line-height:1.65;margin:8px 0}
 .cs-genres{margin-bottom:10px;gap:5px}.cs-genres a{font-size:10px;padding:3px 7px}
 .cs-detail-hero:before{opacity:.27;background-position:center}
 .cs-detail-hero:after{background:linear-gradient(0deg,#060b14,#060b14a8),linear-gradient(90deg,#060b14e8,#060b1470)}
 .cs-actions{gap:8px;margin-top:15px}.cs-availability{font-size:10px}
 .cs-episode-grid{grid-template-columns:1fr;gap:11px}
 .cs-episode-card{display:grid;grid-template-columns:40% minmax(0,1fr)}
 .cs-episode-art{height:100%;aspect-ratio:16/12}
 .cs-episode-content{padding:9px 10px;gap:4px}.cs-episode-content strong{font-size:12px}.cs-episode-content small{font-size:10px}.cs-episode-content>span{font-size:10px;-webkit-line-clamp:2}.cs-episode-content b{font-size:10px}
 .cs-section-heading h2{font-size:24px}
 .cs-season-btn{min-width:100px;padding:9px 12px;font-size:12px}
 .cs-episodes{padding-top:22px}
 .cs-related{padding-top:28px}
 .cs-page-head{padding:45px 0 27px}.cs-page-head h1{font-size:32px}.cs-page-head p{font-size:13px}
 .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}
 .cs-search-form input{height:45px;font-size:13px}.cs-search-form button{min-height:45px}
 .cs-footer-inner{grid-template-columns:1fr;padding:36px 17px 30px;gap:20px}.cs-footer nav{gap:15px}.cs-credits,.cs-footer small{grid-column:1}
 .cs-player{padding:75px 4px 22px}
 .cs-player-frame{width:100%}.cs-player-content{border-radius:3px;max-height:calc(100dvh - 140px)}
 .cs-player-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));padding:6px 12px;background:#f1304d;border-width:2px}
 .cs-player-note{padding:0 12px}
}
@media(max-width:380px){.cs-detail-layout{grid-template-columns:84px minmax(0,1fr);gap:12px}.cs-detail-info h1{font-size:23px}.cs-detail-poster{max-width:84px}.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-episode-card{grid-template-columns:38% 1fr}}
@media(orientation:landscape) and (max-height:570px){.cs-player{padding:45px 6px 5px}.cs-player-content{max-height:calc(100dvh - 82px)}.cs-player-close{top:max(3px,env(safe-area-inset-top));padding:1px 9px}.cs-player-close span{font-size:20px}.cs-player-note{font-size:9px}}

/* V1.3: reliable overlay above header/mobile dock, no legacy theme stylesheet */
body.cs-player-active .cs-player{display:flex!important;visibility:visible!important;opacity:1!important}
.cs-player[hidden]{display:none!important}
.cs-player-content iframe{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important}
@media(max-width:700px){.cs-player{inset:0!important;padding:68px 8px max(16px,env(safe-area-inset-bottom))!important}.cs-player-frame{max-height:calc(100dvh - 85px);width:100%}.cs-player-content{aspect-ratio:16/9;height:auto}.cs-player-close{position:fixed!important;z-index:2147483646!important;top:max(10px,env(safe-area-inset-top))!important;right:max(10px,env(safe-area-inset-right))!important}}
