:root{
  --pnd-bg:#070915;--pnd-panel:#111528;--pnd-panel-2:#181b31;--pnd-line:rgba(255,255,255,.10);
  --pnd-text:#f8fafc;--pnd-muted:#aeb6cb;--pnd-purple:#301568;--pnd-purple2:#6d37ee;--pnd-pink:#ec1b72;--pnd-blue:#2bd4ff;
  --pnd-radius:24px;--pnd-shadow:0 22px 70px rgba(0,0,0,.34);
}
html,body{min-height:100%;background:var(--pnd-bg)!important;color:var(--pnd-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.app-bg{background:radial-gradient(circle at 10% -10%,rgba(236,27,114,.24),transparent 35%),radial-gradient(circle at 92% 0%,rgba(109,55,238,.22),transparent 32%),linear-gradient(180deg,#080916 0%,#0a0d1c 52%,#090a12 100%)!important}.app-shell{min-height:100vh;padding-bottom:88px}.app-topbar{position:sticky;top:0;z-index:50;background:rgba(12,10,30,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--pnd-line);box-shadow:0 12px 40px rgba(0,0,0,.20)}.app-topbar .container-fluid{max-width:1240px}.brand-badge{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-purple2));box-shadow:0 12px 30px rgba(236,27,114,.30)}.brand-wordmark{font-weight:950;letter-spacing:-.04em;font-size:18px}.brand-wordmark-sub{color:#fff}.text-muted,#topSub{color:var(--pnd-muted)!important}.app-main{max-width:1240px;margin:0 auto;padding:18px 16px}.app-bottomnav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(720px,calc(100vw - 20px));height:68px;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.55)!important;border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.28);display:grid;grid-template-columns:repeat(5,1fr);padding:8px;gap:6px}.navbtn{border:0;background:transparent;color:#6b7280;border-radius:18px;font-size:11px;font-weight:850;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.18s ease}.navbtn i{font-size:18px}.navbtn.active{color:#fff;background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-purple2));box-shadow:0 12px 24px rgba(236,27,114,.28)}.pnd-page-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:4px 0 18px}.pnd-kicker{font-size:12px;color:var(--pnd-blue);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.pnd-title{font-size:clamp(28px,4vw,52px);font-weight:950;line-height:.95;letter-spacing:-.06em;margin:0;color:#fff}.pnd-sub{color:var(--pnd-muted);margin:8px 0 0;max-width:720px}.pnd-hero{position:relative;min-height:360px;border-radius:32px;overflow:hidden;background:#15172b;box-shadow:var(--pnd-shadow);border:1px solid var(--pnd-line);margin-bottom:24px}.pnd-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.52;filter:saturate(1.08)}.pnd-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,21,.96) 0%,rgba(7,9,21,.72) 45%,rgba(7,9,21,.12) 100%),linear-gradient(0deg,rgba(7,9,21,.95) 0%,transparent 50%)}.pnd-hero-content{position:relative;z-index:2;padding:34px;width:min(680px,100%)}.pnd-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid var(--pnd-line);color:#eaf2ff;font-weight:850;font-size:12px}.pnd-hero h1{font-size:clamp(30px,5vw,58px);line-height:.96;letter-spacing:-.06em;font-weight:1000;margin:14px 0 12px}.pnd-hero p{color:#dbe4f3;font-size:15px;line-height:1.55;max-width:580px}.pnd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pnd-btn{border:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;font-weight:950;color:#fff;background:rgba(255,255,255,.10);border:1px solid var(--pnd-line);transition:.15s ease}.pnd-btn:hover{transform:translateY(-1px);color:#fff}.pnd-btn-primary{background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-purple2));box-shadow:0 14px 34px rgba(236,27,114,.30);border-color:transparent}.pnd-btn-ghost{background:rgba(255,255,255,.08)}.pnd-section{margin:26px 0}.pnd-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pnd-section h2{font-size:20px;font-weight:950;letter-spacing:-.04em;margin:0}.pnd-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:154px;gap:13px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:6px}.pnd-scroll::-webkit-scrollbar{display:none}.pnd-poster{cursor:pointer;position:relative;min-height:236px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#1a2038,#101324);border:1px solid var(--pnd-line);box-shadow:0 12px 28px rgba(0,0,0,.24);transition:.16s ease}.pnd-poster:hover{transform:translateY(-3px)}.pnd-poster-img{height:202px;background:#131728 center/cover no-repeat}.pnd-poster-body{padding:10px}.pnd-poster-title{font-size:13px;font-weight:900;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pnd-meta{font-size:11px;color:var(--pnd-muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pnd-live-grid,.pnd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.pnd-live-card{cursor:pointer;min-height:128px;border-radius:24px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid var(--pnd-line);box-shadow:0 14px 34px rgba(0,0,0,.20);display:flex;flex-direction:column;gap:10px}.pnd-live-logo{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.08) center/contain no-repeat;border:1px solid var(--pnd-line)}.pnd-live-name{font-weight:950;font-size:14px;line-height:1.16}.pnd-online{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:950;background:rgba(19,220,127,.14);color:#68f0ac}.pnd-filters{display:flex;gap:10px;overflow:auto;padding-bottom:8px;margin:4px 0 16px;scrollbar-width:none}.pnd-filters::-webkit-scrollbar{display:none}.pnd-chip{white-space:nowrap;border:1px solid var(--pnd-line);background:rgba(255,255,255,.08);color:#e8eefc;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}.pnd-chip.active{background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-purple2));border-color:transparent}.pnd-search{display:flex;gap:8px;margin:0 0 16px}.pnd-search input{flex:1;border:1px solid var(--pnd-line);background:rgba(255,255,255,.08);color:#fff;border-radius:18px;padding:12px 14px;outline:0}.pnd-search input::placeholder{color:#8e96ab}.pnd-detail{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.pnd-detail-poster{border-radius:28px;overflow:hidden;min-height:360px;background:#15172b center/cover no-repeat;box-shadow:var(--pnd-shadow);border:1px solid var(--pnd-line)}.pnd-detail-panel{border-radius:30px;background:rgba(255,255,255,.08);border:1px solid var(--pnd-line);padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.24)}.pnd-detail-panel h1{font-size:clamp(28px,4.2vw,52px);letter-spacing:-.06em;line-height:.98;font-weight:1000;margin:0 0 10px}.pnd-episodes{display:grid;gap:10px;margin-top:18px}.pnd-episode{width:100%;text-align:left;border:1px solid var(--pnd-line);background:rgba(255,255,255,.08);border-radius:18px;padding:12px 14px;color:#fff;display:flex;justify-content:space-between;gap:12px}.pnd-empty,.pnd-error{border-radius:24px;padding:18px;background:rgba(255,255,255,.08);border:1px solid var(--pnd-line);color:#dce6f6}.pnd-error{background:rgba(236,27,114,.12);color:#ffd8e8}.pnd-loader{padding:40px;text-align:center;color:#cbd5e1}.pnd-spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:var(--pnd-pink);margin:0 auto 12px;animation:pndspin .8s linear infinite}@keyframes pndspin{to{transform:rotate(360deg)}}@media(max-width:720px){.app-shell{padding-bottom:86px}.app-topbar .container-fluid{padding-left:10px!important;padding-right:10px!important}.app-main{padding:12px 10px}.pnd-page-head{align-items:flex-start;flex-direction:column}.pnd-hero{margin-left:-10px;margin-right:-10px;border-radius:0;min-height:420px;border-left:0;border-right:0}.pnd-hero-content{padding:24px 16px}.pnd-scroll{grid-auto-columns:132px;gap:10px}.pnd-poster{min-height:214px;border-radius:18px}.pnd-poster-img{height:176px}.pnd-live-grid,.pnd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pnd-detail{display:block}.pnd-detail-poster{display:none}.pnd-detail-panel{margin-left:-10px;margin-right:-10px;border-radius:0;border-left:0;border-right:0}.app-bottomnav{bottom:8px;width:calc(100vw - 12px);height:66px;border-radius:22px}.navbtn span{font-size:10px}.brand-wordmark{font-size:16px}}