/* dark scrollbars everywhere (page + every scrollable box) */
:root{color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:#3b3948 transparent}
::-webkit-scrollbar{width:8px;height:8px;background:transparent}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#3b3948;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#e08a00}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-button{display:none;width:0;height:0}
html{background:#16151d}
:root{--bg:#16151d;--panel:#1f1e27;--panel2:#262432;--line:#312f40;--amber:#e08a00;--purple:#694ba1;--blue:#0c70de;--red:#d9363e;--txt:#e6e6ec;--mut:#9d9bab}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:var(--bg);color:var(--txt);font:14px/1.5 'Fira Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:#f5a623}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 12px}
/* header */
.top{background:var(--bg)}
.top .wrap{display:flex;align-items:center;gap:20px;padding:14px 12px}
.logo img{height:46px;width:auto}
.search{flex:1;max-width:380px;position:relative}
.search input{width:100%;height:40px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:#fff;padding:0 42px 0 14px;font:inherit;outline:0}
.search input:focus{border-color:var(--amber)}
.search button{position:absolute;right:0;top:0;height:40px;width:42px;background:none;border:0;color:#fff;cursor:pointer}
.toggle{margin-left:auto;width:44px;height:24px;border-radius:12px;background:#3b3948;position:relative}
.toggle:after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--amber)}
.nav{background:var(--amber)}
.nav ul{list-style:none;display:flex;flex-wrap:wrap}
.nav a{display:block;padding:12px 18px;color:#fff;font-weight:500}
.nav a:hover,.nav a.on{background:rgba(0,0,0,.18);color:#fff}
/* layout */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px;align-items:start}
.box{background:var(--panel);border-radius:6px;overflow:hidden;margin-bottom:18px}
.bh{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-weight:700;font-size:15px}
.bh.amber{background:var(--amber);color:#fff}.bh.purple{background:var(--purple);color:#fff}
.bh .all{background:#111019;color:#fff;font-size:10px;padding:3px 7px;border-radius:3px;letter-spacing:.5px}
.bh .all:hover{background:#fff;color:#111}
/* slider */
.slider{position:relative;height:340px;background:#111019;border-radius:6px;overflow:hidden;margin-bottom:18px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;display:flex;align-items:flex-end}
.slide.on{opacity:1;z-index:2}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,16,25,.95) 0,rgba(17,16,25,.55) 55%,rgba(17,16,25,.1) 100%)}
.slide .in{position:relative;z-index:3;padding:26px;max-width:62%}
.slide .tag{display:inline-block;background:var(--amber);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px;margin-bottom:8px}
.slide h2{font-size:26px;line-height:1.2;margin-bottom:8px}
.slide p{color:#cfcddb;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}
.btn{display:inline-block;background:var(--amber);color:#fff;font-weight:600;padding:8px 20px;border-radius:4px}
.btn:hover{background:#f5a623;color:#fff}
.dots{position:absolute;left:26px;bottom:10px;z-index:5;display:flex;gap:6px}
.dots i{width:9px;height:9px;border-radius:50%;background:#555;cursor:pointer}.dots i.on{background:var(--amber)}
/* cards */
.hscroll{display:flex;gap:12px;overflow-x:auto;padding:14px;scrollbar-width:thin}
.card{position:relative;display:block}
.hscroll .card{flex:0 0 130px}
.poster{position:relative;aspect-ratio:2/3;background:var(--panel2);border-radius:4px;overflow:hidden}
.poster img{width:100%;height:100%;object-fit:cover}
.poster:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.type{position:absolute;top:6px;right:0;z-index:2;background:var(--blue);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:2px 0 0 2px}
.type.ona{background:var(--red)}.type.movie{background:#12915b}.type.special{background:var(--red)}
.ep{position:absolute;left:7px;bottom:7px;z-index:2;font-weight:600;font-size:12px}
.sd{position:absolute;right:6px;bottom:6px;z-index:2;background:var(--amber);color:#111;font-size:10px;font-weight:700;padding:1px 6px;border-radius:2px}
.sd.dub{background:#2ecc71}
.card h3{font-size:13px;font-weight:600;text-align:center;margin-top:7px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 12px;padding:14px}
.tabs{display:flex;gap:8px;padding:12px 14px 0;flex-wrap:wrap}
.tabs button{flex:1;min-width:80px;background:var(--panel2);color:var(--txt);border:0;padding:8px;border-radius:4px;font:inherit;cursor:pointer}
.tabs button.on{background:var(--amber);color:#fff}
.more{text-align:center;padding:4px 0 16px}
/* sidebar */
.filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.filter select{background:var(--panel2);border:0;color:var(--txt);padding:9px 8px;border-radius:4px;font:inherit}
.filter button{grid-column:1/3;background:var(--amber);color:#fff;border:0;padding:10px;border-radius:4px;font:inherit;font-weight:600;cursor:pointer}
.rank{list-style:none}
.rank li{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.rank .n{flex:0 0 26px;height:26px;border:1px solid #555;border-radius:4px;text-align:center;line-height:24px;color:var(--mut)}
.rank li:nth-child(-n+3) .n{border-color:var(--amber);color:var(--amber)}
.rank img{width:46px;height:64px;object-fit:cover;border-radius:3px;background:var(--panel2)}
.rank b{display:block;font-size:13px;line-height:1.25}.rank small{color:var(--mut);font-size:11px}
.ad{display:flex;justify-content:center;margin:14px auto;overflow:hidden;max-width:100%}
.ad iframe{border:0;max-width:100%}
.ad-m{display:none}
/* seo + footer */
.seo{padding:16px 18px;color:#c4c2d0;line-height:1.7}
.seo h2{color:#fff;font-size:17px;margin:14px 0 6px;border-left:3px solid var(--amber);padding-left:10px}
.seo h2:first-child{margin-top:0}
.seo a{color:#f5a623;text-decoration:underline}
.az{padding:12px 14px;display:flex;flex-wrap:wrap;gap:6px}
.az a{background:var(--panel2);padding:4px 9px;border-radius:3px;font-size:12px}.az a:hover{background:var(--amber);color:#fff}
footer .bar{background:var(--amber);margin-top:20px}
footer .bar ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center}
footer .bar a{display:block;padding:11px 16px;color:#fff;font-weight:500}
footer .bar a:hover{background:rgba(0,0,0,.18);color:#fff}
footer .cp{text-align:center;padding:22px 12px 30px;color:var(--mut);font-size:12px}
footer .cp img{height:46px;margin:0 auto 10px}
@media(max-width:900px){.cols{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.slider{height:260px}.slide .in{max-width:92%}.slide h2{font-size:20px}.ad-d{display:none}.ad-m{display:flex}.search{max-width:none}.logo img{height:38px}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,1fr)}.top .wrap{gap:10px}.toggle{display:none}}

/* inner pages */
.crumb{color:var(--mut);font-size:12px;margin-bottom:12px}.crumb a{color:#f5a623}
.dtl{display:flex;gap:18px;padding:18px}
.dt-poster{flex:0 0 200px}.dt-poster img{width:200px;border-radius:6px;background:var(--panel2)}
.dt-info h1{font-size:24px;line-height:1.2;margin-bottom:10px}
.meta{list-style:none;columns:2;gap:20px;margin-bottom:14px;color:#cfcddb}.meta li{break-inside:avoid;padding:3px 0}.meta span{color:var(--amber);font-weight:600}.meta a{color:#f5a623}
.btns .btn{margin-right:8px}.btn.alt{background:var(--panel2);color:#fff}.btn.alt:hover{background:var(--purple)}.btn.off{opacity:.4;pointer-events:none}
.epgrid{display:flex;flex-wrap:wrap;gap:6px;padding:14px;max-height:340px;overflow:auto}
.epb{min-width:44px;text-align:center;padding:7px 10px;background:var(--panel2);border-radius:4px;font-weight:600}.epb:hover{background:var(--amber);color:#fff}.epb.cur{background:var(--amber);color:#fff}
.player{position:relative;aspect-ratio:16/9;background:#000}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nosrv{position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:20px;color:#bbb}
.ctrl{display:flex;justify-content:center;gap:10px;padding:12px;flex-wrap:wrap}
.srvs{padding:4px 14px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.srv{background:var(--panel2);color:#fff;border:0;padding:7px 14px;border-radius:4px;font:inherit;cursor:pointer}.srv.on,.srv:hover{background:var(--amber)}
body.dark-room{background:#000}body.dark-room .top,body.dark-room .nav,body.dark-room aside,body.dark-room footer,body.dark-room .seo,body.dark-room .ad{opacity:.12}
.lh{padding:14px 18px}.lh h1{font-size:20px}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:6px 14px 18px}
@media(max-width:700px){.dtl{flex-direction:column}.dt-poster{flex:none}.dt-poster img{margin:0 auto}.meta{columns:1}}

/* live search suggestions */
.ls-box{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:#1f1e27;border:1px solid #312f40;border-radius:6px;z-index:80;box-shadow:0 12px 30px #000a;overflow:hidden}
.ls-row{display:flex;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #312f40}.ls-row:hover{background:#262432}
.ls-row img{width:38px;height:54px;object-fit:cover;border-radius:3px;background:#262432}
.ls-row b{display:block;font-size:13px;line-height:1.25}.ls-row small{color:#9d9bab;font-size:11px}
.ls-all{display:block;text-align:center;padding:10px;background:#e08a00;color:#fff;font-weight:600}.ls-all:hover{color:#fff;background:#f5a623}
.ls-empty{padding:14px;color:#9d9bab;text-align:center}

/* server-rendered about text (kept on the page for readers and crawlers) */
.ssr{background:var(--panel);border-radius:6px;padding:16px 18px;margin-bottom:18px;color:#c4c2d0;line-height:1.7}
.ssr h2{color:#fff;font-size:17px;border-left:3px solid var(--amber);padding-left:10px;margin-bottom:8px}
.ssr p{margin-bottom:10px}.ssr strong{color:#fff}
.ssr-eps{display:flex;flex-wrap:wrap;gap:4px 12px;max-height:120px;overflow:auto;font-size:12px;color:var(--mut)}.ssr-eps a:hover{color:#f5a623}

.lh1{margin:0;font:inherit;display:flex;align-items:center}

.pre-h1{font-size:22px;font-weight:700;padding:18px 4px;color:#fff}
.ssr-list{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px}.ssr-list a{color:#c4c2d0}.ssr-list a:hover{color:#f5a623}
#ssr-box:empty{display:none}