.hidden{display:none!important}:root{--bg: #0A0A0A;--bg-elevated: #111111;--bg-card: #181818;--bg-hover: #222222;--primary: #FF3D00;--primary-hover: #E84B1A;--primary-glow: rgba(255, 61, 0, .25);--text: #FFFFFF;--text-secondary: #B3B3B3;--text-muted: #666666;--border: rgba(255, 255, 255, .08);--glass: rgba(20, 20, 20, .75);--radius: 10px;--radius-lg: 14px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.embed-single-channel .app-header,body.embed-single-channel .bottom-nav,body.embed-single-channel .home-channels,body.embed-single-channel .home-epg,body.embed-single-channel .home-vod{display:none!important}body.embed-single-channel .main-content{padding:0!important;margin:0!important}body.embed-single-channel .hero-section{height:100vh!important;min-height:100vh!important;border-radius:0!important;margin:0!important}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;overscroll-behavior:none;overflow:hidden}#app{width:100%;height:100%;position:relative}.page{width:100%;height:100%;overflow-y:auto}.page.hidden{display:none!important}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0a99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:background .3s}.topbar.scrolled{background:#0a0a0af2}.topbar-inner{max-width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,64px);height:60px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.brand-icon{width:36px;height:36px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#000;transform:rotate(-8deg);box-shadow:0 4px 16px var(--primary-glow)}.brand-text{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px}.brand-text span{color:var(--primary)}.nav-center{display:flex;gap:4px}.nav-link{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-decoration:none;border:none;background:none}.nav-link:hover{color:var(--text);background:#ffffff0f}.nav-link.active{color:var(--text);background:#ffffff1a;font-weight:600}.nav-right{display:flex;align-items:center;gap:12px}.search-trigger{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid var(--border);border-radius:20px;padding:7px 14px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s}.search-trigger:hover{background:#ffffff1a;color:var(--text-secondary);border-color:#ffffff26}.search-trigger svg{opacity:.5}.btn-remote{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-remote:hover{background:var(--primary);color:#fff}.hero{position:relative;width:100%;height:55vh;min-height:380px;max-height:560px;display:flex;align-items:flex-end;margin-top:60px;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:heroZoom 25s ease-in-out infinite alternate;transition:background-image .8s ease-in-out}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-gradient{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(10,10,10,.7) 35%,rgba(10,10,10,.2) 65%,rgba(10,10,10,.4) 100%),linear-gradient(90deg,rgba(10,10,10,.8) 0%,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;width:100%;max-width:100%;padding:0 clamp(16px,4vw,64px) 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-left{max-width:600px}.live-pill{display:inline-flex;align-items:center;gap:6px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;color:#22c55e;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}.live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-channel{font-size:12px;font-weight:700;color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.hero-title{font-size:42px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:8px}.hero-desc{font-size:15px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;max-width:480px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 28px var(--primary-glow)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:#ffffff1f;border-color:#fff3}.hero-coming{width:320px;flex-shrink:0;background:#141414cc;backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;overflow:hidden}.coming-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.coming-list{display:flex;flex-direction:column;gap:8px}.hero-coming-item{display:flex;flex-direction:column;justify-content:flex-end;height:80px;border-radius:8px;padding:8px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s}.hero-coming-item:hover{transform:scale(1.02)}.hero-coming-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 60%);pointer-events:none}.hero-coming-channel{position:relative;z-index:1;font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.hero-coming-info{position:relative;z-index:1}.hero-coming-title{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coming-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s}.coming-item:hover{background:#ffffff0f}.coming-thumb{width:64px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.coming-info{flex:1;min-width:0}.coming-title{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coming-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.coming-time{font-size:11px;font-weight:600;color:var(--primary);flex-shrink:0}.page-home{display:flex;flex-direction:column}.home-main{flex:1;max-width:100%;width:100%;padding:0 clamp(16px,4vw,64px)}.section-container{max-width:100%;padding:0 clamp(16px,4vw,64px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:18px;font-weight:700}.section-link{font-size:13px;font-weight:600;color:var(--primary);cursor:pointer;transition:opacity .2s;text-decoration:none;border:none;background:none}.section-link:hover{opacity:.8}.channel-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;scroll-snap-type:x mandatory}.channel-strip::-webkit-scrollbar{display:none}.ch-strip-card{flex:0 0 180px;scroll-snap-align:start;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;position:relative;border:1px solid var(--border);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ch-strip-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 32px #ff3d0026}.ch-strip-thumb{width:100%;aspect-ratio:16/10;background:var(--bg-card);position:relative;overflow:hidden}.ch-strip-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ch-strip-card:hover .ch-strip-thumb img{transform:scale(1.05)}.ch-strip-badge{position:absolute;top:8px;left:8px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.ch-strip-live{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:#22c55ee6;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.ch-strip-info{padding:10px 12px}.ch-strip-name{font-size:13px;font-weight:700}.ch-strip-now{font-size:11px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-pill{flex:0 0 auto;padding:10px 22px;border-radius:100px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.34,1.56,.64,1);scroll-snap-align:start;font-family:inherit}.channel-pill:hover{border-color:#ff3d0066;background:#ff3d0014;color:var(--text)}.channel-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.now-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.now-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.now-card:hover{border-color:#ff3d0066;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.now-card-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.now-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.now-card:hover .now-card-thumb img{transform:scale(1.04)}.now-card-live{position:absolute;top:10px;left:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:5px}.now-card-live .dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse 1.5s infinite}.now-card-time{position:absolute;bottom:10px;right:10px;background:#000000b3;backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.now-card-progress{height:3px;background:#ffffff1a}.now-card-progress-fill{height:100%;background:var(--primary);transition:width 1s linear}.now-card-body{padding:14px}.now-card-ch{font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.5px;margin-bottom:4px}.now-card-title{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-card-sub{font-size:12px;color:var(--text-secondary);margin-top:3px}.now-playing-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.now-playing-card:hover{border-color:#ff3d0066;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.npc-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.npc-badge{position:absolute;top:10px;left:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:5px}.npc-time{position:absolute;bottom:10px;right:10px;background:#000000b3;backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.npc-logo{position:absolute;bottom:8px;left:8px}.npc-logo img{height:24px;object-fit:contain}.npc-info{padding:14px}.npc-title{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.npc-actions{display:flex;gap:8px}.npc-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.npc-diretta{background:var(--primary);color:#fff}.npc-diretta:hover{background:var(--primary-hover)}.npc-restart{background:#ffffff14;color:var(--text);border:1px solid var(--border)}.npc-restart:hover{background:#ffffff1f}.npc-progress{height:3px;background:#ffffff1a;position:absolute;bottom:0;left:0;right:0}.npc-progress-fill{height:100%;background:var(--primary);transition:width 1s linear}.carousel-wrapper{position:relative;overflow:hidden}.carousel-scroller{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;scroll-snap-type:x mandatory}.carousel-scroller::-webkit-scrollbar{display:none}.play-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s}.vod-card:hover .play-indicator{opacity:1}.play-indicator svg{width:44px;height:44px;border-radius:50%;background:#ffffffe6;padding:10px;color:#000}.vod-scroller{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;scroll-snap-type:x mandatory}.vod-scroller::-webkit-scrollbar{display:none}.vod-card{flex:0 0 200px;scroll-snap-align:start;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card)}.vod-card:hover{transform:translateY(-4px) scale(1.02)}.vod-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.vod-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.vod-card:hover .vod-thumb img{transform:scale(1.06)}.vod-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s}.vod-card:hover .vod-play-overlay{opacity:1}.vod-play-circle{width:44px;height:44px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.vod-info{padding:10px 2px}.vod-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.epg-strip{display:flex;flex-direction:column;gap:6px}.epg-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:background .2s;cursor:pointer}.epg-row:hover{background:#ffffff0a}.epg-ch-label{width:36px;font-size:12px;font-weight:700;color:var(--primary);flex-shrink:0}.epg-bar{flex:1;display:flex;height:36px;border-radius:6px;overflow:hidden;background:#ffffff0a}.epg-now{background:#ff3d001f;border-left:3px solid var(--primary);display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden}.epg-next{display:flex;align-items:center;padding:0 10px;font-size:12px;color:var(--text-muted);flex:1;white-space:nowrap;overflow:hidden}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#0a0a0ae6;backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0));z-index:100}.bn-inner{display:flex;justify-content:space-around}.bn-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-muted);font-size:10px;font-weight:500;cursor:pointer;padding:4px 12px;transition:color .2s;position:relative}.bn-btn.active{color:var(--primary);font-weight:700}.bn-btn.active:after{content:"";position:absolute;top:-9px;width:20px;height:3px;border-radius:2px;background:var(--primary)}.mb-section{margin-bottom:40px}.section{padding:24px 0}.divider{height:1px;background:var(--border);margin:0}.see-all{font-size:13px;color:var(--primary);cursor:pointer}#page-player{position:fixed;inset:0;background:#000;z-index:200}#page-player:not(.hidden){display:flex;flex-direction:column}.player-main{flex:1;position:relative;width:100%;height:100%}.player-viewport{width:100%;height:100%;position:relative;background:#000}.hls-video{width:100%;height:100%;object-fit:cover;background-color:#000}.monoscope{position:absolute;inset:0;z-index:1;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.monoscope.hidden{display:none!important}.monoscope-bars{position:absolute;inset:0;background:linear-gradient(to right,#fff 14.28%,#c0c000 14.28% 28.56%,#00c0c0 28.56% 42.84%,#00c000 42.84% 57.12%,#c000c0 57.12% 71.4%,#c00000 71.4% 85.68%,#0000c0 85.68%);opacity:.8}.monoscope-text{position:relative;z-index:2;background:#000;color:#fff;padding:16px 32px;font-size:24px;font-weight:700;letter-spacing:4px;border:2px solid white;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;z-index:10;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.player-overlay.faded{opacity:0;pointer-events:none}.player-header{height:80px;display:flex;align-items:center;gap:16px;padding:0 32px;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,transparent 100%);padding-top:env(safe-area-inset-top,0)}.back-btn{background:#ffffff1a;border-radius:50%;width:44px;height:44px;backdrop-filter:blur(8px);transition:all .2s ease;cursor:pointer;border:none;color:#fff;display:flex;align-items:center;justify-content:center}.back-btn:hover{background:#fff3;transform:scale(1.05)}.header-titles{display:flex;flex-direction:column;gap:4px}.player-channel-badge{font-size:11px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:1.5px}.player-title{font-size:18px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.player-center-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.player-center-btn{width:88px;height:88px;border-radius:50%;background:#e84b1ae6;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 8px 32px #e84b1a4d;opacity:0;transform:scale(.8);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.player-center-btn.visible{opacity:1;transform:scale(1)}.player-center-btn:hover{transform:scale(1.1);background:var(--primary)}.player-buffering{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.player-buffering.visible{opacity:1}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.player-buffering-pct{position:absolute;font-size:14px;font-weight:600;color:#ffffffe6;pointer-events:none}.network-unstable-warning{position:absolute;top:24px;right:24px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0009;backdrop-filter:blur(8px);border-radius:50%;color:#f44;opacity:0;transition:opacity .5s ease;z-index:100;box-shadow:0 0 15px #f446}.network-unstable-warning.visible{opacity:1;animation:pulse-warning 2s infinite ease-in-out}@keyframes pulse-warning{0%{transform:scale(1);box-shadow:0 0 15px #f446}50%{transform:scale(1.1);box-shadow:0 0 25px #f44c}to{transform:scale(1);box-shadow:0 0 15px #f446}}.player-controls-bottom{padding:48px 32px 32px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,transparent 100%);padding-bottom:calc(32px + env(safe-area-inset-bottom,0))}.progress-bar{width:100%;height:6px;background:#ffffff26;border-radius:4px;cursor:pointer;position:relative;margin-bottom:20px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.progress-bar:hover{transform:scaleY(1.3)}.progress-track{height:100%;width:0%;background:var(--primary);border-radius:4px;transition:width .1s linear;box-shadow:0 0 10px #ff3d0099}.progress-thumb{position:absolute;top:50%;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 0 12px #ff3d00cc;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-bar:hover .progress-thumb{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.controls-row{display:flex;align-items:center;gap:12px}.ctrl-btn-lg,.ctrl-btn-sm{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text);cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease,color .2s ease}.ctrl-btn-lg:hover,.ctrl-btn-sm:hover{transform:scale(1.15);opacity:1;color:var(--primary)}.ctrl-btn-lg:active,.ctrl-btn-sm:active{transform:scale(.9)}.ctrl-btn-lg{width:48px;height:48px}.ctrl-btn-sm{width:36px;height:36px;opacity:.7}.time-display{flex:1;font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.time-sep{margin:0 4px;color:var(--text-muted)}.player-controls-bottom.live-mode .progress-bar,.player-controls-bottom.live-mode .ctrl-btn-sm,.player-controls-bottom.live-mode .time-display{display:none}.player-controls-bottom.live-mode #player-restart-btn,.player-controls-bottom.live-mode #player-go-live{display:flex}@keyframes ticker-scroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@keyframes ticker-scroll-left{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes ticker-roll{0%{transform:translateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes ticker-flip{0%{transform:translateY(100%);opacity:0}5%{transform:translateY(0);opacity:1}45%{transform:translateY(0);opacity:1}50%{transform:translateY(-100%);opacity:0}to{transform:translateY(-100%);opacity:0}}@keyframes ticker-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ticker-slide-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ticker-slide-in-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ticker-slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ticker-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ticker-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ticker-slide-out-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes ticker-slide-out-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes ticker-slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes ticker-slide-out-right{0%{transform:translate(100%);opacity:1}to{transform:translate(0);opacity:0}}.branding-logos{position:absolute;inset:0;pointer-events:none;z-index:10}.branding-logo{position:absolute;object-fit:contain;pointer-events:none;z-index:11}.branding-logo.pos-top-left{top:16px;left:16px}.branding-logo.pos-top-right{top:16px;right:16px}.branding-logo.pos-bottom-left{bottom:60px;left:16px}.branding-logo.pos-bottom-right{bottom:60px;right:16px}.branding-ticker{position:absolute;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s}.branding-ticker.visible{opacity:1}.ticker-track{display:inline-flex;white-space:nowrap;height:100%;align-items:center;will-change:transform}.ticker-item{display:inline-flex;align-items:center;white-space:nowrap;height:100%;font-family:Inter,sans-serif;font-weight:500}#page-remote{padding-top:60px;padding-bottom:72px}.remote-layout{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 16px;height:100%}.remote-tv-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.online{background:#00e676}.status-indicator.offline{background:#ff1744}.remote-channels{display:flex;gap:12px;width:100%}.remote-channels .ch-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid rgba(255,255,255,.06);color:var(--text);cursor:pointer;transition:all var(--transition)}.remote-channels .ch-btn:active{border-color:var(--primary);background:#ff3d001a;transform:scale(.95)}.ch-num{font-size:20px;font-weight:800;color:var(--primary)}.ch-name{font-size:11px;color:var(--text-secondary)}.remote-dpad{display:flex;flex-direction:column;align-items:center;gap:4px}.dpad-row{display:flex;gap:4px}.dpad-btn{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.dpad-btn:active{background:var(--bg-hover);transform:scale(.9)}.dpad-center{background:var(--primary);border-color:var(--primary)}.dpad-center:active{background:var(--primary-hover)}.remote-media{display:flex;gap:24px}.media-btn{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.media-btn:active{background:var(--bg-hover);transform:scale(.9)}.pair-btn{padding:12px 32px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition)}.pair-btn:active{background:var(--bg-card)}.remote-pairing-text{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:8px}.remote-qr-box{width:200px;height:200px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;margin:0 auto}.remote-server-info{font-size:12px;color:var(--primary);text-align:center;margin-top:4px;font-family:monospace}.video-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid var(--border)}.video-card:hover{border-color:#ff3d004d;transform:translateY(-2px)}.video-card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}.video-card-info{padding:10px}.video-card-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-meta{font-size:11px;color:var(--text-muted);margin-top:2px}#page-search{padding-top:60px;padding-bottom:72px}.search-layout{padding:16px}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-muted)}.search-bar input{flex:1;background:none;border:none;color:var(--text);font-size:15px;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.search-empty{text-align:center;color:var(--text-muted);margin-top:48px;font-size:14px}.numpad-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px)}.numpad-overlay.hidden{display:none}.numpad-box{background:#1a1a1a;border-radius:16px;padding:20px;width:240px;box-shadow:0 8px 40px #00000080}.numpad-input{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:10px 14px;margin-bottom:14px;text-align:center;font-size:24px;font-weight:700;color:#ff3d00;font-family:Inter,sans-serif;min-height:44px;display:flex;align-items:center;justify-content:center;letter-spacing:4px}.numpad-cursor{animation:numpad-blink 1s step-end infinite;color:#ff3d00;font-size:24px}@keyframes numpad-blink{50%{opacity:0}}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.numpad-key{height:48px;border-radius:10px;border:none;background:#2a2a2a;color:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.numpad-key:hover{background:#3a3a3a}.numpad-key:active{transform:scale(.92);background:#ff3d00}.numpad-key-back{background:#333}.numpad-key-ok{background:#ff3d00;color:#000}.numpad-key-ok:hover{background:var(--primary-hover)}.numpad-close{width:100%;margin-top:10px;padding:10px;border-radius:10px;border:1px solid #333;background:transparent;color:#888;font-size:13px;cursor:pointer;transition:all .15s}.numpad-close:hover{background:#2a2a2a;color:#fff}.program-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center}.program-modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.program-modal-content{position:relative;background:#1a1a1a;border-radius:16px;padding:28px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 40px #00000080}.program-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#888;cursor:pointer;transition:color .2s}.program-modal-close:hover{color:#fff}.program-modal-title{font-size:20px;font-weight:700;margin-bottom:12px;padding-right:32px}.program-modal-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.program-modal-badge{background:#e84b1a26;color:#e84b1a;font-size:11px;padding:3px 10px;border-radius:4px;text-transform:uppercase;font-weight:600}.program-modal-time{font-size:12px;color:#888}.program-modal-desc{font-size:14px;color:#aaa;line-height:1.6}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0f0f0ff2;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:20px;z-index:9999;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.cookie-banner:not(.hidden){transform:translateY(0)}.cookie-banner-content{max-width:600px;margin:0 auto}.cookie-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#fff}.cookie-header h3{font-size:16px;margin:0;font-weight:600}.cookie-banner p{font-size:13px;color:#aaa;line-height:1.5;margin-bottom:20px}.cookie-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cookie-reject,.btn-cookie-accept{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:.2s}.btn-cookie-reject{background:transparent;color:#aaa;border:1px solid #444}.btn-cookie-reject:hover{background:#222;color:#fff}.btn-cookie-accept{background:#e84b1a;color:#fff}.btn-cookie-accept:hover{background:var(--primary-hover)}#pwa-install-modal{position:fixed;inset:0;z-index:9999;background:#000c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}#pwa-install-modal.hidden{display:none!important}#pwa-install-modal .modal-content{background:#1a1a1a;border:.5px solid #333;border-radius:20px;padding:32px;max-width:400px;text-align:center;width:100%;box-shadow:0 25px 50px -12px #000c}#pwa-install-modal .modal-icon{font-size:40px;margin-bottom:16px;background:linear-gradient(135deg,#e84b1a,#e8a21a);-webkit-background-clip:text;color:transparent}#pwa-install-modal h3{font-size:20px;margin-bottom:8px;color:#fff}#pwa-install-modal p{font-size:14px;color:#aaa;margin-bottom:24px;line-height:1.5}#pwa-install-modal .modal-actions{display:flex;flex-direction:column;gap:12px}#pwa-install-modal button{width:100%;padding:12px;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:.2s;font-size:15px}#pwa-install-modal .btn-primary{background:#e84b1a;color:#fff}#pwa-install-modal .btn-primary:hover{background:#cc3100}#pwa-install-modal .btn-secondary{background:#2a2a2a;color:#aaa}#pwa-install-modal .btn-secondary:hover{background:#333;color:#fff}@media (max-width: 900px){.hero{height:50vh;min-height:340px}.hero-content{flex-direction:column;align-items:flex-start;padding:0 20px 32px}.hero-coming{width:100%}.hero-title{font-size:32px}.now-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.topbar-inner{padding:0 24px}}@media (max-width: 640px){.nav-center{display:none}.bottom-nav{display:block}body{padding-bottom:72px}.topbar-inner{padding:0 16px;height:52px}.hero{height:45vh;min-height:300px;margin-top:52px}.hero-content{padding:0 16px 24px}.hero-title{font-size:26px}.hero-desc{font-size:13px;display:none}.hero-coming{display:none}.section-container,.home-main{padding:0 16px}.ch-strip-card{flex:0 0 150px}.now-grid{grid-template-columns:1fr}.vod-card{flex:0 0 160px}.search-trigger span{display:none}#page-player{justify-content:center}.player-viewport{flex:none;width:100%;aspect-ratio:16 / 9}.player-controls-bottom{position:relative;padding:16px;background:none}}@media (min-width: 1200px){.hero-title{font-size:34px}}.footer{text-align:center;padding:40px 20px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);margin-top:40px}.footer strong{color:var(--primary);font-weight:700}#page-catalog,#page-epg{padding-top:60px}#page-catalog .section,#page-epg .section{max-width:100%;padding:24px clamp(16px,4vw,64px)}#catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.coming-up-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.horizontal-scroller{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.horizontal-scroller::-webkit-scrollbar{display:none}#page-epg .epg-row{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;transition:background .2s;cursor:pointer;outline:none}#page-epg .epg-row:hover{background:#ffffff0a}#page-epg .epg-row:focus{outline:2px solid var(--primary);outline-offset:-2px}#page-epg .epg-ch-label{width:40px;font-size:12px;font-weight:700;color:var(--primary);flex-shrink:0}#page-epg .epg-scroll{flex:1;display:flex;height:40px;overflow-x:auto;overflow-y:hidden;border-radius:6px;background:#ffffff0a;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;-webkit-overflow-scrolling:touch}#page-epg .epg-scroll::-webkit-scrollbar{height:4px}#page-epg .epg-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}#page-epg .epg-scroll::-webkit-scrollbar-track{background:transparent}#page-epg .epg-block{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:11px;color:var(--text);white-space:nowrap;border-right:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .2s;min-width:80px;outline:none}#page-epg .epg-block:hover{background:#ffffff14}#page-epg .epg-block:focus{outline:2px solid var(--primary);outline-offset:-2px}#page-epg .epg-block.epg-now{background:#ff3d0026;border-left:3px solid var(--primary);font-weight:600}#page-epg .epg-block.epg-now .epg-block-time{color:var(--primary)}#page-epg .epg-block.epg-next-1{background:#ffffff0f}#page-epg .epg-block.epg-next-2{background:#ffffff08}#page-epg .epg-block-time{font-size:10px;color:var(--text-muted);flex-shrink:0}#page-epg .epg-block-title{overflow:hidden;text-overflow:ellipsis;min-width:0}#page-wallet .wallet-stat:hover,#page-referral .referral-card,#page-proposals .proposal-card:hover,#page-voting .voting-topic,#page-reminders .reminder-item{transition:all .2s ease}#page-wallet .credit-card:hover{border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 8px 24px #ff3d0026}#page-wallet .buy-btn:hover{opacity:.9;transform:scale(1.02)}#page-voting .vote-option:hover{background:#ffffff0f!important}#page-voting .vote-option.selected{border-color:var(--primary)!important;background:#ff3d0014!important}#page-referral .badge-item{transition:all .2s ease}#page-referral .badge-item:hover{border-color:var(--primary)!important}#page-reminders .toggle-switch:hover span{opacity:.9}.page-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;transition:background .2s}.page-back-btn:hover{background:#fff3!important}.cleeng-offer-card:hover{border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 8px 24px #ff3d0026}.cleeng-subscribe-btn:hover{opacity:.9;transform:scale(1.02)}