:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e16;--surface:#131a26;--surface-raised:#1c2534;--surface-hover:#24304400;--border:#2a3344;--border-strong:#3a465c;--text:#f4f7fc;--text-dim:#9aa7c2;--text-faint:#6b7896;--accent:#4f8dff;--accent-strong:#7aabff;--accent-contrast:#04101f;--live:#ff4b5c;--success:#33d19a;--warn:#ffb545;--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", system-ui, Arial, sans-serif;--touch-target:64px;--nav-width:104px;--shadow-raised:0 12px 28px #00000073}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:18px;line-height:1.4}button,input{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}h1,h2,h3,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{height:100%;display:flex}.nav-rail{width:var(--nav-width);background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4) 0;align-items:center;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.nav-rail__brand{letter-spacing:.02em;color:var(--accent-strong);margin-bottom:var(--space-4);text-align:center;font-size:15px;font-weight:800}.nav-rail__link{width:84px;min-height:var(--touch-target);border-radius:var(--radius-md);color:var(--text-dim);padding:var(--space-2) 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.nav-rail__link svg{width:26px;height:26px}.nav-rail__link.active{background:var(--surface-raised);color:var(--accent-strong)}.nav-rail__spacer{flex:1}.app-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow-y:auto}.page{padding:var(--space-5) var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;min-height:0;display:flex}.page__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page__title{font-size:28px;font-weight:800}.browse-layout{gap:var(--space-5);flex:1;min-height:0;display:flex}.browse-layout__categories{gap:var(--space-2);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow-y:auto}.browse-layout__content{min-width:0;padding-bottom:var(--space-6);flex:1;overflow-y:auto}@media (width<=900px){.nav-rail{width:84px}.browse-layout{flex-direction:column}.browse-layout__categories{width:100%;padding-bottom:var(--space-2);flex-direction:row;overflow-x:auto}}.btn{min-height:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);font-size:17px;font-weight:700;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.btn--ghost{background:0 0}.btn--danger{color:var(--live)}.btn:disabled{opacity:.5;pointer-events:none}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{color:var(--text-dim);font-size:14px;font-weight:600}.field input{min-height:var(--touch-target);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);padding:0 var(--space-4);font-size:18px}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.search-box{align-items:center;gap:var(--space-2);min-height:var(--touch-target);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);padding:0 var(--space-4);min-width:260px;display:flex}.search-box input{background:0 0;border:none;flex:1;min-width:0;font-size:17px}.search-box input:focus{outline:none}.search-box svg{width:20px;height:20px;color:var(--text-faint);flex-shrink:0}.category-chip{min-height:var(--touch-target);border-radius:var(--radius-md);padding:0 var(--space-4);color:var(--text-dim);background:var(--surface);border:1px solid var(--border);text-align:left;white-space:nowrap;align-items:center;font-size:16px;font-weight:600;display:flex}.category-chip.active{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);text-align:left;min-height:var(--touch-target);flex-direction:column;transition:transform .1s,border-color .15s;display:flex;position:relative;overflow:hidden}.tile:active{transform:scale(.98)}.tile:focus-visible{outline:2px solid var(--accent)}.tile__media{aspect-ratio:16/9;background:var(--surface-raised);justify-content:center;align-items:center;display:flex;overflow:hidden}.tile__media img{object-fit:cover;width:100%;height:100%}.tile__media svg{width:40px;height:40px;color:var(--text-faint)}.tile__body{padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;display:flex}.tile__title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.tile__subtitle{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tile__badge{top:var(--space-2);left:var(--space-2);background:var(--live);color:#fff;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute}.tile__fav{top:var(--space-2);right:var(--space-2);background:#0a0e16a6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.tile__fav svg{width:20px;height:20px;color:var(--text-dim)}.tile__fav.active svg{color:var(--live)}.tile__progress{background:var(--border);height:4px}.tile__progress-fill{background:var(--accent);height:100%}.state-panel{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;color:var(--text-dim);padding:var(--space-6);flex-direction:column;flex:1;display:flex}.state-panel svg{width:48px;height:48px;color:var(--text-faint)}.state-panel__title{color:var(--text);font-size:20px;font-weight:700}.section{gap:var(--space-3);flex-direction:column;display:flex}.section__title{font-size:20px;font-weight:800}.row-scroll{gap:var(--space-4);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.row-scroll .tile{flex-shrink:0;width:260px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100%;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-6);gap:var(--space-5);box-shadow:var(--shadow-raised);flex-direction:column;display:flex}.login-card__brand{text-align:center;flex-direction:column;gap:4px;display:flex}.login-card__brand h1{color:var(--accent-strong);font-size:30px;font-weight:900}.login-card__brand p{color:var(--text-dim);font-size:15px}.login-card form{gap:var(--space-4);flex-direction:column;display:flex}.login-card__error{color:#ffb3ba;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:#ff4b5c1f;border:1px solid #ff4b5c59;font-size:14px}.login-card__retry{color:var(--text-dim);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:#ffffff0f;border:1px solid #ffffff26;font-size:14px}.account-status{gap:var(--space-4);color:var(--text-dim);padding:var(--space-2) 0;font-size:14px;display:flex}.page-loading{padding:var(--space-6);text-align:center;color:var(--text-dim);font-size:16px}.saved-profiles{gap:var(--space-2);flex-direction:column;display:flex}.saved-profiles__item{align-items:center;gap:var(--space-3);min-height:var(--touch-target);border-radius:var(--radius-md);border:1px solid var(--border);padding:0 var(--space-4);background:var(--surface-raised);display:flex}.saved-profiles__item button.saved-profiles__main{min-width:0;min-height:var(--touch-target);text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex}.saved-profiles__name{font-size:16px;font-weight:700}.saved-profiles__meta{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:13px;overflow:hidden}.divider-line{align-items:center;gap:var(--space-3);color:var(--text-faint);font-size:13px;display:flex}.divider-line:before,.divider-line:after{content:"";background:var(--border);flex:1;height:1px}.watch-page{background:#000;flex-direction:column;height:100%;display:flex}.watch-page__top{padding:var(--space-4);z-index:2;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.watch-page__video-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.watch-page video{object-fit:contain;background:#000;width:100%;height:100%}.watch-page__title{color:#fff;text-shadow:0 2px 6px #0009;font-size:18px;font-weight:700}.series-hero{gap:var(--space-6);flex-wrap:wrap;align-items:flex-start;display:flex}.series-hero__poster{aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--surface-raised);flex-shrink:0;width:220px;overflow:hidden}.series-hero__poster img{object-fit:cover;width:100%;height:100%}.series-hero__info{gap:var(--space-3);flex-direction:column;flex:1;min-width:260px;display:flex}.series-hero__plot{color:var(--text-dim);max-width:640px}.season-tabs{gap:var(--space-2);display:flex;overflow-x:auto}.episode-row{align-items:center;gap:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);min-height:88px;padding:var(--space-3) var(--space-4);display:flex}.episode-row__num{width:40px;color:var(--text-dim);text-align:center;flex-shrink:0;font-size:20px;font-weight:800}.episode-row__body{flex:1;min-width:0}.episode-row__title{font-weight:700}.episode-row__plot{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.epg-list{gap:var(--space-2);flex-direction:column;display:flex}.epg-row{gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex}.epg-row.now .epg-row__time{color:var(--accent-strong)}.epg-row__time{width:96px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}.epg-row__title{font-size:15px;font-weight:600}