/* Everything is sized in rem; main.js scales the root font-size to the window (TV, laptop, desktop). */
:root{--bg:#0b0b12;--bg2:#14141f;--card:#1a1a28;--text:#f4f4f8;--muted:#a0a0b8;--accent:#ff3d7f;--accent-rgb:255,61,127;--glow:#00e5ff;--nav:4.6rem;--cw:11.5rem}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:"Segoe UI",Roboto,Arial,Helvetica,sans-serif;font-size:16px}
body{-webkit-font-smoothing:antialiased}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
.hidden{display:none!important}
.focusable{outline:none}
svg.ic{width:1.3em;height:1.3em;fill:currentColor;vertical-align:-.25em;flex:none}

/* ---------- Focus: bright, glowing, impossible to miss ---------- */
.focused{z-index:6;box-shadow:0 0 0 .2rem #fff,0 0 1rem .3rem var(--glow),0 0 2.6rem .7rem rgba(0,229,255,.55)}
.card.focused{box-shadow:none;transform:scale(1.07)}
.card.focused .poster{box-shadow:0 0 0 .22rem #fff,0 0 1rem .35rem var(--glow),0 0 2.8rem .8rem rgba(0,229,255,.55)}
.card.focused .ct{color:#fff}

/* ---------- Nav ---------- */
#nav{transition:background .25s;position:fixed;top:0;left:0;right:0;height:var(--nav);z-index:20;display:flex;align-items:center;gap:1.6rem;padding:0 2.4rem;background:linear-gradient(rgba(11,11,18,.96),rgba(11,11,18,0))}
.brand{display:flex;flex:none;align-items:center;gap:.7rem;font-size:1.45rem;font-weight:800;letter-spacing:.03em}
.brand .logo{width:2.6rem;height:2.6rem;border-radius:.6rem;box-shadow:0 0 1.2rem rgba(var(--accent-rgb),.45)}
.brand b{color:var(--accent);font-weight:800}
#tabs{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none}
#tabs::-webkit-scrollbar{display:none}
.tab{display:flex;align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:1.05rem;white-space:nowrap;flex:none;font-weight:600;color:var(--muted);border-radius:2rem;background:rgba(255,255,255,.06)}
.tab.active{color:#fff;background:rgba(var(--accent-rgb),.28)}
.tab.focused{background:#1d2b3a;color:#fff}

#nav.solid{background:rgba(11,11,18,.97);box-shadow:0 .2rem 1rem rgba(0,0,0,.6)}

/* ---------- Views ---------- */
.view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding-bottom:4rem}
.view::-webkit-scrollbar{width:.5rem}.view::-webkit-scrollbar-thumb{background:#333;border-radius:1rem}
.pagehead{padding:calc(var(--nav) + 1.2rem) 3rem .5rem}
.pagehead h2{font-size:2rem}
#searchInput{width:100%;max-width:46rem;height:3.4rem;padding:0 1.4rem;font-size:1.4rem;background:var(--card);border:.15rem solid #33334a;border-radius:.8rem;outline:none}
#searchInput:focus{border-color:var(--glow)}
#chips{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.chip{padding:.45rem 1.1rem;font-size:1rem;font-weight:600;color:var(--muted);background:var(--card);border-radius:2rem}
.chip.on{color:#fff;background:rgba(var(--accent-rgb),.35)}
.msg,#homeMsg{padding:1rem 3rem;font-size:1.25rem;color:var(--muted)}
.msg:empty,#homeMsg:empty{display:none}
.retry{margin-left:1rem;padding:.5rem 1.2rem;border-radius:.6rem;background:var(--card);font-weight:700}

/* ---------- Hero ---------- */
#hero{position:relative;height:66vh;min-height:26rem;overflow:hidden}
#heroBg{position:absolute;top:0;right:0;bottom:0;left:0;background:#222 center/cover no-repeat;transition:opacity .6s;transform:scale(1.04)}
#heroBg.swap{opacity:0}
#heroShade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(11,11,18,.97) 0,rgba(11,11,18,.75) 38%,rgba(11,11,18,.1) 75%),linear-gradient(0deg,var(--bg) 0,rgba(11,11,18,0) 38%)}
#heroBody{position:absolute;left:3rem;bottom:4.5rem;width:62%;max-width:44rem;transition:opacity .4s}
#heroBody.swap{opacity:0}
#heroTags{display:flex;gap:.6rem;margin-bottom:.9rem}
.tag{padding:.2rem .7rem;font-size:.9rem;font-weight:700;border-radius:.4rem;background:rgba(255,255,255,.14)}
.tag.hot{background:var(--accent)}
#heroTitle{font-size:3.2rem;line-height:1.08;font-weight:800;text-shadow:0 .1rem .8rem #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#heroMeta{margin:.8rem 0;font-size:1.2rem;color:#d6d6e4;display:flex;gap:1.1rem;align-items:center}
.score{color:#ffd54a;font-weight:800}
#heroDesc{font-size:1.15rem;line-height:1.5;color:#c8c8d8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.5rem}
#heroBtns,#dBtns{display:flex;gap:1rem}
.btn{display:inline-flex;align-items:center;gap:.6rem;height:3.4rem;padding:0 1.8rem;font-size:1.25rem;font-weight:700;border-radius:.8rem;background:rgba(255,255,255,.16);color:#fff;transition:transform .12s}
.btn.primary{background:var(--accent)}
.btn.ghost{background:rgba(0,0,0,.45)}
.btn.focused{transform:scale(1.06);background:#fff;color:#0b0b12}
.btn.primary.focused{background:var(--accent);color:#fff}
#heroDots{position:absolute;right:3rem;bottom:4.5rem;display:flex;gap:.5rem}
#heroDots i{width:.7rem;height:.7rem;border-radius:50%;background:rgba(255,255,255,.3)}
#heroDots i.on{background:var(--accent);width:1.8rem;border-radius:1rem}

/* ---------- Rows & cards ---------- */
#rows{margin-top:-2.5rem;position:relative;z-index:2}
.row{margin-bottom:.8rem}
.rowhead{display:flex;align-items:center;justify-content:space-between;padding:0 3rem;margin-bottom:-.2rem}
.rowhead h3{font-size:1.5rem}
.rowbtns{display:flex;gap:.4rem;opacity:0;transition:opacity .2s}
.row:hover .rowbtns{opacity:1}
.rowbtn{width:2.2rem;height:2.2rem;border-radius:50%;background:rgba(255,255,255,.14);font-size:1.3rem;line-height:2.2rem}
.rowbtn:hover{background:var(--accent)}
.track{display:flex;gap:1.1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:2.8rem 3rem 3rem;margin:-1.2rem 0 -1.4rem;position:relative;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.card{flex:none;width:var(--cw);transition:transform .15s;position:relative}
.poster{position:relative;width:100%;aspect-ratio:2/3;border-radius:.7rem;overflow:hidden;background:var(--card) center/cover no-repeat;transition:box-shadow .15s}
.poster img{width:100%;height:100%;object-fit:cover;display:block}
.badge{position:absolute;top:.5rem;left:.5rem;padding:.12rem .5rem;font-size:.85rem;font-weight:800;border-radius:.35rem;background:rgba(0,0,0,.72);color:#ffd54a}
.badge.ep{left:auto;right:.5rem;color:#fff;background:var(--accent)}
.pbar{position:absolute;left:0;right:0;bottom:0;height:.35rem;background:rgba(255,255,255,.25)}
.pbar i{display:block;height:100%;background:var(--accent)}
.ct{margin-top:.55rem;font-size:1.02rem;line-height:1.25;font-weight:600;color:#dcdce8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,var(--cw));justify-content:space-between;gap:1.6rem 1.2rem;padding:1.4rem 3rem}
.skel .poster,.skel .ct{background:linear-gradient(90deg,#171723 25%,#232333 50%,#171723 75%) 0 0/200% 100%;animation:sh 1.3s infinite linear;color:transparent;border-radius:.6rem}
.skel .ct{min-height:1.1rem;margin-top:.55rem}
@keyframes sh{to{background-position:-200% 0}}

/* ---------- Detail ---------- */
#detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--bg)}
#dBg{position:absolute;top:0;right:0;bottom:0;left:0;background:center/cover no-repeat;opacity:.45;filter:blur(.15rem)}
#dShade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(11,11,18,.96) 30%,rgba(11,11,18,.6)),linear-gradient(0deg,var(--bg),transparent 45%)}
#dScroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:1.6rem 3rem 4rem;scroll-behavior:smooth}
#dTop{display:flex;gap:2.5rem;margin:1.6rem 0 1rem;align-items:flex-start}
#dCover{width:16rem;height:24rem;object-fit:cover;border-radius:.8rem;flex:none;background:var(--card)}
#dInfo{min-width:0}
#dTitle{font-size:2.6rem;line-height:1.1;margin-bottom:.7rem}
#dMeta{display:flex;gap:1rem;font-size:1.15rem;color:#d6d6e4;margin-bottom:.8rem;align-items:center;flex-wrap:wrap}
#dGenres{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
#dDesc{font-size:1.12rem;line-height:1.55;color:#c2c2d4;max-width:60rem;max-height:9.5em;overflow:hidden;margin-bottom:1.3rem}
.sec{font-size:1.5rem;margin:2.2rem 0 .3rem}
#dRanges{display:flex;gap:.6rem;flex-wrap:wrap;padding:.6rem .4rem}
#dEps{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.9rem;padding:.6rem .4rem 1rem}
.ep{position:relative;height:3.6rem;line-height:3.6rem;text-align:center;font-size:1.25rem;font-weight:700;background:var(--card);border-radius:.6rem;overflow:hidden}
.ep.seen{color:var(--muted)}
.ep.cur{background:rgba(var(--accent-rgb),.35)}
.ep .pbar{height:.28rem}

/* ---------- Player ---------- */
#player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;cursor:default}
#player.idle{cursor:none}
#video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;object-fit:contain}
video::cue{font-size:1.9rem;background:rgba(0,0,0,.6);color:#fff}
#phud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .35s;pointer-events:none}
#phud.fade{opacity:0}
#phud>*{pointer-events:auto}
.ptop{display:flex;align-items:center;gap:1.2rem;padding:1.6rem 3rem 3rem;background:linear-gradient(rgba(0,0,0,.8),transparent)}
#pTitle{font-size:1.6rem;font-weight:700;text-shadow:0 .1rem .5rem #000}
.pbottom{padding:3rem 3rem 1.6rem;background:linear-gradient(transparent,rgba(0,0,0,.88))}
#pCenter{align-self:center;display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none!important}
#pMsg{font-size:1.5rem;font-weight:600;text-shadow:0 .1rem .5rem #000;text-align:center;max-width:40rem}
#spinner{width:3.6rem;height:3.6rem;border:.35rem solid rgba(255,255,255,.25);border-top-color:var(--glow);border-radius:50%;animation:sp .8s linear infinite;display:none}
#spinner.on{display:block}
@keyframes sp{to{transform:rotate(360deg)}}
#seek{position:relative;height:.5rem;border-radius:1rem;background:rgba(255,255,255,.25);cursor:pointer;margin-bottom:.9rem;transition:height .12s}
#seek:hover{height:.75rem}
#seekBuf{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.3);border-radius:1rem;width:0}
#seekBar{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:1rem;width:0}
.pctrl{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.pctrl>*{flex:1}
#pTime{font-size:1.15rem;color:#ddd;font-variant-numeric:tabular-nums}
.pbtns{display:flex;justify-content:center;align-items:center;gap:.8rem}
.pright{display:flex;justify-content:flex-end;gap:.6rem}
.pbtn{min-width:3rem;height:3rem;padding:0 .7rem;border-radius:50%;font-size:1.2rem;color:#fff}
.pbtn.txt{font-size:1.05rem;font-weight:700}
.pbtn.big{width:3.8rem;height:3.8rem;background:var(--accent)}
.pbtn:hover{background:rgba(255,255,255,.22)}
.pbtn.big:hover{background:var(--accent);filter:brightness(1.15)}
.pbtn.off{opacity:.45}
#toast{position:fixed;left:50%;bottom:3rem;transform:translateX(-50%);z-index:90;padding:.8rem 1.6rem;font-size:1.2rem;font-weight:600;border-radius:2rem;background:rgba(20,20,31,.95);border:.12rem solid var(--glow);opacity:0;transition:opacity .25s;pointer-events:none;max-width:80vw;text-align:center}
#toast.on{opacity:1}

/* ---------- Narrow windows ---------- */
@media (max-width:820px){
  :root{--cw:9rem}
  #nav,.rowhead,.pagehead,.msg,#homeMsg{padding-left:1.2rem;padding-right:1.2rem}
  #nav{gap:1rem}.brand{display:none}
  .track,.cards,#dScroll{padding-left:1.2rem;padding-right:1.2rem}
  #heroBody{left:1.2rem;width:calc(100% - 2.4rem)}#heroDots{display:none}
  #dTop{flex-direction:column}#dCover{width:10rem;height:15rem}
}

/* ---------- Settings ---------- */
#setPanel{padding:1rem 3rem;max-width:62rem}
#setPanel h3{font-size:1.5rem;margin-bottom:.6rem}
.hint{font-size:1.1rem;line-height:1.5;color:var(--muted);margin-bottom:1.2rem}
.hint b{color:#fff}
#serverInput{width:100%;height:3.4rem;padding:0 1.4rem;font-size:1.4rem;background:var(--card);border:.15rem solid #33334a;border-radius:.8rem;outline:none}
#serverInput:focus{border-color:var(--glow)}
#setBtns{display:flex;gap:1rem;margin:1.2rem 0;flex-wrap:wrap}
#setUsing{font-size:1.05rem;color:var(--muted);margin-bottom:.8rem;word-break:break-all}
#setOut{font:1.05rem/1.55 Consolas,Menlo,monospace;white-space:pre-wrap;word-break:break-word;color:#d6d6e4}
.ok{color:#5be584}.bad{color:#ff7a90}

/* ---------- Player settings menu (remote friendly) ---------- */
#pmenu{position:absolute;right:3rem;bottom:8rem;width:26rem;z-index:5;background:rgba(14,14,22,.96);border:.12rem solid #33334a;border-radius:1rem;padding:1.1rem;box-shadow:0 1rem 3rem rgba(0,0,0,.7)}
.mhead{font-size:1.25rem;font-weight:800;margin-bottom:.8rem}
.mrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;margin-bottom:.45rem;border-radius:.7rem;background:var(--card);font-size:1.15rem;cursor:pointer}
.mrow .ml{color:var(--muted);font-weight:600}
.mrow .mv{font-weight:800;color:#fff;text-align:right}
.mrow.sel{background:#1d2b3a;box-shadow:0 0 0 .18rem #fff,0 0 .9rem .25rem var(--glow),0 0 2.2rem .6rem rgba(0,229,255,.5)}
.mhint{font-size:.9rem;color:var(--muted);margin-top:.6rem}

/* ---------- Movies / accounts / history / skip ---------- */
.chips{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:.9rem}
.pagehead{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.pagehead #typeChips,.pagehead #searchInput,.pagehead #chips{flex-basis:100%}
.pagehead h2{margin-right:auto}
.tab .tl{white-space:nowrap}
.cx{position:absolute;top:.4rem;left:.4rem;width:1.9rem;height:1.9rem;border-radius:50%;background:rgba(0,0,0,.78);color:#fff;font-size:1rem;line-height:1.9rem;text-align:center;opacity:0;transition:opacity .15s;z-index:3}
.card:hover .cx,.card.focused .cx{opacity:1}
.cx:hover{background:var(--accent)}
.tag.cast{background:rgba(255,255,255,.08);font-weight:600}
#detail[data-kind=movie] #dEps,#detail[data-kind=movie] #dRanges,#detail[data-kind=movie] .sec{display:none}
#player[data-kind=movie] [data-act=prev],#player[data-kind=movie] [data-act=next]{display:none}
#accPanel{padding:1rem 3rem;max-width:46rem}
#accPanel input{display:block;width:100%;height:3.4rem;margin-bottom:1rem;padding:0 1.4rem;font-size:1.4rem;background:var(--card);border:.15rem solid #33334a;border-radius:.8rem;outline:none}
#accPanel input:focus{border-color:var(--glow)}
.accwho{font-size:1.6rem;font-weight:800;margin-bottom:.6rem}
.accmsg{margin-top:1rem;font-size:1.1rem;color:#9bd6a4;min-height:1.4rem}
.accmsg.bad{color:#ff7a90}
#accPanel .btnrow{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.4rem}
.skipbtn{position:absolute;right:3rem;bottom:9.5rem;z-index:6;height:3.2rem;padding:0 1.6rem;display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;border-radius:.7rem;background:rgba(255,255,255,.95);color:#0b0b12;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.6);border:.14rem solid #fff;animation:pop .2s}
.skipbtn.show{display:inline-flex}
.skipbtn svg{width:1.2em;height:1.2em}
@keyframes pop{from{transform:translateY(.6rem);opacity:0}to{transform:none;opacity:1}}

/* ---------- Smoothness ---------- */
.view{animation:vfade .28s ease}
@keyframes vfade{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
.poster img{opacity:0;transition:opacity .35s ease}
.poster img.ld{opacity:1}
.row{content-visibility:auto;contain-intrinsic-size:auto 26rem}
.track{will-change:scroll-position;overscroll-behavior-x:contain}
.card{contain:layout style;backface-visibility:hidden}
#detail{animation:vfade .22s ease}
@media (prefers-reduced-motion:reduce){.view,#detail{animation:none}}

/* Embedded (iframe) movie player */
#embedFrame{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}
#embedFrame.show{display:block}
#player[data-embed] #video,#player[data-embed] .pbottom,#player[data-embed] #skipBtn,#player[data-embed] #pTitle,#player[data-embed] #pCenter{display:none}
#player[data-embed] #phud{pointer-events:none}
#player[data-embed] #phud>*{pointer-events:none}
#player[data-embed] .ptop{background:none;padding:1rem 1.5rem;position:absolute;top:0;left:0}
#player[data-embed] .ptop .pbtn{pointer-events:auto;background:rgba(0,0,0,.65)}
#player[data-embed] #phud.fade{opacity:1}

/* Movie source dropdown (detail page) */
#detail[data-kind=anime] #dSrcWrap{display:none}
#dSrcWrap{display:flex;gap:1rem;flex-wrap:wrap;margin:0 0 1rem;position:relative;z-index:8}
.dwrap{position:relative}
#dSrcBtn,#dQBtn{min-width:19rem;justify-content:space-between}
#dSrcList,#dQList{position:absolute;left:0;top:calc(100% + .4rem);min-width:100%;padding:.5rem;border-radius:.8rem;background:rgba(14,14,22,.98);border:.12rem solid #33334a;box-shadow:0 1rem 3rem rgba(0,0,0,.7);z-index:9}
.dsopt{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.75rem 1rem;margin-bottom:.3rem;border-radius:.6rem;background:var(--card);font-size:1.15rem;font-weight:700;white-space:nowrap;cursor:pointer}
.dsopt:last-child{margin-bottom:0}
.dsopt.on{color:var(--accent)}
.dsopt .hint2{font-size:.85rem;font-weight:600;color:var(--muted)}

/* CineSrc embed: subtitle overlay + remote/mouse controls */
#embedSubs{display:block;position:absolute;left:8%;right:8%;bottom:14%;z-index:4;text-align:center;font-size:2.1rem;font-weight:700;line-height:1.3;color:#fff;white-space:pre-line;pointer-events:none;text-shadow:0 0 .3rem #000,0 .1rem .5rem #000,.1rem .1rem .2rem #000}
#embedCtl{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:1.2rem 2.5rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.85) 35%);opacity:0;pointer-events:none;transition:opacity .2s}
#embedCtl.open{opacity:1;pointer-events:auto}
#embedCtl.hidden{display:none}
#embedCtl .erow{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
#embedCtl .egap{flex:1}
#eTime,#eDur{font-size:1.1rem;font-weight:700;color:#fff;min-width:4.6rem;font-variant-numeric:tabular-nums}
#eDur{text-align:right}
.ectl{height:2.8rem;min-width:3.4rem;padding:0 1rem;font-size:1.05rem;font-weight:800;color:#fff;border-radius:.6rem;background:rgba(255,255,255,.14);border:2px solid transparent}
.ectl:hover,.ectl.sel{background:var(--accent);border-color:#fff}
.ectl.eseek{flex:1;height:.9rem;min-width:0;padding:0;border-radius:.5rem;background:rgba(255,255,255,.25);position:relative;overflow:hidden}
.ectl.eseek.sel{height:1.2rem;box-shadow:0 0 0 3px #fff}
.ectl.eseek i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent)}
#embedCtl .ehint{font-size:.85rem;color:rgba(255,255,255,.65)}
#player[data-embed] #embedSubs{bottom:18%}

/* First-run notice */
#notice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:rgba(5,5,10,.82);display:flex;align-items:center;justify-content:center;animation:vfade .25s ease}
#noticeBox{width:92vw;max-width:62rem;padding:2rem 2.4rem;border-radius:1.2rem;background:#12121c;border:.14rem solid #33334a;box-shadow:0 2rem 6rem rgba(0,0,0,.8)}
#noticeBox h2{font-size:2rem;margin-bottom:.3rem}
.nsub{color:var(--muted);font-size:1.1rem;margin-bottom:1.1rem}
.ngrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.ngrid div{padding:.8rem 1rem;border-radius:.7rem;background:var(--card);font-size:1.02rem;line-height:1.4}
.ngrid b{display:block;color:var(--accent);margin-bottom:.15rem}
.ngrid span b{display:inline;color:#fff;margin:0}
.nbtns{display:flex;gap:1rem;margin-top:1.4rem;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:820px){.ngrid{grid-template-columns:1fr}}

/* AniList */
#alPanel{margin-top:2.2rem;max-width:44rem}
#alPanel h3{font-size:1.3rem;margin:0 0 .4rem}
#alCode{font-size:3.2rem;font-weight:900;letter-spacing:.35em;color:var(--accent);margin:.3rem 0 .6rem;font-variant-numeric:tabular-nums}
#alLinkBox.hidden,#dAL.hidden{display:none}
.badge.al{background:#02a9ff;color:#fff}

/* v1.05: settings rows, subtitle position / size, lite mode, old-engine notice */
.setrow{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}
#player[data-subpos="0"] #embedSubs{bottom:2.5%}
#player[data-subpos="1"] #embedSubs{bottom:6%}
#player[data-subpos="2"] #embedSubs{bottom:10%}
#player[data-subpos="3"] #embedSubs{bottom:14%}
#player[data-subpos="4"] #embedSubs{bottom:20%}
#player[data-subpos="5"] #embedSubs{bottom:27%}
#player[data-subsize="s"] #embedSubs{font-size:1.7rem}
#player[data-subsize="l"] #embedSubs{font-size:2.6rem}
#player[data-subsize="xl"] #embedSubs{font-size:3.1rem}
#player[data-hud="1"][data-subpos="0"] #embedSubs,#player[data-hud="1"][data-subpos="1"] #embedSubs,#player[data-hud="1"][data-subpos="2"] #embedSubs{bottom:17%}
#player[data-embed][data-subpos] #embedSubs{bottom:18%}
#player[data-embed][data-subpos="4"] #embedSubs{bottom:22%}
#player[data-embed][data-subpos="5"] #embedSubs{bottom:28%}
#player[data-embed][data-subpos="0"] #embedSubs,#player[data-embed][data-subpos="1"] #embedSubs{bottom:9%}
#player[data-embed][data-subpos="2"] #embedSubs{bottom:13%}
#oldEng{position:absolute;left:50%;top:50%;width:62%;max-width:44rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;background:rgba(14,14,22,.96);border-radius:1rem;padding:1.8rem 2.2rem;text-align:center;box-shadow:0 1rem 3rem rgba(0,0,0,.7)}
#oldEng.hidden{display:none}
#oldEng h3{margin:0 0 .6rem;font-size:1.5rem}
#oldEng input{display:block;width:100%;height:3.2rem;margin:.8rem 0;padding:0 1.2rem;font-size:1.15rem;color:#fff;background:var(--card);border:.15rem solid #33334a;border-radius:.8rem;outline:none;box-sizing:border-box}
#oldEng input.focused{border-color:var(--glow)}
#oldEng .setrow{margin:.6rem 0}
#oldEng p{margin:.4rem 0;color:#cfcfe0;font-size:1.1rem;line-height:1.45}
body.lite *,body.lite *:before,body.lite *:after{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}
body.lite #heroBg,body.lite #dBg{-webkit-filter:none!important;filter:none!important}
body.lite .skel .poster,body.lite .skel .ct{background:#1b1b28}
body.lite #nav,body.lite #nav.solid{box-shadow:none}

/* ======================= v1.06: Live TV (IPTV) ======================= */
#liveWrap{position:absolute;top:calc(var(--nav) + 1rem);bottom:1.6rem;left:3rem;right:3rem;display:flex;gap:1.3rem}
#liveRail{flex:0 0 19rem;display:flex;flex-direction:column;min-height:0}
#liveMain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}
#liveInfo{flex:0 0 24rem;min-height:0;overflow:hidden}
.vl{position:relative;overflow:hidden;flex:1 1 auto;min-height:0}
.vrow{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;cursor:pointer;will-change:transform;border-radius:.9rem}
.vsb{position:absolute;top:.3rem;bottom:.3rem;right:.15rem;width:.3rem;border-radius:.3rem;background:rgba(255,255,255,.06);pointer-events:none}
.vsb i{position:absolute;left:0;right:0;border-radius:.3rem;background:rgba(255,255,255,.35)}
#livePlBtn{display:flex;align-items:center;gap:.9rem;width:100%;height:5rem;padding:0 1rem;margin-bottom:.8rem;text-align:left;border-radius:1rem;background:linear-gradient(135deg,rgba(var(--accent-rgb),.30),rgba(120,70,255,.22));border:.12rem solid rgba(255,255,255,.08)}
#livePlBtn.focused{background:#fff;color:#0b0b12;transform:scale(1.02)}
.plav{flex:none;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7a46ff);font-size:1.15rem;font-weight:800;color:#fff}
.plt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.plt b{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plt i{font-style:normal;font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#livePlBtn.focused .plt i{color:#444}
.plc{flex:none;opacity:.7}
.railrow{padding:0 1rem;font-size:1.1rem;font-weight:600;color:#c9c9dc}
.railrow .rli{flex:none;width:1.9rem;color:var(--muted);display:flex;justify-content:center}
.railrow .rll{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6rem}
.railrow .rlc{flex:none;font-size:.85rem;color:var(--muted);margin-left:.5rem}
.railrow.sub .rll{margin-left:.2rem}
.railrow.cur{color:#fff;background:rgba(var(--accent-rgb),.20)}
.railrow.cur .rli{color:var(--accent)}
.railrow.sel{background:rgba(255,255,255,.07)}
.railrow.focused{background:#1d2b3a;color:#fff;box-shadow:inset 0 0 0 .2rem #fff,inset 0 0 1.4rem rgba(0,229,255,.35)}
#liveTools{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}
.lsearch{flex:1 1 auto;min-width:0}
#liveSearch{width:100%;height:3.4rem;padding:0 1.3rem;font-size:1.2rem;background:var(--card);border:.15rem solid #33334a;border-radius:.9rem;outline:none}
#liveSearch.focused,#liveSearch:focus{border-color:var(--glow)}
.btn.sm{height:3.4rem;padding:0 1.2rem;font-size:1rem;white-space:nowrap}
#liveStatus{display:flex;align-items:baseline;flex-wrap:wrap;min-height:1.7rem;margin:0 0 .6rem .2rem;font-size:.95rem;color:var(--muted)}
#liveStatus b{color:#fff;font-size:1.15rem;margin-right:1rem}
#liveStatus span{margin-right:1rem}
#liveStatus .ld{color:var(--glow)}#liveStatus .gd{color:#3ddc97}#liveStatus .bd{color:#ff8a8a}
#liveHint{margin-top:.5rem;font-size:.92rem;color:var(--muted)}
#liveHint b{display:inline-block;padding:.05rem .5rem;border-radius:.4rem;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:.82rem}
.chrow{padding:0 .9rem 0 .4rem}
.chn{flex:none;width:3.4rem;text-align:right;padding-right:.9rem;font-size:.95rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.chlogo{position:relative;flex:none;width:3.5rem;height:3.5rem;border-radius:.7rem;background:#fff;overflow:hidden}
.chlogo img{position:absolute;top:.2rem;left:.2rem;width:calc(100% - .4rem);height:calc(100% - .4rem);object-fit:contain;opacity:0;transition:opacity .2s}
.chlogo img.ld{opacity:1}
.chini{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;border-radius:.7rem}
.chmid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;margin:0 .9rem}
.cht{font-size:1.28rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chs{margin-top:.1rem;font-size:.98rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chbar{display:block;height:.22rem;margin-top:.3rem;border-radius:.2rem;background:rgba(255,255,255,.14);visibility:hidden;overflow:hidden}
.chbar i{display:block;height:100%;background:var(--accent)}
.chfav{flex:none;width:1.8rem;color:var(--accent)}
.chrow.on{box-shadow:inset .3rem 0 0 var(--accent)}
.chrow.sel{background:rgba(255,255,255,.07)}
.chrow.focused{background:#1d2b3a;box-shadow:inset 0 0 0 .2rem #fff,inset 0 0 1.6rem rgba(0,229,255,.35)}
.chrow.focused .chs{color:#cfe}
.chrow.side{padding-left:.2rem}
#liveInfo{padding:1.5rem 1.5rem;border-radius:1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:.1rem solid rgba(255,255,255,.06)}
#liveInfo.empty{visibility:hidden}
#liInfLogo{position:relative;width:8.5rem;height:8.5rem;border-radius:1.2rem;background:#fff;overflow:hidden}
#liInfLogo img{position:absolute;top:.5rem;left:.5rem;width:calc(100% - 1rem);height:calc(100% - 1rem);object-fit:contain}
#liInfLogo b,#lhLogo b{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:800;background:#1b1b2a}
#liInfName{margin-top:1rem;font-size:1.7rem;font-weight:800;line-height:1.2;word-break:break-word}
#liInfMeta{display:flex;flex-wrap:wrap;margin-top:.5rem}
#liInfMeta span{margin:0 .5rem .4rem 0;padding:.15rem .7rem;font-size:.9rem;font-weight:700;border-radius:1rem;background:rgba(255,255,255,.1);color:#d6d6e8}
#liInfMeta .fv{color:var(--accent)}
#liInfNow,#liInfNext{margin-top:1.1rem}
#liInfNow label,#liInfNext label{display:block;font-size:.82rem;font-weight:800;letter-spacing:.08em;color:var(--accent)}
#liInfNext label{color:var(--muted)}
#liInfNow .tt,#liInfNext .tt{margin-top:.25rem;font-size:1.2rem;font-weight:700;line-height:1.25}
#liInfNow .tt.mu{color:var(--muted);font-weight:600}
#liInfNow .pb{height:.35rem;margin-top:.6rem;border-radius:.3rem;background:rgba(255,255,255,.15);overflow:hidden}
#liInfNow .pb i{display:block;height:100%;background:var(--accent)}
#liInfNow p{margin-top:.6rem;font-size:.98rem;line-height:1.4;color:#b9b9cf;max-height:7.2rem;overflow:hidden}
#liveEmpty{position:absolute;top:calc(var(--nav) + 2rem);bottom:2rem;left:3rem;right:3rem;display:flex;align-items:center;justify-content:center}
.emptybox{max-width:56rem;text-align:center}
.emptybox .eicon{width:6.4rem;height:6.4rem;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7a46ff);box-shadow:0 0 3rem rgba(var(--accent-rgb),.45)}
.emptybox .eicon svg{width:3.4rem;height:3.4rem}
.emptybox h2{font-size:2.6rem;margin-bottom:.8rem}
.emptybox p{font-size:1.25rem;line-height:1.5;color:var(--muted);margin-bottom:1.8rem}
.erow2{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}

/* modal */
#liveModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:rgba(5,5,10,.84)}
#liveModal.hidden{display:none}
#liveModalBox{width:64rem;max-width:94%;max-height:92%;overflow-y:auto;padding:2.2rem 2.4rem;border-radius:1.4rem;background:#12121c;border:.1rem solid rgba(255,255,255,.1);box-shadow:0 2rem 6rem rgba(0,0,0,.7)}
#liveModalBox h2{font-size:2rem;margin-bottom:.5rem}
#liveModalBox .msub{font-size:1.1rem;line-height:1.45;color:var(--muted);margin-bottom:1.2rem}
.mopts{display:flex;flex-wrap:wrap;margin:0 -.5rem}
.mopt{position:relative;display:block;width:calc(50% - 1rem);margin:.5rem;padding:1.2rem 1.4rem;text-align:left;border-radius:1rem;background:var(--card);border:.12rem solid transparent}
.mopt b{display:block;font-size:1.3rem}
.mopt span{display:block;margin-top:.25rem;font-size:.98rem;line-height:1.35;color:var(--muted)}
.mopt.rec{border-color:rgba(var(--accent-rgb),.6)}
.mopt i{position:absolute;top:.7rem;right:.9rem;font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.mopt.focused{background:#1d2b3a}
.mfield{margin-bottom:.9rem}
.mfield label{display:block;margin-bottom:.35rem;font-size:.9rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.mfield input{width:100%;height:3.5rem;padding:0 1.2rem;font-size:1.25rem;background:var(--card);border:.15rem solid #33334a;border-radius:.8rem;outline:none}
.mfield input:focus,.mfield input.focused{border-color:var(--glow)}
.mrow2{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.3rem}
.mmsg{min-height:1.5em;margin-top:.9rem;font-size:1.05rem;color:var(--glow)}
.mmsg.bad,.bad{color:#ff8a8a}
.btn.bad{background:rgba(255,80,80,.22)}
.mtabs{display:flex;flex-wrap:wrap;margin-bottom:.8rem}
.mtabs .chip{margin:0 .6rem .4rem 0}
.mscroll{max-height:24rem;overflow-y:auto;padding:.4rem .3rem}
.mgrid{display:flex;flex-wrap:wrap}
.chip.big{margin:.3rem .5rem .3rem 0;padding:.6rem 1.2rem;font-size:1.1rem}
.chip.focused{background:#fff;color:#0b0b12}
.plrow{display:flex;align-items:center;margin-bottom:.55rem;padding:.7rem 1rem;border-radius:.9rem;background:var(--card);border:.12rem solid transparent}
.plrow.cur{border-color:rgba(var(--accent-rgb),.55)}
.plrow .plav{margin-right:.9rem}
.plrow .plt b{font-size:1.2rem}
.plb{flex:none;display:flex;gap:.5rem;margin-left:.8rem}
.mlist{margin:0 0 1rem 1.3rem;font-size:.98rem;color:#ff9a9a}
.pairbox{text-align:center;padding:1.4rem 0 .4rem}
.pairbox .pu{font-size:1.5rem;font-weight:700;color:#d8d8ea}
.pairbox .pc{margin:.7rem 0;font-size:5rem;font-weight:800;letter-spacing:.3em;padding-left:.3em;color:var(--accent);font-variant-numeric:tabular-nums}
.pairbox .pw{font-size:1.1rem;color:var(--muted)}
.msets{display:block}
.setr{display:flex;align-items:center;justify-content:space-between;width:100%;height:3.6rem;margin-bottom:.5rem;padding:0 1.3rem;font-size:1.2rem;font-weight:600;border-radius:.8rem;background:var(--card)}
.setr b{color:var(--glow)}
.setr.focused{background:#fff;color:#0b0b12}.setr.focused b{color:#c0185a}
.minfo .kv{display:flex;justify-content:space-between;padding:.7rem 1rem;margin-bottom:.4rem;border-radius:.7rem;background:var(--card);font-size:1.2rem}
.minfo .kv span{color:var(--muted)}

/* live player */
#player[data-kind=live] #phud,#player[data-kind=live] #embedSubs,#player[data-kind=live] #embedCtl{display:none!important}
#liveHud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .3s;opacity:1}
#liveHud.idle{opacity:0}
#liveHud.hidden{display:none}
#lhTop{position:absolute;top:1.8rem;right:2.6rem;font-size:1.5rem;font-weight:700;text-shadow:0 .1rem .5rem #000}
#lhSleep{margin-left:1.2rem;color:#9fd0ff}
#lhBanner{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;padding:7rem 3rem 2.6rem;background:linear-gradient(transparent,rgba(5,5,12,.92) 70%)}
#lhLogo{position:relative;flex:none;width:7.6rem;height:7.6rem;border-radius:1.1rem;background:#fff;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.6)}
#lhLogo img{position:absolute;top:.5rem;left:.5rem;width:calc(100% - 1rem);height:calc(100% - 1rem);object-fit:contain}
#lhBody{flex:1 1 auto;min-width:0;margin-left:1.6rem}
.lhrow{display:flex;align-items:center}
#lhNum{padding:.1rem .8rem;margin-right:.9rem;font-size:1.5rem;font-weight:800;border-radius:.6rem;background:var(--accent)}
#lhName{font-size:2.3rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 .1rem .6rem #000}
#lhQ{margin-left:1rem;padding:.05rem .6rem;font-size:1rem;font-weight:800;border-radius:.4rem;border:.12rem solid rgba(255,255,255,.7)}
#lhFav{margin-left:1rem;color:var(--accent);font-size:1.6rem}
#lhGroup{margin-top:.15rem;font-size:1.05rem;color:#bdbdd2}
.lhprog{display:flex;align-items:center;margin-top:.5rem;font-size:1.3rem}
.lhl{flex:none;width:4.4rem;font-size:.82rem;font-weight:800;letter-spacing:.08em;color:var(--accent)}
.lhl.nx{color:var(--muted)}
.lhprog>span:nth-child(2){font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.lhprog>span:nth-child(3){flex:none;margin:0 1rem;font-size:1rem;color:#bdbdd2}
.lhbar{flex:1 1 auto;height:.35rem;border-radius:.3rem;background:rgba(255,255,255,.2);overflow:hidden}
.lhbar i{display:block;height:100%;width:0;background:var(--accent)}
#lhHint{position:absolute;left:0;right:0;bottom:.6rem;text-align:center;font-size:.85rem;color:rgba(255,255,255,.5)}
#liveMsg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3;max-width:42rem;text-align:center;padding:1.4rem 2.2rem;border-radius:1.2rem;background:rgba(10,10,18,.82)}
#liveMsg.hidden{display:none}
#liveMsg h3{font-size:1.5rem}
#liveMsg p{margin-top:.5rem;font-size:1.05rem;line-height:1.4;color:#c0c0d4}
#liveMsg .sp{width:3.4rem;height:3.4rem;margin:0 auto .8rem;border:.32rem solid rgba(255,255,255,.22);border-top-color:var(--glow);border-radius:50%;animation:sp .8s linear infinite}
#liveMsg.err{border:.12rem solid rgba(255,100,100,.5)}
#liveNum{position:absolute;top:2.4rem;left:3rem;z-index:4;min-width:9rem;padding:.3rem 1.4rem;text-align:center;font-size:4.4rem;font-weight:800;letter-spacing:.1em;border-radius:1rem;background:rgba(10,10,18,.8);color:var(--accent);font-variant-numeric:tabular-nums}
#liveNum.hidden{display:none}
#liveSide{position:absolute;top:0;bottom:0;left:0;width:36rem;z-index:5;display:flex;flex-direction:column;padding:2rem 1rem 1.4rem;background:linear-gradient(90deg,rgba(6,6,12,.97) 80%,rgba(6,6,12,0));-webkit-animation:vfade .22s ease;animation:vfade .22s ease}
#liveSide.hidden{display:none}
#liveSideHead{display:flex;align-items:center;justify-content:space-between;margin:0 1rem 1rem;font-size:1.3rem}
#liveSideHead b{flex:1 1 auto;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .8rem}
#liveSideHead span{color:var(--muted);font-size:1.1rem}
#liveSideHead i{font-style:normal;margin-left:.6rem;font-size:.9rem;color:var(--muted)}
#liveMenu{position:absolute;right:3rem;bottom:6rem;width:32rem;z-index:5;background:rgba(14,14,22,.96);border:.12rem solid #33334a;border-radius:1rem;padding:1.1rem;box-shadow:0 1rem 3rem rgba(0,0,0,.7)}
#liveMenu.hidden{display:none}
.mguide{margin-top:.5rem;padding:.7rem .9rem;border-radius:.7rem;background:rgba(255,255,255,.05)}
.mguide .mg{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}
.mguide .gl{display:flex;font-size:1rem;padding:.12rem 0}
.mguide .gl b{flex:none;width:3.6rem;color:var(--muted);font-variant-numeric:tabular-nums}
.mguide .gl span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#liveHud.side #lhBanner,#liveHud.side #lhHint,#liveHud.menu #lhBanner,#liveHud.menu #lhHint{opacity:0}
.vempty{position:absolute;top:30%;left:0;right:0;text-align:center;color:var(--muted);font-size:1.1rem}
.vempty b{display:block;margin-bottom:.4rem;font-size:1.5rem;color:#fff}
.chtag{flex:none;margin-right:.7rem}
.chtag.q,.chtag.w{padding:.1rem .55rem;font-size:.78rem;font-weight:800;letter-spacing:.03em;border-radius:.4rem;border:.1rem solid rgba(255,255,255,.35);color:#dcdcee}
.chtag.w{border-color:rgba(255,190,80,.7);color:#ffcf7a}
.pairbox{display:flex;align-items:center;justify-content:center;text-align:left;padding:1rem 0 .4rem}
.pairbox .pairtxt{margin-right:2.4rem}
.pairbox .pl{font-size:1rem;color:var(--muted)}
.pairbox .pc{margin:.3rem 0 .6rem;font-size:4.4rem;letter-spacing:.25em;padding-left:0}
.pqr img,#alQr img{display:block;width:14rem;height:14rem;padding:.7rem;border-radius:1rem;background:#fff;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}
#alQr{margin:.8rem 0}
#setCustomName,#setCustomUrl,#xKey,#xUrl{display:block;width:100%;max-width:46rem;height:3.4rem;margin:.6rem 0;padding:0 1.4rem;font-size:1.3rem;background:var(--card);border:.15rem solid #33334a;border-radius:.8rem;outline:none}
#setCustomName:focus,#setCustomUrl:focus,#xKey:focus,#xUrl:focus{border-color:var(--glow)}
#setApp{max-width:60rem}
#lhStats{position:absolute;top:1.8rem;left:2.6rem;max-width:70%;padding:.35rem .9rem;font-size:1rem;color:#cfe;border-radius:.6rem;background:rgba(5,5,12,.7);font-variant-numeric:tabular-nums}
#lhStats.hidden{display:none}
.upc{margin-top:.7rem}.upc label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}
.upl{display:flex;margin-top:.25rem;font-size:1rem}.upl b{flex:none;width:4.4rem;color:var(--muted);font-variant-numeric:tabular-nums}.upl span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Samsung AVPlay draws the picture behind the page: everything around the video turns transparent while it plays (avp.js sets the class) */
html.avp-on,body.avp-on,body.avp-on #player,body.avp-on #video{background:transparent!important}
body.avp-on #nav,body.avp-on .view,body.avp-on #liveModal{visibility:hidden}
#setXBox{margin:.8rem 0 1rem;padding:1rem 1.2rem;background:rgba(255,255,255,.04);border-radius:1rem}
#setXBox.hidden{display:none}
#setXBox .btn{margin:.3rem .5rem .3rem 0}
#xQr{margin:.6rem 0}

/* ---------- Start-up: opening animation, profiles, lock, look (start.js) ---------- */
#start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;background:#07070a;color:#f2f2f4;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1;transition:opacity .26s}
#start.out{opacity:0;pointer-events:none}
.in-bloom{position:absolute;left:0;top:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.2) 0,rgba(var(--accent-rgb),0) 52%);opacity:0;animation:inBloom 2.4s .15s ease-out both}
@keyframes inBloom{0%{opacity:0}50%{opacity:1}100%{opacity:.8}}
.in-wrap{position:absolute;left:50%;top:50%;width:64rem;max-width:100%;height:25rem;margin:-12.5rem 0 0 -32rem;text-align:center}
.in-logo{position:relative;width:10rem;height:10rem;margin:0 auto}
.in-ring{position:absolute;left:0;top:0;width:10rem;height:10rem;transform:rotate(-90deg)}
.in-ring circle{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:352;stroke-dashoffset:352;animation:inRing 1s .1s cubic-bezier(.6,0,.2,1) forwards}
@keyframes inRing{to{stroke-dashoffset:0}}
.in-logo img{position:absolute;left:1.6rem;top:1.6rem;width:6.8rem;height:6.8rem;border-radius:1.6rem;opacity:0;animation:inPop .8s .55s cubic-bezier(.2,1.5,.35,1) both}
@keyframes inPop{0%{opacity:0;transform:scale(.3) rotate(-14deg)}100%{opacity:1;transform:none}}
.in-word{margin-top:1.8rem;display:flex;justify-content:center;font-size:3.2rem;font-weight:800;letter-spacing:.2em;white-space:nowrap}
.in-word .w1{color:#fff;opacity:0;animation:inL .7s 1s cubic-bezier(.2,.8,.2,1) both}
.in-word .w2{margin-left:.35em;color:#f2f2f4;opacity:0;animation:inR .7s 1.1s cubic-bezier(.2,.8,.2,1) both}
.in-word u{text-decoration:none;color:#fff;animation:inGlow .7s ease-in-out both}
@keyframes inGlow{0%{color:#fff}45%{color:var(--accent)}100%{color:#fff}}
@keyframes inL{0%{opacity:0;transform:translateX(-2.4rem)}100%{opacity:1;transform:none}}
@keyframes inR{0%{opacity:0;transform:translateX(2.4rem)}100%{opacity:1;transform:none}}
.in-tag{margin-top:1.1rem;font-size:1.1rem;letter-spacing:.34em;text-transform:uppercase;color:#8f8f9c;opacity:0;animation:inFade .8s 1.9s ease-out both}
@keyframes inFade{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
.in-wrap.light .in-ring circle,.in-wrap.light .in-word u{animation:none}
.in-wrap.light .in-ring{display:none}
.in-load{position:absolute;left:50%;top:50%;width:5.5rem;height:5.5rem;margin:-2.75rem 0 0 -2.75rem}
.in-load img{width:100%;height:100%;border-radius:1.3rem;animation:inPulse 1.1s ease-in-out infinite alternate}
@keyframes inPulse{from{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

.sp{position:relative;width:70rem;max-width:96%;margin:auto;padding:2.4rem 0;text-align:center;animation:spIn .35s ease-out both}
.sp.wide{width:86rem}
@keyframes spIn{from{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}
.sp h1{font-size:2.7rem;font-weight:700;letter-spacing:-.01em}
.ssub{margin:.7rem auto 1.5rem;max-width:46rem;color:#9a9aa6;font-size:1.15rem;line-height:1.5}
.sdots{margin-bottom:1.4rem}
.sdots i{display:inline-block;width:.5rem;height:.5rem;margin:0 .25rem;border-radius:.3rem;background:#33333d}
.sdots i.on{width:1.7rem;background:#fff}
.agrid{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.4rem}
.atile{width:11.6rem;margin:.5rem .6rem;padding:.5rem 0 .7rem;color:#c4c4ce;text-align:center;border-radius:1rem;transition:transform .15s}
.atile .av{display:block;position:relative;width:8rem;height:8rem;margin:0 auto .6rem;border-radius:50%;overflow:hidden;box-shadow:0 0 0 .16rem rgba(255,255,255,.08)}
.atile .av svg,.atile .av .avimg{display:block;width:100%;height:100%}
.avimg{object-fit:cover;object-position:top center;background:#1a1a22}
.bigav .avimg,#navProf .avimg,.msets .pav .avimg{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.atile b{display:block;font-size:1.1rem;font-weight:600}
.atile i{display:block;margin-top:.2rem;font-style:normal;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#7b7b87}
.atile.sf{transform:scale(1.08);color:#fff}
.atile.sf .av{box-shadow:0 0 0 .22rem #fff}
.atile.add .av{display:flex;align-items:center;justify-content:center;background:#15151b}
.atile.add em{font-style:normal;font-size:3.4rem;line-height:1;color:#8a8a96}
.lk{position:absolute;right:.3rem;bottom:.3rem;width:2rem;height:2rem;border-radius:50%;background:#0a0a0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M17 9V7a5 5 0 0 0-10 0v2H5v12h14V9zM9 7a3 3 0 0 1 6 0v2H9z'/%3E%3C/svg%3E") center/58% no-repeat}
.bigav{width:9rem;height:9rem;margin:0 auto 1rem;border-radius:50%;overflow:hidden}
.bigav svg{display:block;width:100%;height:100%}
#sname{display:block;width:30rem;height:3.6rem;margin:1.2rem auto 0;padding:0 1.4rem;font-size:1.5rem;text-align:center;color:#fff;background:#14141a;border:.15rem solid #2c2c36;border-radius:.8rem;outline:none}
#sname.sf{border-color:#fff}
.srow{margin-top:1.5rem}
.sbtn{display:inline-block;min-width:12rem;margin:.3rem .5rem;padding:.9rem 1.8rem;font-size:1.2rem;font-weight:600;color:#e8e8ee;background:#1b1b22;border-radius:.8rem}
.sbtn.pri{background:#fff;color:#0a0a0d}
.sbtn.sf{box-shadow:0 0 0 .2rem #07070a,0 0 0 .4rem #fff;transform:scale(1.03)}
.alico{width:6rem;height:6rem;margin:0 auto 1rem}.alico svg{width:100%;height:100%}
.pdots{margin:1.3rem 0 .4rem}
.pdots i{display:inline-block;width:1.1rem;height:1.1rem;margin:0 .6rem;border-radius:50%;border:.14rem solid #55555f}
.pdots i.on{background:#fff;border-color:#fff}
.pdots.shake{animation:shake .4s}
@keyframes shake{20%{transform:translateX(-.8rem)}40%{transform:translateX(.8rem)}60%{transform:translateX(-.5rem)}80%{transform:translateX(.5rem)}}
.pmsg{min-height:1.5rem;margin-bottom:.8rem;font-size:1.05rem;color:#9a9aa6}
.pmsg.bad{color:#ff8080}
.prow{display:flex;justify-content:center}
.sbtn.pk{min-width:0;width:6.4rem;height:4.4rem;margin:.28rem;padding:0;font-size:1.4rem;line-height:4.4rem}
.looks{display:flex;justify-content:center;margin-top:1.6rem}
.look{width:31rem;margin:0 1.2rem;padding:1rem 1rem 1.3rem;color:#cfcfd8;text-align:center;background:#121217;border-radius:1.2rem;transition:transform .15s}
.look b{display:block;margin-top:1rem;font-size:1.6rem;font-weight:700;color:#fff}
.look i{display:block;margin-top:.25rem;font-style:normal;font-size:1.05rem;color:#9a9aa6}
.look.sf{transform:scale(1.04);box-shadow:0 0 0 .2rem #07070a,0 0 0 .42rem #fff}
@media (max-height:560px){
  .atile{width:9rem;margin:.3rem .4rem}.atile .av{width:6rem;height:6rem}.atile b{font-size:1rem}
  .sp{padding:1.2rem 0}.sp h1{font-size:2.1rem}.ssub{margin-bottom:1rem}.bigav{width:6rem;height:6rem}
  .sbtn.pk{height:3.6rem;line-height:3.6rem}
}
@media (max-width:900px){.looks{flex-wrap:wrap}.look{width:24rem;margin:.6rem}.in-wrap{margin-left:-50%;left:50%;width:100%}.in-word{font-size:2.4rem}}
.mock{position:relative;height:14rem;border-radius:.6rem;background:#0b0b10;overflow:hidden}
.mock u{position:absolute;display:block;border-radius:.25rem}
.mock.classic .m-top{left:.8rem;right:.8rem;top:.7rem;height:1.3rem;background:#1d1d28}
.mock.classic .m-hero{left:0;right:0;top:2.6rem;height:4.8rem;background:#2b2840}
.mock.classic .m-row{left:.8rem;right:.8rem;height:2.6rem;background:repeating-linear-gradient(90deg,#222230 0,#222230 3.3rem,transparent 3.3rem,transparent 3.8rem)}
.mock.classic .m-row:nth-of-type(3){top:7.9rem}.mock.classic .m-row:nth-of-type(4){top:10.9rem}
.mock.modern .m-rail{left:0;top:0;bottom:0;width:1.7rem;background:#121216;border-right:.06rem solid #24242b}
.mock.modern .m-hero{left:1.7rem;right:0;top:0;height:7rem;background:linear-gradient(90deg,#0b0b10 10%,#2a3550)}
.mock.modern .m-row{left:2.6rem;right:.8rem;height:3rem;background:repeating-linear-gradient(90deg,#24242c 0,#24242c 2.5rem,transparent 2.5rem,transparent 3rem)}
.mock.modern .m-row:nth-of-type(3){top:7.6rem}.mock.modern .m-row:nth-of-type(4){top:10.8rem}
#tabs{flex:1 1 auto;min-width:0}
#navProf{flex:none;width:2.8rem;height:2.8rem;margin-left:.2rem;border-radius:50%;overflow:hidden;background:#222}
.tab{padding-left:.65rem;padding-right:.65rem;font-size:1rem}
#tabs{gap:.3rem}
.brand{font-size:1.3rem}
#nav{gap:1.1rem}
#navProf svg{display:block;width:100%;height:100%}
.msets .pav{display:inline-block;width:2.2rem;height:2.2rem;margin-right:.8rem;border-radius:50%;overflow:hidden;vertical-align:middle;flex:none}
.msets .pav svg{display:block;width:100%;height:100%}

/* ---------- Modern look (Settings -> Look). Flat surfaces, one accent, a left rail, white focus ring: nothing glows. ---------- */
body.ui-modern{--bg:#0c0c0f;--bg2:#131317;--card:#17171c;--text:#f0f0f3;--muted:#92929e;--nav:0rem;--rail:5.8rem}
body.ui-modern #nav{top:0;bottom:0;left:0;right:auto;width:var(--rail);height:auto;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:1.2rem 0 1rem;background:#08080a;border-right:.06rem solid rgba(255,255,255,.07);box-shadow:none}
body.ui-modern #nav.solid{background:#08080a;box-shadow:none}
body.ui-modern .brand{margin-bottom:1rem}
body.ui-modern .brand .bt{display:none}
body.ui-modern .brand .logo{width:2.7rem;height:2.7rem;border-radius:.65rem;box-shadow:none}
body.ui-modern #tabs{flex:1 1 auto;flex-direction:column;align-items:stretch;width:100%;overflow:visible}
body.ui-modern .tab{position:relative;flex-direction:column;justify-content:center;margin:0;padding:.5rem 0 .42rem;font-size:.7rem;font-weight:600;color:#7a7a86;background:none;border-radius:0;text-align:center}
body.ui-modern .tab svg.ic{width:1.5rem;height:1.5rem;margin-bottom:.2rem}
body.ui-modern .tab.active{color:#fff;background:none}
body.ui-modern .tab.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:.22rem;background:var(--accent);border-radius:0 .2rem .2rem 0}
body.ui-modern .tab.focused{background:#fff;color:#0c0c0f;box-shadow:none}
body.ui-modern .tab.focused svg.ic{fill:#0c0c0f}
body.ui-modern #navProf{margin:.8rem 0 0;width:3.1rem;height:3.1rem}
body.ui-modern .view{left:var(--rail)}
body.ui-modern .focused{box-shadow:0 0 0 .18rem #fff}
body.ui-modern .card.focused{transform:scale(1.04);box-shadow:none}
body.ui-modern .card.focused .poster{box-shadow:0 0 0 .18rem #fff}
body.ui-modern .pagehead{padding-top:1.6rem}
body.ui-modern .pagehead h2{font-size:2.2rem;font-weight:700;letter-spacing:-.01em}
body.ui-modern #hero{height:70vh}
body.ui-modern #heroShade{background:linear-gradient(90deg,rgba(12,12,15,.95) 0,rgba(12,12,15,.6) 42%,rgba(12,12,15,.05) 80%),linear-gradient(0deg,var(--bg) 0,rgba(12,12,15,0) 38%)}
body.ui-modern #heroTitle{font-size:3.4rem;font-weight:700;letter-spacing:-.02em;text-shadow:none}
body.ui-modern .tag{background:transparent;border:.08rem solid rgba(255,255,255,.32);font-weight:600;color:#e6e6ea}
body.ui-modern .tag.hot{background:#fff;border-color:#fff;color:#0c0c0f}
body.ui-modern #heroMeta{color:#c9c9d2}
body.ui-modern #heroDesc{color:#b9b9c4}
body.ui-modern .btn{background:rgba(255,255,255,.13);font-weight:600;border-radius:.7rem}
body.ui-modern .btn.primary{background:#fff;color:#0c0c0f}
body.ui-modern .btn.ghost{background:rgba(255,255,255,.1)}
body.ui-modern .btn.focused{transform:none;background:#fff;color:#0c0c0f;box-shadow:0 0 0 .2rem #0c0c0f,0 0 0 .4rem #fff}
body.ui-modern .btn.primary.focused{box-shadow:0 0 0 .2rem #0c0c0f,0 0 0 .4rem var(--accent)}
body.ui-modern #heroDots i.on{background:#fff}
body.ui-modern .rowhead h3{font-size:1.4rem;font-weight:600;letter-spacing:-.005em}
body.ui-modern .poster{border-radius:.5rem}
body.ui-modern .badge{background:rgba(0,0,0,.7);color:#fff;font-weight:700;border-radius:.3rem}
body.ui-modern .badge.ep{background:rgba(0,0,0,.7);color:#fff}
body.ui-modern .pbar i{background:var(--accent)}
body.ui-modern .ct{color:#d7d7de;font-weight:500}
body.ui-modern .chip{background:transparent;border:.08rem solid rgba(255,255,255,.2);color:#c9c9d2;font-weight:500}
body.ui-modern .chip.on{background:#fff;border-color:#fff;color:#0c0c0f}
body.ui-modern .chip.focused{box-shadow:0 0 0 .18rem #fff}
body.ui-modern #searchInput,body.ui-modern #serverInput,body.ui-modern #accPanel input{background:#131317;border:.1rem solid #2a2a32;border-radius:.6rem}
body.ui-modern #searchInput:focus,body.ui-modern #serverInput:focus,body.ui-modern #accPanel input:focus{border-color:#fff}
body.ui-modern .ep{background:#17171c;border-radius:.5rem;font-weight:600}
body.ui-modern .ep.cur{background:#17171c;box-shadow:0 0 0 .13rem var(--accent)}
body.ui-modern #detail{background:var(--bg)}
body.ui-modern #dShade{background:linear-gradient(90deg,rgba(12,12,15,.96) 30%,rgba(12,12,15,.55)),linear-gradient(0deg,var(--bg),transparent 45%)}
body.ui-modern #dTitle{font-weight:700;letter-spacing:-.015em}
body.ui-modern #toast{border:0;background:#212128;border-radius:.6rem;font-weight:500}
body.ui-modern .setr{background:#131317;border-radius:.6rem}
body.ui-modern .setr b{color:#b4b4be;font-weight:600}
body.ui-modern .setr.focused{background:#fff;color:#0c0c0f;box-shadow:none}
body.ui-modern .setr.focused b{color:#44444c}
body.ui-modern .view::-webkit-scrollbar-thumb{background:#2a2a32}
body.ui-modern #liveWrap{left:2rem;right:2rem}

/* ---------- Schedule, airing badges, library statuses, home rows (feed.js) ---------- */
#schDays{display:flex;overflow-x:auto;padding:.5rem 3rem .9rem;scrollbar-width:none}
#schDays::-webkit-scrollbar{display:none}
.sch-day{flex:none;width:9.4rem;margin-right:.7rem;padding:.75rem 0;text-align:center;color:#cfcfdc;background:var(--card);border:.1rem solid #2a2a38;border-radius:1rem}
.sch-day b{display:block;font-size:1.15rem}
.sch-day span{display:block;margin-top:.15rem;font-size:.95rem;color:var(--muted)}
.sch-day.on{color:#0b0b12;background:#fff;border-color:#fff}
.sch-day.on span{color:#555}
#schBar{display:flex;padding:0 3rem;margin-bottom:.5rem}
#schBar .chip{margin-right:.7rem}
#schList{position:relative;padding:.4rem 3rem 3rem 5.2rem}
#schList:before{content:"";position:absolute;left:3.7rem;top:.8rem;bottom:2.4rem;width:.12rem;background:#2a2a38}
.sch-time{position:relative;margin:1rem 0 .5rem;font-size:1.5rem;font-weight:700}
.sch-time i{position:absolute;left:-1.9rem;top:.55rem;width:.9rem;height:.9rem;border-radius:50%;background:#fff;border:.2rem solid var(--bg)}
.sch-row{display:flex;align-items:stretch;margin-bottom:.8rem}
.sch-item{flex:1;display:flex;align-items:center;min-width:0;padding:.7rem 1rem;background:var(--card);border:.1rem solid #26263a;border-radius:1rem}
.sch-item.past{opacity:.62}
.si-img{flex:none;width:5rem;height:7.2rem;margin-right:1.2rem;overflow:hidden;background:#222;border-radius:.5rem}
.si-img img{display:block;width:100%;height:100%;object-fit:cover}
.si-main{flex:1;min-width:0}
.si-main b{display:block;font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-main em{display:block;margin-top:.2rem;font-style:normal;font-size:1.1rem;color:var(--muted)}
.si-tags i{display:inline-block;margin:.5rem .5rem 0 0;padding:.15rem .6rem;font-style:normal;font-size:.85rem;color:#cfcfdc;background:rgba(255,255,255,.1);border-radius:.4rem}
.si-side{flex:none;margin-left:1rem;text-align:right}
.si-side b{display:block;font-size:1.3rem}
.si-st{display:inline-block;margin-top:.3rem;font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.si-st.soon{color:var(--accent)}
.si-st.aired{color:#6bd68c}
.si-bell{flex:none;display:flex;align-items:center;justify-content:center;width:4.2rem;margin-left:.6rem;color:#8a8a98;background:var(--card);border:.1rem solid #26263a;border-radius:1rem}
.si-bell svg{width:1.6rem;height:1.6rem}
.si-bell.on{color:var(--accent)}
.badge.air{top:auto;bottom:.5rem;left:.5rem;font-size:.8rem;color:#fff;background:rgba(var(--accent-rgb),.92)}
.badge.st{left:auto;right:.5rem;top:.5rem;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.badge.st-watching{background:rgba(40,160,90,.92)}
.badge.st-completed{background:rgba(60,110,200,.92)}
.badge.st-paused{background:rgba(190,140,30,.92)}
.badge.st-dropped{background:rgba(170,60,60,.92)}
.tag.air{color:#fff;background:rgba(var(--accent-rgb),.22);border:.08rem solid rgba(var(--accent-rgb),.7)}
#listChips{padding:0 3rem .5rem}
.chip i{margin-left:.3rem;font-style:normal;opacity:.6}
.rrow{display:flex;align-items:center;margin:.35rem 0}
.rrow .rt{flex:1;font-size:1.15rem}
.rrow .rt i{font-style:normal;font-size:.95rem;color:var(--muted)}
.rrow .btn{height:2.6rem;margin-left:.5rem;padding:0 1rem;font-size:1rem}
#dMore{margin-top:1rem}
#dMore .rowhead{padding:0}
#dMore .track{padding-left:.4rem;padding-right:.4rem}
body.pz-s{--cw:9.4rem}
body.pz-l{--cw:13.8rem}
body.ui-modern .sch-day{background:transparent;border-color:rgba(255,255,255,.18)}
body.ui-modern .sch-day.on{background:#fff;border-color:#fff}
body.ui-modern .sch-item,body.ui-modern .si-bell{background:#131317;border-color:transparent}
body.ui-modern .si-bell.on{color:#fff}
body.ui-modern .sch-time i{background:var(--accent)}
body.ui-modern .badge.air{color:#fff;background:rgba(0,0,0,.74);border-left:.2rem solid var(--accent)}
body.ui-modern .tag.air{background:transparent;border-color:var(--accent)}
body.ui-modern .si-st.soon{color:#fff}
/* ---- Sponsor ads (public/sponsor.js): the pre-roll video and the pause picture ---- */
.adbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000}
.adbox .advid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}
.ad-tag{display:inline-block;padding:.25rem .7rem;border-radius:.4rem;background:rgba(0,0,0,.72);border:.1rem solid rgba(255,255,255,.55);color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.08rem}
.adbox .ad-tag{position:absolute;top:2rem;left:2.4rem}
.ad-skip{position:absolute;right:3rem;bottom:4rem;padding:.8rem 1.6rem;border-radius:.7rem;background:rgba(0,0,0,.72);color:#cfcfd6;font-size:1.3rem;font-weight:700;border:.14rem solid rgba(255,255,255,.35)}
.ad-skip.ok{background:#fff;color:#0b0b12;border-color:#fff}
.ad-bar{position:absolute;left:0;right:0;bottom:0;height:.35rem;background:rgba(255,255,255,.2)}
.ad-bar i{display:block;height:100%;width:0;background:var(--accent,#e50914)}
.pausead{position:fixed;top:6rem;right:3rem;z-index:290;width:36rem;pointer-events:none}
.pausead .pa-note{margin:0 0 .6rem;padding:.5rem .9rem;border-radius:.5rem;background:rgba(0,0,0,.75);color:#fff;font-size:1.2rem;font-weight:700}
.pausead .pa-card{position:relative;border-radius:.7rem;overflow:hidden;background:#000;border:.1rem solid rgba(255,255,255,.3)}
.pausead img{display:block;width:100%;height:auto}
.pausead .ad-tag{position:absolute;top:.6rem;left:.6rem}
.sponmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;background:rgba(5,5,10,.88)}
.sm-box{width:38rem;max-width:90%;padding:2.4rem;border-radius:1.4rem;background:#14141c;border:.1rem solid rgba(255,255,255,.18);text-align:center;color:#fff}
.sm-box h3{margin:0 0 .8rem;font-size:2rem}
.sm-box p{margin:.6rem 0;font-size:1.3rem;color:#cfcfd6}
.sm-qr{display:inline-block;padding:1rem;border-radius:.8rem;background:#fff;margin:1rem 0}
.sm-qr img,.sm-qr canvas,.sm-qr svg{display:block;width:22rem;height:22rem}
.sm-url{font-size:1.1rem;word-break:break-all;color:#9a9aa8}
.sm-hint{font-size:1.1rem;color:#7d7d8c}
.adqr{position:absolute;top:50%;left:50%;width:44rem;margin:-22rem 0 0 -22rem;text-align:center;color:#fff}
.adqr h3{margin:0 0 .6rem;font-size:2.4rem}
.adqr p{margin:0 0 1.2rem;font-size:1.4rem;color:#cfcfd6}
.adqr-code{display:inline-block;padding:1.2rem;border-radius:1rem;background:#fff}
.adqr-code img,.adqr-code canvas,.adqr-code svg{display:block;width:26rem;height:26rem}
.pausead .pa-qr{width:24rem;padding:3.4rem 1.2rem .8rem;background:#14141c;text-align:center}
.pa-qrcode{display:inline-block;padding:.8rem;border-radius:.6rem;background:#fff}
.pa-qrcode img,.pa-qrcode canvas,.pa-qrcode svg{display:block;width:16rem;height:16rem}
.pausead .pa-qr p{margin:.6rem 0 0;font-size:1.2rem;color:#cfcfd6}
.pausead .pa-net{background:transparent;border:0}
.adban{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.adban-card{background:transparent}
.atile.rm .av{opacity:.8}
.atile .rmx{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:300;text-decoration:none;color:#fff;background:rgba(10,10,14,.55)}
.atile.rm.sf .av{box-shadow:0 0 0 .22rem #ff5a6a}
.atile.rm.sf .rmx{background:rgba(160,20,40,.6)}
.atile.rm i{color:#ff8a96}
/* ===== Old-engine compatibility (generated by tools/gen_compat_css.py) ===== */
/* index.html adds html.nogap / .nogrid / .noar when the browser lacks flex gap, CSS grid or aspect-ratio */
.nogap #nav>*+*{margin-left:1.6rem}
.nogap .brand>*+*{margin-left:.7rem}
.nogap #tabs>*+*{margin-left:.6rem}
.nogap .tab>*+*{margin-left:.45rem}
.nogap #chips>*{margin:0 .7rem .7rem 0}
.nogap #heroTags>*+*{margin-left:.6rem}
.nogap #heroMeta>*+*{margin-left:1.1rem}
.nogap #heroBtns>*+*{margin-left:1rem}
.nogap #dBtns>*+*{margin-left:1rem}
.nogap .btn>*+*{margin-left:.6rem}
.nogap #heroDots>*+*{margin-left:.5rem}
.nogap .rowbtns>*+*{margin-left:.4rem}
.nogap .track>*+*{margin-left:1.1rem}
.nogap #dTop>*+*{margin-left:2.5rem}
.nogap #dMeta>*{margin:0 1rem 1rem 0}
.nogap #dGenres>*{margin:0 .5rem .5rem 0}
.nogap #dRanges>*{margin:0 .6rem .6rem 0}
.nogap .ptop>*+*{margin-left:1.2rem}
.nogap #pCenter>*+*{margin-top:1rem}
.nogap .pctrl>*+*{margin-left:1rem}
.nogap .pbtns>*+*{margin-left:.8rem}
.nogap .pright>*+*{margin-left:.6rem}
.nogap #setBtns>*{margin:0 1rem 1rem 0}
.nogap .mrow>*+*{margin-left:1rem}
.nogap .chips>*{margin:0 .7rem .7rem 0}
.nogap .pagehead>*{margin:0 1.5rem 1rem 0}
.nogap #accPanel .btnrow>*{margin:0 1rem 1rem 0}
.nogap .skipbtn>*+*{margin-left:.5rem}
.nogap #dSrcWrap>*{margin:0 1rem 1rem 0}
.nogap .dsopt>*+*{margin-left:1.2rem}
.nogap #embedCtl .erow>*+*{margin-left:.6rem}
.nogap .nbtns>*{margin:0 1rem 1rem 0}
.nogap .setrow>*{margin:0 1rem 1rem 0}
.nogap #liveWrap>*+*{margin-left:1.3rem}
.nogap #livePlBtn>*+*{margin-left:.9rem}
.nogap #liveTools>*+*{margin-left:.8rem}
.nogap .erow2>*{margin:0 1rem 1rem 0}
.nogap .mrow2>*{margin:0 .8rem .8rem 0}
.nogap .plb>*+*{margin-left:.5rem}
.nogap #tabs>*+*{margin-left:.3rem}
.nogap #nav>*+*{margin-left:1.1rem}
.nogap body.ui-modern #nav>*+*{margin-top:0}
@media (max-width:820px){.nogap #nav>*+*{margin-left:1rem}}
.noar .poster{height:0;padding-top:150%}
.noar .poster img{position:absolute;top:0;left:0}
.nogrid .cards{display:flex;flex-wrap:wrap;justify-content:flex-start}
.nogrid .cards .card{margin:0 1.2rem 1.6rem 0}
.nogrid #dEps{display:flex;flex-wrap:wrap}
.nogrid #dEps .ep{width:8rem;margin:0 .9rem .9rem 0}
.nogrid .ngrid{display:flex;flex-wrap:wrap}
.nogrid .ngrid div{width:48.5%;margin:0 1% .8rem 0;box-sizing:border-box}
@media (max-width:820px){.nogrid .ngrid div{width:100%}}