:root{--bg:#0b0d12;--bg-2:#12151c;--bg-3:#1a1e28;--line:#ffffff14;--text:#f2f4f8;--text-2:#a7aec0;--text-3:#6d7486;--accent:#3d8bff;--accent-2:#7a5cff;--good:#31d38a;--bad:#ff5a6a;--radius:10px;--pad:clamp(16px, 4vw, 56px);--poster-w:clamp(118px, 13vw, 190px);--nav-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}img{display:block}h1,h2,h3{letter-spacing:-.01em;margin:0}:focus{outline:none}:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #fff}.app{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}@media (min-width:900px){.app{padding-bottom:32px}}.topnav{z-index:40;height:calc(var(--nav-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--pad) 0;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:linear-gradient(#0b0d12f2,#0b0d12bf);align-items:center;gap:28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand b{background:linear-gradient(90deg,#6ab0ff,#a08bff);color:#0000;-webkit-background-clip:text;background-clip:text}.navlinks{gap:6px;display:none}.navlinks a{color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.navlinks a.active{color:#fff;background:#ffffff1a}.navlinks a:hover{color:#fff}.navright{align-items:center;gap:6px;margin-left:auto;display:flex}.iconbtn{width:40px;height:40px;color:var(--text-2);border-radius:999px;place-items:center;display:grid}.iconbtn:hover{color:#fff;background:#ffffff14}.iconbtn:focus-visible{color:#fff;background:#ffffff14}@media (min-width:900px){.navlinks{display:flex}}.tabbar{z-index:40;padding:6px 4px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#0b0d12eb;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text-3);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:10.5px;font-weight:600;display:flex}.tabbar a.active{color:#fff}@media (min-width:900px){.tabbar{display:none}}.hero{min-height:min(72vh,640px);margin-top:calc(-1 * (var(--nav-h) + env(safe-area-inset-top)));align-items:flex-end;display:flex;position:relative}.hero-bg{background-position:50% 20%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.hero-bg:after{content:"";background:linear-gradient(to top, var(--bg) 2%, #0b0d1299 40%, #0b0d1226 75%, #0b0d128c), linear-gradient(to right, #0b0d12d9, transparent 65%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{padding:0 var(--pad) 36px;max-width:760px;position:relative}.hero h1{text-shadow:0 2px 24px #00000080;margin-bottom:12px;font-size:clamp(28px,5vw,56px);font-weight:800;line-height:1.05}.hero p{color:#d6dae4;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:620px;margin:0 0 18px;display:-webkit-box;overflow:hidden}.tag{letter-spacing:.06em;text-transform:uppercase;color:#9cc3ff;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-flex}.metaline{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;display:flex}.metaline .star{color:#ffc94a;align-items:center;gap:4px;font-weight:700;display:inline-flex}.chip{border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:12px}.btn{color:#fff;white-space:nowrap;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:15px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:#fff3}.btn:focus-visible{outline-offset:3px;border-radius:999px;outline:3px solid #fff;transform:scale(1.04)}.btn.primary{color:#0b0d12;background:#fff}.btn.primary:hover{background:#e6e9f0}.btn.accent{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.btn.small{height:36px;padding:0 14px;font-size:13.5px}.btn.ghost{border:1px solid var(--line);background:0 0}.btn.danger{color:#ff8b97;background:#ff5a6a26}.btns{flex-wrap:wrap;gap:10px;display:flex}.section{padding:18px 0 6px}.section-head{padding:0 var(--pad);justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.section-head h2{font-size:clamp(17px,1.6vw,22px);font-weight:700}.section-head a{color:var(--text-2);font-size:13px;font-weight:600}.row{padding:8px var(--pad) 14px;scroll-padding:0 var(--pad);scrollbar-width:none;gap:12px;display:flex;overflow:auto visible}.row::-webkit-scrollbar{display:none}.card{flex:0 0 var(--poster-w);width:var(--poster-w);border-radius:var(--radius);transition:transform .18s;position:relative}.card .poster{aspect-ratio:2/3;border-radius:var(--radius);background:var(--bg-3);width:100%;position:relative;overflow:hidden}.card .poster img{object-fit:cover;width:100%;height:100%}.card .ph{text-align:center;color:var(--text-2);background:radial-gradient(circle at 30% 20%,#26304a,#141824);place-items:center;padding:12px;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.card .cap{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13px;overflow:hidden}.card:hover{z-index:2;transform:scale(1.05)}.card:focus-visible{z-index:2;transform:scale(1.05)}.card:focus-visible{outline:none}.card:focus-visible .poster{box-shadow:0 0 0 3px #fff,0 12px 30px #0009}.card:focus-visible .thumb{box-shadow:0 0 0 3px #fff,0 12px 30px #0009}.card .rate{color:#ffc94a;background:#000000b3;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800;position:absolute;top:6px;left:6px}.card.wide{flex-basis:calc(var(--poster-w) * 1.75);width:calc(var(--poster-w) * 1.75)}.card.wide .thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--bg-3);position:relative;overflow:hidden}.card.wide .thumb img{object-fit:cover;width:100%;height:100%}.bar{background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0}.bar>i{background:var(--accent);height:100%;display:block}.card .sub{color:var(--text-3);font-size:12px}.chcard{flex:0 0 calc(var(--poster-w) * 1.2);width:calc(var(--poster-w) * 1.2);aspect-ratio:16/10;border-radius:var(--radius);background:var(--bg-3);place-items:center;padding:18px;transition:transform .18s;display:grid;position:relative}.chcard img{object-fit:contain;max-width:80%;max-height:70%}.chcard span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:12px;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}.chcard:hover{outline:none;transform:scale(1.05);box-shadow:0 0 0 3px #fff}.chcard:focus-visible{outline:none;transform:scale(1.05);box-shadow:0 0 0 3px #fff}.page{padding:20px var(--pad)}.page-title{margin-bottom:16px;font-size:clamp(22px,2.6vw,32px);font-weight:800}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--poster-w), 1fr));gap:18px 12px;display:grid}.grid .card{width:auto}.pills{padding:4px var(--pad) 12px;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{border:1px solid var(--line);color:var(--text-2);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:13.5px;font-weight:600}.pill.on{color:#0b0d12;background:#fff;border-color:#fff}.pill:focus-visible{outline-offset:2px;border-radius:999px;outline:3px solid #fff}.live{min-height:calc(100dvh - var(--nav-h));grid-template-columns:1fr;display:grid}@media (min-width:900px){.live{grid-template-columns:260px 1fr}}.live-cats{border-right:1px solid var(--line);max-height:calc(100dvh - var(--nav-h));top:var(--nav-h);padding:14px 10px;display:none;position:sticky;overflow-y:auto}@media (min-width:900px){.live-cats{display:block}}.live-cats button{text-align:left;width:100%;color:var(--text-2);border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600;display:block}.live-cats button.on{color:#fff;background:#3d8bff26}.live-cats button:focus-visible{outline:2px solid #fff}.chlist{padding:8px var(--pad) 20px 16px}.chrow{text-align:left;border-radius:10px;grid-template-columns:42px 64px 1fr;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.chrow:hover{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.chrow:focus-visible{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.chrow .num{color:var(--text-3);text-align:right;font-size:13px;font-weight:700}.chrow .logo{background:var(--bg-3);border-radius:6px;place-items:center;width:64px;height:40px;display:grid;overflow:hidden}.chrow .logo img{object-fit:contain;max-width:90%;max-height:90%}.chrow .name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.chrow .now{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chrow .prog{background:#ffffff1f;border-radius:2px;max-width:280px;height:3px;margin-top:5px}.chrow .prog i{background:var(--accent);border-radius:2px;height:100%;display:block}.guide{max-height:calc(100dvh - var(--nav-h) - 60px);position:relative;overflow:auto}.guide-row{border-bottom:1px solid var(--line);height:64px;display:flex}.guide-ch{z-index:2;background:var(--bg-2);border-right:1px solid var(--line);flex:0 0 150px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:600;display:flex;position:sticky;left:0}.guide-ch img{object-fit:contain;width:40px;height:28px}.guide-track{flex:none;position:relative}.guide-prog{background:var(--bg-3);text-align:left;border-radius:6px;padding:6px 10px;font-size:13px;position:absolute;top:4px;bottom:4px;overflow:hidden}.guide-prog.is-live{background:#3d8bff33}.guide-prog:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff}.guide-prog b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.guide-prog small{color:var(--text-3)}.guide-head{z-index:3;background:var(--bg);border-bottom:1px solid var(--line);height:34px;display:flex;position:sticky;top:0}.guide-now{background:var(--bad);z-index:1;width:2px;position:absolute;top:0;bottom:0}.detail-hero{min-height:min(78vh,680px);margin-top:calc(-1 * (var(--nav-h) + env(safe-area-inset-top)));align-items:flex-end;display:flex;position:relative}.detail-body{padding:0 var(--pad) 40px}.overview{color:#d6dae4;max-width:760px;margin:0 0 20px}.kv{color:var(--text-2);margin:4px 0;font-size:14px}.kv b{color:var(--text);font-weight:600}.cast{scrollbar-width:none;gap:14px;padding:8px 0 14px;display:flex;overflow-x:auto}.cast>div{text-align:center;flex:0 0 96px}.cast .ph{background:var(--bg-3) center/cover;width:84px;height:84px;color:var(--text-3);border-radius:50%;place-items:center;margin:0 auto 6px;font-weight:800;display:grid}.cast b{font-size:12.5px;display:block}.cast small{color:var(--text-3);font-size:11.5px}.seasons{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.ep{text-align:left;border-radius:12px;grid-template-columns:160px 1fr auto;align-items:center;gap:14px;width:100%;padding:10px;display:grid}.ep:hover{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.ep:focus-visible{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.ep .thumb{aspect-ratio:16/9;background:var(--bg-3) center/cover;border-radius:8px;position:relative;overflow:hidden}.ep b{display:block}.ep p{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}@media (max-width:600px){.ep{grid-template-columns:120px 1fr}.ep .epact{grid-column:1/-1}}.trailer{z-index:80;background:#000000eb;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.trailer iframe{aspect-ratio:16/9;border:0;border-radius:12px;width:min(1100px,100%)}.trailer .iconbtn{top:calc(14px + env(safe-area-inset-top));position:absolute;right:14px}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;max-width:760px;margin-bottom:18px;padding:20px}.panel h3{margin-bottom:12px;font-size:17px}.field{margin-bottom:12px;display:block}.field span{color:var(--text-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.input{background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;height:46px;padding:0 14px}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3d8bff40}.seg{background:var(--bg);border:1px solid var(--line);border-radius:999px;margin-bottom:14px;padding:4px;display:inline-flex}.seg button{color:var(--text-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.seg button.on{color:#0b0d12;background:#fff}.listitem{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.listitem:first-of-type{border-top:0}.listitem .grow{flex:1;min-width:0}.listitem small{color:var(--text-3);display:block}.muted{color:var(--text-2)}.err{color:#ff8b97;margin-top:8px;font-size:14px}.ok{color:var(--good);margin-top:8px;font-size:14px}.login{place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.login:before{content:"";background:radial-gradient(circle at 20% 20%,#3d8bff40,#0000 45%),radial-gradient(circle at 80% 70%,#7a5cff38,#0000 45%);position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}.login-card{text-align:center;width:min(440px,100%);position:relative}.login-card h1{margin:18px 0 8px;font-size:34px;font-weight:800}.login-card p{color:var(--text-2);margin:0 0 26px}.code{letter-spacing:.25em;font-variant-numeric:tabular-nums;margin:10px 0;font-size:40px;font-weight:800}.qr{background:#fff;border-radius:14px;padding:10px;display:inline-block}.player{z-index:100;background:#000;position:fixed;top:0;bottom:0;left:0;right:0}.player video{object-fit:contain;background:#000;width:100%;height:100%}.pl-ui{opacity:1;background:linear-gradient(#000000b3,#0000 22% 65%,#000000d9);flex-direction:column;justify-content:space-between;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pl-ui.hide{opacity:0;cursor:none}.pl-ui.hide *{pointer-events:none}.pl-top{padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));align-items:center;gap:12px;display:flex}.pl-top .t{flex:1;min-width:0}.pl-top b{white-space:nowrap;text-overflow:ellipsis;font-size:18px;display:block;overflow:hidden}.pl-top small{color:var(--text-2)}.pl-center{justify-content:center;align-items:center;gap:40px;display:flex}.pl-center .big{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.pl-center .big svg{width:34px;height:34px}.pl-center .mid{border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.pl-bottom{padding:0 calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.seek{font-variant-numeric:tabular-nums;color:#dfe3ea;align-items:center;gap:12px;font-size:13px;display:flex}.seek input[type=range]{accent-color:var(--accent);flex:1;height:22px}.pl-actions{align-items:center;gap:6px;margin-top:6px;display:flex}.pl-actions .sp{flex:1}.pl-actions button{color:#e6e9f0;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.pl-actions button:hover{background:#ffffff29;outline:2px solid #fff}.pl-actions button:focus-visible{background:#ffffff29;outline:2px solid #fff}.pl-top button:focus-visible{background:#ffffff29;outline:2px solid #fff}.pl-center button:focus-visible{background:#ffffff29;outline:2px solid #fff}.pl-msg{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pl-error{pointer-events:auto;text-align:center;background:#14161ee6;border-radius:14px;max-width:420px;padding:20px 24px}.pl-epg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c12bf;border-radius:12px;max-width:640px;margin-bottom:10px;padding:12px 14px}.pl-epg small{color:var(--text-2)}.pl-zap{text-shadow:0 2px 20px #000;font-size:60px;font-weight:800;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sheet-bg{z-index:120;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:700px){.sheet-bg{align-items:center}}.sheet{background:var(--bg-2);border:1px solid var(--line);width:min(460px,100%);padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}@media (min-width:700px){.sheet{border-radius:20px}}.sheet h3{margin-bottom:10px;font-size:17px}.sheet .opt{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 12px;font-weight:600;display:flex}.sheet .opt small{color:var(--text-3);font-weight:500;display:block}.sheet .opt:hover{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.sheet .opt:focus-visible{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.empty{text-align:center;color:var(--text-2);padding:60px 20px}.empty h2{color:var(--text);margin-bottom:8px}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));color:#0b0d12;z-index:200;background:#fff;border-radius:999px;padding:10px 18px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.tv{--poster-w:170px;font-size:17px}.tv .tabbar{display:none}.tv .navlinks{display:flex}.tv .app{padding-bottom:40px}@media (min-width:900px){.mobile-only{display:none!important}}.tv .mobile-only{display:none!important}.pl-actions .vol{accent-color:#fff;width:110px}@media (max-width:600px){.pl-actions .vol{display:none}}.pl-vol{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c12cc;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.pl-vol i{background:#fff3;border-radius:3px;width:140px;height:6px;display:block;overflow:hidden}.pl-vol b{background:#fff;height:100%;display:block}.subs{z-index:2;text-align:center;pointer-events:none;font-weight:600;line-height:1.3;transition:bottom .25s;position:absolute;left:5%;right:5%}.subs.up{bottom:max(var(--sub-up,0px), 150px)!important}.subs.box span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000b8;border-radius:4px;padding:.08em .4em}.pl-toast{top:calc(70px + env(safe-area-inset-top));z-index:4;background:#0a0c12d9;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.pmenu-bg{z-index:5;background:#00000073;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pmenu{border-left:1px solid var(--line);width:min(440px,100%);height:100%;padding:calc(14px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));background:#12151cf7;flex-direction:column;display:flex}.pmenu-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pmenu-head .seg button{padding:7px 12px;font-size:13.5px}.pmenu-body{flex:1;overflow-y:auto}.pmenu .opt{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px;font-weight:600;display:flex}.pmenu .opt small{color:var(--text-3);font-size:12px;font-weight:500;display:block}.pmenu .opt.on{color:#8fb8ff}.pmenu .opt:hover{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.pmenu .opt:focus-visible{background:var(--bg-3);outline:none;box-shadow:inset 0 0 0 2px #fff}.pmenu-sec{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.pmenu-sync{background:var(--bg-3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;padding:10px 12px;display:flex}.pmenu-sync span{margin-right:4px;font-weight:600}.pmenu-sync b{text-align:center;font-variant-numeric:tabular-nums;min-width:70px}.pmenu select.input{background:var(--bg)}.sub-preview{background:linear-gradient(135deg,#3a4a6b,#1d2433 60%,#4b3a2a);border-radius:12px;height:150px;margin-bottom:8px;position:relative;overflow:hidden}.sub-preview .subs{position:absolute}