:root{color-scheme:dark;--bg:#161d27;--panel:#202936;--line:#35404f;--text:#f7f7f9;--muted:#b9c0cb;--red:#e43340;--yellow:#ffcc54;--max:1392px;font-family:Tahoma,Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--bg);color:var(--text);line-height:1.75}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.55;overflow-wrap:anywhere}h1{font-size:clamp(1.7rem,2.3vw,2.65rem)}h2{font-size:clamp(1.3rem,1.6vw,1.8rem)}h3{font-size:1rem}p{color:var(--muted)}bdi{unicode-bidi:isolate}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button:disabled{cursor:not-allowed}button,input,select{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:0;right:1rem;z-index:100;transform:translateY(-130%);background:var(--yellow);color:#10151d;padding:12px}.skip:focus{transform:none}
.site-header{background:#111923;border-bottom:1px solid #293544}.header-inner{max-width:var(--max);margin:auto;padding:15px 24px;display:flex;align-items:center;gap:26px}.brand-logo{display:block;flex:none;width:172px}.brand-logo img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.desktop-nav a{font-size:.9rem;white-space:nowrap;padding-block:10px}.list-link{font-size:.9rem;white-space:nowrap;padding:10px 14px;border:1px solid var(--line);border-radius:24px}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:#fff;font-size:1.35rem}#mobile-nav{padding:12px 24px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#mobile-nav a{padding:10px 12px;background:var(--panel);border-radius:6px}
main,footer{max-width:var(--max);margin:auto;padding:28px 24px 48px;min-width:0}.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.7fr);gap:36px;align-items:center;padding:24px 0 32px}.hero-intro{min-width:0}.hero-art{width:100%;aspect-ratio:3/1;object-fit:contain;margin-bottom:14px;border-radius:8px}.hero-intro h1{font-size:clamp(1.55rem,2.25vw,2.1rem)}.hero-intro p{font-size:.96rem;margin:14px 0 20px}.site-search{display:flex;border-radius:32px;background:#f5f5f7;padding:5px;min-width:0;border:2px solid transparent}.site-search:focus-within{border-color:var(--yellow)}.site-search input{color:#15202b;background:transparent;border:0;min-width:0;width:100%;padding:10px 18px;outline:none;font-size:.94rem}.site-search input::placeholder{color:#666d76}.site-search button{border:0;flex:none;background:var(--red);color:white;border-radius:50%;width:46px;height:46px;font:30px/1 Arial,sans-serif}.text-link{display:inline-block;margin-top:14px;font-size:.87rem;color:var(--muted)}.hero-titles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;min-width:0}.hero-titles .title-card{box-shadow:0 12px 26px #0005}.hero-titles .card-caption h3{font-size:1.1rem}
.category-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px 0;border-block:1px solid var(--line)}.category-pills a{background:#283340;border:1px solid #344352;padding:8px 18px;border-radius:22px;font-size:.89rem}.category-pills a:hover{background:#344150}.shelf{margin:40px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading h2{color:var(--yellow)}.section-heading>a{border-radius:20px;background:#293440;padding:8px 16px;color:#dae0e9;font-size:.83rem;white-space:nowrap}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.title-card{min-width:0;border-radius:10px;overflow:hidden;background:#263342}.title-card>a{display:block;position:relative;aspect-ratio:2/3;isolation:isolate}.title-card>a::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#0b111ae8 75%);z-index:0;pointer-events:none}.title-card img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.title-card:hover img{transform:scale(1.035)}.card-type{position:absolute;top:10px;right:10px;background:#101923e8;color:#fff;font-size:.72rem;padding:3px 9px;border-radius:12px;z-index:1}.card-caption{position:absolute;inset-inline:10px;bottom:12px;text-align:center;z-index:1}.card-caption h3{font-size:.92rem;line-height:1.6;color:#fff}.card-caption p{font-size:.72rem;margin-top:4px;color:#d0d4dc}.card-play{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--red);width:42px;height:42px;border-radius:50%;color:#fff;z-index:1;opacity:0;transition:opacity .15s}.title-card:hover .card-play,.title-card:focus-within .card-play{opacity:1}.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.episode-grid>a{display:flex;gap:15px;align-items:center;padding:12px;background:var(--panel);border:1px solid #2b3745;border-radius:9px;min-width:0}.episode-grid img{width:65px;height:96px;object-fit:cover;border-radius:5px;flex:none}.episode-grid p,.episode-grid time{font-size:.77rem;color:var(--muted)}.episode-grid strong{font-size:.93rem;overflow-wrap:anywhere}.episode-grid time{direction:ltr;display:inline-block}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-grid>a{background:#202a37;border:1px solid #2b3848;border-radius:8px;padding:20px;min-width:0}.guide-grid h3{color:#fff}.guide-grid p{margin:10px 0;font-size:.87rem}.guide-grid span{color:var(--yellow);font-size:.82rem}
.page-lead{padding:14px 0 28px;max-width:950px}.page-lead>p{margin-top:15px;font-size:1rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#b0bac6;font-size:.83rem;margin:12px 0 26px}.breadcrumbs bdi{overflow-wrap:anywhere}.listing-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 22px;padding-block:12px;border-block:1px solid var(--line);font-size:.9rem}.listing-tools a{color:var(--yellow)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-grid a{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:9px}.category-grid strong,.category-grid span{display:block}.category-grid span{color:var(--muted);font-size:.82rem;margin-top:8px}.filters{background:var(--panel);padding:24px;border-radius:10px;border:1px solid var(--line);margin-bottom:24px}.filters>label{display:block;margin-bottom:8px}.filters>input{width:100%;font-size:1.05rem}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.filter-grid label,.episode-fields label{display:grid;gap:7px;font-size:.88rem;min-width:0}input,select{border:1px solid #465668;border-radius:5px;background:#111b26;color:#f5f7fa;padding:11px 12px;min-height:46px;min-width:0}.filter-grid select{width:100%}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 19px;border-radius:24px;border:1px solid #465568;background:#2b3745;color:#fff;min-height:46px;font-size:.92rem}.button.primary{background:var(--red);border-color:var(--red);color:white}.button:hover{filter:brightness(1.14);color:white}.button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}[role=status]{margin-block:14px;min-height:1px}.empty-state{padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.empty-state p{margin:12px 0 18px}.country-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.country-buttons button{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:#fff;padding:16px 26px}.country-buttons [aria-pressed=true]{background:#482a34;border-color:var(--red)}.saved-episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.saved-episodes a{display:grid;gap:7px;padding:20px;background:var(--panel);border-radius:8px}.saved-episodes span{font-size:.85rem;color:var(--muted)}[data-episode-list]{margin-top:32px}
.title-detail{position:relative;isolation:isolate;display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:center;background:#19232f;border-radius:14px;padding:30px;overflow:hidden}.title-detail::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141e2bef,#141e2bbf),var(--backdrop) center/cover;z-index:-1}.detail-poster{width:240px;aspect-ratio:2/3;object-fit:cover;border-radius:9px;align-self:start}.detail-copy{min-width:0;max-width:900px}.eyebrow{font-size:.88rem;color:var(--yellow);margin-bottom:8px}.detail-copy h1{font-size:clamp(1.8rem,2.8vw,3rem)}.original-title{font-size:.88rem;margin-top:8px}.title-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.title-tags span{border:1px solid #65717d70;border-radius:16px;padding:3px 12px;font-size:.77rem}.rating{font-size:.83rem;color:var(--yellow);margin-bottom:16px}.synopsis{font-size:1rem;line-height:1.9;margin-bottom:24px;color:#e1e4ea}.viewing-note{font-size:.78rem;margin-top:14px}.viewing-note a{color:var(--yellow);text-decoration:underline}.title-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;background:var(--panel);border-radius:10px;margin:20px 0}.title-facts dt{font-size:.82rem;color:var(--muted)}.title-facts dd{margin:6px 0 0;font-size:.94rem;overflow-wrap:anywhere}.title-facts time{direction:ltr;display:inline-block}.season-panel,.edition-panel{margin-top:28px;padding:26px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.season-panel>p,.edition-panel>p{margin:12px 0 20px}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:.9rem}td,th{padding:13px 16px;border-bottom:1px solid var(--line)}th{color:var(--yellow);background:#17212e}td{color:#e2e6eb}.episode-form{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.episode-form>p{margin:10px 0 20px;font-size:.9rem}.episode-fields{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.episode-fields input{width:120px}.edition-panel nav{display:flex;flex-wrap:wrap;gap:16px;font-size:.88rem;color:var(--yellow)}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;align-items:start}.guide-layout article,.policy{max-width:1000px;background:#1b2531;padding:30px;border:1px solid #2c3848;border-radius:10px}.guide-layout article section+section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.guide-layout article p,.policy p{margin-top:14px;font-size:1.03rem;line-height:2}.guide-layout aside{background:var(--panel);padding:22px;border-radius:8px}.guide-layout aside h2{font-size:1.1rem;margin-bottom:15px}.guide-layout aside a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:.87rem;color:var(--yellow)}.policy h2:not(:first-child){margin-top:30px}.arabseed-article{margin-top:52px;border:1px solid #334050;background:#1b2531;border-radius:12px;padding:36px;max-width:1160px;margin-inline:auto}.arabseed-article>header{padding-bottom:24px;border-bottom:1px solid var(--line)}.arabseed-article>header h2{font-size:clamp(1.5rem,2vw,2.1rem);color:var(--yellow)}.arabseed-article p{margin-top:18px;line-height:2.05;font-size:1.04rem;color:#d2d8e1}.arabseed-article section{margin-top:34px;padding-top:22px;border-top:1px solid #33404f}.arabseed-article section h2{color:#fff}.arabseed-article h3{color:var(--yellow);margin-top:22px;font-size:1.13rem}.arabseed-article a{color:var(--yellow);text-decoration:underline;text-underline-offset:4px}.article-toc{background:#141e2a;padding:22px;margin-top:26px;border-radius:8px}.article-toc summary{cursor:pointer;color:var(--yellow);padding-block:5px}.article-toc nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.article-toc a{font-size:.88rem;line-height:1.8}.arabseed-article details.faq{border:1px solid var(--line);padding:16px 20px;border-radius:7px;margin-top:14px}.faq summary{cursor:pointer;font-weight:bold;line-height:1.8}.faq p{font-size:.95rem}.arabseed-article ul,.arabseed-article ol{padding-inline-start:24px;line-height:2;color:#d2d8e1}.arabseed-article li+li{margin-top:10px}
footer{border-top:1px solid var(--line);margin-top:20px;padding-top:32px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top .site-search{width:min(100%,420px)}footer nav{display:flex;gap:10px 24px;flex-wrap:wrap;margin:26px 0;font-size:.85rem}footer>p{font-size:.76rem;max-width:900px;color:#9da9b9}
@media(min-width:961px) and (max-width:1200px){.header-inner{gap:16px}.brand-logo{width:146px}.desktop-nav{gap:13px}.desktop-nav a{font-size:.79rem}.list-link{font-size:.8rem}.home-hero{gap:24px}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-titles{gap:12px}}
@media(max-width:960px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{gap:15px}.list-link{margin-inline-start:auto}.home-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:5px}.hero-intro{max-width:630px;margin:auto;text-align:center}.hero-art{max-width:500px;margin-inline:auto}.hero-titles{max-width:750px;width:100%;margin:auto;gap:20px}.hero-titles .title-card>a{aspect-ratio:2/2.7}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.episode-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.title-detail{grid-template-columns:180px minmax(0,1fr);padding:24px;gap:24px}.detail-poster{width:180px}.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-layout aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.guide-layout aside h2{grid-column:1/-1}.arabseed-article{padding:26px}.article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){main,footer{padding-inline:16px}.header-inner{padding:12px 16px}.brand-logo{width:145px}.header-inner .list-link{padding:8px 10px;font-size:.8rem}.menu-toggle{width:42px;height:42px}.hero-intro h1{font-size:1.65rem}.hero-intro p{font-size:.91rem}.hero-titles{gap:10px}.hero-titles .card-caption h3{font-size:.78rem}.hero-titles .card-caption p{font-size:.65rem}.hero-titles .card-type{font-size:.65rem;padding:2px 7px;top:7px;right:7px}.category-pills{justify-content:flex-start;gap:8px}.category-pills a{padding:7px 12px;font-size:.8rem}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.card-caption h3{font-size:.87rem}.card-caption p{font-size:.72rem}.shelf{margin:32px 0}.section-heading{gap:10px}.section-heading>a{font-size:.73rem;padding:8px 12px}.section-heading h2{font-size:1.17rem}.episode-grid{grid-template-columns:minmax(0,1fr)}.guide-grid{grid-template-columns:minmax(0,1fr)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-grid a{padding:16px}.listing-tools{font-size:.81rem}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.filters{padding:18px}.filter-grid label{font-size:.8rem}.filter-grid select{font-size:.85rem;padding-inline:7px}.title-detail{display:flex;flex-direction:column;align-items:stretch;padding:22px;gap:22px}.detail-poster{width:150px;align-self:center}.detail-copy h1{font-size:1.9rem}.synopsis{font-size:.94rem}.title-facts{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}.title-facts div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:start}.title-facts dd{margin:0}.season-panel,.edition-panel{padding:20px}.season-panel p,.edition-panel p{font-size:.9rem}th,td{padding:10px;font-size:.81rem}.episode-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.episode-fields input{width:100%}.episode-fields select{width:100%}.episode-fields .button{padding-inline:10px;font-size:.8rem}.guide-layout article,.policy{padding:22px}.guide-layout article p,.policy p{font-size:.97rem}.guide-layout aside{grid-template-columns:minmax(0,1fr)}.arabseed-article{padding:22px 18px}.arabseed-article p{font-size:.96rem}.article-toc{padding:18px}.article-toc nav{grid-template-columns:minmax(0,1fr)}.arabseed-article details.faq{padding:14px}.footer-top{flex-direction:column;align-items:flex-start}.footer-top .site-search{width:100%}.saved-episodes{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.header-inner{gap:10px}.brand-logo{width:126px}.list-link{font-size:.75rem!important}.hero-titles{gap:8px}.hero-titles .card-caption{inset-inline:5px;bottom:7px}.hero-titles .card-caption h3{font-size:.7rem}.hero-titles .card-caption p{display:none}.site-search input{padding-inline:10px;font-size:.87rem}.category-grid{grid-template-columns:minmax(0,1fr)}.section-heading h2{font-size:1.08rem}.title-detail{padding:18px}.button{padding-inline:14px}.arabseed-article{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}