/* XDramaFlix · Reel-style 2026. Independent layout and presentation; no third-party site CSS. */
:root{--rs-bg:#08090d;--rs-panel:#121318;--rs-edge:#292c32;--rs-muted:#aaaeb9;--rs-text:#f9fafc;--rs-accent:#ef4062;--rs-accent2:#ff647d;--rs-radius:14px}
html{background:var(--rs-bg);scroll-behavior:smooth}body{background:var(--rs-bg);color:var(--rs-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body .rs-main{max-width:none;width:100%;margin:0;padding:0 0 40px}
body .topbar{height:74px;position:sticky;top:0;z-index:100;background:rgba(10,11,15,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #262831;display:flex;align-items:center;gap:24px;padding:0 clamp(18px,4vw,64px)}
.topbar .brand{font-size:26px;font-weight:900;white-space:nowrap;letter-spacing:-.9px}.topbar .brand-x{color:var(--rs-accent)}
.topbar .desktop-nav{margin:0;display:flex;align-items:center;gap:6px;flex:1}.topbar .desktop-nav a{font-size:13px;font-weight:750;padding:11px 12px;color:#cdd0d7;border-radius:9px;white-space:nowrap;transition:color .2s,background .2s}.topbar .desktop-nav a:hover{color:#fff;background:#20222c}.topbar .top-actions{display:flex;align-items:center;gap:11px;margin-left:auto}.topbar .top-actions select{min-width:102px;width:auto;font-size:12px;border-radius:9px;background:#15171f;border:1px solid #2c2f3a;padding:9px;color:#ececf3}.topbar .icon-btn{display:none}.topbar .top-actions .ghost{background:var(--rs-accent);border-color:var(--rs-accent);color:#fff;font-size:12px;font-weight:850;padding:11px 15px}.rs-header-search{height:39px;display:flex;align-items:center;background:#171920;border:1px solid #30323c;border-radius:10px;width:min(23vw,270px);overflow:hidden}.rs-header-search input{background:transparent!important;color:#fff!important;border:none!important;outline:none!important;min-width:0;width:100%;height:100%;font-size:12px;padding:0 12px}.rs-header-search button{background:transparent;border:0;color:#d6d9e1;font-size:22px;line-height:1;padding:5px 11px;cursor:pointer}
.rs-hero{max-width:1430px;margin:25px auto 0;min-height:410px;border:1px solid #272a34;border-radius:21px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#29202e,#0e111a 65%,#0c0d12)}
.rs-hero-art{position:absolute;inset:0 0 0 54%;overflow:hidden;display:flex;align-items:center;justify-content:center}.rs-hero-art:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0c0e14 0%,transparent 45%),linear-gradient(0deg,#0e1016 0%,transparent 35%)}.rs-hero-art img{height:100%;width:100%;object-fit:cover;object-position:center 25%;filter:saturate(.95) brightness(.78)}.rs-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,19,.99) 0%,rgba(12,13,19,.91) 30%,rgba(12,13,19,.18) 85%)}.rs-hero-inner{position:relative;z-index:2;max-width:650px;padding:62px clamp(24px,5vw,75px)}.rs-kicker{display:inline-flex;font-size:12px;font-weight:850;letter-spacing:1.6px;text-transform:uppercase;color:#ff9fae}.rs-hero h1{font-size:clamp(30px,3.5vw,52px);line-height:1.1;margin:13px 0 17px;font-weight:950;letter-spacing:-1.65px}.rs-hero-meta{display:flex;gap:8px;flex-wrap:wrap}.rs-hero-meta span{font-weight:800;border:1px solid #4c4654;border-radius:999px;padding:5px 10px;color:#ddd;font-size:11px}.rs-hero p{font-size:14px;line-height:1.8;color:#d3d5df;max-width:570px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rs-hero-actions,.rs-film-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}.rs-btn{font:inherit;font-size:13px;font-weight:850;min-height:42px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;padding:10px 18px;border:1px solid transparent}.rs-btn-primary{background:var(--rs-accent);color:#fff;border-color:var(--rs-accent)}.rs-btn-primary:hover{background:#ff5577;color:#fff}.rs-btn-outline{background:#ffffff0d;color:#fff;border-color:#65636c}.rs-btn-outline:hover{background:#ffffff1a}.rs-empty-hero{max-width:1300px;padding:80px 30px;margin:auto}
.rs-discover{max-width:1430px;margin:0 auto;padding:19px clamp(10px,2vw,22px) 0}.rs-search{display:none}.rs-chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0 7px;color:var(--rs-muted);font-size:12px}.rs-chips a{border:1px solid #34323b;background:#15161e;border-radius:50px;color:#d5d6df;padding:7px 13px;font-weight:650}.rs-chips a:hover{border-color:#f15c7a;color:white}.rs-home-rails{max-width:1430px;margin:0 auto}.rs-home-rails .rs-rail{margin:24px 0 0;padding:0 clamp(12px,2vw,25px)}.rs-rail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.rs-rail-top>div:first-child{display:flex;align-items:center;gap:10px}.rs-rail-icon{color:var(--rs-accent);font-size:25px;font-weight:800}.rs-rail-top h2{font-size:clamp(18px,2vw,23px);letter-spacing:-.3px;margin:0;font-weight:900}.rs-rail-nav{display:flex;align-items:center;gap:7px}.rs-rail-nav>a{font-size:12px;color:#c7c9d2;font-weight:800;margin-left:8px}.rs-rail-nav a:hover{color:white}.rs-rail-nav button{background:#1d1e26;border:1px solid #3b3b47;color:white;border-radius:9px;min-width:33px;height:33px;font-size:24px;cursor:pointer;display:grid;place-items:center}.rs-rail-nav button:hover{background:var(--rs-accent)}
.rs-rail .poster-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:clamp(138px,13.6vw,188px)!important;grid-template-columns:none!important;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 0 18px;scrollbar-width:thin;scrollbar-color:#39333b transparent}.rs-rail .poster-grid>.poster-card{min-width:0;scroll-snap-align:start;display:block}.rs-rail .poster-card .poster-img{border-radius:11px;overflow:hidden;aspect-ratio:2/3;background:#171820;position:relative;border:1px solid #30313a}.rs-rail .poster-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.rs-rail .poster-card:hover .poster-img img{transform:scale(1.055)}.rs-poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:20px;color:#fff;background:#dc2b4fbb;box-shadow:0 4px 20px #0009;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.poster-card:hover .rs-poster-play{opacity:1}.poster-card .poster-episodes{background:#0c0c10ce;border:1px solid #3a3640;font-size:11px;border-radius:6px;padding:4px 7px;position:absolute;right:7px;top:8px}.poster-card .poster-title{color:#f2f3f8;font-weight:750;font-size:13px;line-height:1.4;margin:9px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-card .poster-meta{font-size:11px;color:#9fa1aa}
/* Reusable player section and title first, then descriptions, matching high-density streaming UX. */
.rs-player-title{max-width:1220px;margin:28px auto 9px;padding:0 16px;display:flex;align-items:end;justify-content:space-between;gap:14px}.rs-player-title h1{font-size:clamp(19px,2.3vw,29px);line-height:1.25;font-weight:900;letter-spacing:-.6px;margin:6px 0 0}.rs-player-eyebrow{font-size:11px;font-weight:800;color:#ff7d92;text-transform:uppercase;letter-spacing:.9px}.rs-player-count{color:#aeb0ba;font-size:12px;white-space:nowrap;padding-bottom:3px}
.rs-main .xdh-player-section{max-width:1220px!important;margin:0 auto!important;padding:0 16px 18px!important;display:flex;flex-direction:column}.rs-main #xdhPlayerShell{order:0;width:100%;aspect-ratio:16/9!important;border-radius:13px!important;border:1px solid #31343d;box-shadow:0 20px 55px #0008;background:#000;max-height:min(70vh,675px);min-height:230px;margin:0!important;overflow:hidden}.rs-main #xdhPlayerShell video{object-fit:contain!important}.rs-main .rs-engine-row{order:1;display:flex;align-items:center;gap:12px;padding:12px 0 5px;flex-wrap:wrap}.rs-engine-row>span{color:#aaaeb8;font-size:12px;font-weight:800;white-space:nowrap}.rs-main #engineTabs{display:flex!important;flex-wrap:wrap;gap:6px;overflow:visible;margin:0}.rs-main #engineTabs button{font:inherit;font-size:12px;font-weight:800;background:#1b1d24;border:1px solid #373a44;border-radius:8px;color:#d9dbe4;padding:8px 12px;width:auto;min-width:0;white-space:nowrap}.rs-main #engineTabs button.active,.rs-main #engineTabs button:hover{background:#a82143!important;border-color:#f54b6a!important;color:#fff!important}.rs-main .xdh-player-actions{order:2;margin:6px 0 9px;gap:7px}.rs-main .xdh-player-actions>button,.rs-main .xdh-player-actions select{min-height:36px;border:1px solid #3a3c47;border-radius:8px;background:#191b23;color:#fff;font-size:12px;font-weight:750;padding:8px 11px;cursor:pointer}.rs-main .xdh-player-actions .rs-report-toggle{margin-left:auto}.rs-main .xdh-player-actions button:hover{border-color:#f45b75}.rs-main .xdh-subtitle-choice{font-size:12px;color:#b3b6c2}.rs-main .xdh-subtitle-choice select{max-width:155px!important}.rs-main .xdh-resume-note{font-size:12px}.rs-main .xdh-player-status{order:3;margin:6px 0;padding:11px;color:#ff9c9c;background:#291c22;border-radius:8px}.rs-main .xdh-player-status[hidden]{display:none}.rs-main .xdh-source-switcher{order:4;margin:5px 0}.rs-main .episode-toolbar{order:5;margin:14px 0 10px;display:flex;justify-content:space-between;border-top:1px solid #292a31;padding-top:18px}.rs-main .episode-toolbar strong{font-size:19px;font-weight:900}.rs-main .episode-toolbar span{color:#a9abb5;font-size:12px}.rs-main .episode-range-tabs{order:6}.rs-main .episode-grid{order:7;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px}.rs-main .episode-grid .episode-btn{height:40px;min-width:0;border-radius:8px;background:#191b22;border:1px solid #363944;color:#c7cbd4;font-size:13px;font-weight:800}.rs-main .episode-grid .episode-btn.active{color:white;background:#d22d4f;border-color:#eb4b6b}.rs-main .episode-grid .episode-btn:hover{border-color:#f45b75}.rs-main .episode-range-tabs{display:flex;flex-wrap:wrap;gap:7px}.rs-main .episode-range-tabs button{background:#1b1c24;color:#ddd;border:1px solid #383a45;border-radius:8px;padding:8px 12px}.rs-main .episode-range-tabs button.active{background:#34303b;color:#fff;border-color:#e34766}.rs-main .xdh-player-ad{order:-1}
.rs-film-info{max-width:1190px;margin:4px auto 22px;padding:19px 20px;background:#111218;border:1px solid #282b34;border-radius:15px;display:flex;align-items:flex-start;gap:22px}.rs-film-poster{width:155px;flex:0 0 155px}.rs-film-poster img{display:block;border-radius:11px;aspect-ratio:2/3;width:100%;object-fit:cover}.rs-film-copy{min-width:0}.rs-film-copy h2{font-size:clamp(20px,2.5vw,30px);margin:9px 0 9px;font-weight:950;letter-spacing:-.4px}.rs-meta{display:flex;gap:7px;flex-wrap:wrap}.rs-meta>span{font-size:11px;font-weight:750;color:#bfc0c8;background:#1b1e25;border:1px solid #353942;border-radius:6px;padding:6px 9px}.rs-synopsis{color:#c6c7d1;font-size:14px;line-height:1.7;max-width:900px}.rs-taxon{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px}.rs-taxon b{font-size:12px;color:#aeb2bb}.rs-taxon a{font-size:11px;color:#d3d6df;padding:6px 10px;background:#22232c;border:1px solid #333743;border-radius:20px}.rs-taxon a:hover{border-color:#ec5c79}.rs-film-buttons{margin-top:12px}.rs-main .xdh-share-card{max-width:1190px;margin:10px auto 18px;background:#111218;border:1px solid #262934;box-shadow:none;border-radius:13px;padding:13px 17px}.rs-main .xdh-share-title{font-size:14px}.rs-main .xdh-share-buttons{display:flex;gap:7px;flex-wrap:wrap}.rs-main .xdh-share-btn{flex:1;min-width:105px;max-width:200px;padding:9px;border-radius:9px;font-size:12px}.rs-main .xdh-share-btn svg{width:17px;height:17px;flex-basis:17px}.rs-main .xdh-cast-section,.rs-main .xdh-related{max-width:1190px;padding:0 10px}.rs-main .xdh-related{margin:24px auto 45px}.rs-main .xdh-related h2{font-size:22px}.rs-main .xdh-related .poster-grid{gap:13px}
.rs-dialog{border:1px solid #44404d;border-radius:15px;padding:24px;max-width:min(440px,92vw);width:100%;color:#fff;background:#171820;box-shadow:0 25px 100px #000c}.rs-dialog::backdrop{background:#000b}.rs-dialog label{display:block;font-size:13px;font-weight:750;margin:13px 0}.rs-dialog textarea,.rs-dialog select{width:100%;display:block;padding:11px;margin-top:7px;background:#0c0e13;border:1px solid #41434c;border-radius:8px;color:#fff}.rs-dialog-head{display:flex;justify-content:space-between;gap:8px}.rs-dialog-head h3{margin:0}.rs-dialog-head button{background:transparent;color:white;border:0;font-size:26px;cursor:pointer}
.rs-footer{max-width:none!important;margin-top:38px;padding:34px clamp(18px,5vw,80px)!important;border-top:1px solid #292a32;display:flex;align-items:flex-start;gap:35px;flex-wrap:wrap}.rs-footer>div:first-child{max-width:500px;flex:1 1 280px}.rs-footer-links{display:flex;flex-direction:column;gap:11px;min-width:120px;font-size:13px;color:#bcc0cb}.rs-footer-links a:hover{color:white}.rs-footer .xdh-footer-right{margin-left:auto;align-self:flex-end}.mobile-nav{background:rgba(15,16,21,.97)!important;border-top:1px solid #2d2e35!important;backdrop-filter:blur(15px)}.mobile-nav a{font-size:22px}.mobile-nav a span{font-size:10px}
@media(max-width:1260px){.topbar .desktop-nav{gap:0}.topbar .desktop-nav a{padding:10px 8px;font-size:12px}.rs-header-search{width:160px}.rs-hero{margin-left:15px;margin-right:15px}.rs-film-info,.rs-main .xdh-share-card{margin-left:16px;margin-right:16px}}
@media(max-width:900px){body .topbar{padding:0 15px;height:62px;gap:12px}.topbar .desktop-nav{display:none}.topbar .top-actions .icon-btn{display:flex}.rs-header-search{display:none}.rs-search{display:flex;align-items:center;height:43px;border:1px solid #393945;background:#171820;border-radius:9px;overflow:hidden}.rs-search label{font-size:24px;padding:0 12px;color:#aeb1be}.rs-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:white;outline:none;font-size:13px}.rs-search button{height:100%;background:var(--rs-accent);border:0;color:white;padding:0 15px;font-weight:800}.rs-hero{min-height:365px;margin-top:10px}.rs-hero-inner{padding:45px 25px}.rs-hero-art{left:44%}.rs-hero-shade{background:linear-gradient(90deg,#0c0d13 0%,#0c0d13dd 45%,#0c0d1300)}.rs-rail .poster-grid{grid-auto-columns:158px!important}.rs-main .xdh-player-section{padding:0 14px 18px!important}.rs-main .episode-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.rs-film-info{margin:0 14px 14px}.rs-player-title{margin-top:17px;padding:0 14px}}
@media(max-width:600px){.topbar .brand{font-size:22px}.topbar .top-actions select{max-width:115px;min-width:0}.rs-hero{min-height:310px;margin:8px 10px 0;border-radius:14px}.rs-hero-art{left:35%;opacity:.83}.rs-hero-shade{background:linear-gradient(90deg,#0c0d13 0%,#0c0d13eb 35%,#0c0d1352 100%),linear-gradient(0deg,#0c0d13 0%,transparent 65%)}.rs-hero-inner{padding:34px 20px 30px}.rs-hero h1{font-size:30px;letter-spacing:-.8px;max-width:95%;line-height:1.12}.rs-hero p{font-size:12px;line-height:1.6;max-width:80%;-webkit-line-clamp:2}.rs-hero-actions{margin-top:14px}.rs-btn{padding:9px 13px;font-size:12px;min-height:38px}.rs-chips{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:5px}.rs-chips>*{flex:0 0 auto}.rs-home-rails .rs-rail{padding:0 12px;margin-top:18px}.rs-rail-top h2{font-size:18px}.rs-rail-nav button{display:none}.rs-rail-nav>a{font-size:11px;margin-left:0}.rs-rail .poster-grid{grid-auto-columns:135px!important;gap:11px}.rs-rail .poster-title{font-size:12px}.rs-player-title{margin:13px 0 10px}.rs-player-title h1{font-size:19px}.rs-player-eyebrow{font-size:10px}.rs-player-count{font-size:10px}.rs-main #xdhPlayerShell{border-radius:10px!important;min-height:190px;aspect-ratio:16/9!important}.rs-main .rs-engine-row{gap:8px;display:block;padding:12px 0 3px}.rs-engine-row>span{display:block;margin-bottom:8px}.rs-main #engineTabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;padding:2px 0 8px}.rs-main #engineTabs button{font-size:11px!important;padding:8px 10px;flex-shrink:0}.rs-main .xdh-player-actions{gap:6px}.rs-main .xdh-player-actions .rs-report-toggle{margin-left:0}.rs-main .xdh-player-actions .xdh-subtitle-choice{flex:1 1 170px;width:auto;justify-content:flex-start;gap:5px}.rs-main .xdh-player-actions .xdh-subtitle-choice select{max-width:130px!important}.rs-main .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.rs-main .episode-grid .episode-btn{height:41px}.rs-film-info{padding:13px;gap:12px}.rs-film-poster{width:86px;flex-basis:86px}.rs-film-copy h2{font-size:19px;line-height:1.25;margin:8px 0}.rs-meta>span{padding:4px 6px;font-size:10px}.rs-synopsis{font-size:12px;line-height:1.65}.rs-film-buttons{gap:6px}.rs-taxon{gap:5px}.rs-taxon a{font-size:10px;padding:4px 7px}.rs-main .xdh-share-card{margin:9px 14px 13px;padding:12px}.rs-main .xdh-share-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rs-main .xdh-share-btn{min-width:0;width:100%;font-size:11px}.rs-main .xdh-related .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rs-footer{padding:22px 18px!important;gap:20px}.rs-footer .xdh-footer-right{margin:0}}