:root{--bg:#070c16;--panel:#0f1728;--panel2:#141e33;--line:rgba(178,198,236,.13);--text:#f4f7ff;--muted:#99a8c2;--blue:#4098ff;--cyan:#57e4eb;--max:1480px;--radius:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6.2vw,6rem)}h2{font-size:clamp(1.5rem,2.3vw,2.3rem)}em{font-style:normal;color:var(--cyan)}
.wrap{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.eyebrow{display:block;font-size:.68rem;letter-spacing:.23em;font-weight:850;color:var(--cyan);text-transform:uppercase}.eyebrow i,.detail-meta i{font-style:normal;color:#60708f}
.site-header{height:76px;background:rgba(4,9,19,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(22px)}.header-inner{height:100%;display:flex;align-items:center;gap:46px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-content:center;width:46px;height:46px;border-radius:12px 12px 13px 4px;background:linear-gradient(135deg,#55e3e6,#2965e7 80%);box-shadow:0 7px 25px rgba(41,112,240,.27);font-size:1.28rem;font-weight:950;letter-spacing:-.2em;padding-right:6px}.brand-mark span{color:#031124}.brand-text{display:block;font-size:1.14rem;font-weight:900;letter-spacing:.06em;line-height:1.03}.brand-text>span{color:#5ccde8}.brand-text small{display:block;letter-spacing:.245em;font-size:.53rem;color:#91a5c5;margin-top:5px}
.primary-nav{display:flex;align-items:center;gap:30px;height:100%}.primary-nav a{display:flex;align-items:center;position:relative;height:100%;font-size:.89rem;color:#b6c4d9;font-weight:650;transition:color .2s}.primary-nav a:hover,.primary-nav a.active{color:#fff}.primary-nav a.active:after{content:"";position:absolute;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#4098ff,#57e4eb);border-radius:3px}.ext{margin-left:5px;font-size:.75em}
.header-search{margin-left:auto;display:flex;align-items:center;width:min(360px,30vw);height:40px;padding:0 10px 0 14px;border:1px solid #263450;background:#121b2b;border-radius:10px;color:#90a4c5}.header-search:focus-within{border-color:var(--blue)}.header-search input{border:0;outline:0;min-width:0;width:100%;background:none;color:#fff;padding:10px}.header-search input::placeholder{color:#8493ad}.header-search button{border:0;background:none;color:#81d7ff;font-size:1.4rem}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:6px}.mobile-toggle span{width:23px;height:2px;background:#fff;border-radius:2px}
.hero{position:relative;min-height:595px;overflow:hidden;background:#081323}.hero:before{position:absolute;content:"";inset:0;background-image:linear-gradient(90deg,#07101d 0%,rgba(7,16,29,.95) 25%,rgba(7,16,29,.37) 75%,rgba(7,16,29,.3)),linear-gradient(0deg,#070c16 0%,transparent 43%),var(--hero-image,none);background-size:cover;background-position:center 33%;filter:saturate(.89)}.hero:after{position:absolute;inset:0;content:"";background:radial-gradient(ellipse at 20% 50%,rgba(30,91,199,.16),transparent 53%);pointer-events:none}.hero-inner{position:relative;z-index:1;min-height:595px;display:flex;align-items:center;padding-block:85px 110px}.hero-copy{max-width:715px}.pulse{display:inline-block;background:#37e8d9;height:8px;width:8px;margin-right:12px;border-radius:50%;box-shadow:0 0 12px #40e8de}.hero h1{max-width:680px;margin:22px 0 20px;line-height:1.03;letter-spacing:-.065em;font-weight:900}.hero h1 em{color:#5cdaff}.hero-lede{color:#ccdaf0;font-size:1.13rem;max-width:565px;line-height:1.75;margin-bottom:34px}.hero-search{background:#fff;border-radius:12px;padding:6px 6px 6px 19px;display:flex;align-items:center;max-width:620px;color:#55718e;box-shadow:0 15px 55px rgba(0,0,0,.26)}.hero-search input{flex:1;min-width:0;outline:0;border:0;padding:12px;font-weight:500;color:#0d1b30;background:transparent}.hero-search input::placeholder{color:#788ca3}.hero-search button{border:0;display:flex;gap:30px;align-items:center;background:#256bea;padding:14px 22px;border-radius:9px;font-weight:800;color:#fff}.hero-search button:hover,.btn-primary:hover{background:#408af9}.hero-feature{display:flex;align-items:center;gap:15px;margin-top:42px;color:#c4d5ef;font-size:.85rem}.feature-label{font-size:.6rem;letter-spacing:.17em;font-weight:900;border:1px solid #5075a2;border-radius:5px;padding:5px 8px;color:#aee6ff}.feature-separator{height:22px;width:1px;background:#4b6384}.hero-feature a:hover{color:#fff}.hero-feature a span{padding-left:5px;color:var(--cyan)}
.home-content{padding-top:30px;padding-bottom:96px}.intro-strip{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:80px}.intro-strip h2{margin:12px 0 0;font-size:clamp(1.7rem,3vw,3rem)}.intro-strip p{max-width:300px;color:var(--muted);margin:0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:24px}.section-head h2{margin:8px 0 0}.shelf{margin-bottom:75px}.shelf-actions{display:flex;align-items:center;gap:10px}.circle-arrow{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:#16223a;color:#e4edfb;font-size:1.25rem}.circle-arrow:hover{background:#2c78d9;border-color:#2c78d9}.see-all{color:#a9dfff;margin-left:18px;font-weight:800;font-size:.88rem;white-space:nowrap}.see-all:hover{color:#fff}.see-all span{margin-left:4px}
.media-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 12px}.media-rail::-webkit-scrollbar{display:none}.media-card{display:block;flex:0 0 184px;min-width:0;scroll-snap-align:start;transition:transform .25s}.media-card:hover{transform:translateY(-6px)}.poster-frame{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#162338;border:1px solid rgba(255,255,255,.05)}.poster-frame img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.media-card:hover .poster-frame img{transform:scale(1.04)}.poster-frame:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);pointer-events:none}.type-tag,.vote-tag{position:absolute;z-index:1;font-size:.68rem;font-weight:900;border-radius:6px;padding:5px 8px;backdrop-filter:blur(12px)}.type-tag{top:9px;left:9px;background:rgba(16,26,45,.78);border:1px solid rgba(255,255,255,.15);color:#ddedff}.vote-tag{bottom:9px;right:9px;background:rgba(8,18,31,.85);color:#ffe08a}.card-info{padding:12px 1px 0}.card-info strong{display:block;font-size:.91rem;font-weight:760;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-info span{display:block;color:var(--muted);font-size:.74rem;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-info i{font-style:normal;color:#536482;margin:0 4px}
.cta-banner{position:relative;display:flex;justify-content:space-between;overflow:hidden;min-height:315px;padding:48px 58px;background:radial-gradient(ellipse at 95% 25%,rgba(32,121,255,.38),transparent 58%),linear-gradient(135deg,#12253e,#0b1425 65%);border:1px solid #294467;border-radius:20px}.cta-banner>div{position:relative;z-index:1;max-width:560px}.cta-banner h2{margin:13px 0}.cta-banner p{color:#a9bedb;max-width:510px;margin-bottom:25px}.cta-art{position:absolute;font-size:23rem;letter-spacing:-.2em;font-weight:950;right:7%;top:-80px;line-height:1;color:rgba(101,175,255,.07);transform:rotate(-12deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;padding:12px 19px;border:1px solid transparent;font-weight:800;font-size:.89rem;transition:background .2s,color .2s;white-space:nowrap}.btn-primary{background:#2773ed;color:#fff}.btn-outline{background:rgba(20,37,57,.56);color:#e2edfc;border-color:#4a5c7a}.btn-outline:hover{background:#233958}
.explore-content{padding-top:54px;padding-bottom:95px;min-height:70vh}.page-top{padding-bottom:24px}.page-top h1{font-size:clamp(2.3rem,4vw,4.1rem);margin:14px 0 7px}.page-top p{color:var(--muted)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:10px 0 30px}.tabs a{padding:13px 21px;color:var(--muted);font-weight:700;position:relative}.tabs a.selected{color:#fff}.tabs a.selected:after{position:absolute;bottom:-1px;left:0;right:0;background:var(--cyan);height:3px;content:""}.filter-bar{display:flex;align-items:end;gap:13px;flex-wrap:wrap;padding:20px;background:#101a2b;border:1px solid var(--line);border-radius:14px;margin:25px 0 38px}.filter-bar label{display:flex;gap:7px;flex-direction:column;color:#a9b9d0;font-size:.72rem;font-weight:750;min-width:160px}.filter-bar input,.filter-bar select{border-radius:8px;background:#17263e;color:#fff;border:1px solid #304262;padding:11px 12px;min-width:0;outline:0}.filter-bar input:focus,.filter-bar select:focus{border-color:#5ba4ff}.filter-bar input{max-width:130px}.filter-bar button{margin-left:auto}.results-section{margin-bottom:50px}.results-section h2{margin-bottom:0}.media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 18px}.media-grid .media-card{width:auto;flex:auto}.no-results{text-align:center;margin:65px auto;padding:35px;border:1px solid var(--line);border-radius:15px;max-width:650px}.no-results p{color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:20px;padding:35px 0}.pager span{color:var(--muted)}
.detail-hero{position:relative;min-height:555px;background:#0c1424}.detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#09111e 0%,rgba(9,17,30,.92) 34%,rgba(9,17,30,.60) 69%,rgba(9,17,30,.5)),linear-gradient(0deg,#070c16,transparent 45%),var(--detail-image,none);background-size:cover;background-position:center 25%;opacity:.95}.detail-inner{position:relative;padding:48px 0 64px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:58px;align-items:center}.back-link{grid-column:1/-1;color:#a9d2f5;font-size:.86rem;font-weight:700;display:inline-block;width:fit-content}.back-link:hover{color:#fff}.detail-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:15px;box-shadow:0 20px 70px rgba(0,0,0,.62);border:1px solid #42516a}.detail-copy{max-width:790px}.detail-copy h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:13px 0 16px}.detail-meta{display:flex;gap:13px;flex-wrap:wrap;color:#d4e1f2;font-size:.83rem}.detail-meta span:not(:last-child):after{content:"·";color:#7890ae;margin-left:13px}.detail-score{display:flex;gap:13px;align-items:center;margin:28px 0}.score-circle{background:#0e2847;color:#ffe398;border:2px solid #3c8edf;border-radius:12px;padding:12px;font-size:1.05rem;font-weight:900}.detail-score strong{display:block;font-size:.83rem}.detail-score small{color:var(--muted);display:block;margin-top:3px}.detail-copy h2{font-size:1.35rem;margin:22px 0 10px}.detail-overview{max-width:830px;line-height:1.75;color:#d7e2f1;font-size:1rem}.detail-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.detail-content{padding-top:50px;padding-bottom:90px}.detail-shelf{margin-bottom:65px}.cast-rail{display:flex;overflow-x:auto;gap:16px;scrollbar-width:thin;scrollbar-color:#344a66 transparent;padding:5px 0 13px}.cast-card{flex:0 0 128px;min-width:0}.cast-card img{width:100%;aspect-ratio:2/3;border-radius:10px;object-fit:cover;background:#17253a}.cast-card strong{display:block;font-size:.84rem;line-height:1.3;margin-top:9px}.cast-card span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.cast-card:hover strong{color:#72d5ff}
.seasons-section{margin:52px 0 68px}.season-count,.season-hint{color:var(--muted);font-size:.88rem}.season-pills{display:flex;flex-wrap:wrap;gap:10px}.season-pills a{border:1px solid #2f4362;background:#111e32;border-radius:10px;padding:13px 16px;font-weight:750;min-width:150px}.season-pills a span{display:block;font-size:.72rem;color:#8fa4c1;font-weight:500;margin-top:3px}.season-pills a:hover,.season-pills a.current{border-color:#368af6;background:#172e4e}.episode-list{margin-top:40px;scroll-margin-top:120px}.episode-list h3{font-size:1.7rem}.episode-card{display:grid;grid-template-columns:240px 1fr;gap:25px;border-bottom:1px solid var(--line);padding:24px 0}.episode-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#1b2638}.episode-card h4{font-size:1.12rem;margin:8px 0}.episode-card p{color:var(--muted);line-height:1.65}.episode-card small{color:#9ecaff}.source-card{background:#101e32;padding:28px;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:28px}.source-card h3{margin:9px 0 5px}.source-card p{margin:0;color:var(--muted);max-width:740px}
.person-page{padding-top:45px;padding-bottom:90px}.person-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:55px;margin:30px 0 70px}.person-photo img{border-radius:16px;aspect-ratio:2/3;object-fit:cover;border:1px solid var(--line)}.person-content h1{font-size:clamp(2.4rem,4vw,4.5rem);margin:16px 0}.person-content h2{font-size:1.45rem;margin:35px 0 14px}.biography{white-space:normal;color:#d6e1f0;line-height:1.8;max-width:850px}.person-born{color:var(--muted);margin:20px 0}.person-content .btn{margin-top:15px}
.empty-state{padding:100px 0 150px;min-height:65vh}.empty-state h1{font-size:clamp(2rem,4vw,4rem);margin-top:18px}.empty-state p{max-width:660px;color:var(--muted)}
.site-footer{background:#090f1a;border-top:1px solid var(--line)}.footer-top{padding:47px 0 38px;display:flex;justify-content:space-between;gap:30px}.footer-top p{color:var(--muted);margin-top:16px}.footer-links{display:flex;gap:19px;flex-wrap:wrap;align-items:center}.footer-links a{font-size:.84rem;color:#b4c6df}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 0 25px;color:#8395b2;font-size:.69rem;border-top:1px solid var(--line)}.footer-bottom a{color:#a3dcff}
@media(max-width:1180px){.header-inner{gap:25px}.primary-nav{gap:19px}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.media-card{flex-basis:166px}.hero{min-height:540px}.hero-inner{min-height:540px}}
@media(max-width:920px){.wrap{width:min(var(--max),calc(100% - 40px))}.site-header{height:68px}.header-search{width:240px}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#081221;padding:10px 20px 22px;border-bottom:1px solid var(--line);height:auto;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{height:45px}.primary-nav a.active:after{width:3px;left:-10px;bottom:11px;height:24px}.mobile-toggle{display:flex;margin-left:0}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-inner{grid-template-columns:235px 1fr;gap:30px}.detail-copy h1{font-size:clamp(2.3rem,4.8vw,3.4rem)}.person-layout{grid-template-columns:220px 1fr;gap:30px}}
@media(max-width:680px){.wrap{width:calc(100% - 30px)}.brand-mark{width:39px;height:39px;font-size:1.1rem}.brand-text{font-size:1rem}.brand-text small{font-size:.48rem}.header-inner{gap:12px}.header-search{width:auto;min-width:0;flex:1}.header-search input{font-size:.8rem;padding:6px}.header-search button{display:none}.hero,.hero-inner{min-height:490px}.hero-inner{padding-block:70px}.hero h1{font-size:clamp(2.7rem,9vw,4.5rem)}.hero-lede{font-size:.98rem}.hero-search button{padding:13px 14px;gap:8px}.hero-search input{font-size:.82rem}.hero-feature{margin-top:27px}.intro-strip{display:block;margin-bottom:50px}.intro-strip p{margin-top:14px}.home-content{padding-top:20px}.shelf{margin-bottom:55px}.section-head{align-items:center}.section-head h2{font-size:1.5rem}.circle-arrow{display:none}.see-all{margin-left:0}.media-rail{gap:12px}.media-card{flex-basis:144px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.card-info strong{font-size:.82rem}.card-info span{font-size:.7rem}.type-tag{font-size:.6rem;padding:4px 6px}.vote-tag{font-size:.61rem}.cta-banner{padding:27px;min-height:auto}.cta-art{display:none}.detail-inner{display:block;padding-top:24px}.detail-inner .back-link{margin-bottom:25px}.detail-poster{width:180px;float:left;margin:0 22px 20px 0}.detail-copy h1{font-size:2.3rem}.detail-copy{display:flow-root}.detail-copy .eyebrow{font-size:.6rem}.detail-meta{font-size:.73rem}.detail-score{margin:20px 0}.detail-buttons{clear:both}.cast-card{flex-basis:102px}.episode-card{grid-template-columns:125px 1fr;gap:13px;padding:17px 0}.episode-card h4{font-size:.93rem}.episode-card p{font-size:.78rem}.source-card{display:block}.source-card .btn{margin-top:18px}.person-layout{display:block}.person-photo{width:190px;margin:0 0 20px}.person-content h1{font-size:2.6rem}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:25px}.footer-bottom>*{display:block;margin-top:9px}.filter-bar{padding:13px}.filter-bar label{min-width:125px;flex:1}.filter-bar button{margin-left:0}.page-top h1{font-size:2.5rem}}
@media(max-width:400px){.brand-text{display:none}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{flex-basis:138px}.hero-search button{font-size:.76rem}.tabs a{padding:12px}.detail-poster{width:134px}.detail-copy h1{font-size:1.9rem}.detail-score{clear:both}.episode-card{grid-template-columns:1fr}.episode-card img{max-width:260px}}