:root{--bg:#0a0b10;--panel:#14161f;--card:#1b1e2a;--or:#ff7a00;--gr:#4caf50;--tx:#f1f1f1;--mu:#9aa0ad;--side:92px}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--tx);font-family:Arial,Helvetica,sans-serif;font-size:20px}
button{font-family:inherit;color:inherit}.hidden{display:none!important}.muted{color:var(--mu)}
.ic{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;flex:0 0 auto}
/* logo orbitando */
.orbit{display:inline-block;width:52px;height:52px;position:relative;flex:0 0 auto}.orbit img{width:100%;height:100%;animation:orb 6s ease-in-out infinite}
.orbit::after{content:"";position:absolute;inset:-5px;border:2px solid transparent;border-top-color:var(--gr);border-right-color:var(--or);border-radius:50%;animation:spin 2.2s linear infinite}
.orbit.big{width:140px;height:140px}.orbit.sm{width:40px;height:40px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes orb{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-4px) rotate(6deg)}}
h1 b,.g{color:var(--gr)}.o{color:var(--or)}
#splash{position:fixed;inset:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .5s}#splash h1{color:var(--or);margin:0}#splash.out{opacity:0;pointer-events:none}
/* menu lateral */
#side{position:fixed;left:0;top:0;bottom:0;width:var(--side);background:linear-gradient(90deg,#07080c 70%,rgba(7,8,12,.85));z-index:5;padding:18px 12px;transition:width .2s;overflow:hidden;border-right:1px solid #1e2130}
#side:focus-within,#side:hover{width:260px;box-shadow:20px 0 60px #000}
.brand{display:flex;align-items:center;gap:14px;padding:4px 6px 26px;font-size:24px;white-space:nowrap}
#side nav{display:flex;flex-direction:column;gap:8px}
.nav{display:flex;align-items:center;gap:18px;background:none;border:3px solid transparent;border-radius:12px;padding:12px 14px;font-size:21px;cursor:pointer;white-space:nowrap;color:var(--mu);text-align:left}
.nav.active{color:var(--or)}.nav:focus,.nav:hover{background:var(--or);color:#111;outline:none}
.lbl{opacity:0;transition:opacity .15s}#side:focus-within .lbl,#side:hover .lbl{opacity:1}
/* conteúdo */
#content{position:absolute;left:var(--side);right:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding:0 0 120px;scrollbar-width:none}
#content::-webkit-scrollbar{display:none}
h1.title{margin:34px 40px 10px;font-size:38px}h3.sub{color:var(--gr);margin:22px 0 10px}
.row{margin:8px 0 14px}.row h3{margin:0 40px 8px;font-size:22px;color:#ddd;font-weight:bold}
.track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:14px 40px 18px;scrollbar-width:none}.track::-webkit-scrollbar{display:none}
.card{flex:0 0 auto;background:var(--card);border:3px solid transparent;border-radius:12px;padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:transform .15s,border-color .15s;width:180px}
.card.wide{width:260px}.card .art{position:relative;background:#262a38;aspect-ratio:2/3;height:270px;display:flex;align-items:center;justify-content:center}
.card.wide .art{aspect-ratio:16/9;height:146px}
.card .art::before{content:attr(data-ini);font-size:42px;color:#4a5066;font-weight:bold}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#262a38}.card.wide img{object-fit:contain;padding:12px}
.cname{display:block;padding:8px 10px;font-size:16px;height:52px;overflow:hidden;line-height:1.25}
.pbar{position:absolute;left:0;bottom:0;height:5px;background:var(--or)}
.f:focus{outline:none}
.card:focus,.card:hover{transform:scale(1.08);border-color:#fff;box-shadow:0 0 0 2px var(--or),0 10px 30px rgba(255,122,0,.45);z-index:2}
/* destaque (hero) */
.hero{position:relative;height:430px;overflow:hidden;margin-bottom:4px}
.hero-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(28px) brightness(.45) saturate(1.3)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 2%,transparent 45%),linear-gradient(90deg,rgba(10,11,16,.9) 30%,transparent)}
.hero-in{position:relative;z-index:1;display:flex;gap:34px;align-items:center;padding:44px 40px 0;height:100%}
.hero-poster{width:220px;height:330px;object-fit:cover;border-radius:12px;box-shadow:0 20px 50px #000}.hero-poster.wide{width:300px;height:170px;object-fit:contain;background:#ffffff10;padding:14px}
.hero-tx{max-width:760px}.kicker{color:var(--gr);letter-spacing:2px;font-size:16px;margin:0}.hero-tx h2{font-size:44px;margin:8px 0 10px}
.plot{color:#ccc;font-size:18px;line-height:1.4;max-height:5.6em;overflow:hidden}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}
.btns .f,.form .f:not(input):not(textarea){display:inline-flex;align-items:center;gap:10px;background:#ffffff1c;border:3px solid transparent;border-radius:10px;padding:12px 22px;font-size:20px;cursor:pointer}
.btns .pri,.form .pri{background:var(--or);color:#111;font-weight:bold}.fav.on,.toggle.on{color:var(--or)}.fav.on .ic{fill:var(--or)}.seasons .on{background:var(--gr);color:#111}
.btns .f:focus,.btns .f:hover,.form .f:focus,.form .f:hover{border-color:#fff;transform:scale(1.05);box-shadow:0 0 20px rgba(255,122,0,.6)}
.eps{margin:0 -40px}.empty{padding:40px}
/* configurar */
.setup{display:flex;gap:40px;padding:0 40px}.setup-l{flex:1;max-width:820px}.setup-r{width:300px;background:var(--panel);border-radius:14px;padding:20px;height:max-content;position:sticky;top:20px}
.form{display:flex;gap:12px;margin:10px 0;align-items:stretch}
input.f,textarea.f{flex:1;background:#1d2030;color:#fff;border:3px solid #2c3044;border-radius:10px;padding:12px;font-size:20px;min-width:0}
textarea.f{height:80px}input.f:focus,textarea.f:focus{border-color:var(--or);box-shadow:0 0 18px rgba(255,122,0,.5)}input.big{font-size:26px;padding:16px}
.scr-search .form{padding:0 40px}
#qr{background:#fff;padding:10px;width:max-content;margin:8px 0}#qr img,#qr canvas{display:block}#code{font-size:30px;letter-spacing:4px;color:var(--or)}
/* player */
#playerWrap{position:fixed;inset:0;background:#000;z-index:20}#video{width:100%;height:100%;background:#000}
#osd{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent 22%,transparent 62%,rgba(0,0,0,.85))}
.osd-on #osd{opacity:1;pointer-events:auto}.osd-on{cursor:default}#playerWrap:not(.osd-on){cursor:none}
.osd-top{display:flex;gap:16px;align-items:center;padding:26px 40px}#pTitle{font-size:30px;font-weight:bold}#pMeta{color:var(--gr);font-size:17px;margin-top:4px}
#pErr{position:absolute;left:40px;right:40px;top:120px;color:#ffb37a;font-size:20px;text-shadow:0 0 6px #000}
.osd-bot{position:absolute;left:40px;right:40px;bottom:26px}#prog{height:8px;background:#ffffff33;border-radius:4px;cursor:pointer;margin-bottom:14px}#progFill{display:block;height:100%;width:0;background:var(--or);border-radius:4px}
.osd-row{display:flex;align-items:center;justify-content:space-between}#osdBtns{display:flex;gap:12px}#pTime{font-size:20px;color:#ddd}
.ob{background:#ffffff22;border:3px solid transparent;border-radius:50%;width:62px;height:62px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ob.big{width:76px;height:76px}
.ob:focus,.ob:hover{background:var(--or);color:#111;border-color:#fff}.ob.on .ic{fill:var(--or)}
#playerWrap:not(.is-live) .live-only{display:none}.hint{color:#bbb;font-size:16px;margin:10px 0 0}
#chlist{position:absolute;left:0;top:0;bottom:0;width:420px;background:rgba(8,9,14,.94);z-index:3;display:flex;flex-direction:column;border-right:2px solid var(--or)}
.chhead{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:24px}#chItems{overflow-y:auto;flex:1;padding:0 10px 20px}
.chi{display:flex;gap:14px;width:100%;text-align:left;background:none;border:3px solid transparent;border-radius:10px;padding:12px;font-size:19px;cursor:pointer}.chi b{color:var(--mu);min-width:40px}
.chi.on{color:var(--or)}.chi:focus,.chi:hover{background:var(--or);color:#111}.chi:focus b{color:#111}
#toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,40px);background:#1d2030;border-left:5px solid var(--or);padding:14px 24px;border-radius:10px;opacity:0;transition:.3s;z-index:60;max-width:80%;font-size:19px;pointer-events:none}
#toast.show{opacity:1;transform:translate(-50%,0)}
/* celular / telas pequenas */
@media (max-width:700px){:root{--side:0px}#side{top:auto;height:70px;width:100%!important;padding:6px;display:flex;border-right:0;border-top:1px solid #222}#side .brand{display:none}#side nav{flex-direction:row;justify-content:space-around;width:100%}.nav{padding:8px}.lbl{display:none}#content{bottom:70px}.hero-poster{display:none}.hero-tx h2{font-size:28px}.setup{flex-direction:column}.setup-r{width:auto;position:static}.card{width:130px}.card .art{height:195px}.card.wide{width:200px}.card.wide .art{height:112px}}
body.phone{padding:20px;font-size:18px;overflow:auto;height:auto}body.phone input{width:100%;background:#1d2030;color:#fff;border:2px solid #2c3044;border-radius:8px;padding:12px;font-size:18px;margin:6px 0}
body.phone .btn{background:var(--or);color:#111;border:0;border-radius:10px;padding:14px 26px;font-size:18px;font-weight:bold}.brand h1{margin:0;color:var(--or)}
input[type=radio]{width:auto!important;margin-right:8px}label{display:block;margin:8px 0}label.r{display:inline-block;margin-right:20px}
.sbox{padding:0 40px}#chlist:not(.hidden)~#osd .osd-bot{opacity:.25}