:root{
  --bg:#05070b;--panel:#0d1119;--panel2:#131a26;--text:#f7f8fb;--muted:#aeb6c2;
  --cyan:#32d4ff;--cyan2:#0b87bf;--red:#ff355d;--violet:#a841ff;--gold:#ffbd49;
  --line:rgba(255,255,255,.12);--soft:rgba(255,255,255,.07);--focus:#fff;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body{user-select:none}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:#05070b}.screen{position:absolute;inset:0;display:none;overflow:hidden}.screen.is-active{display:block}
.screen-art{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}.screen-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,10,.96),rgba(5,7,12,.82) 48%,rgba(5,7,12,.58)),linear-gradient(0deg,rgba(4,6,10,.90),transparent 45%)}.screen-shade.soft{background:rgba(4,6,10,.48)}
.focusable{outline:none;transition:transform .095s ease,border-color .095s ease,background-color .095s ease;will-change:transform}.focusable.is-focused{transform:scale(1.035);box-shadow:0 0 0 .15vw rgba(255,255,255,.94);z-index:30}
button,input{font:inherit}.eyebrow{font-size:.9vw;letter-spacing:.19vw;font-weight:900;color:var(--cyan)}
.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.play-btn,.favorite-btn,.manage-btn{border:0;border-radius:.85vw;min-height:6.1vh;padding:0 1.45vw;font-size:1.02vw;font-weight:900;letter-spacing:.04vw;color:white;background:#151b26}.primary-btn,.play-btn{background:linear-gradient(135deg,#e42f53,#ff496b 53%,#a436ff)}.secondary-btn{background:linear-gradient(135deg,#087aa8,#28d0ff)}.ghost-btn{background:#151a24;border:1px solid rgba(255,255,255,.17)}.danger-btn{background:linear-gradient(135deg,#771329,#e42c4e)}.favorite-btn{background:#151a24;border:1px solid rgba(255,255,255,.16)}
.glass-card{background:linear-gradient(180deg,rgba(16,21,31,.97),rgba(8,11,17,.98));border:1px solid rgba(255,255,255,.11);box-shadow:0 1.5vw 4.2vw rgba(0,0,0,.35)}
.toast{position:absolute;left:50%;bottom:7.4vh;transform:translateX(-50%) translateY(2vh);padding:1.25vh 1.45vw;border-radius:.8vw;background:rgba(7,10,16,.96);border:1px solid rgba(255,255,255,.14);font-size:.95vw;font-weight:800;opacity:0;transition:.18s;z-index:300}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.brand-header{position:absolute;z-index:5;top:4vh;left:4.2vw;display:flex;align-items:center;gap:1vw}.brand-header img,.brand-inline img{width:8.8vw;height:5.4vh;object-fit:cover;border-radius:.75vw;border:1px solid rgba(255,255,255,.12)}.brand-header div,.brand-inline div{display:flex;flex-direction:column}.brand-header strong,.brand-inline strong{font-size:1.05vw;letter-spacing:.12vw}.brand-header span,.brand-inline span{font-size:.72vw;color:#aab4c1;margin-top:.35vh}.brand-inline{display:flex;align-items:center;gap:1vw}
.help-strip{position:absolute;z-index:30;left:0;right:0;bottom:0;height:5.5vh;background:#080b10;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:2.4vw;color:#aeb6c2;font-size:.76vw;font-weight:700;letter-spacing:.02vw}

/* splash */
.splash-screen{background:#05070b}.splash-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.splash-glow{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.34))}.splash-loader{position:absolute;z-index:3;left:50%;bottom:11.5vh;transform:translateX(-50%);display:flex;gap:.55vw}.splash-loader span{width:.62vw;height:.62vw;border-radius:50%;background:#fff;animation:pulse 1s infinite ease-in-out}.splash-loader span:nth-child(2){animation-delay:.15s}.splash-loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,100%{opacity:.25;transform:scale(.78)}50%{opacity:1;transform:scale(1.28)}}.splash-status{position:absolute;z-index:3;bottom:6.7vh;left:0;right:0;text-align:center;color:#d9dde5;font-size:.95vw}

/* login */
.login-art{background-image:url('../assets/login/background_fallback.jpg')}.login-layout{position:absolute;z-index:4;inset:0;display:flex;align-items:center;gap:5vw;padding:14vh 5.6vw 7vh 6.2vw}.login-copy{width:52vw}.login-copy h1{font-size:4.4vw;line-height:.95;margin:1.8vh 0 2.4vh;letter-spacing:-.13vw}.login-copy p{font-size:1.3vw;line-height:1.42;color:#d4d9e1;width:42vw;margin:0}.feature-chips{display:flex;gap:.7vw;margin-top:3.2vh;flex-wrap:wrap}.feature-chips span{font-size:.72vw;font-weight:900;letter-spacing:.08vw;padding:.75vh .8vw;border-radius:.55vw;background:rgba(50,212,255,.09);border:1px solid rgba(50,212,255,.20);color:#9ae9ff}.login-card{width:32.5vw;margin-left:auto;padding:3.2vh 2.25vw 2.8vh;border-radius:1.8vw}.card-kicker{font-size:.72vw;letter-spacing:.18vw;color:var(--gold);font-weight:900}.login-card h2{font-size:2.05vw;margin:.8vh 0 2.2vh}.login-card>label{display:block;font-size:.8vw;color:#c0c7d1;margin:1.15vh 0 .65vh}.input-wrap{height:6.8vh;border-radius:.9vw;border:2px solid rgba(255,255,255,.12);background:#0a0e15;display:flex;align-items:center;padding:0 1vw;margin-bottom:1.15vh}.input-wrap.is-focused{transform:none;border-color:var(--cyan);box-shadow:0 0 0 .18vw rgba(50,212,255,.18),0 0 1vw rgba(50,212,255,.16)}.input-wrap img{width:1.55vw;height:1.55vw;object-fit:contain;margin-right:.75vw;opacity:.86}.input-wrap input{flex:1;background:transparent;border:0;color:#fff;font-size:1.05vw;outline:none;min-width:0}.input-wrap button{border:0;background:transparent;color:#8ee7ff;font-weight:900;font-size:.76vw}.login-meta{display:flex;justify-content:space-between;align-items:center;color:#adb6c2;font-size:.76vw;margin:.8vh 0 1.35vh}.remember{display:flex;gap:.45vw;align-items:center}.login-card .primary-btn,.login-card .secondary-btn{width:100%;margin-top:1vh}.form-error{min-height:2.7vh;margin-top:1.1vh;color:#ff849a;font-size:.78vw;text-align:center}

/* activation */
.activation-art{background-image:url('../assets/access/access_bg.png')}.activation-panel{position:absolute;z-index:4;left:9vw;right:9vw;top:14vh;bottom:13vh;border-radius:2vw;display:flex;align-items:center;padding:5vh 4.7vw;gap:5vw}.activation-left{flex:1}.activation-left h1{font-size:3.35vw;margin:1.2vh 0 2vh}.activation-left p{font-size:1.22vw;color:#cfd5de;line-height:1.48;max-width:47vw}.activation-url{margin:2.5vh 0;padding:1.5vh 1.2vw;border-radius:.8vw;background:#0a121c;border:1px solid rgba(50,212,255,.34);font-size:1vw;color:#88e5ff}.activation-left button{display:block;width:23vw;margin-top:1.2vh}.activation-right{width:26vw;text-align:center;font-size:.95vw;color:#d1d6df}.qr-card{width:20vw;height:20vw;padding:1vw;margin:0 auto 1.7vh;border-radius:1.3vw;background:#fff}.qr-card img{width:100%;height:100%;object-fit:contain}

/* profiles */
.profiles-art{background-image:url('../assets/profiles_fhd/background_fallback.jpg')}.profiles-center{position:absolute;z-index:4;left:4vw;right:4vw;top:17vh;text-align:center}.profiles-center h1{font-size:3.1vw;margin:1vh 0 3.4vh}.profile-grid{display:flex;justify-content:center;gap:2.2vw}.profile-card{width:15.2vw;height:34vh;border-radius:1.6vw;background:rgba(12,16,24,.93);border:2px solid rgba(255,255,255,.08);padding:2vh 1vw;text-align:center}.profile-card.is-focused{transform:translateY(-1.2vh) scale(1.055);border-color:#fff}.profile-card img{width:10.8vw;height:10.8vw;border-radius:50%;object-fit:cover}.profile-card h3{font-size:1.28vw;margin:1.6vh 0 .4vh}.profile-card span{font-size:.73vw;color:#99a3b1}.manage-btn{margin-top:3.8vh;width:18vw;background:#151b25;border:1px solid rgba(255,255,255,.16)}

/* home */
.home-backdrop{position:absolute;inset:0;background:url('../assets/home_fhd/background_fallback.jpg') center/cover no-repeat}.home-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,10,.98) 0%,rgba(4,6,10,.93) 49%,rgba(4,6,10,.32) 76%,rgba(4,6,10,.52)),linear-gradient(0deg,rgba(4,6,10,.98),transparent 52%)}.home-header{position:absolute;z-index:5;top:3.5vh;left:3.6vw;right:3.6vw;display:flex;align-items:center;justify-content:space-between}.home-account{text-align:right;display:flex;flex-direction:column;gap:.25vh}.home-account strong{font-size:1.05vw}.home-account span{font-size:.78vw;color:#abb5c2}.home-content{position:absolute;z-index:4;left:5vw;top:16.5vh;width:66vw}.home-content h1{font-size:3.55vw;letter-spacing:-.1vw;margin:1vh 0 1.2vh}.home-content>p{font-size:1.18vw;color:#d2d8e0;width:52vw;line-height:1.42;margin:0}.home-stats{display:flex;gap:.55vw;margin-top:1.6vh}.home-stats span{font-size:.7vw;color:#bdc7d3;padding:.6vh .65vw;border-radius:.5vw;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.home-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35vh .9vw;margin-top:3vh;width:62vw}.home-option{position:relative;height:12.8vh;border-radius:1.15vw;overflow:hidden;border:2px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(21,28,40,.96),rgba(10,14,21,.98));display:flex;align-items:center;padding:1.6vh 1.25vw;gap:1.1vw}.home-option:after{content:"";position:absolute;right:-2vw;bottom:-4vh;width:9vw;height:9vw;border-radius:50%;background:radial-gradient(circle,rgba(50,212,255,.20),transparent 70%)}.home-option.is-focused{transform:translateY(-.6vh) scale(1.04);border-color:#fff;background:linear-gradient(145deg,#182a3b,#151a27)}.home-option img{width:3.5vw;height:3.5vw;object-fit:contain}.home-option strong{font-size:1.25vw;display:block}.home-option span{display:block;color:#aeb8c4;margin-top:.45vh;font-size:.72vw;line-height:1.25}

/* library */
.library-art{background-image:url('../assets/lists_reference/background.jpg')}.library-shade{background:linear-gradient(180deg,rgba(5,7,11,.68),rgba(5,7,11,.94) 65%,rgba(5,7,11,.99))}.library-header,.tv-header{position:absolute;z-index:5;left:3.7vw;right:3.7vw;top:3.5vh;display:flex;align-items:center;justify-content:space-between}.library-header h1,.tv-header h1{font-size:2.55vw;margin:.25vh 0}.library-actions{display:flex;gap:.7vw}.round-action{width:3.35vw;height:3.35vw;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#111722;color:#fff;font-size:1.5vw}.library-tabs,.tv-categories{position:absolute;z-index:5;left:3.7vw;right:3.7vw;top:13.5vh;height:5.5vh;display:flex;gap:.65vw;overflow:hidden}.tab{height:4.6vh;min-width:7.8vw;padding:0 1vw;border-radius:.7vw;border:1px solid rgba(255,255,255,.12);background:#101620;color:#bcc5cf;font-weight:800;font-size:.82vw}.tab.active{background:linear-gradient(135deg,#087da9,#33d5ff);color:#031018}.tab.is-focused{color:#fff}.library-stage{position:absolute;z-index:4;left:3.7vw;right:3.7vw;top:20vh;bottom:6.2vh;display:grid;grid-template-columns:31vw 1fr;gap:1.6vw}.library-hero{padding:3.2vh 2vw;border-radius:1.5vw;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.10);overflow:hidden;position:relative}.library-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,21,.42),rgba(8,11,17,.97) 64%);z-index:0}.library-hero>*{position:relative;z-index:1}.lib-meta{font-size:.72vw;letter-spacing:.13vw;color:#86e6ff;font-weight:900}.library-hero h2{font-size:2.15vw;line-height:1.08;margin:1.3vh 0 1.2vh}.library-hero p{font-size:.96vw;line-height:1.43;color:#c8ced8;max-height:18vh;overflow:hidden}.hero-tags{display:flex;flex-wrap:wrap;gap:.45vw;margin:1.8vh 0}.hero-tags span{padding:.65vh .6vw;border-radius:.5vw;background:rgba(255,255,255,.08);font-size:.7vw;color:#dce1e8}.hero-actions{display:flex;gap:.65vw;align-items:center}.hero-actions button{min-width:9.2vw}.poster-grid{height:100%;overflow:hidden;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:31vh;gap:1.25vh .75vw;padding:.4vh .35vw 1vh}.poster-card{height:31vh;border-radius:1vw;background:#111723;border:2px solid transparent;overflow:hidden;position:relative}.poster-card.is-focused{transform:scale(1.052);border-color:#fff}.poster-card img{width:100%;height:24.6vh;object-fit:cover;background:#0d121a}.poster-info{height:6.4vh;padding:.75vh .65vw;background:#0f141e}.poster-info strong{display:block;font-size:.78vw;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-info span{display:block;margin-top:.45vh;color:#929eac;font-size:.65vw}.page-indicator{text-align:right;color:#8f99a8;font-size:.68vw;padding:.25vh .5vw}

/* tv */
.tv-art{background-image:url('../assets/tv_fhd/background_fallback.jpg')}.tv-shade{background:linear-gradient(90deg,rgba(5,8,13,.98),rgba(5,8,13,.82) 58%,rgba(5,8,13,.90))}.status-pill{font-size:.74vw;font-weight:900;letter-spacing:.05vw;color:#95e7ff;padding:.9vh .9vw;border-radius:.65vw;background:rgba(50,212,255,.08);border:1px solid rgba(50,212,255,.18)}.tv-layout{position:absolute;z-index:4;left:3.7vw;right:3.7vw;top:20vh;bottom:6.2vh;display:grid;grid-template-columns:35vw 1fr;gap:1.5vw}.tv-channel-list{border-radius:1.45vw;background:rgba(8,12,18,.94);border:1px solid rgba(255,255,255,.09);padding:1.2vh .8vw;overflow:hidden}.channel-row{height:8.6vh;border-radius:.95vw;display:flex;align-items:center;gap:.85vw;padding:.7vh .85vw;margin-bottom:.65vh;border:2px solid transparent;background:rgba(255,255,255,.035)}.channel-row.is-focused{transform:scale(1.018);border-color:#fff;background:linear-gradient(90deg,rgba(18,121,171,.82),rgba(16,22,32,.95))}.channel-row img{width:4.1vw;height:5.4vh;object-fit:contain;background:rgba(255,255,255,.04);border-radius:.55vw}.channel-row .num{font-size:.76vw;color:#7f8b99;width:2.1vw}.channel-row strong{font-size:1vw;display:block}.channel-row span{display:block;color:#96a1af;font-size:.65vw;margin-top:.35vh}.tv-info{border-radius:1.5vw;background:linear-gradient(180deg,rgba(13,18,27,.93),rgba(8,11,17,.97));border:1px solid rgba(255,255,255,.10);padding:3.1vh 2.6vw;position:relative;overflow:hidden}.tv-info:after{content:"";position:absolute;right:-7vw;top:-12vh;width:22vw;height:22vw;border-radius:50%;background:radial-gradient(circle,rgba(168,65,255,.17),transparent 68%)}.tv-info>*{position:relative;z-index:1}.tv-info-top{display:flex;align-items:flex-start;justify-content:space-between}.tv-logo-wrap{height:13vh;display:flex;align-items:center}.tv-logo-wrap img{max-width:19vw;max-height:11vh;object-fit:contain}.live-pill{display:inline-block;padding:.65vh .7vw;border-radius:.5vw;background:rgba(255,53,93,.13);color:#ff7990;font-weight:900;font-size:.72vw;letter-spacing:.06vw}.tv-info h2{font-size:2.5vw;margin:1vh 0}.tv-info p{font-size:1.02vw;color:#c6cdd7;max-width:47vw;line-height:1.4;margin:0}.epg-panel{display:grid;grid-template-columns:1fr 1fr;gap:.8vw;margin:2.2vh 0}.epg-panel>div{min-height:10.2vh;padding:1.3vh 1vw;border-radius:.9vw;background:rgba(50,212,255,.055);border:1px solid rgba(50,212,255,.12)}.epg-panel span{display:block;font-size:.64vw;letter-spacing:.09vw;color:#7edfff;font-weight:900}.epg-panel strong{display:block;font-size:1vw;margin:.7vh 0 .4vh}.epg-panel small{font-size:.68vw;color:#9ca8b7}

/* search */
.search-screen{background:#070a0f}.search-box-wrap{position:absolute;z-index:5;left:3.8vw;right:3.8vw;top:14.5vh;display:flex;gap:.8vw}.search-box{flex:1;height:6.2vh;border-radius:.9vw;border:2px solid rgba(255,255,255,.16);background:#0e141e;color:#fff;font-size:1.15vw;padding:0 1.2vw;outline:none}.search-box:focus{border-color:var(--cyan)}.search-box-wrap .primary-btn{width:11vw}.search-results{position:absolute;z-index:5;left:3.8vw;right:3.8vw;top:23vh;bottom:6.5vh;grid-template-columns:repeat(6,1fr);grid-auto-rows:29.5vh}.search-results .poster-card{height:29.5vh}.search-results .poster-card img{height:23.3vh}

/* center */
.center-art{background-image:url('../assets/home_fhd/background_fallback.jpg')}.center-shade{background:linear-gradient(90deg,rgba(4,7,12,.98),rgba(4,7,12,.90) 60%,rgba(4,7,12,.75))}.center-layout{position:absolute;z-index:5;left:3.8vw;right:3.8vw;top:15vh;bottom:7vh;display:grid;grid-template-columns:28vw 1fr;gap:1.7vw}.center-summary{border-radius:1.5vw;padding:2.7vh 2vw}.center-logo img{width:12vw;height:7.2vh;object-fit:cover;border-radius:.8vw}.center-summary h2{font-size:1.7vw;margin:2vh 0 .6vh}.center-summary>p{font-size:.85vw;color:#8fe8ff}.center-metrics{display:grid;gap:1vh;margin-top:2.6vh}.center-metrics>div{padding:1.25vh .9vw;border-radius:.75vw;background:#0b1018;border:1px solid rgba(255,255,255,.07)}.center-metrics span{display:block;color:#8e99a8;font-size:.68vw}.center-metrics strong{display:block;font-size:.9vw;margin-top:.35vh}.center-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1.2vh .8vw}.center-action{text-align:left;border:2px solid rgba(255,255,255,.07);border-radius:1.2vw;background:linear-gradient(145deg,#131a26,#0b1018);color:#fff;padding:1.8vh 1.25vw;position:relative;overflow:hidden}.center-action.is-focused{border-color:#fff}.center-icon{display:flex;width:3vw;height:3vw;border-radius:.8vw;align-items:center;justify-content:center;background:rgba(50,212,255,.09);border:1px solid rgba(50,212,255,.14);font-size:1.6vw;color:#8be7ff;margin-bottom:1.2vh}.center-action strong{display:block;font-size:1.15vw}.center-action small{display:block;color:#a7b0bc;font-size:.72vw;line-height:1.35;margin-top:.65vh}.diagnostics-panel{position:absolute;z-index:20;right:3.8vw;bottom:7vh;width:42vw;padding:1.2vh 1vw;border-radius:.8vw;background:#080d14;border:1px solid rgba(255,255,255,.10);font-size:.7vw;color:#bcc6d2;display:none}.diagnostics-panel.show{display:block}

/* player */
.player-screen{background:#000}.player-video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;background:#000;border:0;margin:0;padding:0}.player-top-gradient,.player-bottom-gradient{position:absolute;left:0;right:0;pointer-events:none;opacity:0;transition:opacity .18s}.player-top-gradient{top:0;height:26vh;background:linear-gradient(180deg,rgba(0,0,0,.54),transparent)}.player-bottom-gradient{bottom:0;height:38vh;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent)}.player-screen.controls-visible .player-top-gradient,.player-screen.controls-visible .player-bottom-gradient{opacity:1}.channel-bug{position:absolute;left:2.8vw;top:4.2vh;max-width:12.5vw;max-height:10.5vh;object-fit:contain;z-index:8;transform-origin:center}.channel-bug.ident{animation:ident 2.4s ease-in-out}@keyframes ident{0%{transform:scale(1);opacity:.88}42%{transform:scale(.05) rotate(-8deg);opacity:.1}54%{transform:scale(.03);opacity:0}72%{transform:scale(.22) rotate(4deg);opacity:.36}100%{transform:scale(1);opacity:.88}}.program-card{position:absolute;right:-35vw;top:8vh;width:31vw;padding:2.2vh 1.65vw;border-radius:1.35vw 0 0 1.35vw;background:linear-gradient(110deg,rgba(7,10,16,.96),rgba(16,21,31,.95));border:1px solid rgba(255,255,255,.11);z-index:10;transition:right .24s ease}.program-card.show{right:0}.program-label,.program-next-label{font-size:.64vw;letter-spacing:.14vw;font-weight:900;color:#73e1ff}.program-card h2{font-size:1.55vw;margin:.75vh 0}.program-card #program-now-desc{color:#b7c0cd;font-size:.78vw;line-height:1.35}.program-next-label{margin-top:1.55vh;color:var(--gold)}.program-card #program-next-title{margin-top:.5vh;font-size:.94vw;font-weight:800}.player-controls{position:absolute;left:3vw;right:3vw;bottom:3.2vh;padding:2.2vh 1.55vw 1.8vh;border-radius:1.35vw;background:rgba(7,10,16,.96);border:1px solid rgba(255,255,255,.12);z-index:12;transform:translateY(14vh);opacity:0;transition:.2s}.player-screen.controls-visible .player-controls{transform:translateY(0);opacity:1}.player-head{display:flex;justify-content:space-between;align-items:center}.player-title{font-size:1.6vw;font-weight:900}.player-subtitle{font-size:.76vw;color:#aeb7c5;margin-top:.35vh}.player-badges{display:flex;gap:.55vw}.player-live-pill,.player-format{padding:.6vh .65vw;border-radius:.5vw;font-size:.66vw;font-weight:900}.player-live-pill{background:#cf2c4a;color:#fff}.player-format{background:#101923;border:1px solid rgba(255,255,255,.11);color:#9fe9ff}.timeline{height:.7vh;border-radius:.6vh;background:rgba(255,255,255,.15);margin:1.3vh 0 1.35vh;overflow:hidden}.timeline div{height:100%;width:0;background:linear-gradient(90deg,#20caff,#a742ff,#ff365e)}.player-bottomline{display:flex;align-items:center;gap:.6vw;color:#bdc6d2;font-size:.74vw}.player-control{min-width:2.8vw;height:4.5vh;border-radius:.62vw;border:1px solid rgba(255,255,255,.14);background:#111722;color:#fff;font-size:.88vw;font-weight:900}.player-spacer{flex:1}.player-health{font-size:.65vw;color:#8fe4a8}.player-health.warn{color:#ffd277}.player-health.bad{color:#ff8197}.player-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65vh}.player-loading.hidden{display:none}.player-loading strong{font-size:1vw}.player-loading span{font-size:.72vw;color:#aeb9c6}.spinner{width:3.8vw;height:3.8vw;border-radius:50%;border:.28vw solid rgba(255,255,255,.14);border-top-color:#28d0ff;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;width:34vw;padding:2.2vh 1.7vw;border-radius:1.1vw;background:rgba(67,10,22,.97);border:1px solid rgba(255,255,255,.12);display:none;text-align:center}.player-error strong{display:block;font-size:1.35vw}.player-error span{display:block;font-size:.8vw;color:#ffd5dd;margin:1vh 0 1.6vh;line-height:1.4}.player-error>div{display:flex;gap:.65vw;justify-content:center}.player-error button{min-width:9vw}.player-info-panel{position:absolute;left:3vw;top:12vh;z-index:11;display:none;grid-template-columns:repeat(3,1fr);gap:.5vw;width:34vw;padding:1vh .8vw;border-radius:.8vw;background:rgba(7,10,16,.94);border:1px solid rgba(255,255,255,.10)}.player-info-panel.show{display:grid}.player-info-panel span{display:block;font-size:.56vw;color:#7f8b99;letter-spacing:.06vw}.player-info-panel strong{display:block;font-size:.7vw;margin-top:.35vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* exit */
.modal-layer{position:absolute;inset:0;background:rgba(3,5,8,.82);display:none;align-items:center;justify-content:center;z-index:200}.modal-layer.show{display:flex}.exit-card{width:49vw;min-height:35vh;padding:4vh 2.7vw;border-radius:1.9vw;background:linear-gradient(145deg,#151c28,#090d14);border:1px solid rgba(255,255,255,.13);box-shadow:0 2vw 5vw rgba(0,0,0,.58);display:grid;grid-template-columns:7vw 1fr;gap:1.6vw}.exit-icon{width:5.6vw;height:5.6vw;border-radius:1.4vw;background:linear-gradient(145deg,#142637,#26122d);display:flex;align-items:center;justify-content:center;font-size:2.5vw;color:#61dcff;border:1px solid rgba(255,255,255,.12)}.exit-card h2{font-size:2.2vw;margin:.7vh 0 1vh}.exit-card p{font-size:1vw;color:#bcc5cf;line-height:1.45}.exit-actions{grid-column:1/3;display:flex;gap:.8vw;justify-content:flex-end}.exit-actions button{width:15.5vw}

@media (max-aspect-ratio: 16/9){.home-content{width:70vw}.home-menu{width:66vw}.library-stage{grid-template-columns:32vw 1fr}.tv-layout{grid-template-columns:36vw 1fr}}

/* BUILD002 performance/player polish */
.player-screen{contain:layout paint}.player-controls{box-shadow:0 -1.2vh 4vh rgba(0,0,0,.28)}.player-control{position:relative;overflow:hidden}.player-control.is-focused{background:linear-gradient(135deg,#24cff8,#8e47ff);color:#fff;border-color:transparent}.player-skip{display:none}.player-screen.controls-visible .player-skip{display:inline-block}.program-card{box-shadow:-1vw 1vh 3vw rgba(0,0,0,.28)}.tv-channel-list,.poster-grid{overscroll-behavior:contain}.screen.is-active{transform:translateZ(0)}

/* Android BUILD001 */
html[data-device-mode='mobile'] .help-strip{opacity:.55}html[data-device-mode='mobile'] .home-content{max-width:78vw}.center-actions-grid{grid-template-rows:repeat(4,1fr)}

/* =========================================================
   ANDROID BUILD002 — PHONE/TABLET PORTRAIT EXPERIENCE
   TV mode keeps the original 16:9 layout untouched.
   ========================================================= */
@media (orientation: portrait) {
  html[data-device-mode='mobile'] body{touch-action:manipulation}
  html[data-device-mode='mobile'] .app-shell{height:100dvh}
  html[data-device-mode='mobile'] .screen.is-active{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
  html[data-device-mode='mobile'] .help-strip{display:none}
  html[data-device-mode='mobile'] .focusable.is-focused{transform:none;box-shadow:0 0 0 2px rgba(255,255,255,.92)}
  html[data-device-mode='mobile'] .eyebrow{font-size:12px;letter-spacing:2px}
  html[data-device-mode='mobile'] .primary-btn,
  html[data-device-mode='mobile'] .secondary-btn,
  html[data-device-mode='mobile'] .ghost-btn,
  html[data-device-mode='mobile'] .danger-btn,
  html[data-device-mode='mobile'] .play-btn,
  html[data-device-mode='mobile'] .favorite-btn,
  html[data-device-mode='mobile'] .manage-btn{min-height:52px;border-radius:14px;padding:0 16px;font-size:14px}
  html[data-device-mode='mobile'] .brand-header{top:18px;left:18px;gap:10px}
  html[data-device-mode='mobile'] .brand-header img,
  html[data-device-mode='mobile'] .brand-inline img{width:116px;height:42px;border-radius:10px}
  html[data-device-mode='mobile'] .brand-header strong,
  html[data-device-mode='mobile'] .brand-inline strong{font-size:15px;letter-spacing:1px}
  html[data-device-mode='mobile'] .brand-header span,
  html[data-device-mode='mobile'] .brand-inline span{font-size:10px;margin-top:3px}
  html[data-device-mode='mobile'] .toast{bottom:20px;max-width:88vw;padding:12px 16px;border-radius:14px;font-size:13px;text-align:center}

  /* Login */
  html[data-device-mode='mobile'] .login-screen{min-height:100dvh}
  html[data-device-mode='mobile'] .login-art{background-position:54% center}
  html[data-device-mode='mobile'] .screen-shade{background:linear-gradient(180deg,rgba(4,6,10,.64),rgba(4,6,10,.94) 37%,rgba(4,6,10,.99))}
  html[data-device-mode='mobile'] .login-layout{position:relative;inset:auto;display:block;min-height:100dvh;padding:92px 18px 30px}
  html[data-device-mode='mobile'] .login-copy{width:100%}
  html[data-device-mode='mobile'] .login-copy h1{font-size:42px;line-height:.98;letter-spacing:-1.5px;margin:14px 0 16px}
  html[data-device-mode='mobile'] .login-copy p{width:100%;font-size:15px;line-height:1.45}
  html[data-device-mode='mobile'] .feature-chips{gap:7px;margin-top:18px}
  html[data-device-mode='mobile'] .feature-chips span{font-size:10px;letter-spacing:1px;padding:7px 9px;border-radius:8px}
  html[data-device-mode='mobile'] .login-card{width:100%;margin:24px 0 0;padding:22px 18px 20px;border-radius:24px}
  html[data-device-mode='mobile'] .card-kicker{font-size:11px;letter-spacing:2px}
  html[data-device-mode='mobile'] .login-card h2{font-size:28px;margin:7px 0 20px}
  html[data-device-mode='mobile'] .login-card>label{font-size:12px;margin:10px 0 6px}
  html[data-device-mode='mobile'] .input-wrap{height:54px;border-radius:14px;padding:0 12px;margin-bottom:10px}
  html[data-device-mode='mobile'] .input-wrap img{width:22px;height:22px;margin-right:10px}
  html[data-device-mode='mobile'] .input-wrap input{font-size:16px}
  html[data-device-mode='mobile'] .input-wrap button{font-size:12px}
  html[data-device-mode='mobile'] .login-meta{font-size:12px;margin:8px 0 12px}
  html[data-device-mode='mobile'] .remember{gap:7px}
  html[data-device-mode='mobile'] .form-error{min-height:24px;margin-top:10px;font-size:12px}

  /* Activation */
  html[data-device-mode='mobile'] .activation-panel{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:88px 16px 28px;border-radius:24px;display:flex;flex-direction:column;align-items:stretch;padding:24px 18px;gap:24px}
  html[data-device-mode='mobile'] .activation-left h1{font-size:32px;margin:9px 0 12px}
  html[data-device-mode='mobile'] .activation-left p{font-size:14px;max-width:none}
  html[data-device-mode='mobile'] .activation-url{margin:16px 0;padding:12px;border-radius:12px;font-size:12px;overflow-wrap:anywhere}
  html[data-device-mode='mobile'] .activation-left button{width:100%;margin-top:9px}
  html[data-device-mode='mobile'] .activation-right{width:100%;font-size:13px}
  html[data-device-mode='mobile'] .qr-card{width:min(62vw,240px);height:min(62vw,240px);padding:10px;border-radius:16px}

  /* Profiles */
  html[data-device-mode='mobile'] .profiles-center{position:relative;left:auto;right:auto;top:auto;padding:102px 16px 28px}
  html[data-device-mode='mobile'] .profiles-center h1{font-size:32px;margin:8px 0 22px}
  html[data-device-mode='mobile'] .profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html[data-device-mode='mobile'] .profile-card{width:100%;height:auto;min-height:190px;border-radius:20px;padding:16px 10px}
  html[data-device-mode='mobile'] .profile-card img{width:96px;height:96px}
  html[data-device-mode='mobile'] .profile-card h3{font-size:16px;margin:12px 0 4px}
  html[data-device-mode='mobile'] .profile-card span{font-size:11px}
  html[data-device-mode='mobile'] .manage-btn{width:100%;margin-top:18px}

  /* Home */
  html[data-device-mode='mobile'] .home-overlay{background:linear-gradient(180deg,rgba(4,6,10,.52),rgba(4,6,10,.92) 32%,rgba(4,6,10,.99) 72%)}
  html[data-device-mode='mobile'] .home-header{top:18px;left:16px;right:16px;align-items:flex-start}
  html[data-device-mode='mobile'] .brand-inline{gap:9px}
  html[data-device-mode='mobile'] .home-account strong{font-size:12px}
  html[data-device-mode='mobile'] .home-account span{font-size:10px}
  html[data-device-mode='mobile'] .home-content{position:relative;left:auto;top:auto;width:auto!important;max-width:none!important;padding:104px 16px 30px}
  html[data-device-mode='mobile'] .home-content h1{font-size:34px;letter-spacing:-1px;margin:9px 0 10px}
  html[data-device-mode='mobile'] .home-content>p{width:100%;font-size:14px;line-height:1.45}
  html[data-device-mode='mobile'] .home-stats{gap:6px;margin-top:14px;overflow-x:auto;padding-bottom:3px}
  html[data-device-mode='mobile'] .home-stats span{flex:0 0 auto;font-size:10px;padding:6px 8px;border-radius:8px}
  html[data-device-mode='mobile'] .home-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:20px}
  html[data-device-mode='mobile'] .home-option{height:112px;border-radius:18px;padding:14px 12px;gap:10px;align-items:flex-start;flex-direction:column;justify-content:center}
  html[data-device-mode='mobile'] .home-option img{width:40px;height:40px}
  html[data-device-mode='mobile'] .home-option strong{font-size:15px}
  html[data-device-mode='mobile'] .home-option span{font-size:10px;line-height:1.25}

  /* Library */
  html[data-device-mode='mobile'] .library-header,
  html[data-device-mode='mobile'] .tv-header{left:16px;right:16px;top:18px}
  html[data-device-mode='mobile'] .library-header h1,
  html[data-device-mode='mobile'] .tv-header h1{font-size:28px;margin:2px 0}
  html[data-device-mode='mobile'] .library-actions{gap:8px}
  html[data-device-mode='mobile'] .round-action{width:42px;height:42px;font-size:20px}
  html[data-device-mode='mobile'] .library-tabs,
  html[data-device-mode='mobile'] .tv-categories{left:16px;right:16px;top:88px;height:48px;gap:7px;overflow-x:auto}
  html[data-device-mode='mobile'] .tab{height:40px;min-width:96px;padding:0 12px;border-radius:10px;font-size:12px;flex:0 0 auto}
  html[data-device-mode='mobile'] .library-stage{left:14px;right:14px;top:142px;bottom:8px;display:block;overflow-y:auto;padding-bottom:24px}
  html[data-device-mode='mobile'] .library-hero{min-height:300px;padding:24px 18px;border-radius:20px}
  html[data-device-mode='mobile'] .lib-meta{font-size:11px;letter-spacing:1.4px}
  html[data-device-mode='mobile'] .library-hero h2{font-size:28px;margin:10px 0}
  html[data-device-mode='mobile'] .library-hero p{font-size:13px;line-height:1.45;max-height:112px}
  html[data-device-mode='mobile'] .hero-tags{gap:6px;margin:13px 0}
  html[data-device-mode='mobile'] .hero-tags span{padding:6px 8px;border-radius:8px;font-size:10px}
  html[data-device-mode='mobile'] .hero-actions{gap:8px}
  html[data-device-mode='mobile'] .hero-actions button{min-width:0;flex:1}
  html[data-device-mode='mobile'] .poster-grid{height:auto;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:12px 10px;padding:16px 0 6px}
  html[data-device-mode='mobile'] .poster-card{height:270px;border-radius:16px}
  html[data-device-mode='mobile'] .poster-card img{height:214px}
  html[data-device-mode='mobile'] .poster-info{height:56px;padding:9px 8px}
  html[data-device-mode='mobile'] .poster-info strong{font-size:12px}
  html[data-device-mode='mobile'] .poster-info span{font-size:10px;margin-top:4px}
  html[data-device-mode='mobile'] .page-indicator{font-size:11px;padding:4px}

  /* Live TV */
  html[data-device-mode='mobile'] .status-pill{font-size:9px;padding:7px 8px;border-radius:9px}
  html[data-device-mode='mobile'] .tv-layout{left:14px;right:14px;top:142px;bottom:8px;display:block;overflow-y:auto;padding-bottom:24px}
  html[data-device-mode='mobile'] .tv-channel-list{border-radius:18px;padding:10px;max-height:46vh;overflow-y:auto}
  html[data-device-mode='mobile'] .channel-row{height:72px;border-radius:14px;gap:10px;padding:8px 10px;margin-bottom:7px}
  html[data-device-mode='mobile'] .channel-row img{width:52px;height:44px;border-radius:8px}
  html[data-device-mode='mobile'] .channel-row .num{font-size:11px;width:24px}
  html[data-device-mode='mobile'] .channel-row strong{font-size:14px}
  html[data-device-mode='mobile'] .channel-row span{font-size:10px;margin-top:3px}
  html[data-device-mode='mobile'] .tv-info{margin-top:12px;border-radius:20px;padding:22px 16px}
  html[data-device-mode='mobile'] .tv-logo-wrap{height:86px}
  html[data-device-mode='mobile'] .tv-logo-wrap img{max-width:46vw;max-height:76px}
  html[data-device-mode='mobile'] .live-pill{padding:7px 9px;border-radius:8px;font-size:10px}
  html[data-device-mode='mobile'] .tv-info h2{font-size:28px;margin:8px 0}
  html[data-device-mode='mobile'] .tv-info p{font-size:13px;max-width:none}
  html[data-device-mode='mobile'] .epg-panel{grid-template-columns:1fr;gap:8px;margin:16px 0}
  html[data-device-mode='mobile'] .epg-panel>div{min-height:84px;padding:12px;border-radius:14px}
  html[data-device-mode='mobile'] .epg-panel span{font-size:9px;letter-spacing:1px}
  html[data-device-mode='mobile'] .epg-panel strong{font-size:14px;margin:6px 0 4px}
  html[data-device-mode='mobile'] .epg-panel small{font-size:10px}

  /* Search */
  html[data-device-mode='mobile'] .search-box-wrap{left:16px;right:16px;top:92px;display:grid;grid-template-columns:1fr auto;gap:8px}
  html[data-device-mode='mobile'] .search-box{height:52px;border-radius:14px;font-size:15px;padding:0 12px}
  html[data-device-mode='mobile'] .search-box-wrap .primary-btn{width:auto;padding:0 16px}
  html[data-device-mode='mobile'] .search-results{left:14px;right:14px;top:158px;bottom:8px;overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  html[data-device-mode='mobile'] .search-results .poster-card{height:270px}
  html[data-device-mode='mobile'] .search-results .poster-card img{height:214px}

  /* Center */
  html[data-device-mode='mobile'] .center-layout{left:14px;right:14px;top:104px;bottom:8px;display:block;overflow-y:auto;padding-bottom:28px}
  html[data-device-mode='mobile'] .center-summary{border-radius:20px;padding:20px 16px}
  html[data-device-mode='mobile'] .center-logo img{width:132px;height:50px;border-radius:10px}
  html[data-device-mode='mobile'] .center-summary h2{font-size:22px;margin:14px 0 5px}
  html[data-device-mode='mobile'] .center-summary>p{font-size:12px}
  html[data-device-mode='mobile'] .center-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
  html[data-device-mode='mobile'] .center-metrics>div{padding:11px 10px;border-radius:11px}
  html[data-device-mode='mobile'] .center-metrics span{font-size:9px}
  html[data-device-mode='mobile'] .center-metrics strong{font-size:12px;margin-top:4px}
  html[data-device-mode='mobile'] .center-actions-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:9px;margin-top:12px}
  html[data-device-mode='mobile'] .center-action{min-height:112px;border-radius:16px;padding:14px}
  html[data-device-mode='mobile'] .center-icon{width:42px;height:42px;border-radius:11px;font-size:22px;margin-bottom:9px}
  html[data-device-mode='mobile'] .center-action strong{font-size:15px}
  html[data-device-mode='mobile'] .center-action small{font-size:11px;margin-top:5px}
  html[data-device-mode='mobile'] .diagnostics-panel{position:fixed;left:14px;right:14px;bottom:14px;width:auto;padding:12px;border-radius:12px;font-size:10px}

  /* Player portrait */
  html[data-device-mode='mobile'] .channel-bug{left:16px;top:18px;max-width:34vw;max-height:72px}
  html[data-device-mode='mobile'] .program-card{right:-94vw;top:74px;width:90vw;padding:16px 14px;border-radius:18px 0 0 18px}
  html[data-device-mode='mobile'] .program-label,
  html[data-device-mode='mobile'] .program-next-label{font-size:9px;letter-spacing:1.5px}
  html[data-device-mode='mobile'] .program-card h2{font-size:18px;margin:6px 0}
  html[data-device-mode='mobile'] .program-card #program-now-desc{font-size:11px}
  html[data-device-mode='mobile'] .program-card #program-next-title{font-size:12px}
  html[data-device-mode='mobile'] .player-controls{left:12px;right:12px;bottom:16px;padding:14px 12px;border-radius:18px;transform:translateY(180px)}
  html[data-device-mode='mobile'] .player-head{align-items:flex-start;gap:8px}
  html[data-device-mode='mobile'] .player-title{font-size:18px}
  html[data-device-mode='mobile'] .player-subtitle{font-size:10px}
  html[data-device-mode='mobile'] .player-badges{gap:5px}
  html[data-device-mode='mobile'] .player-live-pill,
  html[data-device-mode='mobile'] .player-format{padding:5px 7px;border-radius:7px;font-size:9px}
  html[data-device-mode='mobile'] .timeline{height:5px;border-radius:5px;margin:11px 0}
  html[data-device-mode='mobile'] .player-bottomline{gap:6px;font-size:10px;flex-wrap:wrap}
  html[data-device-mode='mobile'] .player-control{min-width:42px;height:42px;border-radius:10px;font-size:12px}
  html[data-device-mode='mobile'] .player-spacer{display:none}
  html[data-device-mode='mobile'] .player-health{width:100%;font-size:9px;margin-top:4px}
  html[data-device-mode='mobile'] .spinner{width:46px;height:46px;border-width:4px}
  html[data-device-mode='mobile'] .player-loading strong{font-size:15px}
  html[data-device-mode='mobile'] .player-loading span{font-size:11px}
  html[data-device-mode='mobile'] .player-error{width:90vw;padding:20px 16px;border-radius:18px}
  html[data-device-mode='mobile'] .player-error strong{font-size:18px}
  html[data-device-mode='mobile'] .player-error span{font-size:12px;margin:10px 0 16px}
  html[data-device-mode='mobile'] .player-error>div{gap:8px;flex-direction:column}
  html[data-device-mode='mobile'] .player-error button{width:100%;min-width:0}
  html[data-device-mode='mobile'] .player-info-panel{left:12px;right:12px;top:90px;width:auto;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px;border-radius:12px}
  html[data-device-mode='mobile'] .player-info-panel span{font-size:8px}
  html[data-device-mode='mobile'] .player-info-panel strong{font-size:10px}

  /* Exit */
  html[data-device-mode='mobile'] .exit-card{width:90vw;min-height:0;padding:24px 18px;border-radius:24px;grid-template-columns:54px 1fr;gap:14px}
  html[data-device-mode='mobile'] .exit-icon{width:54px;height:54px;border-radius:14px;font-size:26px}
  html[data-device-mode='mobile'] .exit-card h2{font-size:24px;margin:4px 0 7px}
  html[data-device-mode='mobile'] .exit-card p{font-size:13px}
  html[data-device-mode='mobile'] .exit-actions{gap:8px;flex-direction:column-reverse}
  html[data-device-mode='mobile'] .exit-actions button{width:100%}
}


/* BUILD003 — Android phone/tablet is touch-first; TV keeps D-pad focus. */
html[data-input-mode='touch'],
html[data-input-mode='touch'] body{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior-y:contain;
}
html[data-input-mode='touch'] .focusable.is-focused,
html[data-input-mode='touch'] .profile-card.is-focused,
html[data-input-mode='touch'] .home-option.is-focused,
html[data-input-mode='touch'] .input-wrap.is-focused{
  transform:none!important;
  box-shadow:none!important;
}
html[data-input-mode='touch'] .focusable,
html[data-input-mode='touch'] button,
html[data-input-mode='touch'] .poster-card,
html[data-input-mode='touch'] .channel-row,
html[data-input-mode='touch'] .profile-card{
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
}
html[data-input-mode='touch'] button:active,
html[data-input-mode='touch'] .focusable:active,
html[data-input-mode='touch'] .focusable.is-touching,
html[data-input-mode='touch'] .poster-card:active,
html[data-input-mode='touch'] .channel-row:active,
html[data-input-mode='touch'] .profile-card:active{
  transform:scale(.975)!important;
  opacity:.88;
  transition:transform .06s ease,opacity .06s ease;
}
html[data-input-mode='touch'] input,
html[data-input-mode='touch'] textarea{
  user-select:text;
  -webkit-user-select:text;
}
html[data-input-mode='touch'] .help-strip{display:none!important}
html[data-input-mode='touch'] .library-tabs,
html[data-input-mode='touch'] .tv-categories,
html[data-input-mode='touch'] .home-stats{
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
html[data-input-mode='touch'] .library-tabs::-webkit-scrollbar,
html[data-input-mode='touch'] .tv-categories::-webkit-scrollbar,
html[data-input-mode='touch'] .home-stats::-webkit-scrollbar{display:none}
html[data-input-mode='touch'] .library-stage,
html[data-input-mode='touch'] .tv-layout,
html[data-input-mode='touch'] .search-results,
html[data-input-mode='touch'] .center-layout,
html[data-input-mode='touch'] .tv-channel-list{
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}


/* =========================================================
   ANDROID BUILD004 — FÉNIX MOBILE PREMIUM
   Scope is strictly phone/tablet mode. Android TV is untouched.
   ========================================================= */
.mobile-bottom-nav,.mobile-player-top,.mobile-player-tap,.mobile-player-hint{display:none}
@media (orientation: portrait) {
  html[data-device-mode='mobile']{
    --mobile-safe-top:max(12px,env(safe-area-inset-top));
    --mobile-safe-bottom:max(10px,env(safe-area-inset-bottom));
    --mobile-nav-h:72px;
    --mobile-pad:16px;
  }
  html[data-device-mode='mobile'] body{background:#03050a;overscroll-behavior:none}
  html[data-device-mode='mobile'] .app-shell{background:radial-gradient(circle at 82% 4%,rgba(168,65,255,.10),transparent 31%),radial-gradient(circle at 12% 18%,rgba(50,212,255,.08),transparent 27%),#05070b}
  html[data-device-mode='mobile'] .screen.is-active{animation:fenixMobileScreenIn .24s cubic-bezier(.2,.8,.2,1)}
  @keyframes fenixMobileScreenIn{from{opacity:.55;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
  html[data-device-mode='mobile'] .screen-art{transform:scale(1.025);filter:saturate(.9) brightness(.72)}
  html[data-device-mode='mobile'] .screen-shade{background:linear-gradient(180deg,rgba(4,6,10,.40),rgba(4,6,10,.92) 35%,#05070b 74%)}
  html[data-device-mode='mobile'] .glass-card{background:linear-gradient(160deg,rgba(18,24,35,.985),rgba(7,10,16,.99));border-color:rgba(255,255,255,.10);box-shadow:0 18px 54px rgba(0,0,0,.34)}
  html[data-device-mode='mobile'] .primary-btn,
  html[data-device-mode='mobile'] .secondary-btn,
  html[data-device-mode='mobile'] .ghost-btn,
  html[data-device-mode='mobile'] .danger-btn,
  html[data-device-mode='mobile'] .play-btn,
  html[data-device-mode='mobile'] .favorite-btn,
  html[data-device-mode='mobile'] .manage-btn{min-height:54px;border-radius:17px;font-size:14px;letter-spacing:.35px;box-shadow:inset 0 1px rgba(255,255,255,.13)}
  html[data-device-mode='mobile'] .primary-btn,
  html[data-device-mode='mobile'] .play-btn{background:linear-gradient(120deg,#ff315b 0%,#e94089 48%,#9746ff 100%);box-shadow:0 9px 28px rgba(221,54,122,.23)}
  html[data-device-mode='mobile'] .secondary-btn{background:linear-gradient(120deg,#087ca8,#31d7ff);box-shadow:0 9px 26px rgba(30,192,239,.16)}
  html[data-device-mode='mobile'] .eyebrow{color:#57dcff;text-shadow:0 0 24px rgba(50,212,255,.18)}

  /* Mobile navigation */
  html[data-device-mode='mobile'] .mobile-bottom-nav{display:flex;position:fixed;z-index:150;left:10px;right:10px;bottom:var(--mobile-safe-bottom);height:var(--mobile-nav-h);padding:7px 6px 6px;border-radius:24px;background:linear-gradient(180deg,rgba(17,23,34,.98),rgba(7,10,16,.99));border:1px solid rgba(255,255,255,.10);box-shadow:0 14px 44px rgba(0,0,0,.46);align-items:stretch;justify-content:space-around}
  html[data-device-mode='mobile'][data-current-screen='splash'] .mobile-bottom-nav,
  html[data-device-mode='mobile'][data-current-screen='login'] .mobile-bottom-nav,
  html[data-device-mode='mobile'][data-current-screen='activation'] .mobile-bottom-nav,
  html[data-device-mode='mobile'][data-current-screen='profiles'] .mobile-bottom-nav,
  html[data-device-mode='mobile'][data-current-screen='player'] .mobile-bottom-nav{display:none}
  html[data-device-mode='mobile'] .mobile-nav-item{position:relative;flex:1;min-width:0;border:0;background:transparent;color:#788596;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 1px;transition:transform .12s ease,color .18s ease,background .18s ease}
  html[data-device-mode='mobile'] .mobile-nav-item span{font-size:20px;line-height:22px;font-weight:900}
  html[data-device-mode='mobile'] .mobile-nav-item small{font-size:9px;line-height:12px;font-weight:800;letter-spacing:.15px}
  html[data-device-mode='mobile'] .mobile-nav-item.is-active{color:#f5fbff;background:linear-gradient(180deg,rgba(50,212,255,.13),rgba(50,212,255,.035))}
  html[data-device-mode='mobile'] .mobile-nav-item.is-active:after{content:"";position:absolute;top:3px;width:22px;height:2px;border-radius:3px;background:#43dcff;box-shadow:0 0 12px rgba(67,220,255,.9)}
  html[data-device-mode='mobile'] .mobile-nav-live{margin:-15px 3px 5px;border-radius:50%;max-width:58px;height:58px;align-self:center;color:#fff;background:linear-gradient(145deg,#ff3159,#a441ff);box-shadow:0 9px 26px rgba(194,51,134,.33)}
  html[data-device-mode='mobile'] .mobile-nav-live.is-active{background:linear-gradient(145deg,#ff3a60,#9148ff)}
  html[data-device-mode='mobile'] .mobile-nav-live:after{display:none}
  html[data-device-mode='mobile'] .mobile-nav-live small{display:none}
  html[data-device-mode='mobile'] .mobile-nav-live span{font-size:19px;margin-left:2px}

  /* Global content reserve for bottom navigation */
  html[data-device-mode='mobile'][data-current-screen='home'] .home-content,
  html[data-device-mode='mobile'][data-current-screen='library'] .library-stage,
  html[data-device-mode='mobile'][data-current-screen='tv'] .tv-layout,
  html[data-device-mode='mobile'][data-current-screen='search'] .search-results,
  html[data-device-mode='mobile'][data-current-screen='center'] .center-layout{padding-bottom:calc(var(--mobile-nav-h) + var(--mobile-safe-bottom) + 26px)!important}

  /* Login — phone-native composition */
  html[data-device-mode='mobile'] .brand-header{top:calc(var(--mobile-safe-top) + 8px);left:18px}
  html[data-device-mode='mobile'] .brand-header img,
  html[data-device-mode='mobile'] .brand-inline img{width:104px;height:38px;border-radius:12px;box-shadow:0 9px 24px rgba(0,0,0,.28)}
  html[data-device-mode='mobile'] .login-layout{padding:96px 16px 34px}
  html[data-device-mode='mobile'] .login-copy h1{font-size:40px;line-height:.96;margin:16px 0 13px;max-width:330px}
  html[data-device-mode='mobile'] .login-copy p{color:#c1c9d5;font-size:14px;max-width:350px}
  html[data-device-mode='mobile'] .feature-chips{margin-top:16px;gap:6px;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  html[data-device-mode='mobile'] .feature-chips span{flex:0 0 auto;background:rgba(17,34,48,.78);border-color:rgba(74,218,255,.17)}
  html[data-device-mode='mobile'] .login-card{margin-top:20px;padding:23px 17px 18px;border-radius:28px}
  html[data-device-mode='mobile'] .login-card h2{font-size:27px;letter-spacing:-.6px}
  html[data-device-mode='mobile'] .input-wrap{height:56px;border-radius:17px;background:#090e16;border:1.5px solid rgba(255,255,255,.11);box-shadow:inset 0 1px rgba(255,255,255,.025)}
  html[data-device-mode='mobile'] .input-wrap:focus-within{border-color:#38cffa;box-shadow:0 0 0 3px rgba(50,212,255,.08)}
  html[data-device-mode='mobile'] .login-card .primary-btn{margin-top:7px}
  html[data-device-mode='mobile'] .form-error{border-radius:10px;padding:0 5px}

  /* Profiles */
  html[data-device-mode='mobile'] .profiles-center{padding:106px 16px calc(var(--mobile-safe-bottom) + 24px)}
  html[data-device-mode='mobile'] .profiles-center h1{font-size:31px;letter-spacing:-.8px}
  html[data-device-mode='mobile'] .profile-grid{gap:11px}
  html[data-device-mode='mobile'] .profile-card{min-height:184px;border-radius:24px;padding:17px 10px;background:linear-gradient(155deg,rgba(22,29,41,.96),rgba(9,13,20,.98));border:1px solid rgba(255,255,255,.075);box-shadow:0 12px 30px rgba(0,0,0,.18)}
  html[data-device-mode='mobile'] .profile-card img{width:98px;height:98px;box-shadow:0 10px 28px rgba(0,0,0,.34)}

  /* Home */
  html[data-device-mode='mobile'] .home-backdrop{background-position:67% center;transform:scale(1.03)}
  html[data-device-mode='mobile'] .home-overlay{background:linear-gradient(180deg,rgba(3,5,9,.40),rgba(4,6,10,.77) 22%,rgba(4,6,10,.97) 48%,#05070b 82%)}
  html[data-device-mode='mobile'] .home-header{top:calc(var(--mobile-safe-top) + 6px);left:15px;right:15px;align-items:center}
  html[data-device-mode='mobile'] .home-account{background:rgba(8,12,18,.78);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:7px 9px;max-width:128px}
  html[data-device-mode='mobile'] .home-account strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-device-mode='mobile'] .home-account span{font-size:8px}
  html[data-device-mode='mobile'] .home-content{padding:122px 14px 24px}
  html[data-device-mode='mobile'] .home-content h1{font-size:36px;line-height:.98;letter-spacing:-1.25px;margin:10px 0 9px;max-width:320px}
  html[data-device-mode='mobile'] .home-content>p{font-size:13px;color:#c2cad5;max-width:350px}
  html[data-device-mode='mobile'] .home-stats{margin:15px -14px 0;padding:0 14px 4px;gap:7px}
  html[data-device-mode='mobile'] .home-stats span{font-size:9px;padding:7px 9px;border-radius:10px;background:rgba(12,18,27,.82)}
  html[data-device-mode='mobile'] .home-menu{gap:10px;margin-top:18px}
  html[data-device-mode='mobile'] .home-option{height:124px;border-radius:23px;padding:15px 13px;background:linear-gradient(150deg,rgba(23,31,44,.98),rgba(8,12,19,.99));border:1px solid rgba(255,255,255,.075);box-shadow:0 12px 30px rgba(0,0,0,.16);overflow:hidden}
  html[data-device-mode='mobile'] .home-option:before{content:"";position:absolute;left:-14px;top:-32px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(50,212,255,.13),transparent 68%)}
  html[data-device-mode='mobile'] .home-option[data-action='home-tv']{grid-column:1/3;height:108px;flex-direction:row;align-items:center;justify-content:flex-start;background:linear-gradient(110deg,rgba(112,20,56,.93),rgba(33,22,69,.98) 65%,rgba(10,15,23,.98));border-color:rgba(255,91,132,.17)}
  html[data-device-mode='mobile'] .home-option[data-action='home-tv'] img{width:48px;height:48px}
  html[data-device-mode='mobile'] .home-option[data-action='home-center']{grid-column:1/3;height:88px;flex-direction:row;align-items:center}
  html[data-device-mode='mobile'] .home-option img{width:43px;height:43px;filter:drop-shadow(0 7px 13px rgba(0,0,0,.22))}
  html[data-device-mode='mobile'] .home-option strong{font-size:15px;letter-spacing:-.2px}
  html[data-device-mode='mobile'] .home-option span{font-size:10px;color:#9facbb}

  /* Library */
  html[data-device-mode='mobile'] .library-header,
  html[data-device-mode='mobile'] .tv-header{top:calc(var(--mobile-safe-top) + 8px);left:15px;right:15px;align-items:center}
  html[data-device-mode='mobile'] .library-header h1,
  html[data-device-mode='mobile'] .tv-header h1{font-size:27px;letter-spacing:-.6px}
  html[data-device-mode='mobile'] .round-action{width:44px;height:44px;border-radius:15px;background:#101722}
  html[data-device-mode='mobile'] .library-tabs,
  html[data-device-mode='mobile'] .tv-categories{left:0;right:0;top:92px;height:48px;padding:0 15px;gap:7px}
  html[data-device-mode='mobile'] .tab{height:39px;min-width:auto;padding:0 14px;border-radius:13px;background:#0d141e;font-size:11px}
  html[data-device-mode='mobile'] .tab.active{background:linear-gradient(120deg,#1bc5ed,#49defd);box-shadow:0 7px 19px rgba(31,192,229,.15)}
  html[data-device-mode='mobile'] .library-stage{left:12px;right:12px;top:145px;bottom:0}
  html[data-device-mode='mobile'] .library-hero{min-height:320px;padding:22px 17px;border-radius:26px;border-color:rgba(255,255,255,.09);box-shadow:0 14px 38px rgba(0,0,0,.22);background-position:center 22%}
  html[data-device-mode='mobile'] .library-hero:after{background:linear-gradient(180deg,rgba(5,8,13,.16),rgba(7,10,16,.93) 56%,rgba(7,10,16,.99))}
  html[data-device-mode='mobile'] .library-hero h2{font-size:29px;line-height:1.03;letter-spacing:-.8px}
  html[data-device-mode='mobile'] .library-hero p{font-size:12px;color:#c7ced8}
  html[data-device-mode='mobile'] .poster-grid{gap:12px 9px;padding-top:14px}
  html[data-device-mode='mobile'] .poster-card{height:282px;border-radius:20px;background:#0d141e;border:1px solid rgba(255,255,255,.06);box-shadow:0 9px 25px rgba(0,0,0,.15)}
  html[data-device-mode='mobile'] .poster-card img{height:224px}
  html[data-device-mode='mobile'] .poster-info{height:58px;padding:9px 9px;background:linear-gradient(180deg,#121a26,#0c111a)}
  html[data-device-mode='mobile'] .poster-info strong{font-size:12px}
  html[data-device-mode='mobile'] .poster-info span{font-size:9px;color:#8b98a8}

  /* Live TV */
  html[data-device-mode='mobile'] .tv-layout{left:12px;right:12px;top:145px;bottom:0}
  html[data-device-mode='mobile'] .tv-channel-list{max-height:none;border-radius:24px;padding:9px;background:linear-gradient(180deg,rgba(12,18,27,.97),rgba(7,11,17,.99));border:1px solid rgba(255,255,255,.07)}
  html[data-device-mode='mobile'] .channel-row{height:78px;border-radius:18px;padding:9px 10px;margin-bottom:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}
  html[data-device-mode='mobile'] .channel-row img{width:58px;height:50px;border-radius:12px}
  html[data-device-mode='mobile'] .channel-row strong{font-size:14px}
  html[data-device-mode='mobile'] .tv-info{margin-top:11px;border-radius:26px;padding:20px 16px;background:linear-gradient(155deg,rgba(18,25,37,.98),rgba(7,11,17,.99));box-shadow:0 14px 34px rgba(0,0,0,.20)}
  html[data-device-mode='mobile'] .tv-info h2{font-size:27px;letter-spacing:-.7px}
  html[data-device-mode='mobile'] .epg-panel>div{border-radius:17px;padding:13px;background:rgba(50,212,255,.045)}

  /* Search */
  html[data-device-mode='mobile'] .search-box-wrap{top:94px;left:14px;right:14px;gap:7px}
  html[data-device-mode='mobile'] .search-box{height:54px;border-radius:18px;background:#0b111a;border:1px solid rgba(255,255,255,.10);font-size:16px;padding:0 14px}
  html[data-device-mode='mobile'] .search-box:focus{border-color:#34cef5;box-shadow:0 0 0 3px rgba(50,212,255,.07)}
  html[data-device-mode='mobile'] .search-results{left:12px;right:12px;top:158px;bottom:0;gap:12px 9px}

  /* Center */
  html[data-device-mode='mobile'] .center-layout{left:12px;right:12px;top:100px;bottom:0}
  html[data-device-mode='mobile'] .center-summary{border-radius:26px;padding:20px 16px;background:linear-gradient(150deg,rgba(18,25,36,.99),rgba(8,12,18,.99))}
  html[data-device-mode='mobile'] .center-metrics>div{border-radius:14px;background:#0a1018}
  html[data-device-mode='mobile'] .center-actions-grid{gap:8px}
  html[data-device-mode='mobile'] .center-action{min-height:96px;border-radius:20px;padding:14px 13px;background:linear-gradient(145deg,#121a26,#0a0f17);border:1px solid rgba(255,255,255,.065)}
  html[data-device-mode='mobile'] .center-action small{line-height:1.35}

  /* Premium portrait player */
  html[data-device-mode='mobile'] .player-screen{overflow:hidden!important;background:radial-gradient(circle at 50% 28%,#101826,#020306 55%,#000 100%)}
  html[data-device-mode='mobile'] .mobile-player-top{display:flex;position:absolute;z-index:30;left:12px;right:12px;top:calc(var(--mobile-safe-top) + 4px);height:52px;align-items:center;gap:10px;pointer-events:none}
  html[data-device-mode='mobile'] .mobile-player-top>*{pointer-events:auto}
  html[data-device-mode='mobile'] .mobile-player-back{width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(12,17,25,.94);color:#fff;font-size:34px;line-height:38px;padding:0 0 4px;box-shadow:0 8px 24px rgba(0,0,0,.26)}
  html[data-device-mode='mobile'] .mobile-player-brand{display:flex;flex-direction:column;min-width:0}
  html[data-device-mode='mobile'] .mobile-player-brand strong{font-size:12px;letter-spacing:1px}
  html[data-device-mode='mobile'] .mobile-player-brand span{font-size:8px;color:#8592a2;letter-spacing:1.2px;margin-top:2px}
  html[data-device-mode='mobile'] .mobile-player-live-dot{margin-left:auto;color:#ff4b6b;font-size:13px;text-shadow:0 0 12px rgba(255,75,107,.75)}
  html[data-device-mode='mobile'] .player-video{left:10px;right:10px;top:calc(var(--mobile-safe-top) + 72px);width:calc(100% - 20px);height:56.25vw;max-height:38vh;border-radius:22px;background:#000;box-shadow:0 18px 44px rgba(0,0,0,.5);object-fit:contain;z-index:2}
  html[data-device-mode='mobile'] .mobile-player-tap{display:block;position:absolute;z-index:7;left:10px;right:10px;top:calc(var(--mobile-safe-top) + 72px);width:calc(100% - 20px);height:56.25vw;max-height:38vh;border:0;border-radius:22px;background:transparent;padding:0}
  html[data-device-mode='mobile'] .mobile-player-hint{display:block;position:absolute;z-index:8;left:50%;top:calc(var(--mobile-safe-top) + 72px + 56.25vw + 12px);transform:translateX(-50%);width:92%;text-align:center;font-size:8px;letter-spacing:1.1px;font-weight:800;color:#657284;opacity:.75;transition:opacity .2s}
  html[data-device-mode='mobile'] .player-screen.controls-visible .mobile-player-hint{opacity:0}
  html[data-device-mode='mobile'] .channel-bug{left:24px;top:calc(var(--mobile-safe-top) + 84px);max-width:30vw;max-height:52px;z-index:9}
  html[data-device-mode='mobile'] .player-top-gradient{top:calc(var(--mobile-safe-top) + 72px);height:100px;left:10px;right:10px;border-radius:22px 22px 0 0;z-index:5}
  html[data-device-mode='mobile'] .player-bottom-gradient{display:none}
  html[data-device-mode='mobile'] .program-card{left:12px;right:12px;top:calc(var(--mobile-safe-top) + 72px + 56.25vw + 34px);width:auto;max-height:210px;padding:14px;border-radius:20px;transform:translateY(10px);opacity:0;transition:opacity .2s ease,transform .2s ease;background:linear-gradient(150deg,rgba(15,22,32,.98),rgba(7,11,17,.99));border:1px solid rgba(255,255,255,.08)}
  html[data-device-mode='mobile'] .program-card.show{right:12px;opacity:1;transform:translateY(0)}
  html[data-device-mode='mobile'] .player-controls{left:10px;right:10px;bottom:calc(var(--mobile-safe-bottom) + 8px);padding:17px 13px 14px;border-radius:25px;background:linear-gradient(160deg,rgba(16,23,34,.99),rgba(5,8,13,.995));border:1px solid rgba(255,255,255,.10);box-shadow:0 -10px 40px rgba(0,0,0,.38);transform:translateY(calc(100% + 28px));opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
  html[data-device-mode='mobile'] .player-screen.controls-visible .player-controls{transform:translateY(0);opacity:1}
  html[data-device-mode='mobile'] .player-title{font-size:18px;line-height:1.05}
  html[data-device-mode='mobile'] .player-subtitle{font-size:10px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-device-mode='mobile'] .timeline{height:6px;margin:14px 0;border-radius:8px}
  html[data-device-mode='mobile'] .player-bottomline{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;align-items:center}
  html[data-device-mode='mobile'] .player-control{min-width:0;width:100%;height:46px;border-radius:15px;background:#111925;border:1px solid rgba(255,255,255,.09);font-size:12px}
  html[data-device-mode='mobile'] #player-time{grid-column:1/4;margin-top:4px;font-size:10px;color:#99a6b6}
  html[data-device-mode='mobile'] #player-quality{grid-column:4/5;margin-top:4px;text-align:center;font-size:10px}
  html[data-device-mode='mobile'] .player-health{grid-column:5/7;width:auto;margin-top:4px;text-align:right;font-size:9px}
  html[data-device-mode='mobile'] .player-spacer{display:none}
  html[data-device-mode='mobile'] .player-info-panel{left:12px;right:12px;top:auto;bottom:calc(var(--mobile-safe-bottom) + 195px);width:auto;z-index:24;border-radius:18px;padding:11px;background:rgba(7,11,17,.985)}
  html[data-device-mode='mobile'] .player-loading{top:calc(var(--mobile-safe-top) + 72px + 28.125vw);z-index:18}
  html[data-device-mode='mobile'] .player-error{top:50%;width:calc(100% - 28px);border-radius:24px;background:linear-gradient(155deg,#491321,#200a11)}

  /* Exit confirmation — impossible to confuse with player back */
  html[data-device-mode='mobile'] .modal-layer{position:fixed;padding:18px;background:rgba(2,4,7,.88)}
  html[data-device-mode='mobile'] .exit-card{width:100%;max-width:420px;padding:25px 18px 18px;border-radius:30px;grid-template-columns:58px 1fr;gap:14px;background:linear-gradient(155deg,#151d2a,#080c12);box-shadow:0 24px 70px rgba(0,0,0,.58)}
  html[data-device-mode='mobile'] .exit-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#102a3a,#29152f);font-size:27px}
  html[data-device-mode='mobile'] .exit-card h2{font-size:25px;line-height:1.05;letter-spacing:-.6px}
  html[data-device-mode='mobile'] .exit-card p{font-size:12px;color:#aeb9c7}
  html[data-device-mode='mobile'] .exit-actions{grid-column:1/3;display:grid;grid-template-columns:1fr;gap:8px}
  html[data-device-mode='mobile'] .exit-actions button{width:100%}

  /* Bottom-sheet-aware toast */
  html[data-device-mode='mobile'] .toast{position:fixed;bottom:calc(var(--mobile-safe-bottom) + var(--mobile-nav-h) + 18px);max-width:calc(100vw - 32px);border-radius:17px;background:#0b1119;box-shadow:0 12px 34px rgba(0,0,0,.4)}
  html[data-device-mode='mobile'][data-current-screen='player'] .toast,
  html[data-device-mode='mobile'][data-current-screen='login'] .toast,
  html[data-device-mode='mobile'][data-current-screen='profiles'] .toast{bottom:calc(var(--mobile-safe-bottom) + 18px)}
}

@media (prefers-reduced-motion: reduce){
  html[data-device-mode='mobile'] .screen.is-active{animation:none!important}
  html[data-device-mode='mobile'] *{scroll-behavior:auto!important}
}