
:root{color-scheme:dark;--bg:#05080e;--panel:#10121e;--text:#f1f5f9;--muted:#94a3b8;--line:#252837;--accent:#6366f1;--ease:cubic-bezier(.23,1,.32,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;font-size:12px}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled,select:disabled{opacity:.58;cursor:default}button{border:0}button:active:not(:disabled){transform:scale(.98)}:focus-visible{outline:2px solid #a5a6ff;outline-offset:3px}::selection{background:#6366f1;color:white}::-webkit-scrollbar{width:5px;height:4px}::-webkit-scrollbar-thumb{background:#303342;border-radius:6px}[hidden]{display:none!important}.skip{position:fixed;top:-70px;z-index:100;background:var(--accent);padding:15px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#global-backdrop{position:fixed;inset:0 0 0 64px;background-size:cover;background-position:center;z-index:-2;opacity:.6}#global-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05080ef2,transparent 80%),linear-gradient(0deg,#05080e 4%,#05080e8c 65%,#05080e40)}.sidebar{position:fixed;inset:0 auto 0 0;width:64px;background:#05080ef2;z-index:12;overflow:hidden;display:flex;flex-direction:column;align-items:center;transition:width 180ms var(--ease)}.sidebar:hover,.sidebar:focus-within{width:184px;align-items:stretch}.brand{position:absolute;top:22px;left:22px;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:18px;font-weight:900}.brand svg{width:22px;height:27px;fill:none;stroke:white;stroke-width:2.4}.brand span{display:none}.sidebar:hover .brand span,.sidebar:focus-within .brand span{display:block}nav{position:absolute;top:50%;transform:translateY(-50%);left:14px;right:14px;display:grid;gap:6px}.nav-link{height:38px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:8px 9px;color:#cbd5e1;white-space:nowrap;font-weight:600;font-size:12px}.nav-link svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-link span{display:none}.sidebar:hover .nav-link span,.sidebar:focus-within .nav-link span{display:block}.nav-link[aria-current=page]{background:linear-gradient(100deg,#292867,#18182f);border-color:#8b8de8;color:#fff}.nav-link:hover{background:#1b1c32}.local-mark{position:absolute;bottom:9px;left:14px;color:#64748b;font-size:9px;white-space:nowrap;opacity:0}.sidebar:hover .local-mark{opacity:1}main{margin-left:64px;padding:0 24px;min-height:100dvh;transition:margin-left 180ms var(--ease)}body:has(.sidebar:hover) main,body:has(.sidebar:focus-within) main{margin-left:184px}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:800}.top-actions{display:flex;gap:6px;margin-left:auto}.top-actions button,.top-actions a{display:grid;place-items:center;width:30px;height:30px;background:transparent;color:#e2e8f0;border-radius:8px;font-size:20px}.top-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.top-actions button:hover,.top-actions a:hover{background:#222335}.primary,.secondary{min-height:34px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:1px solid #38394c;background:#131524e0;color:#e2e8f0}.primary{background:#6366f1;color:#fff;border-color:#7c7ef4}.primary:hover{background:#7477f7}.secondary:hover{background:#282a41}.hero{min-height:330px;display:flex;align-items:center;position:relative}.hero-content{width:min(650px,70%)}.hero h1{font-size:40px;line-height:1.12;font-weight:900;margin:8px 0 16px;letter-spacing:-.02em}.hero-description{font-size:12px;line-height:1.5;max-width:650px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-kicker{color:#e2e8f0;font-size:10px;font-weight:800;letter-spacing:.12em}.hero .metadata{margin:16px 0}.metadata{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:11px;flex-wrap:wrap}.metadata>span:first-child{color:#ffd45d}.badge{border:1px solid #424559;border-radius:4px;background:#151727cc;padding:3px 7px;font-size:10px;color:#e2e8f0}.hero .actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.small-hero{min-height:125px;align-items:start;padding-top:13px}.small-hero .hero-content{width:52%;max-width:930px}.small-hero h1{font-size:24px;line-height:1.12;margin:0 0 10px}.small-hero .hero-description{font-size:12px;line-height:1.5;margin:0 0 14px;max-width:850px}.small-hero .metadata{margin:0}.section{margin:26px 0 32px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section h2,.synopsis h2{font-size:14.5px;line-height:20px;margin:0 0 16px;font-weight:700;color:#fff}.section-head h2{margin:0}.section-link{display:flex;align-items:center;gap:10px;background:none;padding:0;color:#fff}.section-link span{color:#a4a7c0;font-size:11px}.cards.rail{display:flex;gap:12px;overflow-x:auto;padding:3px 4px 10px;scrollbar-width:none;scroll-snap-type:x proximity}.cards.rail::-webkit-scrollbar{display:none}.media-card{position:relative;width:114px;flex:0 0 114px;min-width:0;scroll-snap-align:start}.artwork{display:block;position:relative;padding:0;border:1px solid #25293b;border-radius:10px;background:#10111f;aspect-ratio:114/160;overflow:hidden;width:100%;text-align:left}.artwork img{width:100%;height:100%;object-fit:cover;display:block}.artwork:focus-visible{outline:2px solid #a5a6ff;outline-offset:3px}.artwork:hover{border-color:#9895ff;transform:scale(1.025);transition:transform 150ms var(--ease)}.rating{position:absolute;top:7px;right:5px;font-size:10px;font-weight:800;padding:2px 4px;background:#080a15df;border-radius:4px;color:#ffe17d}.poster-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:12px;text-align:center;font-size:14px;font-weight:800;background:linear-gradient(160deg,#28223c,#0c1322)}.media-card h3{font-size:11px;font-weight:600;margin:7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card p{font-size:10px;color:#94a3b8;margin:0;line-height:1.4}.ranked{width:158px;flex-basis:158px;padding-left:46px;margin-right:0}.ranked .rank{position:absolute;left:0;bottom:16px;font-size:132px;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:3px #b0b3bc;letter-spacing:-.06em;z-index:-1}.ranked .artwork{height:162px;aspect-ratio:auto}.inside-title{position:absolute;inset:auto 0 0;padding:24px 7px 6px;background:linear-gradient(transparent,#03060be8);font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.ranked .rating{top:5px}.wide{width:178px;flex-basis:178px}.wide .artwork{aspect-ratio:16/9}.progress{height:3px;background:#303245;overflow:hidden;border-radius:4px;margin-top:5px}.progress span{display:block;height:100%;width:var(--value);background:var(--accent)}.more-card{width:114px;flex:0 0 114px;height:160px;border:1px dashed #43465f;border-radius:10px;background:#111425bb;color:#cbd5e1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.more-card strong{font-size:38px}.more-card span{font-size:10px;color:#94a3b8}.hero-dots{display:flex;justify-content:center;gap:6px;padding:6px}.hero-dots button{width:7px;height:7px;border-radius:50%;padding:0;background:#677083}.hero-dots button.selected{background:#a5a6ff;width:20px;border-radius:4px}.cards.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:22px 16px;padding:8px 0}.grid .media-card{width:auto}.grid .artwork{height:auto;aspect-ratio:2/3}.empty{padding:55px 20px;text-align:center}.empty h2{font-size:20px;margin:10px}.empty p{font-size:12px;color:#94a3b8;line-height:1.7;max-width:60ch;margin:16px auto 24px}.page-title{font-size:20px}.lead{font-size:12px;line-height:1.7;color:#94a3b8}.search-box{margin:15px 0 20px}.search-box input{height:50px;font-size:17px}input,select{background:#0c101c;color:#e2e8f0;border:1px solid #303449;border-radius:7px;padding:10px 12px}input::placeholder{color:#8d99af}input[type=search],input[type=url]{width:100%}.filters{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.filter{background:#0d101c;border:1px solid #2c3043;border-radius:7px;color:#b5bed0;padding:8px 14px}.filter[aria-pressed=true]{background:#6366f1;color:white;border-color:#8587ff}.category-header{display:flex;align-items:center;gap:16px;margin:10px 0 22px}.category-header h1{font-size:18px;flex:1}.category-header h1 span{font-size:12px;font-weight:400;color:#94a3b8}.category-header input{max-width:250px}.detail-header{height:56px;display:flex;gap:12px;align-items:center;padding:0 20px;font-size:12px}.detail-header .secondary{width:32px;height:32px;padding:0}.detail-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-logo{max-width:350px;max-height:100px;object-fit:contain;object-position:left;margin-bottom:8px}.tagline{font-size:11px;font-style:italic;margin:0 0 10px}.synopsis{padding:0 28px}.synopsis p{font-size:12px;line-height:1.6;color:#b1bdcd}.technical{background:#0b0e17;border:1px solid #1e2331;border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;line-height:1.5}.technical small{font-size:10px;color:#7e899b}.technical p{font-size:12px;margin:4px 0 16px}.detail-header~.hero{padding:0 28px;min-height:220px}.detail-header~.hero .hero-content{max-width:550px}.detail-header~.hero h1{font-size:32px}.detail-header~.section{margin:30px 28px}.episodes label{display:flex;align-items:center;gap:12px;margin-bottom:20px}.episode{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #232638}.episode>span{font-size:24px;color:#9499b8}.episode>div{flex:1}.episode h3{font-size:13px;margin:0 0 7px}.episode p{color:#94a3b8;font-size:11px}.settings{max-width:900px}.settings>h2{font-size:12px;color:#a6afd0;margin:30px 0 12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #25293a;font-size:13px}.setting p{font-size:11px;color:#94a3b8;line-height:1.6}.setting input{accent-color:#6366f1;width:18px;height:18px}.epg-layout{display:grid;grid-template-columns:200px 1fr 38%;gap:18px;min-height:65vh}.epg-layout h2{font-size:12px;color:#a1adc3}.epg-groups{background:#0d101b;padding:10px;border-radius:10px}.epg-groups button{display:flex;width:100%;justify-content:space-between;background:none;border-radius:7px;padding:12px 9px;color:#bbc4d4;text-align:left;font-size:11px}.epg-groups button.selected,.channel-row.selected{background:#24234c}.epg-groups span{color:#9096bc}.channel-row{display:flex;flex-direction:column;gap:7px;padding:15px 12px;width:100%;background:transparent;text-align:left;border-bottom:1px solid #24293b}.channel-row small{color:#8d9cb1}.preview-slot{display:grid;place-items:center;aspect-ratio:16/9;background:#000;border:1px solid #23283c;border-radius:8px;width:100%;color:#cbd5e1}.epg-preview p{font-size:11px;color:#94a3b8;line-height:1.6}.epg-preview h3{margin-top:30px;font-size:10px;color:#8190a9}footer{color:#64748b;font-size:9px;display:flex;justify-content:space-between;padding:28px 0 12px}body[data-view=detail] main{margin:0;padding:0}body[data-view=detail] .sidebar,body[data-view=detail] .topbar{display:none}body[data-view=detail] #global-backdrop{left:0;height:300px;background-position:center 25%;opacity:.85}body[data-view=detail] #global-backdrop:after{background:linear-gradient(90deg,#05080e 2%,#05080eb3 35%,#05080e00),linear-gradient(0deg,#05080e,transparent 65%)}body[data-view=detail] footer{padding:28px}
#watch{position:fixed;inset:0;background:black;z-index:30;overflow:hidden}#video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:black}.player-overlay{position:absolute;z-index:2;transition:opacity 180ms var(--ease)}.watch-top{top:20px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center}.watch-top .secondary{height:34px;font-size:12px;font-weight:700}.watch-top time{background:#101321cc;border:1px solid #252937;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.watch-bottom{bottom:24px;left:32px;right:32px}.watch-bottom:before{content:'';position:absolute;inset:-50px -32px -24px;background:linear-gradient(transparent,#05060bde 50%,#05060bf5);z-index:-1;pointer-events:none}.playing-meta{display:flex;gap:14px;align-items:center;margin-bottom:12px}.playing-meta>img{width:47px;height:66px;object-fit:cover;border-radius:5px}.playing-meta h1{font-size:22px;font-weight:800;margin:7px 0 0;line-height:1.2}.playing-line{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600}.playing-line #watch-label{padding:4px 8px;border-radius:5px;background:#6366f1;color:white;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}#episode-label{font-size:11px;color:#b1b9ce;margin:5px 0 0}#episode-label:empty{display:none}#watch-time{font-variant-numeric:tabular-nums;color:#b8c3d1}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tools button,.tools select,.tools label{height:27px;min-height:27px;background:#0d0f1ca6;border:1px solid #ffffff38;color:#e2e8f0;border-radius:7px;font-size:11px;font-weight:700;padding:5px 10px}.tools .primary{background:#6366f1;color:white;border-color:#9b9bff}.tools select{max-width:170px}.tools label{display:flex;align-items:center;gap:3px;padding:2px 6px}.tools label select{background:transparent;border:0;outline-offset:5px;height:23px;min-height:23px;padding:2px;max-width:140px}.timeline{display:flex;align-items:center;gap:14px;margin-top:15px}#playback-progress{appearance:none;-webkit-appearance:none;height:8px;border:0;padding:0;margin:0;flex:1;border-radius:5px;background:linear-gradient(90deg,#8685ff var(--progress,0%),#41424d var(--progress,0%));cursor:pointer;min-width:0}#playback-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0}#playback-progress:hover::-webkit-slider-thumb,#playback-progress:focus-visible::-webkit-slider-thumb{opacity:1}#playback-progress::-moz-range-thumb{width:12px;height:12px;background:white;border:0;border-radius:50%}#remaining-time{color:#94a3b8;font-size:10px;white-space:nowrap}#watch.controls-hidden .player-overlay{opacity:0;pointer-events:none}#watch.controls-hidden:has(:focus-visible) .player-overlay{opacity:1;pointer-events:auto}#playback-message{position:absolute;left:15%;right:15%;top:40%;padding:22px;text-align:center;border-radius:10px;background:#121624ed;z-index:4;line-height:1.7}#playback-message:empty{display:none}
dialog{width:min(560px,calc(100% - 30px));border:1px solid #36394d;background:#10131f;color:#e2e8f0;border-radius:13px;padding:26px}dialog::backdrop{background:#000b}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:20px;margin:0}dialog p,dialog small{font-size:12px;color:#a7b4c8;line-height:1.7}dialog label{display:grid;gap:9px;font-size:12px}dialog .primary{margin:15px 0}.icon-button{background:none;font-size:27px;color:#a7b4c8}.file-options{display:flex;gap:10px;margin:15px 0}.file-label{cursor:pointer}.file-label input{display:block!important;position:absolute;width:1px;height:1px;opacity:0}.file-label:focus-within{outline:2px solid #a5a6ff}#source-error{color:#ffb4aa}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:90;border:1px solid #7772c5;border-radius:8px;padding:12px 20px;background:#24233c;color:#e8e9ff;max-width:90vw;font-size:12px}#notice:empty{display:none}.muted{color:#94a3b8}
@media(min-width:1400px){.cards.rail{gap:12px}.ranked{width:158px;flex-basis:158px}.small-hero .hero-content{max-width:1000px}.hero-description{max-width:930px}.hero{min-height:360px}}
@media(max-width:700px){main{padding:0 18px}.small-hero .hero-content,.hero-content{width:100%}.hero h1{font-size:30px}.small-hero h1{font-size:24px}.sidebar:hover,.sidebar:focus-within{width:164px}body:has(.sidebar:hover) main,body:has(.sidebar:focus-within) main{margin-left:164px}.topbar{height:66px}.hero{min-height:290px}.small-hero{min-height:140px}.epg-layout{grid-template-columns:130px 1fr}.epg-preview{grid-column:1/-1}.category-header{flex-wrap:wrap}.category-header input{max-width:none}.technical{grid-template-columns:1fr}.watch-top{left:18px;right:18px}.watch-bottom{left:18px;right:18px;bottom:20px}.playing-meta h1{font-size:18px}.playing-meta>img{width:40px;height:56px}.tools{gap:6px}.tools button,.tools select,.tools label{font-size:10px;padding:5px 7px}.playing-meta{gap:10px}.playing-line{font-size:10px}.tools label select{max-width:105px}.timeline{gap:8px}.title-logo{max-width:280px}.detail-header~.hero{padding:0 20px}.synopsis{padding:0 20px}.detail-header~.section{margin:26px 20px}.section{margin:24px 0 30px}}
@media(prefers-reduced-motion:reduce){*,*:after,*:before{transition:none!important;scroll-behavior:auto!important}}

.sidebar .reload-list{width:100%;background:transparent;text-align:left;margin-top:10px;color:#cbd5e1}.sidebar .reload-list:hover:not(:disabled){background:#1b1c32}.reload-list[aria-busy="true"] svg{animation:catalogue-spin 900ms linear infinite}@keyframes catalogue-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reload-list[aria-busy="true"] svg{animation:none}}
