:root{--ink:#080b12;--paper:#f2f0ea;--muted:#9ba7b8;--text:#f7f6f2;--blue:#2f69ff;--violet:#7857ff;--amber:#ffb45b;--line:rgba(255,255,255,.12);--shell:min(1460px,calc(100% - 64px));--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--text);font-family:Tajawal,system-ui,sans-serif;line-height:1.6;max-width:100%;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,video,iframe{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;right:16px;top:-100px;z-index:999;background:white;color:#000;padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}:where(a,button,input,select,textarea,[contenteditable]):focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.scene-header{position:sticky;top:0;z-index:50;background:rgba(8,11,18,.88);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.header-shell{width:var(--shell);min-height:82px;margin:auto;display:grid;grid-template-columns:auto auto minmax(220px,420px) auto;align-items:center;gap:30px}.scene-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.scene-brand>span:last-child{display:grid}.scene-brand b{font-size:26px;line-height:1}.scene-brand small{font-size:10px;color:var(--muted);letter-spacing:.11em;margin-top:5px}.brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(140deg,var(--blue),var(--violet));box-shadow:0 0 30px rgba(47,105,255,.3)}.brand-mark:before{content:'';position:absolute;width:57px;height:57px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.brand-mark i,.play-mark i,.frame-play i{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:11px solid white;transform:translateX(-1px)}.primary-navigation,.scene-actions{display:flex;align-items:center;gap:22px}.primary-navigation a{position:relative;color:#cad1dd;font-size:14px;font-weight:700}.primary-navigation a:after{content:'';position:absolute;right:0;left:100%;bottom:-14px;height:2px;background:var(--amber);transition:.25s}.primary-navigation a:hover,.primary-navigation a.is-active{color:white}.primary-navigation a.is-active:after{left:0}
.header-search{height:45px;display:flex;border:1px solid var(--line);background:#131925;border-radius:99px;padding:4px 5px 4px 12px}.header-search input{min-width:0;flex:1;border:0;background:transparent;color:white;padding:0 13px;outline:0}.header-search button{border:0;background:#273043;color:#fff;border-radius:99px;padding:0 14px;cursor:pointer}.scene-actions{justify-content:flex-end;font-weight:700}.studio-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:99px;padding:12px 21px;font-weight:800;cursor:pointer}.studio-link{background:white;color:#0c1018}.avatar,.channel-avatar{display:grid;place-items:center;border-radius:50%;font-weight:900;background:linear-gradient(145deg,var(--amber),#f16542);color:#1b0d05;flex:0 0 auto}.avatar{width:42px;height:42px}.menu-toggle{display:none;color:white;border:0;background:none}.flash{width:min(900px,calc(100% - 32px));margin:18px auto;padding:14px 18px;border:1px solid #535aff;background:#232750;border-radius:14px}.flash-error{border-color:#ff6b6b;background:#3a171d}
.cinema-hero{min-height:760px;position:relative;display:grid;align-items:center;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,18,.98) 0%,rgba(8,11,18,.82) 39%,rgba(8,11,18,.15) 73%),linear-gradient(0deg,var(--ink) 0%,transparent 35%),url('video-network-hero-v2.png') center/cover;z-index:-2}.hero-shell{width:var(--shell);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);align-items:end;gap:8vw;padding:90px 0}.hero-copy{max-width:790px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#91acff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.eyebrow:before{content:'';width:26px;height:1px;background:currentColor}.hero-copy h1{font-size:clamp(62px,7.5vw,116px);line-height:.91;letter-spacing:-.065em;margin:25px 0}.hero-copy h1 em{font-style:normal;color:var(--amber)}.hero-copy>p{max-width:680px;font-size:20px;color:#d1d7e0;line-height:1.85}.hero-actions{display:flex;gap:13px;margin:34px 0}.button-primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:white;box-shadow:0 16px 45px rgba(47,105,255,.28)}.button-ghost{border:1px solid rgba(255,255,255,.3);color:white;background:rgba(8,11,18,.35)}.button-light{background:white;color:#0b1019}.hero-copy dl{display:flex;gap:36px;margin:55px 0 0}.hero-copy dl div{display:grid}.hero-copy dt{font-size:26px;font-weight:900}.hero-copy dd{margin:0;color:var(--muted);font-size:12px}
.featured-frame{min-height:300px;position:relative;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(0deg,rgba(7,10,16,.98),rgba(7,10,16,.05) 70%),var(--poster) center/cover;box-shadow:0 30px 90px #0008}.featured-frame:after{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.12);border-radius:17px;pointer-events:none}.frame-label{align-self:flex-start;background:#fff;color:#111;padding:6px 11px;border-radius:99px;font-size:11px;font-weight:900}.frame-play{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(47,105,255,.8);backdrop-filter:blur(8px);align-self:center;box-shadow:0 0 0 12px rgba(255,255,255,.08)}.featured-frame div{position:relative;z-index:2;display:grid}.featured-frame b{font-size:22px}.featured-frame small{color:#cbd1db}.signal-bar{width:var(--shell);margin:-30px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:#0f1520;box-shadow:0 28px 80px #0005}.signal-bar>div{display:flex;gap:14px;padding:21px 24px;border-left:1px solid var(--line)}.signal-bar>div:last-child{border-left:0}.signal-bar i{font-style:normal;color:var(--amber);font-size:12px}.signal-bar span{display:grid}.signal-bar b{font-size:14px}.signal-bar small{color:var(--muted);font-size:12px}
.content-section{width:var(--shell);margin:0 auto;padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading>div{max-width:750px}.section-heading h2{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 14px}.section-heading p{color:var(--muted);font-size:17px;margin:0;max-width:660px}.section-heading>a,.text-link{color:#cbd5ff;font-weight:800;white-space:nowrap}.section-heading>a span,.text-link span{color:var(--amber)}
.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}.video-card{min-width:0}.video-poster{display:block;position:relative;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#151c28}.video-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,10,.65),transparent 48%);opacity:.65}.video-poster img,.poster-fallback{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.poster-fallback{background:radial-gradient(circle at 70% 25%,#365ccc,#171d2d 50%,#0b0e16);display:grid;place-items:center}.poster-fallback i{width:52px;height:52px;border-radius:50%;background:#fff1}.video-card:hover .video-poster img{transform:scale(1.045)}.duration,.format{position:absolute;z-index:3;font-size:10px;font-weight:900;padding:5px 8px;border-radius:6px}.duration{left:10px;bottom:10px;background:#05070add}.format{right:10px;top:10px;background:#315effdd}.play-mark{position:absolute;z-index:3;right:50%;top:50%;transform:translate(50%,-50%) scale(.86);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff1;border:1px solid #fff4;opacity:0;transition:.25s}.video-card:hover .play-mark{opacity:1;transform:translate(50%,-50%) scale(1)}.video-card-copy{display:flex;gap:12px;padding:16px 3px}.channel-avatar{width:39px;height:39px}.video-card-copy h3{font-size:18px;line-height:1.45;margin:0 0 7px}.video-card-copy .channel-name{color:#bcc5d3;font-size:13px}.video-card-copy .channel-name span{color:#6d91ff}.video-card-copy p{color:#768297;font-size:12px;margin:5px 0}.video-card-copy p i{font-style:normal;margin:0 4px}
.editorial-band{width:var(--shell);margin:auto;padding:90px;display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;background:linear-gradient(135deg,#ece9e1,#cbcce2);color:#10141d;border-radius:36px}.band-copy h2{font-size:clamp(45px,5vw,78px);line-height:1.02;letter-spacing:-.05em;margin:17px 0 30px}.band-copy p{font-size:17px;color:#444b59}.band-copy .eyebrow{color:#315ecc}.band-copy .text-link{display:inline-block;color:#173fa6;margin-top:15px}.band-steps{list-style:none;margin:0;padding:0}.band-steps li{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #1113}.band-steps>li>span{font-weight:900;color:#315ecc}.band-steps b{font-size:24px}.band-steps p{margin:4px 0;color:#555d6b}
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.channel-card{border:1px solid var(--line);background:#101621;padding:26px;border-radius:22px;transition:.3s}.channel-card:hover{transform:translateY(-5px);border-color:#516db8}.channel-avatar-lg{width:56px;height:56px;font-size:21px}.channel-card>span:nth-child(2){display:grid;margin:20px 0}.channel-card>span>b{font-size:20px}.channel-card i{color:#6d91ff}.channel-card small,.channel-card p{color:var(--muted)}.channel-card p{min-height:74px}.channel-card dl{display:flex;gap:30px;margin:20px 0 0;padding-top:17px;border-top:1px solid var(--line)}.channel-card dl div{display:grid}.channel-card dt{font-weight:900}.channel-card dd{margin:0;color:var(--muted);font-size:11px}
.playlist-section{padding-top:40px}.playlist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.playlist-card{min-height:190px;display:grid;grid-template-columns:62px 1fr auto;gap:20px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#121a29,#111522);transition:.3s}.playlist-card:hover{background:#192338;border-color:#5478dd}.playlist-number{font-size:32px;font-weight:900;color:#4d6389}.playlist-card>div>span{color:#89a4f3;font-size:11px;font-weight:800}.playlist-card h3{font-size:27px;margin:5px 0}.playlist-card p{color:var(--muted);margin:0}.playlist-card>i{font-style:normal;color:var(--amber);font-size:28px}
.topic-theatre{width:var(--shell);margin:25px auto 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:95px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-theatre h2{font-size:56px;line-height:1.05;margin:15px 0}.topic-theatre p{color:var(--muted)}.topic-theatre nav{display:grid;grid-template-columns:repeat(2,1fr)}.topic-theatre nav a{display:flex;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--line)}.topic-theatre nav a:hover{background:#121924}.topic-theatre nav small{color:var(--muted)}
.trend-section{padding-bottom:100px}.rank-list{border-top:1px solid var(--line)}.rank-list>a{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:25px;padding:21px;border-bottom:1px solid var(--line);transition:.25s}.rank-list>a:hover{background:#101722;padding-inline:31px}.rank-list>a>span{font-size:30px;color:#4d5870;font-weight:900}.rank-list div{display:grid}.rank-list b{font-size:20px}.rank-list small{color:var(--muted)}.rank-list i{font-style:normal;color:var(--amber);font-size:12px;font-weight:900}.creator-cta{width:var(--shell);margin:auto;padding:80px;display:flex;justify-content:space-between;gap:60px;align-items:end;border-radius:36px;background:linear-gradient(120deg,#315ffd,#7857ff);position:relative;overflow:hidden}.creator-cta>div{position:relative;z-index:2}.creator-cta h2{font-size:clamp(48px,6vw,86px);line-height:.98;margin:17px 0}.creator-cta p{max-width:700px;font-size:18px;color:#e4e7ff}.creator-cta>div:last-child{display:grid;gap:18px;min-width:210px}.creator-cta>div:last-child>a:last-child{text-align:center;font-weight:800}.faq-section{padding-bottom:120px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-grid details{border:1px solid var(--line);border-radius:16px;background:#101621;padding:0 21px}.faq-grid summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-weight:800}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary i{font-style:normal;color:var(--amber)}.faq-grid details p{color:var(--muted);padding:0 0 22px;margin:0}
.inner-hero{min-height:430px;width:var(--shell);margin:auto;display:flex;justify-content:space-between;align-items:end;gap:60px;padding:95px 0 65px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(50,95,255,.19),transparent 32%)}.inner-hero>div{max-width:900px}.inner-hero h1{font-size:clamp(58px,7vw,100px);line-height:.95;letter-spacing:-.055em;margin:18px 0}.inner-hero p{max-width:760px;color:#b5bfce;font-size:19px}.inner-hero aside{min-width:170px;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid}.inner-hero aside b{font-size:45px}.inner-hero aside span{color:var(--muted);font-size:12px}.filter-shell{width:var(--shell);margin:35px auto 0;border:1px solid var(--line);background:#0f1520;border-radius:20px;padding:20px}.filter-shell form{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:13px}.filter-shell label{display:grid;gap:7px}.filter-shell label span{font-size:12px;color:#aeb9c9}.filter-shell input,.filter-shell select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#090d14;color:white;border:1px solid var(--line);border-radius:10px;padding:13px}.filter-shell button{height:48px;border:0;border-radius:10px;background:var(--blue);color:white;font-weight:900;padding:0 25px}.discover-results{padding-top:70px}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #45516a;border-radius:22px;padding:80px 20px}.empty-state h2{font-size:32px}.empty-state p{color:var(--muted)}.empty-state a{color:#9db1ff;font-weight:800}.empty-state.compact{padding:35px}.pagination nav{margin-top:42px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:16px}.pagination nav span[aria-current] span,.pagination nav a{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.explainer-panel{width:var(--shell);margin:0 auto 110px;padding:70px;border-radius:30px;background:var(--paper);color:#111826}.explainer-panel>div:first-child{max-width:800px}.explainer-panel h2{font-size:55px;line-height:1.05}.explainer-panel .eyebrow{color:#315ecc}.explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.explainer-grid article{border-top:1px solid #1113;padding-top:25px}.explainer-grid article>b{color:#315ecc}.explainer-grid h3{font-size:23px}.explainer-grid p{color:#555f6d}
.directory-hero aside{grid-template-columns:auto auto;gap:4px 25px}.directory-hero aside b{font-size:27px}.directory-nav,.channel-nav{width:var(--shell);margin:25px auto 0;display:flex;gap:8px}.directory-nav a,.channel-nav a{padding:10px 17px;border:1px solid var(--line);border-radius:99px;font-weight:800;color:#aeb8c7}.directory-nav a.active,.channel-nav a:hover{background:white;color:#111}.directory-content{padding-top:55px}.channel-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.channel-directory article{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:32px;border:1px solid var(--line);background:#101621;border-radius:23px}.channel-avatar-xl{width:86px;height:86px;font-size:32px}.channel-directory article>div>span{color:#8290a5;font-size:12px}.channel-directory h2{font-size:34px;margin:6px 0}.channel-directory p{color:var(--muted)}.channel-directory dl{display:flex;gap:25px}.channel-directory dl div{display:grid}.channel-directory dd{margin:0;color:var(--muted);font-size:11px}.playlist-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.playlist-directory>a{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#121a29,#0f141f)}.playlist-directory>a>span{font-size:35px;font-weight:900;color:#3e4a61}.playlist-directory small{color:#87a4f9}.playlist-directory h2{font-size:34px;line-height:1.15;margin:8px 0}.playlist-directory p{color:var(--muted)}.playlist-directory b{color:var(--amber)}.topic-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-directory a{min-height:130px;padding:23px;border:1px solid var(--line);border-radius:18px;display:grid;background:#101621}.topic-directory a:hover,.topic-directory a.active{border-color:#567bdf;background:#15213a}.topic-directory a>span{font-size:11px;color:#6786dc}.topic-directory b{font-size:24px}.topic-directory small{color:var(--muted)}.topic-result-heading{margin-top:70px}.directory-manifesto{width:var(--shell);margin:0 auto 110px;padding:70px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.directory-manifesto h2{font-size:55px;line-height:1.05}.directory-manifesto>div:last-child{font-size:17px;color:var(--muted)}
.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8793a5;font-size:12px;padding-bottom:15px;white-space:nowrap;overflow:hidden}.breadcrumbs span{overflow:hidden;text-overflow:ellipsis}.breadcrumbs i{font-style:normal}.watch-layout{width:min(1700px,calc(100% - 48px));margin:auto;padding:28px 0 110px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:34px}.player-shell{position:relative;background:#000;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 100px #0009}.player-shell video{width:100%;max-height:78vh;display:block}.player-corner{position:absolute;right:15px;top:15px;background:#090b0ec7;border:1px solid #fff2;padding:6px 10px;border-radius:99px;font-size:10px;font-weight:800}.watch-header{max-width:1080px;margin:32px auto}.watch-labels{display:flex;gap:7px}.watch-labels span{border:1px solid var(--line);padding:5px 9px;border-radius:99px;color:#aab7ca;font-size:10px}.watch-header h1{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.watch-header>p{font-size:19px;color:#b5becd;max-width:900px}
.channel-strip{max-width:1080px;margin:auto;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.channel-avatar-lg{width:52px;height:52px;font-size:19px}.channel-strip>div{display:grid}.channel-strip>div span{color:var(--muted);font-size:12px}.channel-strip form:first-of-type{margin-right:auto}.channel-strip form button{background:#171e2a;color:white;border:1px solid var(--line);padding:10px 16px;border-radius:99px}.channel-strip form button.button-light{background:white;color:#111}.watch-facts{max-width:1080px;margin:24px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.watch-facts div{display:grid;background:#101620;padding:17px}.watch-facts span{color:var(--muted);font-size:11px}.watch-facts b{margin-top:4px}.panel{max-width:1080px;margin:24px auto;background:#101620;border:1px solid var(--line);border-radius:22px;padding:30px}.panel header h2,.comments-panel header h2{font-size:36px;margin:8px 0}.panel header p,.comments-panel header p{color:var(--muted)}.chapters>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chapters button{display:grid;grid-template-columns:55px 1fr auto;text-align:right;gap:12px;border:1px solid var(--line);background:#0b1018;color:white;padding:13px;border-radius:10px;cursor:pointer}.chapters time{color:var(--amber)}.chapters button i{font-style:normal;font-size:10px;color:#8aa5f5}
.rich-content{font-size:17px;line-height:1.9;color:#d4dae4}.rich-content h2{font-size:36px;line-height:1.2;color:white;margin:45px 0 15px}.rich-content h3{font-size:26px;color:white}.rich-content a{color:#98afff;text-decoration:underline}.rich-content img,.rich-content video,.rich-content iframe{max-width:100%;height:auto;border-radius:14px}.rich-content blockquote{margin:30px 0;padding:20px 25px;border-right:3px solid var(--amber);background:#151d2b}.trust-panel{max-width:1080px;margin:24px auto;padding:35px;border:1px solid #5b67ff55;border-radius:22px;background:linear-gradient(145deg,#151b32,#101521);display:grid;grid-template-columns:1fr 1fr;gap:35px}.trust-panel h2{font-size:35px;margin:9px 0}.trust-panel p,.trust-panel dd{color:#aeb8c8}.trust-panel dl{margin:0}.trust-panel dl div{padding:10px 0;border-bottom:1px solid var(--line)}.trust-panel dt{font-size:11px;color:#8ba6ff}.trust-panel dd{margin:4px 0}.external-button{display:inline-flex;grid-column:1/-1;justify-self:start;background:var(--amber);color:#241404;font-weight:900;padding:12px 18px;border-radius:10px}.in-series{max-width:1080px;margin:24px auto;display:flex;align-items:center;gap:14px}.in-series>span{color:var(--muted)}.in-series a{display:grid;border:1px solid var(--line);padding:12px 16px;border-radius:10px}.in-series small{color:#8ca8fa}
.comments-panel{max-width:1080px;margin:45px auto}.comments-panel form textarea{width:100%;min-height:110px;background:#101620;color:white;border:1px solid var(--line);border-radius:14px;padding:15px}.comments-panel form button{margin-top:9px}.login-notice{display:block;border:1px solid var(--line);padding:14px;border-radius:10px;color:#9fb3f7}.comment-list{margin-top:25px}.comment-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.comment-list article>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#29344a}.comment-list time{margin-right:10px;color:var(--muted);font-size:11px}.comment-list p{color:#ccd2dc}.watch-sidebar{position:sticky;top:112px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;padding-left:8px}.sidebar-heading h2{font-size:31px;margin:7px 0 18px}.next-video{display:grid;grid-template-columns:145px minmax(0,1fr);gap:11px;margin-bottom:15px}.next-video>span{position:relative;aspect-ratio:16/9;background:#141b27;border-radius:10px;overflow:hidden}.next-video img{width:100%;height:100%;object-fit:cover}.next-video>span>small{position:absolute;left:5px;bottom:5px;background:#000c;padding:2px 5px;border-radius:4px;font-size:9px}.next-video>div{display:grid;align-content:start}.next-video b{font-size:14px;line-height:1.4}.next-video>div small,.next-video em{color:var(--muted);font-size:11px;font-style:normal}.sidebar-all{display:block;text-align:center;border:1px solid var(--line);padding:10px;border-radius:9px;color:#9fb2ef}
.channel-hero{min-height:520px;position:relative;display:grid;align-items:end;background:linear-gradient(120deg,#0c1425,#263467 55%,#62412b);overflow:hidden}.channel-pattern{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#5680ff66,transparent 24%),repeating-linear-gradient(90deg,transparent 0 119px,#fff08 120px)}.channel-hero-shell{width:var(--shell);margin:auto;position:relative;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:35px;padding:80px 0 55px}.channel-avatar-hero{width:145px;height:145px;font-size:55px;border:8px solid #fff2}.channel-hero h1{font-size:clamp(55px,7vw,95px);line-height:.95;margin:13px 0}.channel-hero .handle{color:#9bb4ff;margin:0}.channel-hero p{max-width:760px;color:#d0d6df}.channel-hero dl{display:flex;gap:35px;margin:25px 0 0}.channel-hero dl div{display:grid}.channel-hero dt{font-size:22px;font-weight:900}.channel-hero dd{margin:0;color:#aeb9c9;font-size:11px}.channel-series{padding-top:20px}.channel-about,.series-intro{width:var(--shell);margin:0 auto 110px;padding:75px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.channel-about h2,.series-intro h2{font-size:55px;line-height:1.05}.channel-about>div:last-child,.series-intro>p{color:var(--muted);font-size:18px}.channel-about .external-button{margin-top:15px}
.playlist-hero{min-height:600px;background:radial-gradient(circle at 75% 25%,#315eff66,transparent 30%),linear-gradient(130deg,#101725,#151c30 60%,#463124);display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px;padding:100px max(32px,calc((100% - min(1460px,calc(100% - 64px)))/2)) 70px}.playlist-hero>div{max-width:950px}.playlist-hero h1{font-size:clamp(64px,8vw,118px);line-height:.9;letter-spacing:-.06em;margin:20px 0}.playlist-hero p{font-size:20px;color:#c5cdda;max-width:800px}.playlist-hero dl{display:flex;gap:30px}.playlist-hero dl div{display:grid}.playlist-hero dd{margin:0;color:var(--muted);font-size:11px}.playlist-hero .button{margin-top:25px}.playlist-hero>aside{display:flex;align-items:center;gap:13px;font-weight:900;font-size:23px}.playlist-hero>aside i{width:180px;height:2px;background:linear-gradient(90deg,var(--blue),var(--amber))}.series-intro{margin-bottom:0}.episode-list{display:grid}.episode-list article{display:grid;grid-template-columns:75px 350px 1fr;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.episode-index{font-size:36px;color:#435069;font-weight:900}.episode-poster{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#141b27}.episode-poster img{width:100%;height:100%;object-fit:cover}.episode-poster>span{position:absolute;left:8px;bottom:8px;background:#000c;padding:3px 6px;border-radius:5px}.episode-list article>div:last-child>span{color:#8da7ee;font-size:11px}.episode-list h2{font-size:32px;line-height:1.2;margin:8px 0}.episode-list p{color:var(--muted)}.series-note{width:var(--shell);margin:0 auto 110px;background:var(--paper);color:#111;padding:45px;border-radius:24px}.series-note b{font-size:28px}.series-note p{max-width:900px;color:#4f5865}
.page-hero{min-height:560px;background:radial-gradient(circle at 78% 20%,#315eff55,transparent 28%),linear-gradient(120deg,#0c111c,#171e2c);display:flex;align-items:end;justify-content:space-between;gap:50px;padding:95px max(32px,calc((100% - min(1460px,calc(100% - 64px)))/2)) 70px}.page-hero>div{max-width:1000px}.page-hero h1{font-size:clamp(62px,8vw,110px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.page-hero p{font-size:20px;color:#bdc6d3;max-width:800px}.page-reel{width:170px;height:170px;border:20px solid #fff1;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px;transform:rotate(15deg)}.page-reel i{border-radius:50%;background:#fff2}.page-layout{width:var(--shell);margin:auto;display:grid;grid-template-columns:250px minmax(0,850px);gap:100px;justify-content:center;padding:95px 0}.page-layout>aside{position:sticky;top:115px;align-self:start;display:grid;border-left:1px solid var(--line);padding-left:25px}.page-layout>aside>span{font-weight:900}.page-layout>aside nav{display:grid;margin:17px 0}.page-layout>aside nav a{padding:8px 0;color:var(--muted)}.page-layout>aside small{color:#67758b}.page-rich{color:#cbd2dd}.page-rich>p:first-child{font-size:22px;color:white}.page-rich h2{font-size:42px;margin-top:50px}.contact-cards{display:grid;gap:10px;margin-top:40px}.contact-cards a{display:grid;border:1px solid var(--line);border-radius:14px;padding:20px}.contact-cards span{color:#8ba4ed;font-size:11px}.contact-cards b{font-size:20px}.contact-cards small{color:var(--muted)}.page-principles{width:var(--shell);margin:0 auto 110px;padding:70px;background:var(--paper);color:#121721;border-radius:30px}.page-principles .eyebrow{color:#315ecc}.page-principles h2{font-size:58px;line-height:1.05}.page-principles>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.page-principles article{border-top:1px solid #1113;padding-top:20px}.page-principles article>b{color:#315ecc}.page-principles h3{font-size:23px}.page-principles p{color:#525b68}
.studio-shell{width:min(1250px,calc(100% - 48px));margin:auto;padding:80px 0 120px}.studio-hero{display:flex;justify-content:space-between;gap:50px;align-items:end}.studio-hero>div{max-width:850px}.studio-hero h1{font-size:clamp(60px,8vw,105px);line-height:.9;letter-spacing:-.055em;margin:20px 0}.studio-hero p{font-size:19px;color:var(--muted)}.studio-hero dl{display:flex;gap:30px}.studio-hero dl div{display:grid}.studio-hero dt{font-size:35px;font-weight:900}.studio-hero dd{margin:0;color:var(--muted)}.studio-progress{display:grid;grid-template-columns:repeat(5,1fr);margin:55px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.studio-progress span{display:flex;gap:10px;padding:15px;border-left:1px solid var(--line)}.studio-progress span:last-child{border-left:0}.studio-progress b{color:#7799ff}.studio-form{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0e141e}.studio-form>section{padding:40px;border-bottom:1px solid var(--line)}.studio-form>section>header{display:grid;grid-template-columns:55px 1fr;gap:15px;margin-bottom:25px}.studio-form>section>header>span{font-size:26px;font-weight:900;color:#405274}.studio-form h2{font-size:31px;margin:0}.studio-form header p{color:var(--muted);margin:3px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label,.rich-editor-field{display:grid;gap:7px}.form-grid label>span,.rich-editor-field>span{font-size:12px;color:#aeb8c6;font-weight:700}.wide{grid-column:1/-1}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.upload-drop{min-height:130px;border:1px dashed #54627a;border-radius:15px;background:#090e16;padding:22px;display:grid;align-content:center;gap:5px}.upload-drop small{color:var(--muted)}.upload-drop input{margin-top:10px}
.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;padding:9px;background:#151d29}.editor-toolbar button{border:1px solid var(--line);background:#232d3d;color:white;border-radius:6px;padding:6px 10px;cursor:pointer}.rich-editor{min-height:260px;background:#090d14;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:22px;outline:0;line-height:1.8}.rich-editor-field>small{color:var(--muted)}.check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;padding:14px;border:1px solid var(--line);border-radius:10px}.check input{width:auto}.check>span{display:grid}.check small{color:var(--muted)}.studio-form>footer{padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.studio-form>footer p{margin:3px 0;color:var(--muted)}.playlist-builder,.my-library{margin-top:70px;border-top:1px solid var(--line);padding-top:60px}.playlist-builder>form{background:#101620;border:1px solid var(--line);padding:30px;border-radius:20px}.playlist-builder button{margin-top:18px}.video-picker{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.video-picker label{display:flex!important;align-items:center;background:#090d14;padding:10px;border-radius:8px}.video-picker input{width:auto}.library-list{display:grid}.library-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.library-list div{display:grid}.library-list small{color:var(--muted)}.library-list i{font-style:normal;color:var(--amber)}.status-dot{width:9px;height:9px;border-radius:50%;background:#e5af45}.status-dot.ready{background:#46d787}.playlist-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.playlist-chips a{display:grid;border:1px solid var(--line);border-radius:10px;padding:11px 15px}.playlist-chips small{color:var(--muted)}
.scene-footer{background:#05070b;border-top:1px solid var(--line);padding:70px 0 25px}.footer-shell{width:var(--shell);margin:auto;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:70px}.footer-lead p{max-width:480px;color:var(--muted)}.footer-cta{color:#9eb3f8;font-weight:800}.footer-shell>nav{display:grid;align-content:start;gap:10px}.footer-shell>nav>b{margin-bottom:8px}.footer-shell>nav>a{color:var(--muted)}.footer-bottom{width:var(--shell);margin:55px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#637086;font-size:12px}
.directory-guide,.channel-method,.series-guide{width:var(--shell);margin:0 auto 100px;padding:55px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,#101826,#0e131d)}.directory-guide>header,.channel-method>header,.series-guide>header{max-width:850px}.directory-guide h2,.channel-method h2,.series-guide h2{font-size:clamp(38px,5vw,62px);line-height:1.05;margin:14px 0}.directory-guide>header>p,.channel-method>header>p{color:var(--muted);font-size:17px}.directory-guide>div,.channel-method>div,.series-guide>div,.mini-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.directory-guide article,.channel-method article,.series-guide article,.mini-guide article{border-top:1px solid var(--line);padding-top:20px}.directory-guide article>b{color:#7697ff}.directory-guide h3,.channel-method h3{font-size:22px}.directory-guide article>p,.channel-method article>p,.series-guide article>p,.mini-guide article>p{color:var(--muted)}.series-guide{margin-top:-40px}.watch-reading-guide .mini-guide{margin-top:25px}.mini-guide article>b{font-size:20px;color:#9bb2ff}
@media(max-width:1200px){:root{--shell:calc(100% - 40px)}.header-shell{grid-template-columns:auto 1fr auto}.header-search{display:none}.video-grid,.channel-grid{grid-template-columns:repeat(2,1fr)}.watch-layout{grid-template-columns:1fr;width:var(--shell)}.watch-sidebar{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.watch-sidebar .sidebar-heading,.watch-sidebar .sidebar-all{grid-column:1/-1}.next-video{margin:0}.footer-shell{grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.episode-list article{grid-template-columns:60px 280px 1fr}}
@media(max-width:900px){.header-shell{display:flex;flex-wrap:wrap;gap:14px;padding:12px 0}.scene-brand{margin-left:auto}.menu-toggle{display:grid;grid-template-columns:20px auto;align-items:center;gap:3px}.menu-toggle span{grid-column:1;width:20px;height:1px;background:white}.menu-toggle b{grid-column:2;grid-row:1/4}.primary-navigation{display:none;order:5;width:100%;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}.primary-navigation.is-open{display:flex}.primary-navigation a:after{bottom:-5px}.cinema-hero{min-height:800px}.hero-backdrop{background:linear-gradient(180deg,rgba(8,11,18,.28),rgba(8,11,18,.95) 62%,var(--ink)),url('video-network-hero-v2.png') 67% center/cover}.hero-shell{grid-template-columns:1fr;align-items:end}.featured-frame{display:none}.signal-bar{grid-template-columns:repeat(2,1fr)}.signal-bar>div:nth-child(2){border-left:0}.signal-bar>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.editorial-band{padding:55px;grid-template-columns:1fr}.topic-theatre{grid-template-columns:1fr}.creator-cta{padding:55px;align-items:start;flex-direction:column}.channel-directory,.playlist-directory{grid-template-columns:1fr}.directory-manifesto,.channel-about,.series-intro{grid-template-columns:1fr;gap:20px}.watch-facts{grid-template-columns:repeat(2,1fr)}.channel-hero-shell{grid-template-columns:110px 1fr}.channel-avatar-hero{width:105px;height:105px}.channel-hero-shell>form{grid-column:2}.episode-list article{grid-template-columns:55px 220px 1fr}.page-layout{grid-template-columns:1fr;gap:40px}.page-layout>aside{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 20px}.page-layout>aside nav{display:flex;flex-wrap:wrap;gap:16px}.page-principles>div:last-child{grid-template-columns:1fr}.footer-shell{grid-template-columns:repeat(3,1fr)}.footer-lead{grid-column:1/-1}.studio-progress{grid-template-columns:repeat(3,1fr)}.studio-progress span:nth-child(3){border-left:0}.studio-progress span:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:650px){:root{--shell:calc(100% - 28px)}.scene-brand b{font-size:22px}.brand-mark{width:36px;height:36px}.brand-mark:before{width:46px;height:46px}.scene-actions{gap:9px;font-size:12px}.scene-actions .studio-link{padding:9px 12px}.login-link{display:none}.cinema-hero{min-height:720px}.hero-shell{padding:60px 0}.hero-copy h1{font-size:clamp(48px,15vw,67px);line-height:.94}.hero-copy>p{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.hero-copy dl{gap:20px;justify-content:space-between}.signal-bar{margin-top:-10px}.signal-bar>div{padding:15px 13px}.signal-bar small{display:none}.content-section{padding:75px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading h2{font-size:40px}.video-grid,.channel-grid{grid-template-columns:1fr}.editorial-band{width:100%;border-radius:0;padding:55px 20px}.band-copy h2{font-size:43px}.playlist-grid{grid-template-columns:1fr}.playlist-card{grid-template-columns:45px 1fr;padding:22px}.playlist-card>i{display:none}.topic-theatre h2{font-size:42px}.topic-theatre nav{grid-template-columns:1fr}.rank-list>a{grid-template-columns:48px 1fr}.rank-list>a>i{display:none}.rank-list>a>span{font-size:22px}.creator-cta{width:100%;border-radius:0;padding:55px 20px}.faq-grid{grid-template-columns:1fr}.inner-hero{min-height:390px;align-items:start;justify-content:end;flex-direction:column;padding:70px 0 45px}.inner-hero h1{font-size:54px}.inner-hero aside{min-width:0;width:100%}.filter-shell form{grid-template-columns:1fr}.explainer-panel{width:100%;border-radius:0;padding:50px 20px}.explainer-panel h2{font-size:40px}.explainer-grid{grid-template-columns:1fr;gap:22px}.topic-directory{grid-template-columns:1fr}.channel-directory article{grid-template-columns:62px 1fr;padding:22px}.channel-avatar-xl{width:60px;height:60px}.channel-directory h2{font-size:28px}.playlist-directory>a{grid-template-columns:45px 1fr;padding:23px}.directory-manifesto h2,.channel-about h2,.series-intro h2{font-size:42px}.watch-layout{width:calc(100% - 20px);padding-top:10px}.watch-header h1{font-size:36px}.watch-header>p{font-size:16px}.channel-strip{flex-wrap:wrap}.channel-strip>div{width:calc(100% - 68px)}.channel-strip form:first-of-type{margin-right:0}.watch-facts{grid-template-columns:1fr 1fr}.panel{padding:21px}.chapters>div{grid-template-columns:1fr}.trust-panel{grid-template-columns:1fr;padding:23px}.trust-panel .external-button{grid-column:1}.in-series{align-items:stretch;flex-direction:column}.watch-sidebar{grid-template-columns:1fr}.next-video{grid-template-columns:128px 1fr}.channel-hero{min-height:600px}.channel-hero-shell{grid-template-columns:1fr;padding:60px 0 35px;gap:18px}.channel-avatar-hero{width:90px;height:90px}.channel-hero h1{font-size:54px}.channel-hero-shell>form{grid-column:1}.channel-hero dl{gap:20px}.channel-nav{overflow:auto}.channel-nav a{white-space:nowrap}.playlist-hero{min-height:650px;padding:75px 18px 50px;grid-template-columns:1fr}.playlist-hero h1{font-size:58px}.playlist-hero>aside{display:none}.episode-list article{grid-template-columns:42px 1fr;align-items:start}.episode-poster{grid-column:2;width:100%}.episode-list article>div:last-child{grid-column:2}.episode-list h2{font-size:27px}.page-hero{min-height:540px;padding:75px 18px 50px}.page-hero h1{font-size:57px}.page-reel{display:none}.page-layout{padding:65px 0}.page-rich h2{font-size:34px}.page-principles{width:100%;border-radius:0;padding:50px 20px}.page-principles h2{font-size:43px}.studio-shell{width:calc(100% - 28px);padding:55px 0}.studio-hero{align-items:start;flex-direction:column}.studio-hero h1{font-size:57px}.studio-progress{grid-template-columns:1fr 1fr}.studio-progress span{border-bottom:1px solid var(--line)}.studio-progress span:nth-child(2n){border-left:0}.studio-form>section{padding:24px 17px}.studio-form>section>header{grid-template-columns:40px 1fr}.form-grid,.upload-grid{grid-template-columns:1fr}.wide{grid-column:1}.studio-form>footer{align-items:stretch;flex-direction:column;padding:24px 17px}.video-picker{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr 1fr}.footer-shell nav:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-poster img,.play-mark,.channel-card{transition:none}}
@media(max-width:900px){.directory-guide>div,.channel-method>div,.series-guide>div,.mini-guide{grid-template-columns:1fr}}
@media(max-width:650px){.directory-guide,.channel-method,.series-guide{width:100%;border-radius:0;padding:48px 20px}.directory-guide h2,.channel-method h2,.series-guide h2{font-size:40px}.series-guide{margin-top:-20px}}

.channel-avatar,.channel-dot{overflow:hidden}.channel-avatar img,.channel-dot img{display:block;width:100%;height:100%;object-fit:cover}