:root{--bg:#09070e;--panel:#12101a;--panel2:#181321;--violet:#a855f7;--violet2:#7c3aed;--blue:#38bdf8;--silver:#d8d6df;--muted:#918a9f;--focus:#e7d6ff;--danger:#ff9aab}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:white;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 5%,rgba(124,58,237,.16),transparent 34%),radial-gradient(circle at 18% 90%,rgba(56,189,248,.08),transparent 32%),linear-gradient(135deg,#08060c,#0c0912 55%,#09070e);pointer-events:none}
.hidden{display:none!important}.screen{position:relative;width:100vw;height:100vh}.space-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.32}.glow-a{width:34vw;height:34vw;left:-8vw;top:-10vw;background:#7c3aed}.glow-b{width:27vw;height:27vw;right:-5vw;bottom:-7vw;background:#2563eb}
.splash{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08060c;transition:opacity .45s ease}.splash.hide{opacity:0;pointer-events:none}.splash img{width:220px;height:220px;filter:drop-shadow(0 0 42px rgba(168,85,247,.4))}.splash-title{margin-top:18px;font-size:34px;letter-spacing:.22em;font-weight:700}.splash-sub{margin-top:12px;font-size:16px;letter-spacing:.32em;color:#aaa2b6}
.login-screen{display:flex;align-items:center;justify-content:center}.login-card{position:relative;width:min(960px,82vw);padding:54px 64px 44px;border:1px solid rgba(190,155,255,.18);border-radius:36px;background:linear-gradient(145deg,rgba(21,16,31,.95),rgba(10,8,15,.94));box-shadow:0 36px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04)}.brand-logo{position:absolute;right:52px;top:48px;width:150px;height:150px}.eyebrow{font-size:14px;letter-spacing:.22em;color:#aaa1b8;font-weight:700}.login-card h1{margin:18px 0 12px;font-size:56px;line-height:.98;letter-spacing:-.03em}.login-card h1 span,.hero-panel h3 span{background:linear-gradient(90deg,#e5d5ff,#a855f7,#72cfff);-webkit-background-clip:text;color:transparent}.login-copy{width:64%;font-size:19px;color:#aea7b9;line-height:1.5;margin:0 0 30px}.form-row{margin:16px 0}.form-row label{display:block;margin:0 0 8px;color:#b9b2c4;font-size:14px;letter-spacing:.08em}.form-row input{width:100%;height:58px;border:1px solid #30283e;background:#0d0a13;color:white;border-radius:14px;padding:0 18px;outline:0}.split{display:flex;margin-left:-8px;margin-right:-8px}.split>div{width:50%;padding:0 8px}.primary-btn,.ghost-btn{border:0;border-radius:14px;height:58px;padding:0 24px;color:white;font-weight:800;letter-spacing:.08em}.primary-btn{width:100%;margin-top:8px;background:linear-gradient(100deg,#6d28d9,#8b5cf6 55%,#3b82f6);box-shadow:0 12px 30px rgba(124,58,237,.25)}.ghost-btn{background:rgba(17,13,24,.82);border:1px solid rgba(255,255,255,.15)}.form-error{min-height:24px;margin-top:14px;color:var(--danger);text-align:center}.login-note{text-align:center;color:#746d7f;font-size:13px;margin-top:8px}
.app-shell{position:relative;display:flex;width:100vw;height:100vh}.rail{width:230px;height:100%;padding:30px 18px 24px;background:linear-gradient(180deg,rgba(17,13,24,.96),rgba(9,7,14,.98));border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.rail-brand{height:150px;display:flex;align-items:center;justify-content:center}.rail-brand img{width:112px;height:112px}.nav-btn{height:66px;margin:7px 0;border:1px solid transparent;border-radius:16px;background:transparent;color:#918a9f;text-align:left;padding:0 18px;display:flex;align-items:center}.nav-btn span{width:38px;font-size:22px}.nav-btn b{font-size:17px}.nav-btn.active{background:linear-gradient(90deg,rgba(124,58,237,.22),rgba(124,58,237,.05));color:white;border-color:rgba(168,85,247,.18)}.nav-bottom{margin-top:auto}.content{width:calc(100vw - 230px);height:100%;padding:36px 46px 44px;overflow:hidden}.topbar{height:104px;display:flex;justify-content:space-between;align-items:flex-start}.topbar h2{font-size:38px;margin:6px 0 0}.account-badge{padding:12px 18px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#afa8ba;background:rgba(255,255,255,.025);max-width:340px;overflow:hidden;text-overflow:ellipsis}.view{height:calc(100% - 104px);overflow:hidden}.hero-panel{height:270px;border-radius:28px;border:1px solid rgba(168,85,247,.18);background:radial-gradient(circle at 78% 30%,rgba(124,58,237,.22),transparent 30%),linear-gradient(120deg,#171020,#0e0a14 72%);padding:40px 46px;position:relative;overflow:hidden}.hero-copy h3{margin:12px 0 14px;font-size:42px;line-height:1.02;letter-spacing:-.025em}.hero-copy p{color:#aaa3b4;font-size:18px}.hero-mark{position:absolute;width:240px;height:240px;right:80px;top:15px;opacity:.72;filter:drop-shadow(0 0 34px rgba(168,85,247,.24))}.stats-row{display:flex;margin:18px -8px}.stat-card{width:33.333%;height:105px;margin:0 8px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#12101a;color:white;text-align:left;padding:18px 24px}.stat-card strong{display:block;font-size:34px}.stat-card span{color:#928b9d}.row-title{font-size:18px;margin:14px 0}
.card-grid,.poster-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:150px;grid-gap:16px;overflow:hidden}.compact-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:125px}.media-card{position:relative;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(150deg,#17121f,#0d0a12);overflow:hidden;color:white;text-align:left;padding:0}.media-card img{width:100%;height:82px;object-fit:contain;background:rgba(0,0,0,.2)}.media-card .card-title{display:block;padding:10px 12px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-grid{grid-template-columns:repeat(7,1fr);grid-auto-rows:250px}.poster-card img{height:198px;object-fit:cover}.category-row{height:68px;white-space:nowrap;overflow:hidden;margin-bottom:16px}.category-btn{height:48px;margin-right:10px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#12101a;color:#aaa2b5}.category-btn.active{color:white;background:rgba(124,58,237,.22);border-color:rgba(168,85,247,.34)}
[data-focus]:focus,.is-focused{outline:0!important;transform:scale(1.055);border-color:rgba(225,204,255,.9)!important;box-shadow:0 0 0 3px rgba(168,85,247,.24),0 16px 38px rgba(0,0,0,.35);color:white!important;z-index:3}
.loader{position:fixed;z-index:80;inset:0;background:rgba(6,4,10,.84);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;letter-spacing:.06em}.loader-ring{width:58px;height:58px;border-radius:50%;border:4px solid #2a2136;border-top-color:#a855f7;animation:spin .8s linear infinite;margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}
.player-overlay{position:fixed;z-index:70;inset:0;background:#000}.player{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.player-top{position:absolute;left:0;right:0;top:0;padding:30px 38px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(#000b,transparent)}.player-top h3{font-size:30px;margin:5px 0}.player-message{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);padding:12px 18px;border-radius:10px;background:#000a;color:#d3cbdc}
@media(max-width:1280px){.rail{width:190px}.content{width:calc(100vw - 190px);padding:26px 32px}.login-card{padding:38px 48px}.login-card h1{font-size:46px}.hero-panel{height:235px}.hero-copy h3{font-size:34px}.poster-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:220px}.poster-card img{height:170px}}

.episode-overlay{position:fixed;z-index:65;inset:0;background:rgba(5,3,9,.94);display:flex;align-items:center;justify-content:center;padding:54px}
.episode-panel{width:min(1500px,92vw);height:min(880px,88vh);border:1px solid rgba(168,85,247,.2);border-radius:30px;background:linear-gradient(145deg,#15101e,#0c0912);padding:34px 38px;box-shadow:0 34px 90px rgba(0,0,0,.55)}
.episode-head{height:90px;display:flex;align-items:flex-start;justify-content:space-between}.episode-head h3{margin:6px 0 0;font-size:34px}
.episode-grid{height:calc(100% - 90px);display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:92px;grid-gap:14px;overflow:hidden}
.episode-btn{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#12101a;color:white;text-align:left;padding:14px 16px;overflow:hidden}
.episode-btn span{display:block;color:#9e94aa;font-size:12px;letter-spacing:.1em;margin-bottom:7px}.episode-btn b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.image-fallback{height:82px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(168,85,247,.24),rgba(9,7,14,.9));font-size:28px;font-weight:800;color:#c9a4ff}
.poster-card .image-fallback{height:198px}

/* === PLATFORM STANDARD 2026-10-01: LIVE edge-to-edge + NOW/NEXT EPG === */
.live-guide{
  height:96px;
  margin:0 0 14px;
  padding:12px 16px;
  border:1px solid rgba(168,85,247,.22);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(19,14,28,.96),rgba(10,8,16,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  overflow:hidden;
}
.live-guide-head{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  margin-bottom:8px;
}
.live-guide-head strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
}
.live-guide-badge{
  flex:0 0 auto;
  color:#d3adff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
}
.live-guide-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  line-height:22px;
}
.live-guide-row span{
  flex:0 0 54px;
  color:#d7b2ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.live-guide-row b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:13px;
}
.live-guide-next b{color:#aaa2b5;font-weight:600}
.player-overlay.live-fullscreen .player{
  inset:-1px;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  object-fit:cover;
  background:#000;
}
@media(max-width:1280px){
  .live-guide{height:88px;padding:9px 13px;margin-bottom:10px}
  .live-guide-head{margin-bottom:5px}
  .live-guide-row{line-height:19px}
  .live-guide-row b{font-size:12px}
}