:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef1f7;background:#0a0d15;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.hidden{display:none!important}.muted{color:#9299aa}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#8e96ae;margin:0 0 8px}.error{color:#ff9b9b;min-height:1.5em}.primary{border:0;background:#7771f5;color:#fff;border-radius:12px;padding:12px 20px;font-weight:700;transition:background .2s}.primary:hover{background:#918cff}.full{width:100%;margin-top:18px}.danger{border:1px solid #ad424b;background:transparent;color:#ff9aa1;border-radius:10px;padding:11px 16px;margin-top:18px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#25255c 0,#0a0d15 52%);padding:20px}.auth-card{width:min(100%,420px);padding:38px;background:#151a29;border:1px solid #2d3348;border-radius:24px;box-shadow:0 30px 90px #0007}.auth-card h1{font-size:36px;margin:8px 0}.auth-card .muted{margin-bottom:34px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#a46df5,#6254e9);color:white;font-size:23px;box-shadow:0 8px 22px #6a5be666}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:16px}.auth-card label,.settings-card label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}.auth-card input,.settings-card input,.top-actions input{width:100%;background:#0e1220;color:#eef1f7;border:1px solid #30364b;border-radius:11px;padding:12px 13px;outline:none}.auth-card input:focus,.settings-card input:focus,.top-actions input:focus{border-color:#8982ff}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;flex:none;background:#111521;border-right:1px solid #242939;display:flex;flex-direction:column;padding:28px 14px}.logo{display:flex;align-items:center;gap:11px;padding:0 9px 45px;font-size:19px;letter-spacing:-.04em}.logo strong{color:#9c95ff}.nav-label{padding:0 16px;color:#646e86;font-size:10px;letter-spacing:.19em;font-weight:800}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;color:#929aaf;text-align:left;padding:12px 16px;border-radius:10px;font-weight:600}.nav-item span{font-size:20px;width:22px;text-align:center}.nav-item:hover{color:#fff;background:#202638}.nav-item.active{color:#b5b0ff;background:#282640}.sidebar-bottom{margin-top:auto;border-top:1px solid #282d3c;padding-top:12px}.main{min-width:0;flex:1;padding:30px clamp(20px,4vw,60px) 60px;max-width:1800px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.topbar h1{margin:0;font-size:30px;letter-spacing:-.04em}.top-actions{display:flex;align-items:center;gap:16px}.top-actions input{width:min(32vw,310px);padding-left:16px;background:#171c2b}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#444174;color:#e2dfff;font-size:11px;font-weight:900}.featured{min-height:215px;border-radius:20px;background:linear-gradient(110deg,#29265d 0%,#1b2049 58%,#121d3c 100%);display:flex;overflow:hidden;position:relative;margin-bottom:34px}.featured-text{padding:30px 36px;position:relative;z-index:1;max-width:570px}.featured h2{font-size:29px;line-height:1.16;letter-spacing:-.04em;margin:14px 0 10px}.featured p{color:#b9bdd7;margin:0}.pill{font-size:10px;letter-spacing:.12em;font-weight:800;padding:6px 10px;background:#665ddd;border-radius:6px}.featured-art{margin-left:auto;width:36%;display:grid;place-items:center;background:radial-gradient(circle,#8d79fa55,transparent 65%)}.featured-art span{font-size:108px;color:#a699ff;text-shadow:0 0 55px #9685ff}.content-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.content-heading h2{font-size:22px;margin:0;letter-spacing:-.03em}.categories{display:flex;gap:9px;overflow:auto;padding-bottom:14px;margin-bottom:8px}.category{white-space:nowrap;border:1px solid #33394b;color:#aeb5c4;background:#181d2b;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:700}.category.active,.category:hover{background:#716beb;border-color:#716beb;color:white}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.card{min-width:0;background:#161b29;border:1px solid #262d40;border-radius:15px;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#6e69bd}.poster{height:170px;background:linear-gradient(140deg,#252c48,#101729);display:grid;place-items:center;position:relative;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster .fallback{font-size:34px;font-weight:900;color:#8183c6;max-width:80%;text-align:center}.card.live .poster{height:118px}.card.live .poster img{object-fit:contain;padding:20px}.card-content{padding:13px 13px 15px}.card-title{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.card-meta{color:#8992a8;font-size:11px}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.watch{border:0;background:#343051;color:#dcd8ff;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:800}.watch:hover{background:#756df1;color:white}.favorite{border:0;background:none;color:#8d95ad;font-size:22px;line-height:1}.favorite.active{color:#eb799e}.banner{background:#463b28;color:#ffdfa2;border:1px solid #6d582e;border-radius:12px;padding:13px 16px;margin-bottom:18px}.empty{padding:50px 15px;text-align:center;color:#8992a8;border:1px dashed #363d50;border-radius:15px}.settings-view{max-width:680px}.settings-card{border:1px solid #292f42;background:#151a28;border-radius:18px;padding:28px}.settings-card h2{margin:0 0 12px}.settings-card form{display:grid}.settings-card .primary{justify-self:start;margin-top:22px}.settings-card p{line-height:1.5}.modal{position:fixed;inset:0;background:#03050bd9;z-index:10;display:grid;place-items:center;padding:20px}.modal-panel{width:min(100%,1050px);max-height:95vh;overflow:auto;background:#151925;border:1px solid #373b4f;border-radius:19px;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.modal-header h2{margin:0;font-size:21px}.icon-button{border:0;background:#303547;color:white;border-radius:9px;font-size:27px;width:36px;height:36px;line-height:1}.video-wrap{background:#000;aspect-ratio:16/9;display:grid;place-items:center;border-radius:11px;overflow:hidden}.video-wrap{position:relative}.video-wrap video{width:100%;height:100%}.video-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.video-loading span{width:48px;height:48px;border-radius:50%;border:4px solid #ffffff33;border-top-color:#9c95ff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.episodes{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.episodes button{background:#272d42;color:#ddd;border:1px solid #3a435c;border-radius:8px;padding:8px 12px}.episodes button:hover{background:#695fca}
@media(max-width:800px){.sidebar{width:65px;padding:18px 7px}.logo{padding:0 8px 28px}.logo>span:last-child,.nav-label,.nav-item{font-size:0}.nav-item{justify-content:center;padding:11px 5px}.nav-item span{font-size:22px}.main{padding:20px}.featured-art{display:none}.featured-text{padding:25px}.featured h2{font-size:24px}.topbar{align-items:start}.top-actions input{width:170px}.cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:11px}}
@media(max-width:500px){.topbar{display:block}.top-actions{margin-top:16px}.top-actions input{width:100%}.avatar{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{min-height:190px}.featured-text{padding:22px}.featured h2{font-size:21px}}
.install-card{margin-top:18px}.install-card .primary{margin:4px 0 8px}.install-card #install-help{font-size:13px;margin-bottom:0}
.http-consent{margin:12px 0 4px;padding:13px 15px;border:1px solid #806444;background:#33291e;border-radius:10px}.http-consent label{display:flex!important;align-items:center;gap:9px;margin:0!important;color:#ffe0af}.http-consent input{width:auto!important;accent-color:#7771f5}.http-consent p{font-size:12px;color:#e0c196;margin:8px 0 0 25px}
.load-more{display:block;margin:26px auto 0;padding:10px 18px;border:1px solid #5b568f;background:#252441;color:#dcd9ff;border-radius:9px;font-weight:700}.load-more:hover{background:#3b386a}
.card-progress{margin-top:9px;color:#b5b0ff;font-size:11px;font-weight:700}.resume-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#b5b0ff;font-size:13px}.resume-box button{border:1px solid #5b568f;background:#252441;color:#e3e0ff;border-radius:8px;padding:7px 10px;white-space:nowrap}
.modal-panel.series-mode{width:min(96vw,1450px);padding:24px}.series-mode .player-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);gap:24px;align-items:start}.series-mode .player-main{min-width:0}.series-browser{min-width:0;max-height:calc(95vh - 125px);overflow:auto;border:1px solid #30384e;border-radius:16px;background:#101523;padding:18px;scrollbar-color:#444c69 transparent}.series-browser-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.series-browser-header h3{font-size:20px;letter-spacing:-.03em;margin:0}.series-progress{color:#bbb7ff;font-size:12px;font-weight:800;white-space:nowrap}.season-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:6px}.season-tab{border:1px solid #343d56;border-radius:9px;background:#1d2537;color:#aeb8d0;padding:9px 12px;font-size:12px;font-weight:800;white-space:nowrap}.season-tab.active{background:#746de9;border-color:#746de9;color:white}.episode-grid{display:grid;gap:9px}.episode-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #2d354a;border-radius:12px;background:#1a2131}.episode-card.playing{border-color:#8c82ff;background:#222641}.episode-card.watched{border-color:#3d604f}.episode-number{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#2c3550;color:#b6b8ff;font-size:13px;font-weight:900}.episode-card.watched .episode-number{background:#244534;color:#94e1b0}.episode-info{min-width:0;display:grid;gap:4px}.episode-info strong{font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-info span{color:#929fb9;font-size:11px}.episode-actions{grid-column:2;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.episode-actions button,.episode-version{border-radius:8px;border:1px solid #414a65;padding:6px 9px;color:#dbe0f5;font-size:11px;font-weight:800}.episode-version{background:#222a3e;max-width:110px}.episode-play{background:#625bdd;border-color:#625bdd!important;color:white!important}.episode-play:hover{background:#817bf4}.episode-mark{background:transparent}.episode-card.watched .episode-mark{color:#9de0b5;border-color:#4c765d}.episode-mark:hover{background:#303b50}@media(max-width:1050px){.series-mode .player-layout{grid-template-columns:1fr}.series-browser{max-height:45vh}.modal-panel.series-mode{width:min(96vw,900px)}}@media(max-width:600px){.modal{padding:8px}.modal-panel.series-mode{padding:14px}.series-browser{padding:12px;max-height:50vh}.episode-card{grid-template-columns:32px minmax(0,1fr);padding:10px}.episode-number{width:30px;height:30px}.episode-actions{grid-column:1/-1}}