@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansArabic-Regular.woff2)format("woff2")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/NotoSansArabic-SemiBold.woff2)format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSans-Regular.woff2)format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/NotoSans-SemiBold.woff2)format("woff2")}:root{--bg-deep:#070d18;--bg:#0a1628;--bg-elevated:#101f35;--bg-glass:#101f35b8;--border:#b4d2e61a;--text:#e8eef6;--text-muted:#8fa3bc;--emerald:#1fa97a;--emerald-soft:#1fa97a2e;--gold:#c9a55a;--gold-soft:#c9a55a26;--danger:#e06c75;--focus:#3dd6a5;--radius:14px;--radius-sm:10px;--shadow:0 18px 50px #00000073;--font:"Noto Sans", "Noto Sans Arabic", system-ui, sans-serif;--header-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%, #1fa97a1f, transparent 55%), radial-gradient(900px 500px at 90% 0%, #c9a55a14, transparent 50%), linear-gradient(180deg, #0b1730 0%, var(--bg-deep) 40%, #060b14 100%);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;width:min(1280px,100%);margin:0 auto;padding:1rem 1.25rem 3rem}.site-header{z-index:40;height:var(--header-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#070d18c7;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:.65rem;font-weight:600;display:flex}.brand-mark{background:linear-gradient(145deg,#1fa97ae6,#0c3c30e6),radial-gradient(circle at 30% 30%,#c9a55a80,#0000 50%);border-radius:10px;width:34px;height:34px;box-shadow:0 0 0 1px #c9a55a40}.nav-links{align-items:center;gap:.35rem;display:flex}.nav-links a{color:var(--text-muted);border-radius:999px;align-items:center;min-height:40px;padding:.45rem .75rem;display:inline-flex}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--emerald-soft)}.search-chip{border:1px solid var(--border);color:var(--text-muted);background:#ffffff08;border-radius:999px;align-items:center;gap:.4rem;min-height:40px;padding:.45rem .9rem;display:inline-flex}.hero{border-radius:calc(var(--radius) + 4px);min-height:clamp(280px,42vw,420px);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:2rem;position:relative;overflow:hidden}.hero-bg{filter:brightness(.55)saturate(1.05);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.hero-overlay{background:linear-gradient(90deg,#070d18eb 0%,#070d188c 55%,#070d1833 100%),linear-gradient(#0000 50%,#070d18d9);position:absolute;inset:0}.hero-content{z-index:1;max-width:560px;min-height:inherit;flex-direction:column;justify-content:flex-end;gap:.85rem;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:600}.hero h1{margin:0;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:600;line-height:1.2}.hero p{color:var(--text-muted);max-width:42ch;margin:0}.btn-row{flex-wrap:wrap;gap:.65rem;margin-top:.35rem;display:flex}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.7rem 1.2rem;font-weight:600;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1fa97a,#148a63);box-shadow:0 8px 24px #1fa97a47}.btn-primary:hover{background:linear-gradient(135deg,#24bc89,#16956b)}.btn-ghost{border-color:var(--border);color:var(--text);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1a}.section{margin-bottom:2.25rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.section-head h2{margin:0;font-size:1.2rem;font-weight:600}.section-head a{color:var(--emerald);font-size:.9rem}.shelf{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(150px,180px);grid-auto-flow:column;gap:.85rem;padding-bottom:.5rem;display:grid;overflow-x:auto}.shelf::-webkit-scrollbar{height:6px}.shelf::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.card{scroll-snap-align:start;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.card:hover,.card:focus-within{border-color:#1fa97a73;transform:translateY(-2px);box-shadow:0 12px 28px #00000059}.card-media{aspect-ratio:9/14;background:#0c1524;position:relative;overflow:hidden}.card-media.landscape{aspect-ratio:16/10}.card-media img{object-fit:cover;width:100%;height:100%}.card-badge{color:#fff;background:#000000a6;border-radius:6px;padding:.15rem .45rem;font-size:.75rem;position:absolute;bottom:.5rem;left:.5rem}.progress-bar{background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.progress-bar>span{background:var(--emerald);height:100%;display:block}.card-body{padding:.65rem .75rem .85rem}.card-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-muted);margin-top:.35rem;font-size:.78rem}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem;display:grid}.playlist-hero{grid-template-columns:minmax(140px,220px) 1fr;align-items:end;gap:1.5rem;margin-bottom:1.75rem;display:grid}.playlist-art{border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:1;background:var(--bg-elevated);overflow:hidden}.playlist-art img{object-fit:cover;width:100%;height:100%}.episode-list{flex-direction:column;gap:.45rem;display:flex}.episode{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #0000;grid-template-columns:40px 72px 1fr auto;align-items:center;gap:.75rem;min-height:72px;padding:.55rem .7rem;display:grid}.episode:hover,.episode:focus-visible{border-color:var(--border);background:#1fa97a14}.episode-num{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center}.episode-thumb{object-fit:cover;background:#0c1524;border-radius:8px;width:72px;height:56px}.episode-title{font-size:.92rem;font-weight:600}.episode-sub{color:var(--text-muted);font-size:.8rem}.watch-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:1.25rem;display:grid}.watch-main{min-width:0}.watch-side{flex-direction:column;gap:1rem;min-width:0;display:flex}.player-shell{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.player-shell.portrait{aspect-ratio:9/16;width:min(100%,420px);max-height:min(78vh,820px);margin-inline:auto}.player-shell video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.player-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 50%,#000000b8);flex-direction:column;justify-content:flex-end;transition:opacity .2s;display:flex;position:absolute;inset:0}.player-shell:hover .player-overlay,.player-shell:focus-within .player-overlay,.player-shell.show-controls .player-overlay{opacity:1;pointer-events:auto}.player-controls{flex-direction:column;gap:.45rem;padding:.75rem .9rem .9rem;display:flex}.seek-row{align-items:center;gap:.5rem;display:flex}.seek-row input[type=range]{accent-color:var(--emerald);flex:1}.control-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.icon-btn{appearance:none;color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:.35rem .55rem;display:inline-flex}.icon-btn:hover{background:#ffffff29}.icon-btn.active{background:var(--emerald-soft);color:var(--emerald)}.time-label{color:#d0d7e2;font-variant-numeric:tabular-nums;min-width:5.5rem;font-size:.8rem}.menu-pop{border:1px solid var(--border);z-index:5;background:#0c1422f5;border-radius:12px;min-width:140px;padding:.4rem;position:absolute;bottom:4.2rem;right:.75rem}.menu-pop button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem .6rem;display:block}.menu-pop button:hover,.menu-pop button.active{background:var(--emerald-soft)}.buffer-bar{background:#ffffff26;border-radius:999px;flex:1;height:4px;position:relative;overflow:hidden}.buffer-bar .buffered{background:#ffffff47;position:absolute;top:0;bottom:0}.buffer-bar .played{background:var(--emerald);position:absolute;top:0;bottom:0;left:0}.player-loading{color:#fff;background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.spinner{border:3px solid #fff3;border-top-color:var(--emerald);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.meta-block h1{margin:1rem 0 .4rem;font-size:1.35rem}.meta-block p{color:var(--text-muted);white-space:pre-wrap}.panel{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .85rem;display:flex}.tabs{gap:.25rem;display:flex}.tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:36px;padding:.35rem .65rem}.tabs button.active{background:var(--emerald-soft);color:var(--emerald)}.transcript-search{border:1px solid var(--border);background:#00000040;border-radius:8px;width:100%;max-width:calc(100% - 1.7rem);margin:.5rem .85rem;padding:.45rem .65rem}.cue-list{max-height:420px;padding:.35rem;overflow:auto}.cue{text-align:start;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.55rem .65rem;line-height:1.45;display:block}.cue[dir=rtl]{font-family:Noto Sans Arabic,Noto Sans,sans-serif;font-size:1.05rem}.cue.active{background:var(--emerald-soft);color:var(--text)}.cue:hover{color:var(--text);background:#ffffff0a}.queue-item{border-bottom:1px solid var(--border);color:var(--text-muted);grid-template-columns:28px 1fr;gap:.5rem;padding:.55rem .75rem;display:grid}.queue-item.current{color:var(--text);background:var(--emerald-soft)}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filters select,.filters input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;min-height:42px;padding:.55rem .75rem}.search-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;width:100%;max-width:560px;min-height:48px;margin-bottom:1.25rem;padding:.75rem 1.1rem}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:1.75rem 1.25rem 2.5rem;font-size:.9rem}.site-footer strong{color:var(--gold);font-weight:600}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a) 0 0/200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state,.error-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.error-state h1{color:var(--text)}.mobile-only{display:none}@media (width<=900px){.watch-layout{grid-template-columns:1fr}.player-shell.portrait{aspect-ratio:9/16;width:100%;max-height:none}.playlist-hero{grid-template-columns:1fr}.playlist-art{max-width:200px}.nav-links .hide-sm{display:none}.mobile-only{display:block}.episode{grid-template-columns:28px 56px 1fr}.episode-dur{display:none}}video::cue{color:#fff;background:#000000a6;font-family:Noto Sans Arabic,Noto Sans,sans-serif;font-size:1.05em;line-height:1.35}