:root{--bg:#05070d;--panel:#0c101a;--text:#fff;--muted:#aab0bf;--accent:#8b3dff;--cyan:#2dd9ff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}header{position:fixed;z-index:20;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 4%;gap:48px;background:linear-gradient(#05070df5,#05070d88,transparent)}.brand{font-size:24px}.brand span{display:block;font-size:11px;color:#bd5cff;letter-spacing:3px;margin-left:32px;margin-top:-4px}header nav{display:flex;gap:24px}header nav button,.tools button{border:0;background:none;color:#c7cbd6}header nav button.active{color:#fff;font-weight:700}.tools{margin-left:auto;display:flex;gap:18px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--cyan));display:grid;place-items:center}main{padding-bottom:60px}#hero{height:72vh;min-height:560px;position:relative;overflow:hidden}#heroBg{position:absolute;inset:0;background-size:cover;background-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#05070d 0%,#05070db8 38%,transparent 72%),linear-gradient(0deg,#05070d 0%,transparent 45%)}.heroCopy{position:absolute;z-index:2;left:5%;bottom:13%;max-width:580px}.heroCopy span,#detailType{color:#61f2a2;font-weight:700}.heroCopy h1{font-size:clamp(42px,6vw,82px);margin:12px 0}.heroCopy p{font-size:18px;line-height:1.55;color:#d7d9e1}.primary,.secondary{padding:14px 24px;border-radius:8px;border:0;font-weight:700}.primary{background:#fff;color:#07090e}.secondary{background:#ffffff20;margin-left:10px}.rows,#content{position:relative;z-index:3;margin-top:-45px}.row{padding:0 4%;margin:0 0 32px}.row h2{font-size:21px}.rail{display:flex;gap:14px;overflow-x:auto;padding:8px 2px 18px;scrollbar-width:none}.card{flex:0 0 250px}.pic{height:142px;border-radius:10px;background:linear-gradient(135deg,#151b2a,#260b3c);overflow:hidden;position:relative;transition:.2s}.pic img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;background:#0006;opacity:0;transition:.2s}.card:hover .pic,.card:focus .pic{transform:scale(1.06);box-shadow:0 0 0 3px #fff}.card:hover .play,.card:focus .play{opacity:1}.card b,.card small{display:block;margin-top:9px}.card small{font-size:12px;color:var(--muted)}.pageTitle{padding:110px 4% 24px}.pageTitle h1{font-size:44px;margin:0}.pageTitle p{color:var(--muted)}.hidden{display:none!important}.overlay,.modal,.player{position:fixed;inset:0;z-index:50;background:#05070df7}.searchbar{display:flex;padding:30px 6%;gap:10px}.searchbar input{flex:1;padding:18px;background:#111827;border:1px solid #30384d;color:#fff;border-radius:8px}.searchbar button,.x{width:52px;border:0;background:none;font-size:32px}.grid{padding:10px 6%;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.grid .card{min-width:0}.detailCard{width:min(1000px,92vw);max-height:88vh;overflow:auto;margin:6vh auto;background:#0d111b;border-radius:18px;position:relative}.detailArt{height:390px;background-size:cover;background-position:center;position:relative}.detailArt:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d111b,transparent)}.detailBody{padding:0 38px 38px;margin-top:-80px;position:relative}.detailBody h2{font-size:42px}.detailBody p{color:#c5c9d4;line-height:1.6}.x{position:absolute;right:10px;top:10px;z-index:3;background:#0009;border-radius:50%}.episodes{margin-top:30px}.season button{display:block;width:100%;text-align:left;background:#161c29;border:0;border-bottom:1px solid #2c3447;padding:14px}.player{background:#000}.player video{width:100%;height:100%;object-fit:contain}.playerTop{position:absolute;top:0;left:0;right:0;padding:22px;display:flex;gap:20px;align-items:center;background:linear-gradient(#000c,transparent)}.playerTop button{border:0;background:#111b;padding:10px 14px;border-radius:8px}.playerTop b{flex:1}#channelPanel{position:absolute;right:-420px;top:0;width:min(420px,90vw);height:100%;background:#0c101af5;padding:18px;transition:.25s;overflow:auto}#channelPanel.open{right:0}#channelPanel>button{float:right;background:none;border:0;font-size:30px}#channelPanel input{width:100%;padding:13px;background:#151b28;border:1px solid #30384d;color:#fff;border-radius:8px;margin:35px 0 12px}#panelList button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;background:#151b28;margin-bottom:8px;padding:10px;border-radius:9px}#panelList img{width:48px;height:48px;object-fit:contain}#panelList span{display:flex;flex-direction:column}#panelList small{color:var(--muted)}#loading{position:fixed;inset:0;z-index:100;background:#05070d;display:grid;place-content:center;text-align:center;transition:.4s}#loading.done{opacity:0}.logo{font-size:30px}.logo span{display:block;color:#b25cff;font-size:13px;letter-spacing:4px}#loadText{color:var(--muted)}#toast{position:fixed;z-index:90;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:#151b28;padding:13px 20px;border-radius:10px;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){header{height:62px;padding:0 16px}.brand{font-size:18px}header nav{position:fixed;bottom:0;left:0;right:0;background:#090d16;justify-content:space-around;padding:14px 4px;gap:5px}header nav button{font-size:11px}.tools{margin-left:auto}#hero{height:62vh;min-height:480px}.heroCopy{left:20px;right:20px;bottom:8%}.heroCopy h1{font-size:40px}.heroCopy p{font-size:14px}.secondary{display:none}.row{padding:0 16px}.card{flex-basis:190px}.pic{height:108px}.detailArt{height:260px}.detailBody{padding:0 20px 28px}.detailBody h2{font-size:30px}.pageTitle{padding:90px 16px 20px}.rows,#content{margin-top:-25px}}