:root{color-scheme:dark;--bg:#020c1a;--panel:#081f37;--panel2:#0d2b49;--line:#1b4565;--text:#f7fbff;--muted:#91abc4;--pink:#ff3f79;--cyan:#21d8ff;--green:#2fda79;--safe-bottom:max(14px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html{background:#020b17}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 0,#0c3f7d 0,transparent 31%),radial-gradient(circle at 92% 22%,#46133e 0,transparent 27%),linear-gradient(145deg,#020916,#06162a 55%,#020916);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}button{font:inherit;color:inherit}.app-shell{width:min(1180px,100%);min-height:100vh;margin:auto;background:rgba(3,16,30,.94);box-shadow:0 0 80px #0009;padding-bottom:94px}.topbar{height:78px;padding:14px clamp(16px,4vw,38px);display:flex;align-items:center;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:22px;font-weight:900;flex:1}.brand img{width:46px;height:46px;object-fit:contain}.brand em{font-style:normal;color:var(--pink)}.top-actions{display:flex;gap:8px}.round{width:43px;height:43px;border-radius:50%;border:1px solid #2c506d;background:#0a243d;font-size:21px}.install-banner{width:calc(100% - 32px);max-width:1116px;margin:14px 16px 0;border:1px solid #8b3155;border-radius:15px;background:linear-gradient(120deg,#8a2e50,#243b69);display:flex;align-items:center;gap:12px;padding:10px 13px;text-align:left}.install-banner[hidden]{display:none}.install-banner strong,.install-banner small{display:block}.install-banner small{color:#d8e3ef}.install-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff1b;font-size:23px}.install-banner>span:nth-child(2){flex:1}.close{font-size:23px}main{padding:18px clamp(16px,4vw,38px)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;background:#0b2948;border:1px solid #163d5e;border-radius:14px;margin-bottom:18px}.tabs button{border:0;background:transparent;padding:11px;border-radius:10px;font-weight:750}.tabs button.active{background:linear-gradient(135deg,#ff315f,#ef48ad);box-shadow:0 8px 22px #d92e7150}.player-card{position:relative;aspect-ratio:16/8.6;max-height:590px;border:1px solid #2a4f6e;border-radius:24px;overflow:hidden;background:#02060b;box-shadow:0 28px 60px #0007}.player-card video{width:100%;height:100%;object-fit:contain;background:#02060b}.video-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#0001 46%,#020817d9)}.live-chip{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;background:#149b50;font-size:12px;font-weight:900;text-transform:uppercase}.live-chip i{width:7px;height:7px;border-radius:50%;background:#bcffd6;box-shadow:0 0 9px #fff}.video-copy{position:absolute;left:22px;bottom:76px;display:flex;align-items:center;gap:12px}.video-copy img{width:48px;height:48px;object-fit:contain}.video-copy b,.video-copy small{display:block}.video-copy b{font-size:24px}.video-copy small{color:#cad8e6}.video-controls{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:13px}.video-controls button{border:0}.play{width:44px;height:44px;border-radius:50%;background:var(--pink);display:grid;place-items:center}.play span{transform:translateX(1px)}.control{background:transparent;font-size:20px}.live-track{height:4px;flex:1;background:#6c7888;border-radius:5px;overflow:hidden}.live-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff315f,#ff55a8)}.live-text{text-transform:uppercase;font-size:11px;font-weight:850}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#020817ad;backdrop-filter:blur(4px)}.loading.hidden{display:none}.loading span{width:24px;height:24px;border:3px solid #ffffff40;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.now-card{display:flex;align-items:center;gap:18px;padding:22px 4px}.now-card>div{flex:1}.eyebrow{font-size:13px;color:#b9cbdd}.now-card h1{margin:4px 0;font-size:clamp(25px,4vw,38px)}.now-card p{margin:0;color:var(--muted)}.watch{border:0;border-radius:14px;padding:14px 19px;background:linear-gradient(135deg,#ff315f,#ed48ad);font-weight:850}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.quick-actions button{min-height:92px;border:1px solid #2f7893;border-radius:18px;background:linear-gradient(145deg,#0c3d5e,#09233c);padding:14px;display:flex;align-items:center;gap:14px;text-align:left}.quick-actions img{width:54px;height:54px;object-fit:contain;padding:5px;border-radius:15px;background:#061b30;border:1px solid #2d6380}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:16px}.quick-actions small{margin-top:4px;color:#a7bfd3}.content-section{margin-top:28px}.section-heading span{font-size:12px;color:var(--pink);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.section-heading h2{margin:5px 0 15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{border:1px solid #1c4563;background:#09233d;border-radius:16px;padding:18px}.feature-grid article>span{font-size:26px;color:var(--pink)}.feature-grid b,.feature-grid small{display:block}.feature-grid b{margin-top:12px}.feature-grid small{color:var(--muted);margin-top:4px}.empty-view{text-align:center;min-height:55vh;display:grid;place-content:center;justify-items:center}.empty-icon{font-size:55px;color:var(--pink)}.empty-view p{max-width:440px;color:var(--muted)}.save-button{border:0;border-radius:12px;background:var(--pink);padding:12px 18px;font-weight:800}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:min(1180px,100%);height:82px;padding:8px 10px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#041426ed;border-top:1px solid #173b58;backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;color:#809ab2;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav span{font-size:22px}.bottom-nav b{font-size:10px}.bottom-nav .active{color:var(--pink)}.dialog{width:min(860px,96vw);padding:0;border:1px solid #28506d;border-radius:20px;background:#06192c;color:#fff;box-shadow:0 30px 90px #000b}.dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog header{height:60px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid #28445c}.dialog header strong{flex:1}.dialog header button{width:36px;height:36px;border-radius:50%;border:1px solid #365a75;background:#102b45;font-size:20px}.service-dialog{height:min(760px,90vh)}.service-dialog iframe{display:block;width:100%;height:calc(100% - 110px);border:0;background:#fff}.service-dialog>a{height:50px;display:grid;place-items:center;color:var(--cyan);text-decoration:none}.share-dialog{max-width:420px;padding-bottom:20px;text-align:center}.qr{width:230px;height:230px;margin:24px auto 10px;padding:14px;border-radius:16px;background:#fff}.qr img,.qr canvas{width:100%!important;height:100%!important}.share-dialog p{color:var(--muted)}.share-buttons{display:flex;justify-content:center;gap:9px}.share-buttons button{border:1px solid #2b526e;border-radius:12px;background:#0d2a45;padding:11px 15px}.toast{position:fixed;z-index:80;left:50%;bottom:102px;transform:translate(-50%,18px);opacity:0;background:#fff;color:#041122;border-radius:999px;padding:10px 17px;font-weight:800;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:680px){.app-shell{padding-bottom:86px}.topbar{height:66px;padding:10px 14px}.brand img{width:38px;height:38px}.brand{font-size:19px}.round{width:38px;height:38px}.install-banner{margin-top:10px}.app-shell main{padding:13px 12px}.tabs{margin-bottom:12px}.player-card{aspect-ratio:16/10.2;border-radius:17px}.video-copy{left:14px;bottom:65px}.video-copy img{width:38px;height:38px}.video-copy b{font-size:19px}.video-controls{left:12px;right:12px;bottom:10px}.live-chip{top:11px;right:11px}.now-card{padding:17px 2px}.watch{padding:12px 14px}.quick-actions{gap:8px}.quick-actions button{padding:11px 8px;gap:8px;min-height:82px}.quick-actions img{width:43px;height:43px}.quick-actions b{font-size:13px}.quick-actions small{font-size:10px}.feature-grid{grid-template-columns:1fr}.bottom-nav{height:76px}.video-copy small{font-size:11px}}
@media(display-mode:standalone){.install-banner{display:none!important}}
.quick-actions:has(#request[hidden]){grid-template-columns:1fr}.quick-actions button[hidden]{display:none}
@media(min-width:900px){.quick-actions:has(#request[hidden]) #share{max-width:560px;margin-inline:auto;width:100%}.player-card{aspect-ratio:16/8.2}.now-card{padding-inline:14px}}

.install-dialog{max-width:520px}.install-dialog-body{padding:25px;text-align:center}.install-device-icon{width:70px;height:70px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid #2d7090;border-radius:22px;background:linear-gradient(145deg,#0e4162,#142a53);color:var(--cyan);font-size:34px;box-shadow:0 16px 34px #0005}.install-dialog h2{margin:7px 0 9px;font-size:clamp(24px,5vw,32px)}.install-dialog p{margin:0 auto 18px;max-width:410px;color:#b8cadb;line-height:1.55}.install-dialog ol{margin:0 0 20px;padding:0;display:grid;gap:9px;list-style:none;text-align:left;counter-reset:install-step}.install-dialog li{counter-increment:install-step;display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border:1px solid #1f4867;border-radius:13px;background:#09223a;color:#dfeefa;line-height:1.45}.install-dialog li:before{content:counter(install-step);flex:0 0 27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--cyan);color:#031321;font-size:12px;font-weight:900}.install-primary{width:100%;border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(135deg,var(--cyan),#2589ff);color:#031321;font-weight:900}.install-primary[hidden]{display:none}.install-dialog small{display:block;margin-top:12px;color:var(--muted);line-height:1.45}@media(max-width:680px){.install-dialog-body{padding:20px 16px}.install-dialog li{font-size:14px}}

/* Wnetwork simplified navigation */
.tabs [data-view="guide"],.tabs [data-view="saved"],.bottom-nav [data-target="guide"],.bottom-nav [data-target="saved"]{display:none!important}
.bottom-nav{grid-template-columns:repeat(3,1fr)!important}

.view:not(.active){display:none!important}