:root{color-scheme:dark;--bg:#0b121a;--card:#14212e;--card2:#1b2c3e;--line:#324153;--fg:#f2f6fb;--muted:#aebfd1;--brand:#46d7bd;--accent:#a9f4e7;--red:#f67f7f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;font-size:16px}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% 4%,#143344 0%,var(--bg) 43%);color:var(--fg);min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hidden{display:none!important}.app{max-width:960px;margin:0 auto;min-height:100dvh;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.topbar{height:calc(72px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 20px 12px;border-bottom:1px solid #233544}.branding{display:flex;align-items:center;gap:11px}.branding strong{display:block;font-size:17px;letter-spacing:.2px}.branding span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#44d7ba,#167d8c);color:#08252b;font-size:21px;font-weight:800}.subtle{border:1px solid var(--line);background:none;color:var(--muted);border-radius:10px;padding:7px 11px;font-size:13px}
.panel{background:var(--card);border:1px solid #294052;border-radius:18px}.auth{max-width:450px;margin:34px auto;padding:26px 23px 23px}.auth-icon{font-size:30px;color:var(--brand);margin-bottom:8px}h1{font-size:27px;margin:8px 0}p{line-height:1.5}.auth p,.welcome p{color:var(--muted);font-size:14px;margin:7px 0 22px}.auth form{display:flex;flex-direction:column;gap:15px}.auth label{color:#d4e1ec;display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.auth input{border:1px solid #44596c;color:var(--fg);background:#0b1825;border-radius:11px;height:49px;padding:0 13px;font-size:16px}.primary{background:var(--brand);border:0;border-radius:11px;color:#0b2832;font-weight:750;height:50px}.small{font-size:12px!important;line-height:1.55;color:#9badbf!important;margin:18px 0 0!important}
.library{padding:10px 16px}.welcome{padding:12px 4px 3px}.welcome h1{font-size:23px}.welcome p{margin-bottom:15px}.tabs{display:flex;gap:7px;padding:4px;border:1px solid #293d4b;border-radius:14px;background:#111e2a;margin-bottom:17px}.tab{background:transparent;color:var(--muted);border:0;border-radius:10px;flex:1;padding:13px 7px;font-weight:650;font-size:14px}.tab.active{background:#27505a;color:#eafff9}.filterrow{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;margin-bottom:9px}.filterrow input,.filterrow select{width:100%;min-width:0;background:#142331;border:1px solid #3c5061;color:var(--fg);border-radius:10px;height:45px;padding:0 11px;font-size:14px}.filterrow select{font-size:13px}.hint{color:var(--muted);font-size:13px;line-height:1.5;padding:8px 4px;min-height:29px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:9px}.catalogcard{background:#14212f;color:inherit;border:1px solid #2b3d4c;border-radius:13px;text-align:left;overflow:hidden;padding:0;min-width:0}.catalogcard:active{transform:scale(.99)}.poster{display:grid;place-items:center;aspect-ratio:2/3;background:linear-gradient(135deg,#203a4a,#132333);overflow:hidden;color:#79acb8;font-size:30px}.poster img{width:100%;height:100%;object-fit:contain}.liveposter{aspect-ratio:16/10}.titleline{padding:9px 9px 12px;min-height:52px;font-size:13px;font-weight:650;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loadmore{display:block;width:100%;height:48px;margin-top:18px;background:#203545;color:var(--fg);border:1px solid var(--line);border-radius:12px}
.watch{position:fixed;z-index:12;inset:0;background:#080d13;overflow-y:auto;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.watchhead{display:flex;align-items:center;gap:12px;min-height:calc(75px + env(safe-area-inset-top));padding:calc(env(safe-area-inset-top) + 10px) 12px 10px}.roundbtn{border:1px solid #3b5365;border-radius:50%;color:white;background:#1c3140;min-width:41px;height:41px;font-size:28px;line-height:1;display:grid;place-items:center}.watchtitle{flex:1;min-width:0}.watchtitle strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watchtitle span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.smallbtn{border:1px solid var(--brand);color:var(--accent);background:#102d32;border-radius:10px;padding:10px;font-size:13px;font-weight:650}.screen{background:black;width:100%;aspect-ratio:16/9;position:relative;max-height:55dvh}.screen video{display:block;background:#000;width:100%;height:100%;object-fit:contain}.video-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(2,8,12,.83);padding:24px;color:#fff;font-size:14px;line-height:1.5}.watchbody{padding:17px 17px 20px}.miniheading{font-weight:750;color:var(--brand);letter-spacing:.08em;font-size:11px;margin-bottom:8px}.epg{background:#142532;border:1px solid #375367;padding:15px;border-radius:14px}.epg strong{font-size:17px;line-height:1.4}.dim{color:var(--muted);font-size:13px;margin-top:6px}.progress{height:7px;background:#455460;border-radius:15px;margin:13px 0 10px;overflow:hidden}.progress span{display:block;height:100%;width:0%;background:var(--brand);border-radius:10px;transition:width .3s}.next{color:#bdcfdf;font-size:13px;line-height:1.5}.secondary{background:#203746;color:#e7f7f5;border:1px solid #486779;width:100%;padding:13px;border-radius:11px;margin-top:14px;font-weight:650}.vodinfo{margin-bottom:9px}.timeline{display:grid;grid-template-columns:43px 1fr 43px;align-items:center;gap:8px;color:#afc4d1;font-variant-numeric:tabular-nums;font-size:12px}.timeline input{accent-color:var(--brand);width:100%;min-width:0;height:32px}.playtools{display:flex;justify-content:center;align-items:center;gap:20px;margin:13px 0}.toolbtn{border:1px solid #435a6d;background:#1b3042;color:white;border-radius:12px;font-size:14px;padding:12px}.playpause{width:57px;height:57px;border-radius:50%;border:0;color:#063337;background:var(--brand);font-weight:750;font-size:19px}.drawer{position:fixed;z-index:20;inset:0;display:flex;align-items:flex-end}.drawerbackdrop{position:absolute;inset:0;background:rgba(0,0,0,.73)}.drawersheet{position:relative;width:100%;max-height:78dvh;display:flex;flex-direction:column;background:#172635;border-radius:23px 23px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}.drawerhead{display:flex;justify-content:space-between;align-items:center;margin:0 4px 10px}.drawerhead h2{font-size:19px;margin:0}.drawerbody{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:5px 0}.drawerbody h3{color:var(--brand);font-size:13px;margin:11px 4px 3px}.episode{background:#24394b;border:1px solid #395365;border-radius:11px;padding:13px;color:white;text-align:left;font-size:14px;line-height:1.45}.episode.current{border-color:var(--brand);color:#d2fff7}.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:18px;right:18px;z-index:50;padding:14px;border-radius:12px;text-align:center;background:#244e53;color:white;box-shadow:0 8px 28px #0009;font-size:13px;max-width:560px;margin:auto}
@media(min-width:600px){.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.library{padding:20px 30px}.watch{max-width:760px;left:50%;transform:translateX(-50%)}.auth{margin-top:54px}}
@media(max-width:360px){.filterrow{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs .tab{font-size:12px}}