:root{--bg: #000;--bg-2: #111316;--bg-3: #1a1f24;--muted: #b3b3b3;--tertiary: #808080;--accent: #1e88e5;--accent-2: #42a5f5;--focus-ring: #4fa8f7;--focus-bg: #1a2d3d;--glow: rgba(66,165,245,.3);--rating: #ffd700;--radius: 12px;--glass: linear-gradient(180deg, rgba(74,79,89,.84), rgba(63,69,79,.8) 50%, rgba(64,71,79,.78));--sb-w: 0px}html,body{background:var(--bg)}.btn{border-radius:999px;padding:11px 26px}.btn.primary{background:#fff;color:#000}.btn.ghost{background:#ffffff24}.btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.card{border-radius:var(--radius);background:#15181c}.card:focus-visible,.card.focus{box-shadow:0 0 0 3px var(--focus-ring),0 10px 34px var(--glow)}.see-all{display:grid;place-items:center;align-content:center;gap:10px;color:#fff;font-weight:700;font-size:15px;background:#ffffff12}.see-all svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2}.m-meta .rating{color:var(--rating)}.episode:hover,.episode:focus-visible,.episode.active{background:var(--focus-bg)}.card.wide{width:clamp(220px,24vw,340px);aspect-ratio:16 / 9}.card.wide img{object-fit:cover}.card.wide:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.15) 55%,transparent)}.cw-badge{position:absolute;z-index:2;top:8px;right:8px;padding:3px 8px;border-radius:6px;background:#000000b8;color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px}.cw-title{position:absolute;z-index:2;left:12px;right:12px;bottom:16px;text-align:left;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-title small{font-size:.8em;color:#c9ccd1;font-weight:500;margin-left:4px}.cw-bar{position:absolute;z-index:2;left:12px;bottom:8px;width:34px;height:3px;border-radius:2px;background:#ffffff4d;overflow:hidden}.cw-bar i{display:block;height:100%;background:#fff}.card.wide:hover,.card.wide:focus-visible{transform:scale(1.04)}.sidebar{display:none}.sb-item svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.sb-item .i-on{fill:currentColor;stroke:none}.sb-item .i-on,.sb-item.active .i-off{display:none}.sb-item.active .i-on{display:block}@media (max-width: 720px){html:not([data-ui=tv]) .sidebar{display:flex;position:fixed;z-index:40;left:0;right:0;bottom:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#000000eb;border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html:not([data-ui=tv]) .sb-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:6px 0;color:var(--tertiary);font-size:11px;font-weight:600;cursor:pointer}html:not([data-ui=tv]) .sb-item.active{color:#fff}html:not([data-ui=tv]) .sb-item.active svg{color:var(--accent-2)}html:not([data-ui=tv]) .tabs,html:not([data-ui=tv]) #sourcesToggle{display:none}html:not([data-ui=tv]) #rows,html:not([data-ui=tv]) .grid-view{padding-bottom:96px}html:not([data-ui=tv]) .toast{bottom:90px}.hero{border-radius:0 0 22px 22px}}html[data-ui=tv]{--sb-w: 72px;--pad: 52px;font-size:14px}html[data-ui=tv] body{cursor:none}html[data-ui=tv] :focus{outline:none}html[data-ui=tv] .sidebar{display:flex;flex-direction:column;gap:10px;position:fixed;z-index:40;left:0;top:0;bottom:0;width:var(--sb-w);padding:22px 12px;background:var(--bg);overflow:hidden;justify-content:center;transition:width .2s cubic-bezier(.2,.8,.2,1)}html[data-ui=tv] .sidebar:after{content:"";position:fixed;inset:0 0 0 196px;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.35) 45%,transparent 75%);transition:opacity .2s}html[data-ui=tv] .sidebar:focus-within{width:196px}html[data-ui=tv] .sidebar:focus-within:after{opacity:1}html[data-ui=tv] .sb-item{display:flex;align-items:center;gap:18px;height:44px;padding:0 13px;flex:0 0 auto;border:0;border-radius:999px;background:none;color:var(--muted);font-size:15px;font-weight:600;white-space:nowrap;transition:background .15s,color .15s,transform .15s}html[data-ui=tv] .sb-item svg{width:22px;height:22px;flex-basis:22px;color:#c2c6cc}html[data-ui=tv] .sb-item.active svg{color:var(--accent)}html[data-ui=tv] .sb-item span{opacity:0;transition:opacity .15s}html[data-ui=tv] .sidebar:focus-within .sb-item span{opacity:1}html[data-ui=tv] .sidebar:focus-within .sb-item.active{background:var(--accent);color:#fff}html[data-ui=tv] .sidebar:focus-within .sb-item.active svg{color:#fff}html[data-ui=tv] .sb-item:focus,html[data-ui=tv] .sidebar:focus-within .sb-item.active:focus{background:var(--focus-bg);color:#fff;transform:scale(1.06)}html[data-ui=tv] .sb-item:focus svg{color:#fff}html[data-ui=tv] .nav{left:var(--sb-w);background:none;height:64px;padding:0 var(--pad)}html[data-ui=tv] .tabs,html[data-ui=tv] #sourcesToggle,html[data-ui=tv] #searchToggle{display:none}html[data-ui=tv] .nav.solid{background:linear-gradient(180deg,var(--bg) 55%,transparent)}html[data-ui=tv] .search{margin-left:0}html[data-ui=tv] .search:not(.open){display:none}html[data-ui=tv] .search.open{border-radius:999px;padding:2px 6px 2px 16px;border:2px solid rgba(255,255,255,.2);background:#ffffff14}html[data-ui=tv] .search.open:focus-within{border-color:var(--focus-ring)}html[data-ui=tv] .search.open input{width:380px;font-size:15px;padding:7px 4px}html[data-ui=tv] body.tv-home{overflow:hidden;height:100%}html[data-ui=tv] body.tv-home .hero{position:fixed;inset:0;min-height:0;padding:0;z-index:0;background:var(--bg)!important;display:block}html[data-ui=tv] body.tv-home .hero:before{display:none}html[data-ui=tv] .tv-bd{position:absolute;top:0;right:0;width:72%;height:330px;background:center 20% / cover no-repeat;opacity:0;transition:opacity .45s}html[data-ui=tv] .tv-bd.on{opacity:1}html[data-ui=tv] .tv-bd:after{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,var(--bg) 0%,rgba(0,0,0,.86) 14%,rgba(0,0,0,.35) 40%,transparent 62%),linear-gradient(0deg,var(--bg) 0%,rgba(0,0,0,.7) 22%,transparent 55%)}html[data-ui=tv] .tv-info{position:absolute;left:calc(var(--sb-w) + var(--pad) - 24px);bottom:290px;width:42%;transition:opacity .25s}html[data-ui=tv] .tv-info.fading{opacity:0}html[data-ui=tv] .tv-logo{display:block;max-width:240px;max-height:76px;object-fit:contain;object-position:left bottom;margin-bottom:10px}html[data-ui=tv] .tv-title{font-size:28px;line-height:1.05;font-weight:800;margin:0 0 8px;letter-spacing:-.3px}html[data-ui=tv] .tv-meta{margin-bottom:9px}html[data-ui=tv] .tv-meta>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px}html[data-ui=tv] .tv-meta .l1{font-size:12px;color:#b9bcc2;letter-spacing:.3px;margin-bottom:8px}html[data-ui=tv] .tv-meta .l2{font-size:11.5px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.8px}html[data-ui=tv] .tv-meta .l2 span:last-child:not(:first-child){text-transform:none;color:#b9bcc2;letter-spacing:.3px}html[data-ui=tv] .tv-meta .dot{font-style:normal;color:#7d828a;font-size:9px}html[data-ui=tv] .tv-meta .imdb{background:#f5c518;color:#000;font-weight:900;font-size:8.5px;padding:1px 4px;border-radius:3px;letter-spacing:0;margin-right:2px}html[data-ui=tv] .tv-overview{margin:0;font-size:12px;line-height:1.5;color:#d8d8d8;min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}html[data-ui=tv] body.tv-home #rows{position:fixed;left:var(--sb-w);right:0;bottom:0;height:280px;margin:0;padding:0 0 280px;z-index:2;overflow:hidden}html[data-ui=tv] .row{margin:0 0 8px}html[data-ui=tv] .row-head{padding:0 calc(var(--pad) - 24px);margin-bottom:6px}html[data-ui=tv] .row-head h2{font-size:16px;font-weight:500}html[data-ui=tv] .row-head button,html[data-ui=tv] .arrow{display:none}html[data-ui=tv] .track{overflow:hidden;gap:12px;padding:8px calc(var(--pad) - 24px) 16px;scroll-snap-type:none}html[data-ui=tv] .card{width:126px;height:189px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}html[data-ui=tv] .card:hover{transform:none;box-shadow:none}html[data-ui=tv] .card:focus{transform:scale(1.04);z-index:4;box-shadow:0 0 0 2.5px var(--focus-ring),0 8px 26px var(--glow)}html[data-ui=tv] .card.wide{width:210px;height:118px;border-radius:10px}html[data-ui=tv] .cw-badge{top:6px;right:6px;font-size:9.5px;padding:2px 6px;border-radius:5px}html[data-ui=tv] .cw-title{left:10px;bottom:13px;font-size:12.5px}html[data-ui=tv] .cw-bar{left:10px;bottom:7px;width:26px;height:2.5px}html[data-ui=tv] .card:focus .card-title{opacity:0}html[data-ui=tv] .card .card-title{font-size:11px}html[data-ui=tv] .see-all{font-size:12px}html[data-ui=tv] .see-all svg{width:24px;height:24px}html[data-ui=tv] .row:not(.current){opacity:.55;transition:opacity .25s}html[data-ui=tv] .row.current{opacity:1}html[data-ui=tv] .grid-view{padding:76px var(--pad) 40px calc(var(--sb-w) + var(--pad) - 24px)}html[data-ui=tv] .grid-view h2{font-size:18px;margin-bottom:14px}html[data-ui=tv] .grid{grid-template-columns:repeat(auto-fill,126px);gap:18px 12px}html[data-ui=tv] .grid .card{width:126px;height:189px}html[data-ui=tv] .status-msg{padding-left:calc(var(--sb-w) + var(--pad))}html[data-ui=tv] .modal{padding:0;overflow-y:auto}html[data-ui=tv] .modal-backdrop{background:var(--bg)}html[data-ui=tv] .modal-card{max-width:none;min-height:100%;border-radius:0;background:var(--bg);box-shadow:none;animation:fade .25s}html[data-ui=tv] .modal .close{display:none}html[data-ui=tv] .m-hero{aspect-ratio:auto;height:400px;background-position:center 20%}html[data-ui=tv] .m-hero-fade{background:linear-gradient(90deg,var(--bg) 0%,rgba(0,0,0,.85) 30%,transparent 70%),linear-gradient(0deg,var(--bg) 0%,transparent 45%)}html[data-ui=tv] .m-hero-info{left:48px;right:45%;bottom:22px}html[data-ui=tv] .m-logo{max-width:280px;max-height:90px;margin-bottom:12px}html[data-ui=tv] .m-hero-info h2{font-size:30px;margin-bottom:12px}html[data-ui=tv] .btn{font-size:14px;padding:8px 20px}html[data-ui=tv] .btn:focus{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus-ring);transform:scale(1.05)}html[data-ui=tv] .m-hint{font-size:12px}html[data-ui=tv] .m-body{padding:0 48px 40px;gap:32px;font-size:13px}html[data-ui=tv] .m-meta,html[data-ui=tv] .m-side{font-size:12px}html[data-ui=tv] h3{font-size:15px}html[data-ui=tv] .episodes{max-height:none}html[data-ui=tv] .episode{grid-template-columns:24px 140px 1fr;padding:10px;border:2px solid transparent;border-bottom-color:#222}html[data-ui=tv] .episode .thumb{width:140px}html[data-ui=tv] .episode .ep-overview{font-size:11px}html[data-ui=tv] .episode:focus{border-color:var(--focus-ring);background:var(--focus-bg)}html[data-ui=tv] .season-bar select{font-size:13px;padding:6px 12px;border-radius:999px;border:2px solid #444}html[data-ui=tv] .season-bar select:focus{border-color:var(--focus-ring)}html[data-ui=tv] .drawer{width:300px;background:var(--bg-2)}html[data-ui=tv] .drawer .close{display:none}html[data-ui=tv] .drawer-head h2{font-size:17px}html[data-ui=tv] .source-item{border-radius:12px;margin:3px 8px;padding:10px 12px;border:2px solid transparent}html[data-ui=tv] .source-item:focus-within{border-color:var(--focus-ring);background:var(--focus-bg)}html[data-ui=tv] .source-name{font-size:13px}html[data-ui=tv] .source-detail{color:#9a9aa6}
