/* D4A V35: CSS order kept as in original HTML */
/* CSS SOURCE: static/css/d4a-reference-v10.css */
/* Drama4All V10 — reference V9 implementation using REAL series.
   Deep navy / indigo with pink-purple gradient. Existing series and player layout preserved. */
body.d6-theme{
 --night:#060b1a;--velvet:#0a1227;--curtain:#111a32;--riser:#1b2441;
 --ember:#d82ed3;--ember-lo:#9b36ee;--amber:#ed43d5;--violet:#9142f4;
 --paper:#f7f4ff;--dust:#c2bbd8;--haze:#a5a4c4;
 --hair:rgba(139,103,207,.17);--hair-2:rgba(167,109,225,.34);
 --d10-gradient:linear-gradient(115deg,#7d34fa 0%,#b62fe8 47%,#fa2e9e 100%);
 --d10-deep:#050a18;
 background:#050a18;color:#f7f4ff;
}
body.d6-theme .aura{background:radial-gradient(55% 32% at 50% -8%,#54258c4a,transparent 75%),#050a18}
body.d6-theme .topbar{background:#060c1cf2!important;border-bottom:1px solid #263154!important;backdrop-filter:blur(16px)}
body.d6-theme .topbar .shell{display:flex;flex-direction:row;align-items:center;gap:clamp(6px,1.7vw,20px);max-width:1380px}
body.d6-theme .brand{flex-shrink:0;min-width:0;order:0}
body.d6-theme .brand img{height:clamp(38px,4vw,49px);max-width:52px;object-fit:contain}
body.d6-theme .brand b{font-size:clamp(.9rem,1.35vw,1.06rem)}
body.d6-theme .mainnav{order:1}
body.d6-theme .tools{order:3;margin-inline-start:auto!important;display:flex;align-items:center;gap:8px;flex-shrink:0}
body.d6-theme #d7HeaderSearch{order:2;margin-inline-start:auto}
body.d6-theme .topbar .iconbtn{background:#10182e!important;border:1px solid #3e315e!important;border-radius:12px!important;color:#d8c8f7!important}
body.d6-theme .topbar .iconbtn:hover{background:#1c1940!important;border-color:#a951ed!important}
body.d6-theme .mainnav a.on,body.d6-theme .dock a.on,body.d6-theme .dock button.on{color:#ff46bc!important;background:transparent!important}
body.d6-theme .dock{background:#050b1bfa!important;border-top:1px solid #473068!important}
body.d6-theme .topbar.d7-search-open .brand{max-width:47px}
body.d6-theme .topbar.d7-search-open .brand b{display:none!important}
body.d6-theme .topbar.d7-search-open .brand img{width:37px;height:37px;max-width:37px}
/* Shared colors and components; keep the series layout structurally unchanged. */
body.d6-theme .btn:not(.quiet),body.d6-theme .d4v-search-form button,
body.d6-theme .d4a-genres-search-submit,body.d6-theme .d4v-highlight,
body.d6-theme .auth-btn,body.d6-theme .d10-watch{
 background:var(--d10-gradient)!important;border:1px solid #e34ecf!important;
 color:#fff!important;border-radius:13px!important;font-weight:800!important;
 box-shadow:0 8px 26px #d92db143!important;
}
body.d6-theme .btn.quiet,body.d6-theme .d10-details{background:#0b1428e9!important;border:1px solid #654383!important;color:#f7f0ff!important;box-shadow:none!important}
body.d6-theme .btn:hover,body.d6-theme .d4v-search-form button:hover{filter:brightness(1.13)}
body.d6-theme:not(.d4a-v4) .r12-watch{background:var(--d10-gradient)!important;color:#fff!important;box-shadow:0 6px 22px #d92db133!important}
body.d6-theme:not(.d4a-v4) .r12-icon.on,body.d6-theme:not(.d4a-v4) .r12-tab.active{color:#f348d8!important;border-color:#aa4bdb!important}
body.d6-theme:not(.d4a-v4) .btn:not(.quiet){background:var(--d10-gradient)!important;color:#fff!important}
body.d6-theme .d4v-footer{background:#050b1c!important;border-color:#293058!important}
body.d6-theme .d4v-footer a:hover{color:#f75bd0!important}
body.d6-theme .d6-pager a[aria-current="page"],body.d6-theme .d4a-genres-pager.d6-pager a[aria-current="page"]{background:#662dc2!important;border-color:#b04ddc!important}
body.d6-theme .d6-pager a:hover{border-color:#dd48c0!important}
body.d6-theme .genrebar a{background:#0d1731!important;border:1px solid #293454!important;color:#d9d4ec!important}
body.d6-theme .genrebar a:hover,body.d6-theme .genrebar a.on{border-color:#ea37b9!important;color:#f566d9!important}
body.d6-theme .tile-art{border-color:#2e2855!important}
body.d6-theme .tile-art:hover{border-color:#db3bd0!important}
body.d6-theme .d4v-rail-controls button{background:#0c1630!important;border-color:#35295c!important;color:#d9c3f8!important}
body.d6-theme .d4v-rail-controls button:hover{border-color:#ea3bc6!important}
body.d6-theme .rack-head .more{color:#b97bff!important}
body.d6-theme.d4a-v4 > main{background:#050b1a!important;max-width:none;border:0}
body.d6-theme .rack .rail{gap:11px}
body.d6-theme .rack .rail .tile-art{aspect-ratio:9/16!important;max-width:none}
body.d6-theme .rack .rail .tile-art img{width:100%;height:100%;object-fit:cover}
body.d6-theme .rack .rail>.tile{scroll-snap-align:start}
body.d6-theme .rack .tile-name{color:#e9e5f7;font-size:.8rem}
/* Actual V9-inspired hero: portrait cover shown ONE time; backdrop purely abstract. */
body.d6-theme .d10-hero{
 position:relative;isolation:isolate;box-sizing:border-box;max-width:1380px;
 margin:0 auto 16px;padding:14px clamp(12px,3vw,35px) 20px;
 background:radial-gradient(ellipse 58% 71% at 58% 44%,#2d165e62,transparent 83%),
 linear-gradient(135deg,#070f26 0%,#0a0e27 45%,#09091e 100%);
 border-bottom:1px solid #22254e;overflow:hidden;min-height:0;
}
body.d6-theme .d10-hero::after{display:none!important}
body.d6-theme .d10-ambient{position:absolute;inset:auto 5% 0;height:40%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,#7c1df92d,transparent 69%)}
body.d6-theme .d10-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(12px,2vw,32px);align-items:center;min-height:440px}
body.d6-theme .d10-hero-copy{z-index:5;position:relative;text-align:start;min-width:0;padding:15px 10px}
body.d6-theme .d10-eyebrow{display:inline-flex;align-items:center;font-size:.84rem;font-weight:900;color:#f97cdd;background:#3e1646b3;padding:6px 12px;border:1px solid #85366e;border-radius:99px;margin-bottom:14px}
body.d6-theme .d10-hero-title{margin:0 0 15px;color:#f9edff;font-weight:900;line-height:1.29;max-width:21ch;font-size:clamp(1.75rem,3.6vw,3.25rem);text-shadow:0 4px 20px #0009;overflow-wrap:anywhere}
body.d6-theme .d10-hero-description{font-size:.9rem;line-height:1.85;color:#c5bdd7;max-width:50ch;margin:0 0 13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.d6-theme .d10-hero-description[hidden]{display:none!important}
body.d6-theme .d10-hero-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 17px}
body.d6-theme .d10-hero-stats span{font-size:.75rem;color:#e3d9ef;display:inline-flex;align-items:center;gap:6px;border:1px solid #4a386b;background:#221636ce;border-radius:99px;padding:6px 9px;white-space:nowrap}
body.d6-theme .d10-hero-stats i{color:#ed5cd0}
body.d6-theme .d10-hero-actions{display:flex;align-items:center;gap:10px;min-width:0}
body.d6-theme .d10-hero-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;flex:0 1 auto;padding:12px clamp(12px,2vw,25px);font-size:.88rem;min-height:45px;white-space:nowrap}
body.d6-theme .d10-hero-art{position:relative;min-width:0;height:480px;overflow:visible;touch-action:pan-y}
body.d6-theme .d10-center,body.d6-theme .d10-side{position:absolute;display:block;top:50%;left:50%;width:245px;aspect-ratio:9/16;padding:0;overflow:hidden;background:#0d152a;border:1px solid #7542a8;border-radius:15px;box-shadow:0 15px 42px #0009;transform:translate(-50%,-50%);}
body.d6-theme .d10-center{z-index:5;border:2px solid #dc3acc;box-shadow:0 10px 45px #000a,0 0 33px #d328ba66}
body.d6-theme .d10-center img,body.d6-theme .d10-side img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#0b1226}
body.d6-theme .d10-side{width:175px;z-index:3;cursor:pointer;transition:filter .15s;opacity:.8}
body.d6-theme .d10-side:hover{filter:brightness(1.2)}
body.d6-theme .d10-side[data-slot="-1"]{transform:translate(calc(-50% - 177px),-50%) rotate(-8deg) scale(.88)}
body.d6-theme .d10-side[data-slot="1"]{transform:translate(calc(-50% + 177px),-50%) rotate(8deg) scale(.88)}
body.d6-theme .d10-side[data-slot="-2"]{transform:translate(calc(-50% - 277px),-50%) rotate(-12deg) scale(.72);opacity:.44;z-index:2}
body.d6-theme .d10-side[data-slot="2"]{transform:translate(calc(-50% + 277px),-50%) rotate(12deg) scale(.72);opacity:.44;z-index:2}
body.d6-theme .d10-side[hidden]{display:none!important}
body.d6-theme .d10-stage-glow{pointer-events:none;position:absolute;inset:auto 9% 5px;height:23px;filter:blur(17px);background:linear-gradient(90deg,transparent,#a020ed,#f326ae,transparent);z-index:1}
body.d6-theme .d10-hero-bottom{display:flex;flex-direction:column;gap:9px;align-items:stretch}
body.d6-theme .d10-hero-pips{display:flex;justify-content:center;align-items:center;gap:7px;min-height:16px;direction:ltr}
body.d6-theme .d10-hero-pips button{width:7px;height:7px;padding:0;border-radius:99px;background:#625476;border:0;cursor:pointer}
body.d6-theme .d10-hero-pips button.on{width:23px;background:linear-gradient(90deg,#ac31f4,#fd35b5)}
body.d6-theme .d10-filmstrip-wrap{display:flex;align-items:center;gap:9px;margin:0 auto;max-width:560px;width:100%}
body.d6-theme .d10-filmstrip{display:flex;flex:1;align-items:stretch;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:7px 4px 12px;min-width:0;touch-action:pan-x}
body.d6-theme .d10-filmstrip::-webkit-scrollbar{display:none}
body.d6-theme .d10-film-thumb{flex:0 0 110px;width:110px;height:152px;padding:0;overflow:hidden;border:1px solid #544071;border-radius:10px;background:#0d1428;scroll-snap-align:center;cursor:pointer;opacity:.72;transition:opacity .2s,border-color .2s}
body.d6-theme .d10-film-thumb img{width:100%;height:100%;object-fit:contain;display:block}
body.d6-theme .d10-film-thumb.on{opacity:1;border-color:#e841c6;box-shadow:0 0 0 2px #b034d744}
body.d6-theme .d10-strip-arrow{flex:0 0 33px;width:33px;height:35px;display:grid;place-items:center;background:#181531;border:1px solid #584075;border-radius:11px;color:#fff;cursor:pointer}
body.d6-theme .d10-strip-arrow:hover{border-color:#e744c5}
body.d6-theme .d10-dragging{cursor:grabbing!important;scroll-behavior:auto!important;user-select:none}
body.d6-theme .d10-dragging *{pointer-events:none}
/* All list rail buttons desktop-only. Native touch swipe on mobile. */
@media (max-width:899px){
 body.d6-theme .d4v-rail-controls,body.d6-theme .rail-btn,body.d6-theme .d10-strip-arrow{display:none!important}
 body.d6-theme .topbar .shell{height:62px;gap:7px;justify-content:space-between}
 body.d6-theme .brand{order:0;margin-inline-end:auto}
 body.d6-theme .mainnav{display:none!important}
 body.d6-theme .tools{order:3;margin-inline-start:auto!important;gap:5px}
 body.d6-theme .tools .iconbtn{height:38px;width:38px;min-width:38px}
 body.d6-theme .brand img{height:38px;max-width:45px}
 body.d6-theme .brand b{font-size:.91rem}
 body.d6-theme #d7HeaderSearch{order:1;margin-inline-start:0;flex:1}
 body.d6-theme .topbar.d7-search-open .tools{gap:3px}
 body.d6-theme .topbar.d7-search-open .brand{margin-inline-end:0}
 body.d6-theme .d10-hero{padding:13px 12px 14px;border-radius:0}
 body.d6-theme .d10-hero-grid{display:flex;flex-direction:column;min-height:0;gap:0}
 body.d6-theme .d10-hero-art{order:0;width:100%;height:clamp(310px,88vw,430px);margin-bottom:2px}
 body.d6-theme .d10-center{width:clamp(168px,51vw,224px);max-height:100%;border-radius:14px}
 body.d6-theme .d10-side{width:clamp(121px,37vw,160px);border-radius:12px}
 body.d6-theme .d10-side[data-slot="-1"]{transform:translate(calc(-50% - 112px),-50%) rotate(-8deg) scale(.86)}
 body.d6-theme .d10-side[data-slot="1"]{transform:translate(calc(-50% + 112px),-50%) rotate(8deg) scale(.86)}
 body.d6-theme .d10-side[data-slot="-2"]{transform:translate(calc(-50% - 188px),-50%) rotate(-12deg) scale(.7)}
 body.d6-theme .d10-side[data-slot="2"]{transform:translate(calc(-50% + 188px),-50%) rotate(12deg) scale(.7)}
 body.d6-theme .d10-hero-copy{order:1;width:100%;text-align:center;padding:1px 5px 8px}
 body.d6-theme .d10-eyebrow{margin-bottom:5px;padding:4px 10px;font-size:.72rem}
 body.d6-theme .d10-hero-title{font-size:clamp(1.17rem,5.3vw,1.62rem);margin:4px auto 8px;max-width:100%;line-height:1.28}
 body.d6-theme .d10-hero-description{font-size:.77rem;max-width:48ch;margin:0 auto 8px;-webkit-line-clamp:2}
 body.d6-theme .d10-hero-stats{justify-content:center;margin-bottom:10px;gap:5px}
 body.d6-theme .d10-hero-stats span{font-size:.68rem;padding:4px 7px}
 body.d6-theme .d10-hero-actions{justify-content:center;gap:9px}
 body.d6-theme .d10-hero-actions .btn{flex:1;min-height:40px;font-size:.78rem;padding:8px 9px}
 body.d6-theme .d10-filmstrip-wrap{display:none}
 body.d6-theme .d10-hero-pips{margin-top:0}
 body.d6-theme .d10-hero-bottom{gap:0}
 body.d6-theme .rack .rail>.tile,body.d6-theme .rack .rail>.bone{width:calc((100% - 18px)/3)!important;flex:0 0 calc((100% - 18px)/3)!important;min-width:0}
 body.d6-theme .rack .rail{gap:9px;scroll-snap-type:x mandatory;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body.d6-theme .rack .tile-name{font-size:.71rem;line-height:1.45}
 body.d6-theme .rack .rail .tile-rank{font-size:1.5rem}
 body.d6-theme .genrebar{gap:7px;overflow-x:auto;flex-wrap:nowrap}
 body.d6-theme .genrebar a{white-space:nowrap;flex-shrink:0;font-size:.75rem}
}
@media(min-width:900px){
 body.d6-theme .rack .rail{cursor:grab}
 body.d6-theme .d10-filmstrip{cursor:grab}
 body.d6-theme .d10-hero{border-radius:0 0 22px 22px}
}
@media(max-width:370px){
 body.d6-theme .d10-hero-art{height:305px}
 body.d6-theme .d10-center{width:160px}
 body.d6-theme .d10-side{width:118px}
 body.d6-theme .d10-hero-stats span{font-size:.61rem}
}
@media(prefers-reduced-motion:reduce){body.d6-theme .d10-film-thumb{transition:none}}


/* CSS SOURCE: static/css/d4a-reference-exact-v11.css */
/* D4A V11 / true approved V9 reference layout.
 * This is NOT a palette override: contains dedicated desktop/mobile hero DOM,
 * separate mobile 3D deck, desktop hero filmstrip and matching V9 poster rails.
 * Scope protects the existing /series and /watch layouts.
 */
body:has(.d11-home){--d11-bg:#050b19;--d11-pane:#0b1227;--d11-stroke:#28365b;--d11-paper:#f9f6ff;--d11-muted:#a5aaca;--d11-gradient:linear-gradient(114deg,#9034fd 0%,#c82cdd 48%,#f62b9d 100%);background:#050b19;color:var(--d11-paper)}
body:has(.d11-home) .aura{background:radial-gradient(ellipse 70% 23% at 50% 0%,#24134545,transparent 94%),#050b19!important;filter:none}
body:has(.d11-home) .topbar{background:#050b1bf0!important;border-bottom:1px solid #1e2949!important;backdrop-filter:blur(18px);position:sticky;z-index:105}
body:has(.d11-home) .topbar>.shell{height:70px;max-width:1410px;gap:18px;display:flex;align-items:center}
body:has(.d11-home) .topbar .brand{flex:none;display:flex;align-items:center;gap:8px;min-width:0}
body:has(.d11-home) .topbar .brand img{height:43px!important;max-width:50px;object-fit:contain}
body:has(.d11-home) .topbar .brand b{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:1.07rem;white-space:nowrap;font-weight:800;color:#eee7ff}
body:has(.d11-home) .topbar .mainnav{gap:20px;margin-inline-start:12px}
body:has(.d11-home) .topbar .mainnav a{font-size:.81rem;font-weight:700}
body:has(.d11-home) .topbar .mainnav a.on{color:#e9a5eb;border-bottom:2px solid #eb32af}
body:has(.d11-home) .topbar .tools{margin-inline-start:auto;display:flex;align-items:center;gap:9px}
body:has(.d11-home) .topbar .iconbtn{width:40px;height:40px;display:grid;place-items:center;background:#101b33!important;border:1px solid #38426b!important;border-radius:50%;color:#e4c7ed;font-size:1.01rem;box-shadow:none!important}
body:has(.d11-home) .topbar .iconbtn:hover{border-color:#ba58f1!important;background:#251631!important}
body:has(.d11-home) .topbar .iconbtn i{font-size:1.04rem}
body:has(.d11-home) .topbar .langmenu,body:has(.d11-home) .topbar .accountmenu{z-index:9999}
@media(max-width:899px){
 body:has(.d11-home) .topbar>.shell{height:62px;padding-inline:12px;gap:9px;justify-content:space-between}
 body:has(.d11-home) .topbar .brand{order:0;margin-inline-end:auto;max-width:50%;overflow:hidden}
 body:has(.d11-home) .topbar .brand img{height:39px!important;max-width:42px}
 body:has(.d11-home) .topbar .brand b{font-size:.86rem;display:inline!important;overflow:hidden;text-overflow:ellipsis}
 body:has(.d11-home) .topbar .tools{order:1;gap:6px;margin-inline-start:0}
 body:has(.d11-home) .topbar .iconbtn{width:37px;height:37px}
 body:has(.d11-home) .topbar .mainnav{display:none!important}
 body:has(.d11-home) .dock{background:#080e20f0!important;border-top:1px solid #423267!important}
 body:has(.d11-home) .dock a.on,body:has(.d11-home) .dock button.on{color:#f02fae!important}
}
.d11-home{direction:inherit;--muted:#a5aaca;color:#f9f6ff;background:radial-gradient(ellipse 68% 26% at 50% 5%,#27124167,transparent 91%),#050b19;min-height:100vh;font-family:Cairo,Tahoma,Arial,sans-serif}
.d11-home *{box-sizing:border-box}
.d11-home a{text-decoration:none}
.d11-home button{cursor:pointer;color:inherit}
.d11-home [hidden]{display:none!important}
.d11-home .d11-hero-wrap{position:relative;overflow:hidden;background:#060d1d;padding:0}
.d11-home .d11-hero-desktop{height:570px;position:relative;overflow:hidden;background:linear-gradient(120deg,#030915 0%,#121033 37%,#171036 71%,#090e20 100%);isolation:isolate;border-bottom:1px solid #32214d}
.d11-home .d11-scene{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 43% 56% at 63% 37%,#8027d544,transparent 85%),radial-gradient(ellipse 20% 56% at 83% 28%,#fa28a322,transparent 95%),radial-gradient(ellipse 60% 25% at 54% 91%,#841dd73c,transparent 90%)}
.d11-home .d11-scene::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(130deg,transparent 0 58px,#d139fc06 59px 61px,transparent 62px 130px)}
.d11-home .d11-scene-halo{position:absolute;left:34%;right:6%;bottom:118px;height:60px;border:2px solid #7b3bb077;border-radius:50%;filter:drop-shadow(0 0 19px #b21fe4);transform:perspective(300px) rotateX(70deg);box-shadow:0 0 60px #e53dd755,inset 0 0 25px #b130f355}
.d11-home .d11-hero-main-image{position:absolute;top:8px;right:29%;height:380px;width:265px;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:20px;filter:drop-shadow(0 7px 24px #0009)}
.d11-home .d11-hero-main-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:17px;box-shadow:0 0 0 1px #bd4df080,0 14px 35px #000a,0 0 45px #b530ce66}
.d11-home .d11-hero-copy{position:absolute;top:66px;left:6%;width:31%;z-index:5;text-align:right}
.d11-home .d11-kicker{display:inline-flex;align-items:center;background:linear-gradient(100deg,#831568b8,#2a154f);border:1px solid #cf4f9fa6;padding:7px 12px;border-radius:30px;color:#ffd4ee;font-size:12px;font-weight:800;max-width:100%}
.d11-home .d11-hero-copy h1{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:clamp(28px,3vw,47px);line-height:1.19;font-weight:900;margin:15px 0 10px;color:#f2d8ff;text-shadow:0 3px 18px #000b;letter-spacing:-.015em;max-height:3.8em;overflow:hidden}
.d11-home .d11-hero-copy p{font-size:12px;color:#c6c8df;line-height:1.9;max-height:5.5em;overflow:hidden;margin:4px 0 9px}
.d11-home .d11-stats{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0 15px;align-items:center;color:#ddd6f0;font-size:12px}
.d11-home .d11-stats>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.d11-home .d11-stats i{font-size:12px}.d11-home .d11-hot{color:#ef34bd}.d11-home .d11-violet{color:#b36cf2}.d11-home .d11-gold{color:#ffbb45}
.d11-home .d11-actions{display:flex;align-items:center;gap:11px}
.d11-home .d11-btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:45px;padding:10px 21px;border-radius:13px;font-weight:800;font-size:13px;white-space:nowrap;transition:transform .18s,filter .18s}
.d11-home .d11-btn:hover{transform:translateY(-2px)}
.d11-home .d11-primary{background:linear-gradient(110deg,#8c31ff,#cf23d6,#f12baf);color:white;box-shadow:0 8px 22px #d536b34a}
.d11-home .d11-secondary{background:#090f24cc;color:#f0e9f9;border:1px solid #735293}
.d11-home .d11-secondary:hover{border-color:#e85cdd}
.d11-home .d11-hero-stack{position:absolute;top:44px;right:3%;z-index:3;display:flex;flex-direction:column;gap:9px}
.d11-home .d11-hero-stack .d11-film-card{height:79px;width:57px;border-radius:9px}
.d11-home .d11-hero-arrow{position:absolute;top:43%;z-index:8;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #8050b2;background:#0b1025d6}
.d11-home .d11-hero-arrow:hover{background:#55236c}
.d11-home .d11-hero-arrow.d11-prev{right:13px}.d11-home .d11-hero-arrow.d11-next{left:13px}
.d11-home .d11-filmstrip{position:absolute;bottom:14px;left:3%;right:3%;z-index:6;display:flex;align-items:center;gap:13px;height:157px;overflow-x:auto;scrollbar-width:none;padding:12px 0;scroll-snap-type:x proximity;touch-action:pan-y}
.d11-home .d11-filmstrip::-webkit-scrollbar{display:none}
.d11-home .d11-film-card{flex:none;position:relative;width:111px;height:137px;overflow:hidden;border:1px solid #4c3671;border-radius:13px;background:#151023;box-shadow:0 12px 23px #0009;transition:transform .22s,border-color .22s;scroll-snap-align:center;padding:0}
.d11-home .d11-film-card img{width:100%;height:100%;object-fit:contain;background:#0c1024;display:block;pointer-events:none}
.d11-home .d11-film-card.active{border:2px solid #f34bce;box-shadow:0 0 25px #e722c572;transform:translateY(-6px)}
.d11-home .d11-film-card:hover{border-color:#d14cea}
.d11-home .d11-dots{display:flex;align-items:center;justify-content:center;gap:7px}
.d11-home .d11-dots button{border:0;border-radius:20px;background:#786c99;height:7px;width:7px;padding:0;transition:.2s}
.d11-home .d11-dots button.active{width:25px;background:linear-gradient(110deg,#9535ff,#f32fb1)}
.d11-home .d11-desktop-dots{position:absolute;left:43%;bottom:182px;z-index:6}
.d11-home .d11-hero-mobile{display:none}
/* Real homepage rails use the exact V9 section/card hierarchy, not the old rack/tile DOM. */
.d11-home .d11-content{max-width:1410px;padding:0 clamp(13px,2.2vw,31px)}
.d11-home .d11-genres{display:flex;gap:10px;align-items:center;overflow-x:auto;white-space:nowrap;padding:15px 0 5px;scrollbar-width:none;scroll-snap-type:x proximity}
.d11-home .d11-genres::-webkit-scrollbar{display:none}
.d11-home .d11-genres strong{font-size:.88rem;white-space:nowrap;color:#e2c0ed}
.d11-home .d11-chip{flex:0 0 auto;min-width:74px;text-align:center;padding:9px 14px;border-radius:13px;background:#0d1730;border:1px solid #26355a;color:#d7d2ef;font-weight:700;font-size:.77rem}
.d11-home .d11-chip:hover,.d11-home .d11-chip.active{background:linear-gradient(110deg,#642075,#260e4a);border-color:#ed2fb1;color:white;box-shadow:0 0 12px #c42ca044}
.d11-home .d11-shelf{margin:25px 0 35px}
.d11-home .d11-shelf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:14px}
.d11-home .d11-shelf-head h2{font:800 1.05rem Cairo,Tahoma,sans-serif;color:#f4eefc;margin:0;white-space:nowrap}
.d11-home .d11-shelf-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.d11-home .d11-see-all{display:inline-flex;border:1px solid #763b9f;background:#1a0e36;padding:5px 14px;border-radius:20px;color:#dca6f4;font-size:.75rem;white-space:nowrap}
.d11-home .d11-shelf-arrows{display:flex;gap:5px}
.d11-home .d11-shelf-arrows button{width:30px;height:30px;border:1px solid #6b4c93;border-radius:50%;display:grid;place-items:center;background:#15122f;font-size:12px}
.d11-home .d11-cards{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:4px 2px 12px;min-width:0}
.d11-home .d11-cards::-webkit-scrollbar{display:none}
.d11-home .d11-card{flex:0 0 calc((100% - 5*13px)/6);min-width:0;scroll-snap-align:start;display:block;border-radius:12px;color:inherit;text-align:center}
.d11-home .d11-cover{width:100%;aspect-ratio:2/3;position:relative;display:block;border:1px solid #3f3267;border-radius:11px;overflow:hidden;background:linear-gradient(#1b1836,#080d1c);box-shadow:0 8px 19px #0005}
.d11-home .d11-cover img{height:100%;width:100%;display:block;object-fit:contain;object-position:center;background:#101326;transition:transform .22s}
.d11-home .d11-card:hover .d11-cover img{transform:scale(1.035)}
.d11-home .d11-hd{position:absolute;top:6px;left:6px;border-radius:5px;font-size:10px;font-weight:800;background:#070b19d6;color:#f5f5ff;padding:3px 5px}
.d11-home .d11-rank{position:absolute;bottom:3px;left:4px;font-size:3.1rem;font-weight:900;line-height:1;color:#ffb953;text-shadow:2px 3px 8px #080511,-1px -1px 4px #000}
.d11-home .d11-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0 4px;font-weight:700;font-size:.8rem;line-height:1.45;min-height:2.7em;color:#f0e7f9}
.d11-home .d11-card-meta{font-size:.69rem;color:#ad91d3;display:flex;align-items:center;justify-content:center;gap:6px}
.d11-home .d11-dragging{cursor:grabbing!important;user-select:none}
.d11-home .d11-dragging *{user-select:none}
@media(min-width:900px){
 .d11-home .d11-filmstrip,.d11-home .d11-cards{cursor:grab}
 .d11-home .d11-hero-desktop{border-radius:0 0 20px 20px}
}
@media(max-width:899px){
 .d11-home .d11-hero-desktop{display:none!important}
 .d11-home .d11-hero-mobile{display:block;position:relative;padding:0 11px 15px;background:radial-gradient(ellipse 83% 42% at 50% 27%,#40165388,transparent 95%),linear-gradient(#060e20,#061022);text-align:center}
 .d11-home .d11-mobile-deck{position:relative;height:310px;overflow:hidden;perspective:850px;isolation:isolate;padding-top:12px;touch-action:pan-y}
 .d11-home .d11-mobile-deck::before{content:"";position:absolute;bottom:13px;width:78%;left:11%;height:44px;border:2px solid #a535f4;border-radius:50%;filter:drop-shadow(0 0 10px #ad2bff);transform:rotateX(63deg);box-shadow:0 0 30px #e425d577,0 0 40px #8036dd inset;z-index:0}
 .d11-home .d11-mobile-deck::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 68% 55% at 50% 70%,#7b20a037,transparent 80%);z-index:0}
 .d11-home .d11-slot{position:absolute;width:180px;height:282px;top:8px;left:50%;margin-left:-90px;padding:0;border:1px solid #764caa;border-radius:17px;overflow:hidden;z-index:2;background:#11112b;box-shadow:0 15px 30px #000a;transition:transform .32s,opacity .32s,filter .32s}
 .d11-home .d11-slot img{width:100%;height:100%;object-fit:contain;display:block;background:#0e0c25;pointer-events:none}
 .d11-home .d11-slot[data-rel="-2"]{transform:translateX(-211px) translateY(28px) rotateY(27deg) scale(.74);opacity:.42;filter:brightness(.6);z-index:1}
 .d11-home .d11-slot[data-rel="-1"]{transform:translateX(-130px) translateY(15px) rotateY(20deg) scale(.85);opacity:.76;filter:brightness(.78);z-index:2}
 .d11-home .d11-slot[data-rel="0"]{opacity:1;border:2px solid #f84cdb;box-shadow:0 0 0 2px #672be366,0 16px 45px #de29bf70;z-index:5}
 .d11-home .d11-slot[data-rel="1"]{transform:translateX(130px) translateY(15px) rotateY(-20deg) scale(.85);opacity:.76;filter:brightness(.78);z-index:2}
 .d11-home .d11-slot[data-rel="2"]{transform:translateX(211px) translateY(28px) rotateY(-27deg) scale(.74);opacity:.42;filter:brightness(.6);z-index:1}
 .d11-home .d11-mobile-kicker{display:block;color:#f3a5d8;font-weight:800;font-size:.71rem;margin-top:3px}
 .d11-home .d11-mobile-title{font:900 clamp(17px,5.2vw,25px)/1.32 Cairo,Tahoma,sans-serif;letter-spacing:-.02em;margin:5px auto 8px;max-width:95%;min-height:1.2em;color:#f1e4ff}
 .d11-home .d11-mobile-stats{justify-content:center;gap:8px;margin:9px auto 11px;font-size:.68rem}
 .d11-home .d11-mobile-actions{display:flex;gap:9px;justify-content:center;max-width:440px;margin:auto}
 .d11-home .d11-mobile-actions .d11-btn{flex:1;min-width:0;font-size:.79rem;padding:9px 10px;min-height:43px}
 .d11-home .d11-mobile-dots{margin:12px auto 0}
 .d11-home .d11-content{padding:0 11px}
 .d11-home .d11-genres{padding:12px 0 5px;gap:8px}
 .d11-home .d11-genres strong{display:none}
 .d11-home .d11-chip{font-size:.73rem;border-radius:22px;padding:8px 12px}
 .d11-home .d11-shelf{margin:19px 0 26px}
 .d11-home .d11-shelf-head h2{font-size:.95rem}
 .d11-home .d11-shelf-tools{gap:6px}
 .d11-home .d11-see-all{font-size:.66rem;padding:5px 9px}
 .d11-home .d11-shelf-arrows{display:none!important}
 .d11-home .d11-cards{gap:9px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
 .d11-home .d11-card{flex:0 0 calc((100% - 18px)/3)}
 .d11-home .d11-title{font-size:.67rem;line-height:1.4;min-height:2.6em}
 .d11-home .d11-card-meta{font-size:.59rem}
 .d11-home .d11-rank{font-size:2.2rem}
 .d11-home .d11-hd{font-size:9px}
}
@media(max-width:360px){
 .d11-home .d11-mobile-deck{height:285px}
 .d11-home .d11-slot{width:164px;height:258px;margin-left:-82px}
 .d11-home .d11-slot[data-rel="-1"]{transform:translateX(-116px) translateY(15px) rotateY(20deg) scale(.85)}
 .d11-home .d11-slot[data-rel="1"]{transform:translateX(116px) translateY(15px) rotateY(-20deg) scale(.85)}
 .d11-home .d11-slot[data-rel="-2"]{transform:translateX(-182px) translateY(27px) rotateY(28deg) scale(.74)}
 .d11-home .d11-slot[data-rel="2"]{transform:translateX(182px) translateY(27px) rotateY(-28deg) scale(.74)}
}
@media(prefers-reduced-motion:reduce){.d11-home *{animation:none!important;transition:none!important}}
/* Reference V9 desktop framing: a large true-ratio active cover and distinct side covers. */
@media(min-width:900px){
 .d11-home .d11-hero-main-image{top:10px;right:29%;width:317px;height:445px}
 .d11-home .d11-hero-stack{top:111px;right:2%;flex-direction:row;gap:0;align-items:center;perspective:820px}
 .d11-home .d11-hero-stack .d11-film-card{width:116px;height:170px;margin-inline-start:-26px;border-radius:13px;transform:rotateY(-12deg);opacity:.86}
 .d11-home .d11-hero-stack .d11-film-card.active{transform:rotateY(-8deg) translateY(-10px);opacity:1}
}
@media(min-width:900px) and (max-width:1060px){
 .d11-home .d11-hero-main-image{right:31%;width:260px;height:420px}
 .d11-home .d11-hero-stack .d11-film-card{width:86px;height:145px;margin-inline-start:-20px}
 .d11-home .d11-hero-copy{left:3%;width:35%}
}


/* CSS SOURCE: static/css/d4a-polish-v12.css */
/* Drama4All V12 — focused refinements over approved V11 layout.
   No mutation of player, cards source, account logic or language picker.
*/
:root{--d12-background:#070e20;--d12-panel:#10182f;--d12-panel2:#191936;--d12-stroke:#44316d;--d12-purple:#6740ad;--d12-violet:#9a5ce9;--d12-pink:#d646b9;--d12-gradient:linear-gradient(115deg,#372374 0%,#7642bd 58%,#ba43bd 100%)}
/* Logo: image only in header, larger on the series page and on the footer. */
body .topbar .brand b{display:none!important}
body .topbar .brand{flex:0 0 auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;gap:0!important}
body .topbar .brand img{width:auto!important;height:54px!important;max-width:96px!important;max-height:58px!important;object-fit:contain!important}
body .d4v-footer .d4v-brand img{height:72px!important;width:auto!important;max-width:100px!important;object-fit:contain!important}
body .d4v-footer .d4v-brand a{gap:12px}
@media(max-width:899px){
 body .topbar .brand img{height:48px!important;max-height:52px!important;max-width:81px!important}
 body .d4v-footer .d4v-brand img{height:65px!important;max-width:95px!important}
}
body.d6-theme:not(.d4a-v4) .topbar .brand img{height:58px!important;max-height:60px!important}
@media(max-width:899px){body.d6-theme:not(.d4a-v4) .topbar .brand img{height:51px!important;max-height:53px!important}}
/* Existing intelligent-search overlay, restyled using the header's cool navy color. */
body.d6-theme .palette{z-index:600!important;background:rgba(4,9,22,.90)!important;backdrop-filter:blur(11px) saturate(1.04)!important}
body.d6-theme .palette-box{background:#11182f!important;color:#f4efff!important;border:1px solid #413164!important;border-radius:18px!important;box-shadow:0 24px 65px #000b!important;overflow:hidden!important}
body.d6-theme .palette-field{background:#182039!important;border-bottom:1px solid #413164!important;box-shadow:none!important}
body.d6-theme .palette-field input,body.d6-theme #palInput{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:#f4efff!important;min-width:0!important}
body.d6-theme .palette-results{background:#11182f!important}
body.d6-theme .palette-row:hover,body.d6-theme .palette-row.cursor{background:#222343!important}
body.d6-theme .d4x-palette-heading{color:#f1e9ff!important}
body.d6-theme .d4x-palette-clear,body.d6-theme .d4x-all-genres,body.d6-theme .d4x-see-all{color:#b991f2!important}
body.d6-theme .d4x-search-chips a,body.d6-theme .d4x-search-chips button{background:#1c233e!important;color:#efddff!important;border:1px solid #423565!important;border-radius:99px!important}
body.d6-theme .d4x-search-chips a:hover,body.d6-theme .d4x-search-chips button:hover{background:#2a2450!important;border-color:#865ac9!important;color:white!important}
body.d6-theme .palette .palette-row img{object-fit:cover!important}
/* Stop the unwanted reddish haze on listing/auth page backgrounds. */
body.d6-theme .aura{background:radial-gradient(ellipse 70% 28% at 55% -7%,rgba(80,49,145,.22),transparent 83%),#070e20!important}
body.d6-theme.d4a-v4>main{background:#070e20!important}
body.d6-theme .d4v-search-form,body.d6-theme .d4v-library-controls,body.d6-theme .d4x-genres-search{background:#141b34!important;border-color:#3d3260!important}
/* Branding: deep purple is the base; pink is a restrained gradient accent. */
body.d6-theme{--ember:#8e5cd4;--amber:#a777e8;--violet:#7947c0;--hair-2:#4a356d;--riser:#1d2241}
body.d6-theme .btn:not(.quiet),body.d6-theme .d4v-search-form button,body.d6-theme .d4a-genres-search-submit,body.d6-theme .d4v-highlight,body.d6-theme .auth-btn{
 background:var(--d12-gradient)!important;border-color:#7653b6!important;color:#fff!important;box-shadow:0 6px 20px #4a287650!important
}
body.d6-theme .tile-new,body.d6-theme .d11-hd{background:linear-gradient(110deg,#39236e,#6d43ac)!important;color:#f5ebff!important;border:1px solid #6b4baa!important}
body.d6-theme .tile-eps,body.d6-theme .tile-eps i,body.d6-theme .tile-rank-num i{color:#aa80e4!important}
body.d6-theme .d6-pager a[aria-current="page"]{background:#482887!important;border-color:#7953ba!important}
body.d6-theme .d4v-contact,body.d6-theme .d4x-genre-icon{color:#b68eea!important}
/* Exact V11 hero and homepage rail refinements. */
.d11-home .d11-primary{background:var(--d12-gradient)!important;border-color:#7550b6!important;box-shadow:0 9px 24px #62338b55!important}
.d11-home .d11-film-card.active,.d11-home .d11-slot[data-rel="0"]{border-color:#9564d7!important;box-shadow:0 0 0 1px #8a5fd08a,0 12px 30px #54298266!important}
.d11-home .d11-cover{aspect-ratio:9/16!important;background:#0d1429!important;border-color:#45336d!important}
.d11-home .d11-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#0d1429!important}
.d11-home .d11-card-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:2px!important;width:100%;color:#d1bee7!important;font-size:clamp(9px,.7vw,11px)!important;white-space:nowrap;line-height:1.45;direction:ltr}
.d11-home .d11-card-meta>span{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.d11-home .d11-card-meta i{font-size:.9em}
.d11-home .d11-card-meta span:nth-child(1) i{color:#9872d7}.d11-home .d11-card-meta span:nth-child(2) i{color:#be6ba9}.d11-home .d11-card-meta span:nth-child(3) i{color:#b592e4}
.d11-home .d11-hot{color:#ae68c8!important}.d11-home .d11-violet{color:#9773d8!important}
.d11-home .d11-dots button.active{background:#6f43ae!important}
.d11-home .d11-chip:hover,.d11-home .d11-chip.active{background:#43286f!important;border-color:#8056bd!important;box-shadow:none!important}
.d11-home .d11-hd{font-size:9px!important;padding:2px 5px!important}
@media(max-width:899px){
 .d11-home .d11-card-meta{font-size:9px!important;gap:1px!important}
 .d11-home .d11-card-meta>span{gap:2px!important}
 .d11-home .d11-cover{aspect-ratio:9/16!important}
}


/* CSS SOURCE: static/css/d4a-unified-v13.css */
/* D4A V13: one violet-first design system across account, library, series & homepage */
:root{
 --d13-bg:#070d20; --d13-surface:#101a34; --d13-surface-alt:#1b2140;
 --d13-border:#40366f; --d13-violet:#663bb1; --d13-violet-soft:#9673d9;
 --d13-gradient:linear-gradient(115deg,#322267 0%,#613bb0 58%,#a445ae 100%);
 --d13-muted:#bab0d3;
}
body.d6-theme{--night:#070d20;--curtain:#101a34;--velvet:#121a33;--riser:#202744;
 --hair:#293351;--hair-2:#40366f;--ember:#8656c5;--amber:#9872d3;--accent:#663bb1;
 --p-bg:#070d20;--p-panel:#101a34;--p-panel2:#19203b;
 --p-purple:#663bb1;--p-pink:#a445ae;--p-border:#40366f;
 background:#070d20!important;
}
body.d6-theme .aura{background:radial-gradient(ellipse 80% 30% at 50% -8%,rgba(88,62,150,.17),transparent 80%),#070d20!important}
body.d6-theme main:not(.r12-main){background-color:transparent!important}
/* Consistent site header in all pages, including the series template. */
body .topbar{background:#080f21f2!important;border-bottom:1px solid #293451!important;z-index:140!important}
body .topbar>.shell{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:66px!important;height:auto!important}
body .topbar a.brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;min-width:0!important;max-width:48%!important;overflow:visible!important;margin:0!important}
body .topbar a.brand b{display:none!important}
body .topbar .brand img{display:block!important;width:auto!important;height:57px!important;max-width:min(195px,43vw)!important;max-height:62px!important;object-fit:contain!important}
body .topbar .tools{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;margin-inline-start:auto!important}
body .topbar .iconbtn{border:1px solid #3e3b69!important;border-radius:12px!important;background:#121b35!important;color:#ded3f6!important;box-shadow:none!important;min-width:42px!important;min-height:42px!important}
body .topbar .iconbtn:hover{background:#22264a!important;border-color:#7955bc!important}
body .topbar .d7-header-search{display:none!important}
body .topbar .d7-search-open{display:none!important}
body .d4v-footer .d4v-brand img,body .d4v-footer .d4v-brand a img{height:86px!important;max-height:100px!important;width:auto!important;max-width:200px!important;object-fit:contain!important}
body .foot-mark img{height:85px!important;max-width:200px!important;object-fit:contain!important}
@media(max-width:899px){
 body .topbar>.shell{min-height:67px!important;padding-inline:12px!important;gap:6px!important}
 body .topbar .brand img{height:53px!important;max-width:min(156px,40vw)!important;max-height:56px!important}
 body .topbar .tools{gap:6px!important;margin-inline-start:0!important}
 body .topbar .iconbtn{width:42px!important;min-width:42px!important;height:43px!important;min-height:43px!important}
 body .d4v-footer .d4v-brand img{height:78px!important;max-width:175px!important}
}
@media(max-width:370px){body .topbar .brand img{max-width:125px!important}body .topbar .iconbtn{width:38px!important;min-width:38px!important}}
/* Restore smart-search popup, no pink/red backgrounds or legacy header search field. */
body .palette{position:fixed!important;inset:0!important;z-index:99999!important;background:rgba(5,9,22,.87)!important;padding:clamp(74px,12vh,120px) 12px 30px!important;overflow-y:auto!important}
body .palette-box{width:100%!important;max-width:650px!important;margin-inline:auto!important;background:#101a34!important;border:1px solid #40366f!important;border-radius:19px!important;box-shadow:0 28px 75px #000b!important;color:#f4f0ff!important;overflow:hidden!important}
body .palette-field{background:#17213e!important;border-bottom:1px solid #393963!important;box-shadow:none!important;padding:14px!important;display:flex!important;gap:8px!important;align-items:center!important}
body .palette-field input,body .palette #palInput,body .palette-field input:focus{outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important;color:#f4f0ff!important;min-width:0!important;flex:1!important;font:inherit!important}
body .palette-results{background:#101a34!important;padding:12px!important;overflow-y:auto!important;max-height:min(65vh,680px)!important}
body .d4x-search-chips a,body .d4x-search-chips button,body .d4x-genre-chip{background:#1d2745!important;color:#e7dcfc!important;border:1px solid #443a71!important;border-radius:999px!important;box-shadow:none!important}
body .d4x-search-chips a:hover,body .d4x-search-chips button:hover{background:#302858!important;border-color:#8662cc!important}
body .d4x-palette-heading{color:#f2ebff!important}
body .d4x-palette-clear,body .d4x-all-genres,body .d4x-see-all{color:#bca1ed!important}
body .palette-row:hover,body .palette-row.cursor{background:#222c4c!important}
/* Shared cards, panels and functional buttons; preserve danger actions and semantic states. */
body.d6-theme .account-card,body.d6-theme .manage-card,body.d6-theme .auth-card,
body.d6-theme .contact-card,body.d6-theme .subscription-adfree-note,
body.d6-theme .d4v-library-controls,body.d6-theme .d4v-search-form,
body.d6-theme .d4x-genres-search{
 background:#151d38!important;border:1px solid #3b355f!important;box-shadow:0 10px 32px #0004!important;color:#f3ecff!important
}
body.d6-theme .subscription-adfree-note,body.d6-theme .device{background:#1b2543!important;border-color:#3b355f!important}
body.d6-theme .account-card .info-row{border-color:#303653!important}
body.d6-theme .account-card .status{background:#1e2847!important;color:#d8c9f2!important}
body.d6-theme .account-wrap a[href='/account/subscription'],
body.d6-theme .d4v-highlight,body.d6-theme .btn:not(.quiet),body.d6-theme .auth-btn,
body.d6-theme .d4v-search-form button,body.d6-theme .d4a-genres-search-submit,
body.d6-theme .account-wrap .logout button,body.d6-theme .r12-watch,
body.d6-theme .r12-submit,body.d6-theme .r12-comment-submit{
 background:var(--d13-gradient)!important;border:1px solid #7654b9!important;color:#fff!important;
 box-shadow:0 7px 19px #30205e65!important;border-radius:13px!important;text-decoration:none!important;
}
body.d6-theme .r12-icon,body.d6-theme .r12-tab,body.d6-theme .r12-tag,
body.d6-theme .r12-btn-secondary{border-color:#493b73!important;color:#e8dafa!important;background:#17213b!important}
body.d6-theme .r12-tab.active{background:#29234d!important;color:#fff!important}
body.d6-theme .r12-tab.active i{color:#a78bdb!important}
body.d6-theme .dock{background:#0b1125f3!important;border-top:1px solid #37335a!important}
body.d6-theme .dock a.on,body.d6-theme .dock button.on{color:#a98ee5!important;background:rgba(73,48,123,.12)!important}
body.d6-theme .d6-pager a[aria-current='page']{background:#3b286d!important;border-color:#8058bd!important}
/* Home hero: fill frames without letterbox; no warped images. */
.d11-home .d11-mobile-deck{height:clamp(330px,calc(88vw + 18px),380px)!important}
.d11-home .d11-slot{width:clamp(169px,49vw,199px)!important;height:auto!important;aspect-ratio:9/16!important;margin-left:calc(clamp(169px,49vw,199px)/-2)!important;background:#0e1429!important}
.d11-home .d11-slot img, .d11-home .d11-film-card img,.d11-home .d11-hero-main-image img{
 width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;background:#0e1429!important;
}
.d11-home .d11-hero-main-image{aspect-ratio:9/16!important;height:auto!important}
.d11-home .d11-film-card{background:#0e1429!important}
.d11-home .d11-cover{aspect-ratio:9/16!important;background:#0e1429!important}
.d11-home .d11-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#0e1429!important}
.d11-home .d11-card-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;align-items:center!important;justify-items:center!important;direction:ltr!important;font-size:10px!important;color:#c0b2df!important}
.d11-home .d11-card-meta>span{display:flex!important;align-items:center;justify-content:center;gap:3px;white-space:nowrap;min-width:0}
.d11-home .d11-card-meta i{color:#9171ce!important}
.d11-home .d11-hd,body.d6-theme .tile-src-badge{display:none!important}
.d11-home .d13-new{position:absolute;inset-block-start:6px;inset-inline-start:6px;background:linear-gradient(110deg,#302063,#6d43ae)!important;color:#eee5ff!important;border:1px solid #7e5ac0!important;border-radius:7px;padding:3px 7px;font-weight:800;font-size:10px;z-index:4}
.d11-home .d11-rank{color:#c6a7fa!important;text-shadow:0 2px 7px #000!important}
.d11-home .d11-slot[data-rel='0'],.d11-home .d11-film-card.active{border-color:#8255ce!important;box-shadow:0 0 0 1px #714ba0,0 0 24px #7043c280!important}
.d11-home .d11-primary,body.d6-theme .d11-primary{background:var(--d13-gradient)!important;border:1px solid #7852bc!important;box-shadow:0 8px 22px #38206e80!important}
.d11-home .d11-dots button.active{background:#8a60cc!important}
.d11-home .d11-chip.active,.d11-home .d11-chip:hover{background:#302250!important;border-color:#7753b9!important;box-shadow:none!important}
.d11-home .d11-kicker{background:#292146!important;border-color:#57418c!important;color:#dfd0fb!important}
@media(max-width:899px){
 .d11-home .d11-card-meta{font-size:9px!important;gap:1px!important}
 .d11-home .d11-card-meta>span{gap:2px!important}
 .d11-home .d11-mobile-title{color:#f4ecff!important}
 .d11-home .d11-mobile-kicker{color:#b7a3e5!important}
}


/* CSS SOURCE: static/css/d4a-unified-v14.css */
/* Drama4All V14: a restrained, consistent design system matched to the logo. */
body.d6-theme {
  --d14-bg:#071024;
  --d14-panel:#111b35;
  --d14-panel-raised:#17213d;
  --d14-stroke:#454071;
  --d14-stroke-hot:#8156bd;
  --d14-ink:#eee9ff;
  --d14-muted:#baaed2;
  --d14-primary:linear-gradient(112deg,#42297f 0%,#7440b2 62%,#a044a9 100%);
  --d14-primary-hover:linear-gradient(112deg,#503197 0%,#8552c5 62%,#ac57b6 100%);
  --night:#071024!important; --curtain:#111b35!important; --velvet:#111b35!important;
  --riser:#1a2544!important; --hair:#2b3458!important; --hair-2:#454071!important;
  --ember:#8157ba!important; --amber:#aa85d2!important;
  --accent:#7440b2!important;--p-bg:#071024!important;
  --p-panel:#111b35!important;--p-panel2:#17213d!important;
  --p-purple:#7745b7!important;--p-pink:#a044a9!important;--p-border:#454071!important;
  background:#071024!important;
  color:var(--d14-ink);
}
body.d6-theme .aura {background:radial-gradient(ellipse 65% 33% at 50% -10%,rgba(88,50,151,.18),transparent 87%),#071024!important;}
/* Topbar uses same dimensions on /series and all other pages. */
body.d6-theme .topbar,
body.d6-theme:has(.d11-home) .topbar {background:#091126f5!important;border-bottom:1px solid #2a3354!important;z-index:150!important;}
body.d6-theme .topbar>.shell,
body.d6-theme:has(.d11-home) .topbar>.shell {height:70px!important;min-height:70px!important;max-width:1410px!important;display:flex!important;align-items:center!important;gap:9px!important;}
body.d6-theme .topbar .brand img,
body.d6-theme:has(.d11-home) .topbar .brand img {height:55px!important;max-height:59px!important;max-width:min(190px,40vw)!important;width:auto!important;object-fit:contain!important;}
body.d6-theme .topbar .brand b,
body.d6-theme:has(.d11-home) .topbar .brand b {display:none!important;}
body.d6-theme .topbar .tools {display:flex!important;align-items:center!important;gap:7px!important;}
body.d6-theme .topbar .iconbtn,
body.d6-theme:has(.d11-home) .topbar .iconbtn {border:1px solid #454071!important;background:#131d38!important;color:#cbb7ed!important;border-radius:12px!important;box-shadow:none!important;}
body.d6-theme .topbar .iconbtn:hover,
body.d6-theme .topbar .iconbtn:focus-visible {background:#23294d!important;border-color:#7b56b4!important;color:#f0e6ff!important;}
body.d6-theme .topbar .mainnav a.on {color:#bea1f2!important;border-color:#8051bb!important;}
@media(max-width:899px) {
 body.d6-theme .topbar>.shell,
 body.d6-theme:has(.d11-home) .topbar>.shell {height:70px!important;min-height:70px!important;padding-inline:12px!important;gap:5px!important;}
 body.d6-theme .topbar .brand img,
 body.d6-theme:has(.d11-home) .topbar .brand img {height:51px!important;max-width:min(172px,41vw)!important;}
 body.d6-theme .topbar .iconbtn {width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;}
 body.d6-theme .topbar .tools {gap:5px!important;}
}
/* Every dropdown, including the site language and account popover. */
body.d6-theme .langmenu,
body.d6-theme .accountmenu,
body.d6-theme .d4a-lang-panel {background:#111b35!important;border:1px solid #454071!important;box-shadow:0 15px 42px #0009!important;color:#f3ebff!important;border-radius:15px!important;}
body.d6-theme .langmenu button,
body.d6-theme .accountmenu a,
body.d6-theme .accountmenu button {color:#eee6fb!important;}
body.d6-theme .langmenu button:hover,
body.d6-theme .accountmenu a:hover {background:#1e294a!important;color:#fff!important;}
body.d6-theme .langmenu button.on {color:#bca0eb!important;background:#25234b!important;}
/* Single language for panels and input controls; transparent filter-toolbar wrapper. */
body.d6-theme .account-card,
body.d6-theme .manage-card,
body.d6-theme .auth-card,
body.d6-theme .contact-card,
body.d6-theme .subscription-adfree-note,
body.d6-theme .r12-card,
body.d6-theme .r12-episodes,
body.d6-theme .r12-episode-list,
body.d6-theme .palette-box,
body.d6-theme .d4x-genres-search,
body.d6-theme .d4v-search-form {
 background:#111b35!important;border:1px solid #454071!important;color:#f5efff!important;box-shadow:none!important;
}
body.d6-theme .account-wrap .status,
body.d6-theme .subscription-adfree-note,
body.d6-theme .device,
body.d6-theme .palette-results,
body.d6-theme .palette-field {background:#17213d!important;border-color:#454071!important;}
body.d6-theme .d4v-library-controls,
body.d6-theme .chips.language-filter {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
body.d6-theme .d4v-toolbar-link,
body.d6-theme .d4v-recent-control,
body.d6-theme .d4a-lang-details>summary {background:#111b35!important;color:#e8dfff!important;border:1px solid #555083!important;border-radius:13px!important;box-shadow:none!important;}
body.d6-theme .d4v-toolbar-link:hover,
body.d6-theme .d4a-lang-details[open]>summary {background:#202649!important;border-color:#815abb!important;color:#fff!important;}
body.d6-theme input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
body.d6-theme textarea,
body.d6-theme select,
body.d6-theme .auth-field input,
body.d6-theme .d4a-lang-searchbar {background:#17213d!important;color:#f4edff!important;border:1px solid #454071!important;box-shadow:none!important;}
body.d6-theme input:focus-visible,
body.d6-theme textarea:focus-visible,
body.d6-theme select:focus-visible {outline:1px solid #8d66c2!important;border-color:#8d66c2!important;}
body.d6-theme .palette-field #palInput,
body.d6-theme .d4v-search-form input,
body.d6-theme .d4a-lang-searchbar input {background:transparent!important;border:0!important;box-shadow:none!important;}
body.d6-theme .auth-field input::placeholder,
body.d6-theme input::placeholder {color:#a99ebd!important;}
body.d6-theme .d6-pager,
body.d6-theme .pager {background:transparent!important;border:0!important;box-shadow:none!important;}
body.d6-theme .d6-pager a,
body.d6-theme .pager a {background:#111b35!important;border:1px solid #4b447c!important;color:#d7c6f0!important;box-shadow:none!important;border-radius:11px!important;}
body.d6-theme .d6-pager a:hover,
body.d6-theme .pager a:hover {background:#24254b!important;border-color:#8664bd!important;}
body.d6-theme .d6-pager a[aria-current=page],
body.d6-theme .pager a.on {background:#352568!important;border-color:#855fc1!important;color:#fff!important;}
/* Only two functional button variants: solid primary and outlined secondary. */
body.d6-theme .d11-primary,
body.d6-theme .r12-watch,
body.d6-theme .btn-primary,
body.d6-theme .auth-btn,
body.d6-theme .r12-submit,
body.d6-theme .r12-comment-submit,
body.d6-theme .d4v-search-form button,
body.d6-theme .d4a-genres-search-submit,
body.d6-theme .premium-welcome-primary,
body.d6-theme .account-wrap a[href='/account/subscription'] {
 background:var(--d14-primary)!important;color:#fff!important;border:1px solid #8056bd!important;
 border-radius:13px!important;box-shadow:0 6px 18px #21154955!important;text-decoration:none!important;
}
body.d6-theme .d11-primary:hover,
body.d6-theme .r12-watch:hover,
body.d6-theme .auth-btn:hover,
body.d6-theme .d4v-search-form button:hover {background:var(--d14-primary-hover)!important;}
body.d6-theme .d11-secondary,
body.d6-theme .btn-secondary,
body.d6-theme .d11-see-all,
body.d6-theme .r12-btn-secondary,
body.d6-theme .r12-icon,
body.d6-theme .account-wrap .logout button,
body.d6-theme .d4v-contact,
body.d6-theme .device-revoke {background:#111b35!important;border:1px solid #594780!important;color:#dfd4ee!important;border-radius:13px!important;box-shadow:none!important;}
body.d6-theme .d11-secondary:hover,
body.d6-theme .r12-icon:hover,
body.d6-theme .d4v-contact:hover {background:#232447!important;border-color:#8563b8!important;}
/* Series tabs: background ALWAYS stable. Only the label/underline indicates active. */
body.d6-theme .r12-tabs-wrap {background:#101b34!important;border-bottom:1px solid #39345f!important;}
body.d6-theme .r12-tab,
body.d6-theme .r12-tab.active,
body.d6-theme .r12-tab:hover,
body.d6-theme .r12-tab:focus-visible {background:transparent!important;box-shadow:none!important;border:0!important;color:#bdb4d3!important;}
body.d6-theme .r12-tab.active {color:#f3edff!important;font-weight:800!important;}
body.d6-theme .r12-tab.active i {color:#b595e6!important;}
body.d6-theme .r12-tab.active::after {background:#8058ba!important;}
/* Active navigation text/icon changes without colored solid square. */
body.d6-theme .dock,
body.d6-theme .d4v-dock {background:#091226f4!important;border-top:1px solid #37375b!important;}
body.d6-theme .dock a,
body.d6-theme .dock button,
body.d6-theme .dock a.on,
body.d6-theme .dock button.on,
body.d6-theme .dock a:hover,
body.d6-theme .dock button:hover {background:transparent!important;box-shadow:none!important;border:0!important;}
body.d6-theme .dock a.on,
body.d6-theme .dock button.on {color:#ba95eb!important;}
body.d6-theme .dock a.on i,
body.d6-theme .dock button.on i {color:#bb94eb!important;}
body.d6-theme .foot a,
body.d6-theme .foot a:hover,
body.d6-theme .d4v-footer a,
body.d6-theme .d4v-footer a:hover {background:transparent!important;box-shadow:none!important;}
body.d6-theme .foot a:hover,
body.d6-theme .d4v-footer a:hover {color:#c4a2ee!important;}
/* Homepage: rating and the total-view count each have their own place. */
body.d6-theme .d11-home .d11-rank {color:#c9b5ed!important;text-shadow:0 2px 7px #040818,1px 1px 1px #3b236d!important;}
body.d6-theme .d11-home .d11-card-meta {display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-around!important;gap:3px!important;direction:ltr!important;}
body.d6-theme .d11-home .d11-card-meta>span {display:inline-flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important;}
body.d6-theme .d11-home .d11-card-meta i {color:#a68ada!important;}
body.d6-theme .d11-home .d14-today-tag {position:absolute;bottom:5px;inset-inline-end:5px;z-index:4;padding:2px 5px;background:#1a1d39dc;border:1px solid #694ba5;border-radius:7px;color:#d7b7ff;font-weight:800;font-size:10px;direction:ltr;}
body.d6-theme .d11-home .d11-cover {aspect-ratio:9/16!important;background:#10172a!important;overflow:hidden!important;}
body.d6-theme .d11-home .d11-cover img {width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;}
body.d6-theme .d11-home .d11-film-card.active,
body.d6-theme .d11-home .d11-slot[data-rel='0'] {border-color:#8561bd!important;box-shadow:0 0 0 1px #674b9c,0 0 17px #6141b266!important;}
body.d6-theme .d11-home .d11-dots button.active {background:#8155bd!important;}
body.d6-theme .d11-home .d11-genres .d11-chip.active {background:#302654!important;border-color:#7f5bb4!important;color:#fff!important;}
body.d6-theme .d11-home .d11-see-all {background:#111b35!important;}
body.d6-theme .d11-home .d13-new,
body.d6-theme .tile-new {background:#352367!important;color:#dac4ff!important;border:1px solid #7654b5!important;}
body.d6-theme .tile-eps,
body.d6-theme .tile-eps i {color:#b693e4!important;}
body.d6-theme .d11-mobile-kicker,
body.d6-theme .d11-kicker {color:#c4a3ef!important;}
body.d6-theme .d11-hot {color:#b994e8!important;}
@media(max-width:899px) {
 body.d6-theme .d11-home .d11-card-meta {font-size:9px!important;}
 body.d6-theme .d11-home .d11-rank {font-size:2.1rem!important;}
 body.d6-theme .d11-home .d11-mobile-stats {flex-wrap:wrap!important;gap:7px!important;}
}


/* CSS SOURCE: static/brand/d4a-brand-v18.css */
/* Drama4All Brand V18 — one brand language, two accessible themes.
   Layout intentionally left to the site's existing V11/V14 components.
   Design sources: user-supplied brand boards and current live ZIP, 2026-10-24. */
:root, html[data-d4a-theme="dark"] {
  color-scheme: dark;
  /* User approved night reference: near-black, vivid violet, controlled pink. */
  --brand-bg:#0B0B0F; --brand-surface:#11121A; --brand-surface2:#1E1B2E;
  --brand-field:#161421; --brand-header:rgba(11,11,15,.96);
  --brand-text:#F1F5F9; --brand-muted:#B5B2C4; --brand-soft:#9290A7;
  --brand-border:#2B273A; --brand-border-hot:#7C3AED;
  --brand-purple:#A855F7; --brand-purple-deep:#7C3AED; --brand-teal:#A855F7;
  --brand-pink:#EC4899; --brand-focus:#A855F7; --brand-tab:#1E1B2E;
  --brand-glow:rgba(124,58,237,.19);
  --brand-primary:linear-gradient(110deg,#7C3AED 0%,#A855F7 51%,#EC4899 100%);
  --brand-primary-hover:linear-gradient(110deg,#8B49FF 0%,#B56AFF 51%,#F45EA7 100%);
  --brand-shadow:0 15px 34px rgba(0,0,0,.38);
  --night:var(--brand-bg);--velvet:var(--brand-surface);--curtain:var(--brand-surface);
  --riser:var(--brand-surface2);--paper:var(--brand-text);--haze:var(--brand-muted);
  --dust:var(--brand-soft);--ember:var(--brand-purple);--ember-lo:var(--brand-purple-deep);
  --amber:var(--brand-purple);--violet:var(--brand-purple);
  --hair:var(--brand-border);--hair-2:var(--brand-border-hot);
  --accent:var(--brand-purple);
  --d6-bg:var(--brand-bg);--d6-surface:var(--brand-surface);--d6-surface-2:var(--brand-surface2);
  --d6-purple:var(--brand-purple);--d6-text:var(--brand-text);--d6-muted:var(--brand-muted);
  --p-bg:var(--brand-bg);--p-panel:var(--brand-surface);--p-panel2:var(--brand-surface2);
  --p-purple:var(--brand-purple);--p-pink:var(--brand-pink);--p-border:var(--brand-border);
  --d14-bg:var(--brand-bg);--d14-panel:var(--brand-surface);--d14-panel-raised:var(--brand-surface2);
  --d14-stroke:var(--brand-border);--d14-stroke-hot:var(--brand-purple);
  --d14-ink:var(--brand-text);--d14-muted:var(--brand-muted);
  --d14-primary:var(--brand-primary);--d14-primary-hover:var(--brand-primary-hover);
  --d17-primary:var(--brand-primary);--d17-primary-hover:var(--brand-primary-hover);
}
html[data-d4a-theme="light"] {
  color-scheme: light;
  --brand-bg:#f5f7fa;--brand-surface:#ffffff;--brand-surface2:#edf1f6;
  --brand-field:#f5f7fb;--brand-header:rgba(255,255,255,.96);
  --brand-text:#243447;--brand-muted:#64758a;--brand-soft:#7d8c9d;
  --brand-border:#dde4ed;--brand-border-hot:#b5a8d9;
  --brand-purple:#8171b3;--brand-purple-deep:#6555a3;--brand-teal:#74a3a3;
  --brand-pink:#af89bf;--brand-focus:#8572bc;--brand-tab:#f0eef8;
  --brand-glow:rgba(136,117,182,.12);
  --brand-primary:linear-gradient(112deg,#7770ae 0%,#8b7fc1 52%,#a592cb 100%);
  --brand-primary-hover:linear-gradient(112deg,#6964a3 0%,#8275b7 52%,#9682c1 100%);
  --brand-shadow:0 11px 25px rgba(43,61,87,.075);
  --night:var(--brand-bg);--velvet:var(--brand-surface);--curtain:var(--brand-surface);
  --riser:var(--brand-surface2);--paper:var(--brand-text);--haze:var(--brand-muted);
  --dust:var(--brand-soft);--ember:var(--brand-purple);--ember-lo:var(--brand-purple-deep);
  --amber:var(--brand-purple);--violet:var(--brand-purple);
  --hair:var(--brand-border);--hair-2:var(--brand-border-hot);
  --accent:var(--brand-purple);
  --d6-bg:var(--brand-bg);--d6-surface:var(--brand-surface);--d6-surface-2:var(--brand-surface2);
  --d6-purple:var(--brand-purple);--d6-text:var(--brand-text);--d6-muted:var(--brand-muted);
  --p-bg:var(--brand-bg);--p-panel:var(--brand-surface);--p-panel2:var(--brand-surface2);
  --p-purple:var(--brand-purple);--p-pink:var(--brand-pink);--p-border:var(--brand-border);
  --d14-bg:var(--brand-bg);--d14-panel:var(--brand-surface);--d14-panel-raised:var(--brand-surface2);
  --d14-stroke:var(--brand-border);--d14-stroke-hot:var(--brand-purple);
  --d14-ink:var(--brand-text);--d14-muted:var(--brand-muted);
  --d14-primary:var(--brand-primary);--d14-primary-hover:var(--brand-primary-hover);
  --d17-primary:var(--brand-primary);--d17-primary-hover:var(--brand-primary-hover);
}
/* Carry the palette through public body classes, including isolated series pages. */
html[data-d4a-theme] body,html[data-d4a-theme] body.d6-theme,
html[data-d4a-theme] body.d4a-v4 {
 --night:var(--brand-bg)!important;--velvet:var(--brand-surface)!important;
 --curtain:var(--brand-surface)!important;--riser:var(--brand-surface2)!important;
 --paper:var(--brand-text)!important;--haze:var(--brand-muted)!important;
 --dust:var(--brand-soft)!important;--ember:var(--brand-purple)!important;
 --ember-lo:var(--brand-purple-deep)!important;--violet:var(--brand-purple)!important;
 --amber:var(--brand-purple)!important;--hair:var(--brand-border)!important;
 --hair-2:var(--brand-border-hot)!important;
 --accent:var(--brand-purple)!important;
 --d14-primary:var(--brand-primary)!important;--d14-primary-hover:var(--brand-primary-hover)!important;
 --d14-bg:var(--brand-bg)!important;--d14-panel:var(--brand-surface)!important;
 --d14-panel-raised:var(--brand-surface2)!important;
 --d14-stroke:var(--brand-border)!important;--d14-stroke-hot:var(--brand-border-hot)!important;
 --d14-ink:var(--brand-text)!important;--d14-muted:var(--brand-muted)!important;
 --p-bg:var(--brand-bg)!important;--p-panel:var(--brand-surface)!important;
 --p-panel2:var(--brand-surface2)!important;--p-border:var(--brand-border)!important;
 --p-purple:var(--brand-purple)!important;--p-pink:var(--brand-pink)!important;
 background-color:var(--brand-bg)!important;color:var(--brand-text)!important;
}
html[data-d4a-theme] {background:var(--brand-bg)!important;accent-color:var(--brand-purple)}
html[data-d4a-theme] body .aura,
html[data-d4a-theme] body.d6-theme .aura {background:radial-gradient(ellipse 70% 26% at 50% -16%,var(--brand-glow),transparent 80%),var(--brand-bg)!important;}
html[data-d4a-theme] body .topbar,html[data-d4a-theme] body.d6-theme .topbar,
html[data-d4a-theme] body.d6-theme:has(.d11-home) .topbar {
 background:var(--brand-header)!important;border-bottom:1px solid var(--brand-border)!important;
 backdrop-filter:blur(15px) saturate(1.16)!important;box-shadow:0 3px 13px rgba(0,0,0,.025)!important;
}
html[data-d4a-theme] body .topbar>.shell,
html[data-d4a-theme] body.d6-theme .topbar>.shell {
 display:flex!important;align-items:center!important;gap:clamp(8px,1.6vw,20px)!important;
 min-height:64px!important;height:64px!important;
}
/* Local responsive brandmark. Keeps width for the four working controls. */
html[data-d4a-theme] body .topbar .brand,
html[data-d4a-theme] body.d6-theme .topbar .brand {display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 1 auto!important;min-width:0!important;max-width:min(290px,37vw)!important;}
html[data-d4a-theme] body .topbar .brand img,
html[data-d4a-theme] body.d6-theme .topbar .brand img,
html[data-d4a-theme] body.d6-theme:has(.d11-home) .topbar .brand img {
 width:43px!important;height:43px!important;max-height:43px!important;max-width:43px!important;flex:none!important;object-fit:contain!important;
}
html[data-d4a-theme] body .d4b-wordmark {display:flex;flex-direction:column;gap:0;min-width:0;white-space:nowrap;line-height:1.2;color:var(--brand-text);}
html[data-d4a-theme] body .d4b-wordmark b{font-size:clamp(13px,1.55vw,20px);font-weight:900;letter-spacing:-.03em;}
html[data-d4a-theme] body .d4b-wordmark em{font-style:normal;color:var(--brand-purple);}
html[data-d4a-theme] body .d4b-wordmark small{font-size:10px;letter-spacing:0;color:var(--brand-muted);font-weight:600;}
html[data-d4a-theme] body .topbar.d7-search-open .d4b-wordmark{display:none!important;}
html[data-d4a-theme] body .topbar.d7-search-open .brand{max-width:45px!important;}
html[data-d4a-theme] body .topbar .tools,html[data-d4a-theme] body.d6-theme .topbar .tools{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;margin-inline-start:auto!important;}
html[data-d4a-theme] body .topbar .iconbtn,
html[data-d4a-theme] body.d6-theme .topbar .iconbtn,
html[data-d4a-theme] body.d6-theme:has(.d11-home) .topbar .iconbtn {
 width:39px!important;min-width:39px!important;height:39px!important;min-height:39px!important;
 display:grid!important;place-items:center!important;padding:0!important;border-radius:12px!important;
 background:var(--brand-surface)!important;border:1px solid var(--brand-border)!important;
 color:var(--brand-muted)!important;box-shadow:none!important;transition:.18s ease;
}
html[data-d4a-theme] body .topbar .iconbtn:hover,
html[data-d4a-theme] body .topbar .iconbtn:focus-visible,
html[data-d4a-theme] body .topbar .iconbtn[aria-expanded="true"] {
 background:var(--brand-surface2)!important;border-color:var(--brand-border-hot)!important;
 color:var(--brand-purple)!important;
}
html[data-d4a-theme] body .topbar .d4b-theme-toggle{color:var(--brand-purple)!important;}
html[data-d4a-theme] body .mainnav a{color:var(--brand-muted)!important;background:transparent!important;}
html[data-d4a-theme] body .mainnav a:is(:hover,.on){color:var(--brand-purple)!important;}
html[data-d4a-theme] body .mainnav a.on::after{background:var(--brand-purple)!important;}
/* Floating controls and panels all share the same surface. */
html[data-d4a-theme] body :is(.accountmenu,.langmenu,.d4a-lang-panel,.palette-box,.d7-header-search,.d7-search-suggestions,.d4a-search-modal,.d4a-lang-panel,.d4a-genres-panel,.premium-welcome-card){
 background:var(--brand-surface)!important;border:1px solid var(--brand-border)!important;
 color:var(--brand-text)!important;border-radius:16px!important;box-shadow:var(--brand-shadow)!important;
}
html[data-d4a-theme] body :is(.accountmenu,.langmenu) :is(a,button){color:var(--brand-text)!important;}
html[data-d4a-theme] body :is(.accountmenu,.langmenu) :is(a,button):hover,
html[data-d4a-theme] body .langmenu button.on {background:var(--brand-surface2)!important;color:var(--brand-purple)!important;}
html[data-d4a-theme] body .palette{background:rgba(7,10,17,.72)!important;}
html[data-d4a-theme="light"] body .palette{background:rgba(35,52,71,.35)!important;}
html[data-d4a-theme] body .palette-field,html[data-d4a-theme] body .accountmenu-head,
html[data-d4a-theme] body .accountmenu-sub{background:var(--brand-surface)!important;border-color:var(--brand-border)!important;}
html[data-d4a-theme] body .d7-search-form input,
html[data-d4a-theme] body .d7-search-form button{color:var(--brand-text)!important;}
/* Surfaces: no changes to geometry or document flow. */
html[data-d4a-theme] body :is(.account-card,.auth-card,.contact-card,.manage-card,.r12-card,.r12-episodes,.r12-episode-list,.r12-tabs-wrap,.subscription-adfree-note,.device,.d4v-search-form,.d4x-genres-search,.d4x-genre-card,.ui-card,.d4v-library-search,.d4v-toolbar-link,.d4v-recent-control,.d4a-lang-details>summary,.r12-episode-picker,.r12-select,.contact-action,.d4a-genres-controls,.d4x-genres-page .d4x-genres-search,.auth-wrap .auth-card){
 background:var(--brand-surface)!important;color:var(--brand-text)!important;
 border-color:var(--brand-border)!important;box-shadow:var(--brand-shadow)!important;
}
html[data-d4a-theme] body .d4x-genre-icon,html[data-d4a-theme] body .contact-action i{background:var(--brand-surface2)!important;color:var(--brand-purple)!important;}
html[data-d4a-theme] body :is(.account-card,.contact-card,.auth-card,.r12-card) h1,
html[data-d4a-theme] body :is(.account-card,.contact-card,.auth-card,.r12-card) h2{color:var(--brand-text)!important;}
html[data-d4a-theme] body :is(.pagehead h1,.account-head h1,.d11-shelf-head h2,.d4x-genres-page h1){color:var(--brand-text)!important;}
html[data-d4a-theme] body :is(.account-head p,.pagehead p,.auth-head p,.info-row span,.d11-card-meta,.d11-title,.auth-foot,.d4v-brand p,.d4x-genre-card small){color:var(--brand-muted)!important;}
html[data-d4a-theme] body .d11-title{color:var(--brand-text)!important;}
html[data-d4a-theme] body :is(.account-card .info-row,.auth-divider,.accountmenu-sub,.device){border-color:var(--brand-border)!important;}
html[data-d4a-theme] body :is(.subscription-adfree-note,.status.off,.account-card .status,.device){background:var(--brand-surface2)!important;color:var(--brand-muted)!important;}
html[data-d4a-theme] body .d4v-library-controls,
html[data-d4a-theme] body .chips.language-filter {background:transparent!important;border:0!important;box-shadow:none!important;}
html[data-d4a-theme] body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
html[data-d4a-theme] body textarea,html[data-d4a-theme] body select,
html[data-d4a-theme] body.d6-theme input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]) {
 background:var(--brand-field)!important;border:1px solid var(--brand-border)!important;
 color:var(--brand-text)!important;box-shadow:none!important;
}
html[data-d4a-theme] body input::placeholder,html[data-d4a-theme] body textarea::placeholder{color:var(--brand-soft)!important;opacity:1;}
html[data-d4a-theme] body input:focus-visible,html[data-d4a-theme] body textarea:focus-visible,
html[data-d4a-theme] body select:focus-visible{outline:2px solid var(--brand-focus)!important;border-color:var(--brand-focus)!important;}
html[data-d4a-theme] body :is(.d4v-search-form,.d4a-lang-searchbar,.palette-field,.d7-search-form) input,
html[data-d4a-theme] body.d6-theme :is(.d4v-search-form,.d4a-lang-searchbar,.palette-field) input{background:transparent!important;border:0!important;box-shadow:none!important;}
html[data-d4a-theme] body :is(.d4a-lang-panel,.d4a-lang-panel a,.d4v-toolbar-link,.d4v-recent-control){color:var(--brand-text)!important;}
/* Primary / secondary actions — reusable visual language without altering controls' behavior. */
html[data-d4a-theme] body :is(.d11-primary,.r12-watch,.btn-primary,.auth-btn,.r12-submit,.r12-comment-submit,.d4v-search-form button,.d4a-genres-search-submit,.premium-welcome-primary,.d4v-highlight,.d7-search-form button,.btn:not(.quiet),.d4a-genres-search-submit){
 background:var(--brand-primary)!important;border:1px solid transparent!important;
 color:#ffffff!important;box-shadow:0 6px 16px var(--brand-glow)!important;
 border-radius:12px!important;}
html[data-d4a-theme] body :is(.d11-primary,.r12-watch,.btn-primary,.auth-btn,.r12-submit,.r12-comment-submit,.d4v-highlight):hover{
 background:var(--brand-primary-hover)!important;filter:none!important;}
html[data-d4a-theme] body :is(.d11-secondary,.btn-secondary,.d11-see-all,.r12-btn-secondary,.r12-icon,.d4v-contact,.account-wrap .logout button,.contact-action,.btn.quiet,.device-revoke,.d6-pager a,.pager a,.d4a-genres-pager a,.d4a-lang-details>summary,.d4v-toolbar-link,.d4v-recent-control){
 background:var(--brand-surface)!important;color:var(--brand-text)!important;
 border:1px solid var(--brand-border)!important;box-shadow:none!important;
 border-radius:12px!important;}
html[data-d4a-theme] body :is(.d11-secondary,.btn-secondary,.d11-see-all,.r12-btn-secondary,.r12-icon,.d4v-contact,.d6-pager a,.pager a,.d4a-lang-details>summary):hover{
 background:var(--brand-surface2)!important;border-color:var(--brand-border-hot)!important;color:var(--brand-purple)!important;}
html[data-d4a-theme] body :is(.d6-pager a[aria-current="page"],.pager a.on,.d4a-genres-pager a[aria-current="page"]){
 background:var(--brand-tab)!important;border-color:var(--brand-border-hot)!important;color:var(--brand-purple)!important;}
html[data-d4a-theme] body :is(.d6-pager,.pager,.d4a-genres-pager){background:transparent!important;border:0!important;box-shadow:none!important;}
/* Home and series preserve poster, hero positioning, tabs and episode hierarchy. */
html[data-d4a-theme] body .d11-home,html[data-d4a-theme] body .d11-home .d11-content,
html[data-d4a-theme] body .d11-home .d11-scene {background-color:var(--brand-bg)!important;}
html[data-d4a-theme] body .d11-home .d11-cover,
html[data-d4a-theme] body .d11-home .d11-cover img {background-color:var(--brand-surface)!important;border-color:var(--brand-border)!important;}
html[data-d4a-theme] body .d11-home .d11-film-card.active,
html[data-d4a-theme] body.d6-theme .d11-home .d11-film-card.active,
html[data-d4a-theme] body .d11-home .d11-slot[data-rel="0"]{
 border-color:var(--brand-purple)!important;box-shadow:0 0 0 2px var(--brand-glow),0 12px 26px rgba(0,0,0,.17)!important;}
html[data-d4a-theme] body :is(.d11-genres .d11-chip,.genrebar a,.d11-chip){background:var(--brand-surface)!important;border-color:var(--brand-border)!important;color:var(--brand-text)!important;box-shadow:none!important;}
html[data-d4a-theme] body :is(.d11-chip.active,.d11-chip:hover,.genrebar a.on){background:var(--brand-tab)!important;color:var(--brand-purple)!important;border-color:var(--brand-border-hot)!important;}
html[data-d4a-theme] body .d11-home .d11-shelf-head h2{color:var(--brand-text)!important;}
html[data-d4a-theme] body .d11-home .d11-rank{color:var(--brand-purple)!important;text-shadow:0 1px 4px var(--brand-glow)!important;}
html[data-d4a-theme] body .d11-home :is(.d11-dots button.active,.d11-mobile-dots button.active),
html[data-d4a-theme] body .d11-home .d11-dots button.active {background:var(--brand-purple)!important;}
html[data-d4a-theme] body :is(.d13-new,.tile-new,.d11-home .d13-new){background:var(--brand-tab)!important;color:var(--brand-purple)!important;border-color:var(--brand-border-hot)!important;}
html[data-d4a-theme] body :is(.tile-eps,.tile-eps i,.d11-mobile-kicker,.d11-kicker,.d11-hot){color:var(--brand-purple)!important;}
html[data-d4a-theme] body :is(.r12-tabs-wrap,.r12-tabs,.r12-tabs-row){background:var(--brand-surface)!important;border-color:var(--brand-border)!important;}
html[data-d4a-theme] body :is(.r12-tab,.r12-tab:hover,.r12-tab.active,.r12-tab:focus-visible){background:transparent!important;box-shadow:none!important;color:var(--brand-muted)!important;border-color:transparent!important;}
html[data-d4a-theme] body .r12-tab.active{color:var(--brand-purple)!important;font-weight:800!important;}
html[data-d4a-theme] body .r12-tab.active::after{background:var(--brand-purple)!important;}
html[data-d4a-theme] body .r12-icon.on{color:var(--brand-purple)!important;border-color:var(--brand-border-hot)!important;background:var(--brand-tab)!important;}
/* Footer + phone dock. Active nav changes text/icon, never fills an ugly square. */
html[data-d4a-theme] body :is(.foot,.d4v-footer,.footer){background:var(--brand-surface)!important;border-color:var(--brand-border)!important;box-shadow:none!important;}
html[data-d4a-theme] body :is(.d4v-footer,.foot) :is(a,h2,button){color:var(--brand-text)!important;}
html[data-d4a-theme] body :is(.d4v-footer,.foot) a:hover{background:transparent!important;color:var(--brand-purple)!important;}
html[data-d4a-theme] body .d4v-brand>a{display:flex;align-items:center;gap:9px;}
html[data-d4a-theme] body .d4v-brand>a img,
html[data-d4a-theme] body .d4v-footer .d4v-brand img{
 width:51px!important;height:51px!important;max-width:51px!important;max-height:51px!important;object-fit:contain!important;}
html[data-d4a-theme] body .d4v-brand>a strong{font-weight:900;font-size:1.16rem;color:var(--brand-text)!important;}
html[data-d4a-theme] body .d4v-brand p{color:var(--brand-muted)!important;}
html[data-d4a-theme] body :is(.dock,.d4v-dock){background:var(--brand-header)!important;border-color:var(--brand-border)!important;box-shadow:0 -4px 17px rgba(0,0,0,.06)!important;}
html[data-d4a-theme] body :is(.dock,.d4v-dock) :is(a,button){color:var(--brand-muted)!important;background:transparent!important;border:0!important;box-shadow:none!important;}
html[data-d4a-theme] body :is(.dock,.d4v-dock) :is(a.on,button.on){color:var(--brand-purple)!important;background:transparent!important;}
html[data-d4a-theme] body :is(.dock,.d4v-dock) :is(a.on i,button.on i){color:var(--brand-purple)!important;}
/* Light surfaces: no residual dark-colored inline film/card blocks leaking through. */
html[data-d4a-theme="light"] body :is(.d11-mobile-info,.d11-mobile-body,.d11-kicker,.d11-mobile-kicker){color:var(--brand-text)!important;}
html[data-d4a-theme="light"] body :is(.d11-stats,.d11-mobile-stats,.d11-card-meta,.account-wrap .info-row b,.r12-series-title,.r12-card p){color:var(--brand-text)!important;}
html[data-d4a-theme="light"] body :is(.r12-episode-item,.r12-episode-card,.r12-comments,.r12-comment,.r12-form,.r12-review,.r12-episodes,.r12-episode-list,.r12-card,.d4v-account,.d4a-genres-summary){color:var(--brand-text)!important;}
html[data-d4a-theme="light"] body .auth-card :is(p,label,h1),
html[data-d4a-theme="light"] body .account-wrap :is(b,strong,h1,h2){color:var(--brand-text)!important;}
html[data-d4a-theme="light"] body .d11-home .d11-shelf-head h2{color:var(--brand-text)!important;}
html[data-d4a-theme="light"] body .google-btn{background:#fff!important;color:#243447!important;border:1px solid #dce2e9!important;}
@media(max-width:899px){
 html[data-d4a-theme] body .topbar>.shell,
 html[data-d4a-theme] body.d6-theme .topbar>.shell,
 html[data-d4a-theme] body.d6-theme:has(.d11-home) .topbar>.shell{
   min-height:60px!important;height:60px!important;padding-inline:clamp(10px,2.8vw,16px)!important;gap:6px!important;
 }
 html[data-d4a-theme] body .topbar .brand,
 html[data-d4a-theme] body.d6-theme .topbar .brand{max-width:calc(100vw - 206px)!important;}
 html[data-d4a-theme] body .topbar .brand img,
 html[data-d4a-theme] body.d6-theme .topbar .brand img{
   width:39px!important;height:39px!important;max-height:39px!important;max-width:39px!important;
 }
 html[data-d4a-theme] body .topbar .d4b-wordmark b{font-size:clamp(12px,3.9vw,17px)!important;}
 html[data-d4a-theme] body .topbar .d4b-wordmark small{font-size:8px!important;}
 html[data-d4a-theme] body .topbar .tools,
 html[data-d4a-theme] body.d6-theme .topbar .tools{gap:4px!important;}
 html[data-d4a-theme] body .topbar .iconbtn,
 html[data-d4a-theme] body.d6-theme .topbar .iconbtn{
   width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important;border-radius:10px!important;font-size:14px!important;
 }
}
@media(max-width:365px){
 html[data-d4a-theme] body .topbar .brand{gap:3px!important;}
 html[data-d4a-theme] body .topbar .brand img{width:34px!important;height:34px!important;}
 html[data-d4a-theme] body .topbar .d4b-wordmark small{display:none!important;}
 html[data-d4a-theme] body .topbar .d4b-wordmark b{font-size:12px!important;}
 html[data-d4a-theme] body .topbar .iconbtn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;}
}
/* Full readable wordmark on authentication/recovery screens (no external logo service). */
html[data-d4a-theme] body .d4b-auth-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 17px;direction:rtl;}
html[data-d4a-theme] body .d4b-auth-brand img{display:block!important;width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:contain!important;margin:0!important;}
html[data-d4a-theme] body .d4b-auth-wordmark{font-size:clamp(20px,5vw,27px);color:var(--brand-text);font-weight:900;line-height:1.2;white-space:nowrap;letter-spacing:-.035em;}
html[data-d4a-theme] body .d4b-auth-wordmark em{font-style:normal;color:var(--brand-purple);}

/* V19: purple brand, no teal recolor, and dark-theme visual fidelity. */
html[data-d4a-theme="dark"] .d4b-wordmark em,
html[data-d4a-theme="dark"] .d4b-auth-wordmark em {
 background:linear-gradient(115deg,#BA75FF,#7C3AED);
 -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
html[data-d4a-theme="dark"] body .d4v-brand strong em,
html[data-d4a-theme="dark"] body .d4v-brand strong span {
 color:#A855F7!important;
}


/* CSS SOURCE: static/brand/d4a-brand-v20.css */
/* D4A V20: color / contrast corrections after V19. Shared components stay sized as V19. */
/* More distinguishable deep-ink chrome in NIGHT mode only. */
html[data-d4a-theme="dark"] body .topbar,
html[data-d4a-theme="dark"] body.d6-theme .topbar,
html[data-d4a-theme="dark"] body.d6-theme:has(.d11-home) .topbar,
html[data-d4a-theme="dark"] body .dock,
html[data-d4a-theme="dark"] body .d4v-dock,
html[data-d4a-theme="dark"] body .d4v-footer,
html[data-d4a-theme="dark"] body .foot {
  background:#141020!important;
  border-color:#332344!important;
}
html[data-d4a-theme="dark"] body .d4v-bottom {border-color:#332344!important}
html[data-d4a-theme="dark"] body .d11-home .d11-hero-mobile {
  background:radial-gradient(ellipse 74% 45% at 50% 27%,rgba(124,58,237,.10),transparent 85%),linear-gradient(180deg,#0D0B15,#0B0B0F)!important;
}
html[data-d4a-theme="dark"] body .d11-home .d11-hero-desktop,
html[data-d4a-theme="dark"] body .d11-home .d11-scene,
html[data-d4a-theme="dark"] body .d11-home .d11-hero-wrap {
  background-color:#0B0B0F!important;
}
/* Brand: same purple play icon, clean wordmark; no extra slogan, no vanished title. */
html[data-d4a-theme] body .topbar .brand .d4b-wordmark,
html[data-d4a-theme] body.d6-theme .topbar .brand .d4b-wordmark {
  display:flex!important;visibility:visible!important;opacity:1!important;overflow:visible!important;
  color:var(--brand-text)!important;white-space:nowrap!important;line-height:1.1!important;
}
html[data-d4a-theme] body .topbar .brand .d4b-wordmark b {
  display:inline!important;color:var(--brand-text)!important;
  font:900 clamp(13px,3.6vw,20px)/1.2 Cairo,system-ui,sans-serif!important;
  white-space:nowrap!important;
}
html[data-d4a-theme] body .topbar .brand .d4b-wordmark em {font-style:normal!important;color:var(--brand-purple)!important}
html[data-d4a-theme] body .topbar .brand .d4b-wordmark small {display:none!important}
html[data-d4a-theme] body .topbar.d7-search-open .d4b-wordmark {display:none!important}
@media(max-width:380px){
 html[data-d4a-theme] body .topbar .brand .d4b-wordmark b{font-size:12px!important}
}
/* DAY: no washed-out views / likes / rating, and no low-contrast cards in saved/history shelves. */
html[data-d4a-theme="light"] body .tile-sub,
html[data-d4a-theme="light"] body .tile-sub span,
html[data-d4a-theme="light"] body .d11-home .d11-card-meta,
html[data-d4a-theme="light"] body .d11-home .d11-card-meta span,
html[data-d4a-theme="light"] body .d11-home .d11-stats,
html[data-d4a-theme="light"] body .d11-home .d11-mobile-stats {color:#3D4661!important;opacity:1!important}
html[data-d4a-theme="light"] body .tile-sub i.fa-eye,
html[data-d4a-theme="light"] body .d11-card-meta i.fa-eye{color:#6551A9!important}
html[data-d4a-theme="light"] body .tile-sub i.fa-heart,
html[data-d4a-theme="light"] body .d11-card-meta i.fa-heart{color:#B03D86!important}
html[data-d4a-theme="light"] body .tile-sub i.fa-star,
html[data-d4a-theme="light"] body .d11-card-meta i.fa-star{color:#B27A0F!important}
html[data-d4a-theme="light"] body .tile-name,
html[data-d4a-theme="light"] body .tile-resume,
html[data-d4a-theme="light"] body .d11-card .d11-title{color:#243447!important}
html[data-d4a-theme="light"] body .tile-resume{opacity:1!important}
/* Homepage stays linked to poster contents, not a second large image in the background. */
html[data-d4a-theme="light"] body .d11-home .d11-hero-mobile {
 background:radial-gradient(ellipse 65% 42% at 50% 22%,rgba(145,116,207,.17),transparent 80%),linear-gradient(180deg,#F0EFF7,#E5E9F2)!important;
}
html[data-d4a-theme="light"] body .d11-home .d11-mobile-title,
html[data-d4a-theme="light"] body .d11-home .d11-mobile-kicker {color:#243447!important;text-shadow:none!important}
html[data-d4a-theme="light"] body .d11-home .d11-mobile-stats {color:#34435E!important}
html[data-d4a-theme="light"] body .d11-home .d11-hero-desktop {background:linear-gradient(120deg,#EFF0F7,#E0E4F1)!important}
html[data-d4a-theme="light"] body .d11-home .d11-hero-copy :is(h1,p) {color:#243447!important;text-shadow:none!important}
/* Clear interactive surfaces in daylight. */
html[data-d4a-theme="light"] body .palette-box,
html[data-d4a-theme="light"] body .palette-field,
html[data-d4a-theme="light"] body .palette-results,
html[data-d4a-theme="light"] body .d4a-lang-panel,
html[data-d4a-theme="light"] body .d4a-lang-searchbar,
html[data-d4a-theme="light"] body .d4a-lang-grid,
html[data-d4a-theme="light"] body .d4a-lang-details[open] > summary,
html[data-d4a-theme="light"] body .d7-search-suggestions,
html[data-d4a-theme="light"] body .d7-header-search {
  background:#FFFFFF!important;color:#243447!important;border-color:#DCE2ED!important;
}
html[data-d4a-theme="light"] body .d4a-lang-searchbar input,
html[data-d4a-theme="light"] body .palette-field #palInput,
html[data-d4a-theme="light"] body .d7-header-search input,
html[data-d4a-theme="light"] body .d4v-search-form input {
 background:#F3F5FA!important;color:#253449!important;border:1px solid #CCD5E4!important;
 border-radius:10px!important;
}
html[data-d4a-theme="light"] body .d4a-lang-panel a,
html[data-d4a-theme="light"] body .d4a-lang-panel a[aria-current="page"] {
 color:#253449!important;
}
html[data-d4a-theme="light"] body .d4a-lang-panel a[aria-current="page"] {
 background:#EDE8F8!important;color:#5F3E9E!important;font-weight:800!important;
}
html[data-d4a-theme="light"] body .d4a-lang-panel a:is(:hover,:focus-visible){background:#F0EDF9!important}
html[data-d4a-theme="light"] body :is(.d4x-palette-heading,.d4x-palette-clear,.palette-results a,.palette-results p){color:#2C3851!important}
html[data-d4a-theme="light"] body .palette-results a:hover{background:#F1EFF9!important}
/* Visual-only: don't change episode selectors' behavior. */
html[data-d4a-theme="light"] body .r12-showall,
html[data-d4a-theme="light"] body .r12-ep-count,
html[data-d4a-theme="light"] body .r12-episode-picker,
html[data-d4a-theme="light"] body .r12-ep-select,
html[data-d4a-theme="light"] body .r12-episode-filter{
 background:#F0F3FA!important;color:#263449!important;
 border:1px solid #C9D2E4!important;
}
html[data-d4a-theme="light"] body .r12-showall:hover,
html[data-d4a-theme="light"] body .r12-ep-count:hover {border-color:#8171B3!important;background:#E9E7F5!important}
html[data-d4a-theme="light"] body .r12-card,
html[data-d4a-theme="light"] body .r12-episodes,
html[data-d4a-theme="light"] body .r12-episode-list {border-color:#DBE1EB!important}
/* Strong, clickable X on saved series, no nesting/layout changes. */
html[data-d4a-theme] body .tile-kill{
 opacity:1!important;visibility:visible!important;display:grid!important;place-items:center!important;
 border:1px solid var(--brand-border-hot)!important;background:var(--brand-surface)!important;
 color:var(--brand-text)!important;box-shadow:0 3px 10px rgba(0,0,0,.12)!important;
 width:32px!important;height:32px!important;font-size:14px!important;
}
html[data-d4a-theme] body .tile-kill:hover,
html[data-d4a-theme] body .tile-kill:focus-visible {background:var(--brand-surface2)!important;color:var(--brand-purple)!important}
/* Ranking should be gold, separate from monochrome theme. */
html[data-d4a-theme] body .d11-home .d11-rank,
html[data-d4a-theme] body .tile-rank,
html[data-d4a-theme] body .tile-rank-num,
html[data-d4a-theme] body .d11-home .d11-rank-num{
 color:#FFD36B!important;-webkit-text-stroke:1px rgba(68,27,0,.65)!important;
 text-shadow:0 2px 9px rgba(190,35,37,.30),0 2px 4px rgba(0,0,0,.65)!important;
}
html[data-d4a-theme="light"] body .tile-rank,
html[data-d4a-theme="light"] body .d11-home .d11-rank {
 color:#B36B00!important;-webkit-text-stroke:0!important;
 text-shadow:0 1px 5px rgba(197,70,27,.12)!important;
}
/* Dark main/footer use purple ink; day remains deliberately unchanged. */
html[data-d4a-theme="dark"] body .dock a.on,
html[data-d4a-theme="dark"] body .dock button.on,
html[data-d4a-theme="dark"] body .dock a.on i,
html[data-d4a-theme="dark"] body .dock button.on i {color:#B77AFF!important}
/* Keep poster ratios and avoid black bars inside their card frames. */
html[data-d4a-theme] body .d11-home .d11-cover img,
html[data-d4a-theme] body .d11-home .d11-film-card img,
html[data-d4a-theme] body .d11-home .d11-slot img {object-fit:cover!important;object-position:center!important}
/* Reduce blank gaps between saved/history image and metric row. */
html[data-d4a-theme] body .tile-sub{display:flex!important;gap:4px!important;font-size:clamp(.58rem,1.55vw,.72rem)!important;align-items:center!important;flex-wrap:wrap!important;line-height:1.4!important;margin-top:6px!important}
html[data-d4a-theme] body .tile-sub span{white-space:nowrap!important}


/* CSS SOURCE: static/brand/d4a-v22-corrections.css */
/* Drama4All V22 — fixes on top of the V19+ theme; no layout reset. */
/* Clearly visible branding, consistent chosen colours in both modes. */
html[data-d4a-theme="dark"] body .topbar,
html[data-d4a-theme="dark"] body .dock,
html[data-d4a-theme="dark"] body .d4v-footer,
html[data-d4a-theme="dark"] body .foot {background:#141020!important;border-color:#35274A!important}
/* New labels: vivid recognisable RED, strong white text; independent of 27 UI languages. */
html[data-d4a-theme] body .tile-new,
html[data-d4a-theme] body .d13-new,
html[data-d4a-theme] body .d11-home .d13-new,
html[data-d4a-theme] body .d11-cover .d13-new {
 background:linear-gradient(130deg,#B91C36,#E7364C 58%,#F34F56)!important;
 color:#FFFFFF!important;border:1px solid rgba(255,215,218,.45)!important;
 text-shadow:0 1px 3px rgba(83,3,24,.5)!important;
 box-shadow:0 3px 11px rgba(174,13,43,.30)!important;
 font-weight:900!important;opacity:1!important;
}
/* Episode badge at the bottom/above the covers: ICON and COUNT stay white. */
html[data-d4a-theme] body .tile-eps,
html[data-d4a-theme] body .tile-eps i,
html[data-d4a-theme] body .tile-eps b,
html[data-d4a-theme] body .tile-eps span,
html[data-d4a-theme] body .d11-cover .tile-eps,
html[data-d4a-theme] body .d11-cover .tile-eps * {color:#FFFFFF!important;opacity:1!important;text-shadow:0 1px 5px rgba(0,0,0,.85)!important}
/* In daylight, keep contrast inside series information card: labels vs values. */
html[data-d4a-theme="light"] body .r12-info-item,
html[data-d4a-theme="light"] body .r12-info-grid {color:#243447!important}
html[data-d4a-theme="light"] body .r12-info-item span,
html[data-d4a-theme="light"] body .r12-info-item small {color:#53627A!important;opacity:1!important}
html[data-d4a-theme="light"] body .r12-info-item b,
html[data-d4a-theme="light"] body .r12-info-item strong,
html[data-d4a-theme="light"] body .r12-info-item time,
html[data-d4a-theme="light"] body .r12-side-row b {color:#1A283B!important;opacity:1!important;text-shadow:none!important}
html[data-d4a-theme="light"] body .r12-info-item i {color:#754BD2!important;opacity:1!important}
html[data-d4a-theme="light"] body .r12-info-item {border-color:#E3E7F0!important}
html[data-d4a-theme="light"] body .r12-story,
html[data-d4a-theme="light"] body .r12-story p,
html[data-d4a-theme="light"] body .r12-card p {color:#2B3A50!important;opacity:1!important}
/* The day hero's scenic carousel must not show a dark rectangle underneath posters. */
@media (max-width:899px) {
 html[data-d4a-theme="light"] body .d11-home .d11-mobile-deck,
 html[data-d4a-theme="light"] body .d11-home .d11-hero-mobile,
 html[data-d4a-theme="light"] body .d11-home .d11-hero-wrap {
  background:transparent!important;border-color:transparent!important;
 }
 html[data-d4a-theme="light"] body .d11-home .d11-mobile-deck::after {background:transparent!important}
 html[data-d4a-theme="light"] body .d11-home .d11-mobile-deck::before {opacity:.18!important}
 html[data-d4a-theme="light"] body .d11-home .d11-slot,
 html[data-d4a-theme="light"] body .d11-home .d11-slot img {
  background:transparent!important;
 }
 html[data-d4a-theme="light"] body .d11-home .d11-slot[data-rel="0"] {
  border-color:#9272D1!important;box-shadow:0 4px 19px rgba(91,53,143,.22)!important;
 }
}
/* Real data and explicit daily count should always be legible, including daylight. */
html[data-d4a-theme] body .tile-sub,
html[data-d4a-theme] body .tile-sub>span {opacity:1!important}
html[data-d4a-theme] body .d22-today-stats {font-weight:800!important;display:inline-flex!important;gap:3px!important;align-items:center!important}
html[data-d4a-theme] body .d22-today-stats i {color:#CF583E!important}
html[data-d4a-theme] body .d22-today-stats small {font-size:.86em;color:inherit!important;white-space:nowrap}
html[data-d4a-theme="light"] body .tile-sub,
html[data-d4a-theme="light"] body .tile-sub span {color:#334159!important}
html[data-d4a-theme="light"] body .tile-sub .fa-eye {color:#6651A9!important}
html[data-d4a-theme="light"] body .tile-sub .fa-heart {color:#AC3A76!important}
html[data-d4a-theme="light"] body .tile-sub .fa-star {color:#B77D19!important}
/* Keeping a white, visible episodes expand control with dark characters. */
html[data-d4a-theme="light"] body .r12-showall,
html[data-d4a-theme="light"] body .r12-ep-count {background:#F0F2FA!important;color:#243447!important;border-color:#CCD5E4!important}
/* Clear visual X for saved cards and a warm ranking number. */
html[data-d4a-theme] body .tile-kill {color:var(--brand-text)!important;opacity:1!important;z-index:20!important}
html[data-d4a-theme] body .tile-rank,
html[data-d4a-theme] body .d11-rank {color:#FFD76F!important;text-shadow:0 2px 9px rgba(179,55,28,.24)!important}


/* CSS SOURCE: static/brand/d4a-v23-visual.css */
/* Drama4All V23 — complementary changes only (keep existing layout). */
/* Highlight freshly created series everywhere, in a consistent physical top-left corner. */
html[data-d4a-theme] body :is(.tile-new,.d13-new,.d23-new) {
  position:absolute!important;inset:8px auto auto 8px!important;z-index:12!important;
  width:max-content!important;max-width:calc(100% - 16px)!important;
  padding:4px 10px!important;border-radius:999px!important;
  background:linear-gradient(120deg,#AB1232 0%,#DA2145 54%,#F04453 100%)!important;
  color:#FFF!important;opacity:1!important;border:1px solid rgba(255,221,226,.42)!important;
  box-shadow:0 3px 13px rgba(145,13,36,.31)!important;
  text-shadow:0 1px 2px rgba(74,0,21,.55)!important;
  font-weight:900!important;font-size:11px!important;line-height:1.4!important;
  letter-spacing:0!important;pointer-events:none!important;
}
/* All on-poster episode badges use WHITE icon + WHITE digits, regardless of theme. */
html[data-d4a-theme] body :is(.tile-eps,.d23-eps),
html[data-d4a-theme] body :is(.tile-eps,.d23-eps) :is(i,b,span),
html[data-d4a-theme] body .d11-cover .d23-eps {
  color:#FFF!important;opacity:1!important;text-shadow:0 2px 6px rgba(0,0,0,.94)!important;
  -webkit-text-fill-color:#FFF!important;
}
html[data-d4a-theme] body .d23-eps {
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  position:absolute!important;inset:auto 8px 9px auto!important;z-index:10!important;
  padding:3px 5px!important;border-radius:7px!important;
  font:800 12px/1.3 Cairo,Tahoma,sans-serif!important;
  background:rgba(10,8,15,.36)!important;pointer-events:none!important;
}
html[data-d4a-theme] body .d23-eps i {font-size:11px!important}
html[data-d4a-theme] body .tile-eps {
  background:rgba(10,8,15,.35)!important;border-radius:7px!important;
  padding:3px 5px!important;white-space:nowrap!important;
}
/* Hide the black strip/black poster letterbox beneath hero in LIGHT mode; no layout reset. */
@media(max-width:899px){
  html[data-d4a-theme="light"] body :is(.d11-hero-wrap,.d11-hero-mobile,.d11-mobile-deck){
    background:transparent!important;border:0!important;outline:0!important;
    box-shadow:none!important;
  }
  html[data-d4a-theme="light"] body .d11-mobile-deck::before,
  html[data-d4a-theme="light"] body .d11-mobile-deck::after {
    opacity:0!important;background:transparent!important;box-shadow:none!important;border:0!important;
  }
  html[data-d4a-theme="light"] body .d11-slot {
    background:transparent!important;border-color:rgba(122,82,200,.35)!important;
    box-shadow:0 7px 23px rgba(45,36,70,.10)!important;
  }
  html[data-d4a-theme="light"] body .d11-slot img {
    width:100%!important;height:100%!important;display:block!important;
    object-fit:cover!important;object-position:center!important;
    background:transparent!important;
  }
  html[data-d4a-theme="light"] body .d11-slot[data-rel="0"]{
    border:2px solid #8966D0!important;
    box-shadow:0 5px 22px rgba(76,52,120,.17)!important;
  }
  html[data-d4a-theme="light"] body .d11-mobile-deck + :is(.d11-mobile-kicker,.d11-mobile-title){margin-top:2px!important;}
}
/* Avoid stark cut between poster deck and page background in LIGHT mode. */
html[data-d4a-theme="light"] body .d11-home .d11-hero-wrap {
  background:linear-gradient(180deg,#F5F7FB 0%,#EEF0F9 62%,#F5F7FB 100%)!important;
}
/* Preserve the deep black/purple night the user selected. */
html[data-d4a-theme="dark"] body .d11-home .d11-hero-wrap {border-color:transparent!important;}
/* Pop-up prompt: player stays dark in both global modes, with restrained violet branding. */
#d23-rating-backdrop {position:fixed!important;inset:0!important;z-index:1000200!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:20px!important;background:rgba(4,5,12,.79)!important;
  backdrop-filter:blur(10px)!important;color:#fff!important;}
#d23-rating-backdrop[hidden]{display:none!important}
#d23-rating-dialog {position:relative;max-width:380px;width:min(100%,380px);border-radius:22px;
  padding:30px 20px 23px;text-align:center;background:#14121F;color:#F9F5FF;
  border:1px solid #6B4E9E;box-shadow:0 22px 70px rgba(0,0,0,.65),0 0 22px rgba(124,58,237,.10);
  font:500 15px/1.6 Cairo,Tahoma,sans-serif;}
#d23-rating-dialog h2{color:#FFF;font:900 clamp(19px,5vw,24px)/1.4 Cairo,Tahoma,sans-serif;margin:8px 0 8px}
#d23-rating-dialog p{color:#BFB8D3;margin:0 0 16px}
#d23-rating-dialog .d23-rating-icon {font-size:26px;color:#E6B85A}
#d23-rating-dialog .d23-rating-stars {display:flex;direction:ltr;justify-content:center;gap:6px;margin:13px 0 18px}
#d23-rating-dialog .d23-rating-stars button {width:47px;height:47px;display:grid;place-items:center;
  border:1px solid #4C4161;border-radius:12px;color:#AFA6C2;background:#211B30;font-size:24px;cursor:pointer}
#d23-rating-dialog .d23-rating-stars button:is(:hover,:focus-visible,.selected){
  color:#FFD16C;background:#342343;border-color:#9B68CE;}
#d23-rating-dialog .d23-rating-close {position:absolute;top:10px;left:10px;width:34px;height:34px;
  display:grid;place-items:center;border-radius:10px;background:#292038;color:#E5DAF1;cursor:pointer;font-size:22px}
#d23-rating-dialog .d23-rating-skip {border:1px solid #584577;border-radius:11px;
  background:transparent;color:#E7DFF3;min-height:39px;padding:6px 19px;cursor:pointer}
#d23-rating-dialog .d23-rating-message {min-height:20px;font-size:13px;color:#E5B9D5;margin-top:11px}
@media(max-width:360px){#d23-rating-dialog .d23-rating-stars button{width:42px;height:43px}}


/* CSS SOURCE: static/brand/d4a-v24-readability.css */
/* D4A V24: focused accessibility/readability repair, no page-layout changes. */
/* Light mode inherited the dark-series white ink, making the values invisible. */
html[data-d4a-theme="light"] body .r12 .r12-info-grid .r12-info-item,
html[data-d4a-theme="light"] body .r12 .r12-info-grid .r12-info-item > b,
html[data-d4a-theme="light"] body .r12 .r12-info-grid .r12-info-item > b *,
html[data-d4a-theme="light"] body .r12 .r12-info-grid .r12-info-item > strong,
html[data-d4a-theme="light"] body .r12 .r12-info-grid .r12-info-item > time {
  color:#1C2C41!important;-webkit-text-fill-color:#1C2C41!important;
  opacity:1!important;text-shadow:none!important;filter:none!important;
}
html[data-d4a-theme="light"] body .r12 .r12-info-grid .r12-info-item > span {
  color:#52647A!important;-webkit-text-fill-color:#52647A!important;
  opacity:1!important;text-shadow:none!important;
}
html[data-d4a-theme="light"] body .r12 .r12-info-grid .r12-info-item > i {
  color:#8053CF!important;-webkit-text-fill-color:#8053CF!important;opacity:1!important;
}
/* The original series template explicitly uses .r12-sim-item{color:#fff!important};
   override it in light mode, including titles below the thumbnails. */
html[data-d4a-theme="light"] body .r12 .r12-sim-grid .r12-sim-item,
html[data-d4a-theme="light"] body .r12 .r12-sim-grid .r12-sim-item b,
html[data-d4a-theme="light"] body .r12 .r12-sim-grid .r12-sim-item strong {
  color:#1C2C41!important;-webkit-text-fill-color:#1C2C41!important;
  opacity:1!important;text-shadow:none!important;
}
/* V23's injected count was never part of the approved homepage design. */
body .d11-cover > .d23-eps {display:none!important;}
/* NEW badge text is deliberately short. Never render the old rating question here. */
html[data-d4a-theme] body :is(.d13-new,.tile-new,.d23-new){
  max-width:calc(100% - 18px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  inset:8px auto auto 8px!important;
  background:linear-gradient(118deg,#B81839,#D92B45)!important;
  color:#FFF!important;-webkit-text-fill-color:#FFF!important;
  font-weight:900!important;
}


/* CSS SOURCE: static/brand/d4a-v25-unified.css */
/* Drama4All V25: unify NEW badges with library, plus high-contrast daylight info. */
html[data-d4a-theme] body :is(.tile-new,.d13-new,.d23-new),
html[data-d4a-theme] body .d11-home .d13-new {
  position:absolute!important;left:8px!important;right:auto!important;top:8px!important;
  bottom:auto!important;
  padding:5px 11px!important;border-radius:999px!important;
  background:#23152d!important;border:1.5px solid #8b3bbd!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 3px 13px #05030a6b!important;text-shadow:none!important;
  font:900 12px/1.45 Cairo,system-ui,sans-serif!important;
  width:max-content!important;max-width:calc(100% - 16px)!important;
  opacity:1!important;letter-spacing:0!important;
  white-space:nowrap!important;pointer-events:none!important;
}
html[data-d4a-theme="light"] body :is(.tile-new,.d13-new,.d23-new),
html[data-d4a-theme="light"] body .d11-home .d13-new {
  background:#fff4f7!important;border-color:#cd4169!important;
  color:#a31842!important;-webkit-text-fill-color:#a31842!important;
  box-shadow:0 3px 10px #5b172c2a!important;
}
/* Series info/related title: the series template has its own dark variables and CSS,
   so use selectors stronger than its inline body-style declarations. */
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-grid .r12-info-item,
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-grid .r12-info-item > b,
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-grid .r12-info-item > b *,
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-grid .r12-info-item > strong,
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-grid .r12-info-item > time {
  color:#233448!important;-webkit-text-fill-color:#233448!important;
  opacity:1!important;filter:none!important;text-shadow:none!important;
}
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-grid .r12-info-item > span,
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-grid .r12-info-item > small {
  color:#55647a!important;-webkit-text-fill-color:#55647a!important;opacity:1!important;
}
html[data-d4a-theme="light"] body .r12 #r8-panel-info .r12-info-item > i {color:#7540c0!important;opacity:1!important;}
html[data-d4a-theme="light"] body .r12 :is(.r12-sim-grid,.r12-similar-wide) .r12-sim-item,
html[data-d4a-theme="light"] body .r12 :is(.r12-sim-grid,.r12-similar-wide) .r12-sim-item b {
  color:#233448!important;-webkit-text-fill-color:#233448!important;opacity:1!important;
  text-shadow:none!important;
}
/* New rating dialog belongs to the player stage, not the homepage. */
#stage #d25-rate-overlay {position:absolute!important;inset:0!important;z-index:2147483600!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:20px!important;background:rgba(4,5,12,.79)!important;
 color:#fff!important;backdrop-filter:blur(9px);pointer-events:auto!important;}
#stage #d25-rate-dialog {position:relative!important;width:min(100%,385px);max-height:min(85dvh,600px);
 overflow:auto;padding:26px 20px 22px;border-radius:22px;background:#161120!important;
 color:#f7f3ff!important;border:1px solid #7651b7!important;
 box-shadow:0 25px 70px #000b!important;text-align:center;
 font:500 15px/1.65 Cairo,system-ui,sans-serif!important;}
#stage #d25-rate-dialog h2 {font-size:21px;font-weight:900;color:#fff!important;line-height:1.4;margin:8px 0;}
#stage #d25-rate-dialog p {font-size:13px;color:#d6cde4!important;line-height:1.7;margin:0 0 13px;}
#stage #d25-rate-dialog .d25-icon {font-size:28px;color:#edc36c;}
#stage #d25-rate-dialog .d25-close {position:absolute;top:10px;left:10px;
 background:#2c203e;color:#fff!important;width:36px;height:36px;border-radius:11px;cursor:pointer;}
#stage #d25-rate-dialog .d25-stars {display:flex;direction:ltr;justify-content:center;gap:5px;margin:13px 0 18px;}
#stage #d25-rate-dialog .d25-stars button {width:48px;height:48px;border-radius:12px;
 background:#282035;color:#b4a5c7!important;border:1px solid #57446b;
 font-size:25px;cursor:pointer;}
#stage #d25-rate-dialog .d25-stars button:is(.active,:focus-visible,:hover) {
 background:#3b2849;color:#ffce69!important;border-color:#ac78de;}
#stage #d25-rate-dialog .d25-skip {min-height:40px;padding:7px 19px;border:1px solid #715393;
 color:#e9e3f2!important;background:transparent;border-radius:11px;cursor:pointer;}
#stage #d25-rate-dialog .d25-message {min-height:22px;font-size:12px;color:#edb5d4!important;margin-top:9px;}

/* The older brand stylesheet has a :is() selector with two classes, so the
   list badge needs a stronger explicit selector to share the homepage style. */
html[data-d4a-theme] body .tile .tile-art .tile-new,
html[data-d4a-theme] body .mesh .tile-art .tile-new {
  background:#23152d!important;border-color:#8b3bbd!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  left:8px!important;right:auto!important;top:8px!important;
}
html[data-d4a-theme="light"] body .tile .tile-art .tile-new,
html[data-d4a-theme="light"] body .mesh .tile-art .tile-new {
  background:#fff4f7!important;border-color:#cd4169!important;
  color:#a31842!important;-webkit-text-fill-color:#a31842!important;
}


/* CSS SOURCE: static/brand/d4a-v26-fixes.css */
/* V26: small, consistent NEW badge everywhere; overrides stacked legacy CSS. */
body .tile-new,
body .d11-home .d13-new,
body .d23-new {
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  width:auto!important;
  max-width:calc(100% - 16px)!important;
  margin:0!important;
  padding:3px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.32)!important;
  background:linear-gradient(125deg,#b71d37 0%,#e4434e 56%,#f35b5e 100%)!important;
  color:#fff!important;
  font-size:clamp(10px,.7rem,12px)!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-shadow:0 1px 2px rgba(60,5,15,.3)!important;
  box-shadow:0 3px 10px rgba(112,12,37,.2)!important;
}
/* The genre/list pages use .tile-new; language translation script retains data-i18n. */
/* Strong contrast for the actual per-series information tab, both day and night. */
html[data-d4a-theme="light"] body .r12-info-grid .r12-info-item,
html[data-d4a-theme="light"] body .r12-info-grid .r12-info-item span,
html[data-d4a-theme="light"] body .r12-info-grid .r12-info-item b {
  opacity:1!important;
  text-shadow:none!important;
  -webkit-text-fill-color:initial!important;
}
html[data-d4a-theme="light"] body .r12-info-grid .r12-info-item span,
html[data-d4a-theme="light"] body .r12-side-row span {color:#52637a!important;}
html[data-d4a-theme="light"] body .r12-info-grid .r12-info-item b,
html[data-d4a-theme="light"] body .r12-side-row b {color:#26364b!important;-webkit-text-fill-color:#26364b!important;font-weight:850!important;}
html[data-d4a-theme="light"] body .r12-info-grid .r12-info-item i {color:#7653bd!important;opacity:1!important;}
html[data-d4a-theme="light"] body .r12-info-grid .r12-info-item {border-color:rgba(46,58,88,.09)!important;}
html[data-d4a-theme="light"] body .r12-similar .tile-name,
html[data-d4a-theme="light"] body .r12-related .tile-name,
html[data-d4a-theme="light"] body .r12-card .tile-name {color:#243448!important;opacity:1!important;}


/* CSS SOURCE: static/brand/d4a-v27-contrast.css */
/* Drama4All V27: targeted daylight readability and smart-search chips.
   Loaded AFTER V26; does not change layout or player visuals. */
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item,
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item > span {
  color:#526175!important;
  -webkit-text-fill-color:#526175!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item > b,
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item > b span,
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item > b .r12-sub-unit,
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item > strong {
  color:#1e3045!important;
  -webkit-text-fill-color:#1e3045!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  font-weight:800!important;
}
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item > i {
  color:#7044bb!important;
  -webkit-text-fill-color:#7044bb!important;
  opacity:1!important;
}
html[data-d4a-theme="light"] body #r8-panel-info .r12-info-grid .r12-info-item {
  background:transparent!important;
  border-color:rgba(34,48,75,.12)!important;
}
html[data-d4a-theme="light"] body #r8-panel-info .r12-card {
  color:#1e3045!important;
  -webkit-text-fill-color:#1e3045!important;
}
/* Palette heading/genre suggestions: no dark chip with dark text in light mode. */
html[data-d4a-theme="light"] body #palette .palette-box,
html[data-d4a-theme="light"] body #palette .palette-results {
  background:#fff!important;
  color:#1d3045!important;
}
html[data-d4a-theme="light"] body #palette .d4x-palette-heading,
html[data-d4a-theme="light"] body #palette .d4x-palette-heading * {
  color:#233448!important;
  -webkit-text-fill-color:#233448!important;
}
html[data-d4a-theme="light"] body #palette .d4x-search-chips a,
html[data-d4a-theme="light"] body #palette .d4x-search-chips button,
html[data-d4a-theme="light"] body #palette .d4x-search-chips .d4x-genre-chip,
html[data-d4a-theme="light"] body #palette .d4x-search-chips .d4x-recent {
  background:#f0edf9!important;
  color:#29344d!important;
  -webkit-text-fill-color:#29344d!important;
  border:1px solid #d7cbe8!important;
  box-shadow:none!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-d4a-theme="light"] body #palette .d4x-search-chips a:hover,
html[data-d4a-theme="light"] body #palette .d4x-search-chips a:focus-visible,
html[data-d4a-theme="light"] body #palette .d4x-search-chips button:hover,
html[data-d4a-theme="light"] body #palette .d4x-search-chips button:focus-visible {
  background:#e8e0f8!important;
  color:#563090!important;
  -webkit-text-fill-color:#563090!important;
  border-color:#9a78d6!important;
}
html[data-d4a-theme="light"] body #palette #palInput,
html[data-d4a-theme="light"] body #palette .palette-field {
  background:#f5f6fa!important;
  color:#233448!important;
  -webkit-text-fill-color:#233448!important;
  border-color:#d9dfeb!important;
}
html[data-d4a-theme="light"] body #palette .d4x-all-genres,
html[data-d4a-theme="light"] body #palette .d4x-palette-clear {
  color:#7142ae!important;
  -webkit-text-fill-color:#7142ae!important;
}


/* CSS SOURCE: static/brand/d4a-v28-ui.css */
/* D4A V28 — targeted non-layout adjustments; last stylesheet wins. */
html[data-d4a-theme="light"] .r12-home-info-grid,
html[data-d4a-theme="light"] .r12-home-info-item {
  border-color: rgba(27, 48, 72, .13) !important;
}
html[data-d4a-theme="light"] .r12-home-info-item small,
html[data-d4a-theme="light"] .r12-home-info-item small span {
  color: #53647a !important;
  -webkit-text-fill-color: #53647a !important;
  opacity: 1 !important;
}
html[data-d4a-theme="light"] .r12-home-info-item b,
html[data-d4a-theme="light"] .r12-home-info-item b *,
html[data-d4a-theme="light"] .r12-home-info-item strong {
  color: #1b2d44 !important;
  -webkit-text-fill-color: #1b2d44 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}
html[data-d4a-theme="light"] .r12-home-info-item i {
  color: #794bc0 !important;
  -webkit-text-fill-color: #794bc0 !important;
}
/* Better legibility for existing progress circles in watched-history cards. */
html[data-d4a-theme="light"] .pring {
  background: rgba(17, 24, 42, .89) !important;
  border-radius: 100%;
}
html[data-d4a-theme="light"] .pring .bg { stroke: rgba(255, 255, 255, .25) !important; }
html[data-d4a-theme="light"] .pring .fg { stroke: #f35a73 !important; stroke-width: 3.7 !important; }
html[data-d4a-theme="light"] .pring b { color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important; font-weight: 900; text-shadow: 0 1px 3px #000; }
/* Homepage continue watching — percentage, episode, remove button. */
.d11-home .d28-resume-ring {
  position: absolute; inset-inline-start: 9px; bottom: 9px; z-index: 9;
  width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box;
  display: grid; place-items: center;
  background: conic-gradient(#e64f86 var(--d28-progress), rgba(255,255,255,.27) 0);
  box-shadow: 0 3px 12px #0008;
}
.d11-home .d28-resume-ring strong {
  width: 40px; height: 40px; border-radius: 50%; background: #111525;
  display: grid; place-items: center; font: 900 12px Cairo,system-ui,sans-serif;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}
.d11-home .d28-resume-remove {
  position: absolute; z-index: 15; inset-inline-end: 8px; top: 8px;
  width: 31px; height: 31px; display: grid; place-items: center;
  border-radius: 50%; color: #fff !important; background: #161925dd !important;
  border: 1px solid #ffffff85 !important; cursor: pointer;
}
.d11-home .d28-resume-remove:hover { background: #912e67 !important; }
.d11-home .d28-resume-episode { display: block; color: #c8b5f0; font-weight: 800; font-size: 12px; text-align: center; margin-top: 6px; }
html[data-d4a-theme="light"] .d11-home .d28-resume-episode { color: #5d388d !important; }
html[data-d4a-theme="light"] .d11-home .d28-resume-ring { box-shadow: 0 3px 14px #12223e48; }
@media (max-width: 420px) {
  .d11-home .d28-resume-ring { width: 43px; height: 43px; }
  .d11-home .d28-resume-ring strong { width: 34px; height: 34px; font-size: 11px; }
}


/* CSS SOURCE: static/brand/d4a-v29-unified-fixes.css */
/* Drama4All V29 — shared resume cards and trustworthy readable metrics.
   No page geometry, navigation structure, or hero changes. */
.d11-home .d28-resume-ring {
  width:36px !important;
  height:36px !important;
  inset-inline-start:9px !important;
  bottom:9px !important;
  box-shadow:0 2px 9px rgba(0,0,0,.36) !important;
  background:conic-gradient(#c250db var(--d28-progress),rgba(255,255,255,.28) 0) !important;
}
.d11-home .d28-resume-ring strong {
  width:29px !important;
  height:29px !important;
  font-size:10px !important;
  line-height:1 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#151827 !important;
}
.d11-home .d28-resume-remove {
  width:30px !important;
  height:30px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:rgba(18,20,31,.88) !important;
  border:1px solid rgba(180,148,239,.7) !important;
}
.d11-home .d28-resume-episode {color:#c9a8ef!important;font-weight:800!important}
.d11-home .d11-card-meta,
body .tile-sub {color:#b7aacc!important}
.d11-home .d11-card-meta .fa-eye, body .tile-sub .fa-eye {color:#a58adc!important}
.d11-home .d11-card-meta .fa-heart, body .tile-sub .fa-heart {color:#dc579a!important}
.d11-home .d11-card-meta .fa-star, body .tile-sub .fa-star {color:#f4bc5b!important}
/* Align /history and / homepage without resizing cards. */
html[data-d4a-theme="light"] .d11-home .d28-resume-ring,
html[data-d4a-theme="light"] .pring {box-shadow:0 2px 8px rgba(25,35,54,.2)!important}
html[data-d4a-theme="light"] .d11-home .d28-resume-ring strong {background:#18253c!important;color:#fff!important}
html[data-d4a-theme="light"] .d11-home .d11-card-meta,
html[data-d4a-theme="light"] body .tile-sub {color:#42516a!important;-webkit-text-fill-color:#42516a!important}
html[data-d4a-theme="light"] .d11-home .d11-card-meta .fa-eye,
html[data-d4a-theme="light"] body .tile-sub .fa-eye {color:#7455a8!important;-webkit-text-fill-color:#7455a8!important}
html[data-d4a-theme="light"] .d11-home .d11-card-meta .fa-heart,
html[data-d4a-theme="light"] body .tile-sub .fa-heart {color:#b43b76!important;-webkit-text-fill-color:#b43b76!important}
html[data-d4a-theme="light"] .d11-home .d11-card-meta .fa-star,
html[data-d4a-theme="light"] body .tile-sub .fa-star {color:#b17b18!important;-webkit-text-fill-color:#b17b18!important}
html[data-d4a-theme="light"] .d11-home .d28-resume-episode {color:#64449e!important;-webkit-text-fill-color:#64449e!important}
/* Series summary values: fix the 'white-on-white' light theme of the main series information block. */
html[data-d4a-theme="light"] body .r12-home-info-grid,
html[data-d4a-theme="light"] body .r12-home-info-item,
html[data-d4a-theme="light"] body .r12-home-info-item>div {opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
html[data-d4a-theme="light"] body .r12-home-info-grid .r12-home-info-item b,
html[data-d4a-theme="light"] body .r12-home-info-grid .r12-home-info-item b *,
html[data-d4a-theme="light"] body .r12-home-info-item b,
html[data-d4a-theme="light"] body .r12-home-info-item b * {
  color:#1c2c44!important;
  -webkit-text-fill-color:#1c2c44!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  filter:none!important;
}
html[data-d4a-theme="light"] body .r12-home-info-grid .r12-home-info-item small,
html[data-d4a-theme="light"] body .r12-home-info-item small {
  color:#58677c!important;-webkit-text-fill-color:#58677c!important;opacity:1!important;
}
html[data-d4a-theme="light"] body .r12-home-info-grid .r12-home-info-item i,
html[data-d4a-theme="light"] body .r12-home-info-item i {
  color:#8650c1!important;-webkit-text-fill-color:#8650c1!important;opacity:1!important;
}
@media(max-width:420px){
 .d11-home .d28-resume-ring{width:35px!important;height:35px!important}
 .d11-home .d28-resume-ring strong{width:28px!important;height:28px!important;font-size:10px!important}
}