/* Liso TV 2.8 — subscriber streaming app. Scoped to the customer experience.
   Business logic, provider, streams, player, TMDB and import remain untouched. */
body.is-subscriber-app{
 --v28-bg:#080b13;--v28-panel:#111622;--v28-panel2:#171e2b;
 --v28-line:rgba(220,231,255,.09);--v28-ink:#fafbfe;
 --v28-muted:#a3adc1;--v28-gold:#f5c678;
 background:radial-gradient(ellipse at 77% -11%,rgba(94,81,138,.16),transparent 40%),var(--v28-bg);
}
body.is-subscriber-app .site-footer{display:none!important}
body.is-subscriber-app .site-header.v2-header{
 background:rgba(8,11,18,.91);border-color:rgba(255,255,255,.075);height:74px;
 backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px)
}
body.is-subscriber-app .site-header .primary-nav,
body.is-subscriber-app .site-header .app-header-search,
body.is-subscriber-app .site-header .header-subscribe{display:none!important}
body.is-subscriber-app .site-header .header-inner{min-height:74px;justify-content:space-between}
body.is-subscriber-app .site-header .liso-logo img{width:148px}
body.is-subscriber-app .site-header .header-account{background:rgba(255,255,255,.045);border:1px solid var(--v28-line);border-radius:40px;padding:10px 15px;gap:9px}
body.is-subscriber-app .site-header .header-account svg{color:var(--v28-gold)}
body.is-subscriber-app .site-header .header-actions{margin-left:auto}
body.is-subscriber-app .site-header .mobile-menu-toggle{display:none!important}

/* Workspace: purpose-built shell, sticky navigation and profile search. */
body.is-subscriber-app .subscriber-layout.v28-app-shell{
 width:min(100%,1740px);max-width:1740px;display:grid;
 grid-template-columns:244px minmax(0,1fr);align-items:start;gap:30px;
 padding:28px clamp(18px,3.1vw,52px) 88px;min-height:calc(100dvh - 74px)
}
body.is-subscriber-app .v28-app-content{min-width:0;padding:0}
body.is-subscriber-app .v28-sidebar{
 position:sticky;top:97px;align-self:start;display:flex;flex-direction:column;
 min-height:min(720px,calc(100dvh - 115px));max-height:calc(100dvh - 115px);overflow:auto;
 padding:19px 12px 15px;border-radius:24px;
 border:1px solid var(--v28-line);background:
 radial-gradient(circle at 18% -10%,rgba(155,119,204,.13),transparent 45%),
 linear-gradient(160deg,#151a28,#0e121d 72%);
 box-shadow:0 20px 60px rgba(0,0,0,.19);scrollbar-width:thin
}
.v28-side-brand{display:flex;align-items:center;gap:12px;padding:7px 10px 24px;border-bottom:1px solid var(--v28-line);margin-bottom:12px}
.v28-brand-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:13px;background:linear-gradient(130deg,#ffe2a3,#eaa95e);color:#201a16;box-shadow:0 6px 22px rgba(227,162,70,.2)}
.v28-brand-icon svg{width:19px;height:19px;fill:currentColor}
.v28-side-brand strong{display:block;font-size:.81rem;letter-spacing:.09em;color:#fff}
.v28-side-brand small{font-size:.52rem;font-weight:800;letter-spacing:.12em;color:#818da3}
body.is-subscriber-app .v28-sidebar nav{display:block}
.v28-side-group{display:grid;gap:4px;margin:14px 0 23px}
.v28-side-label{padding:0 13px 8px;color:#728097;font-weight:900;font-size:.61rem;letter-spacing:.16em}
body.is-subscriber-app .v28-sidebar .app-side-link{
 display:flex;align-items:center;position:relative;gap:12px;
 min-height:43px;padding:11px 13px;font-size:.81rem;font-weight:750;
 border:1px solid transparent;border-radius:12px;background:transparent;color:#aeb7c7;transition:background .2s,color .2s
}
body.is-subscriber-app .v28-sidebar .app-side-link svg{width:19px;height:19px;color:#8391aa}
body.is-subscriber-app .v28-sidebar .app-side-link:hover{background:rgba(255,255,255,.065);color:#fff}
body.is-subscriber-app .v28-sidebar .app-side-link.active{
 background:linear-gradient(100deg,rgba(249,202,125,.16),rgba(249,202,125,.045));
 border-color:rgba(245,195,115,.2);color:#ffdc9c
}
body.is-subscriber-app .v28-sidebar .app-side-link.active svg{color:#ffcf84}
.v28-active-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:6px;width:6px;border-radius:100%;background:#ffd493;box-shadow:0 0 14px rgba(255,195,93,.55)}
.v28-side-bottom{margin-top:auto;border-top:1px solid var(--v28-line);padding:15px 9px 2px;display:grid;gap:15px}
.v28-side-live{display:flex;align-items:center;gap:7px;color:#99a6b8;font-size:.65rem}
.v28-side-live i{width:7px;height:7px;border-radius:50%;background:#8ed2a3;box-shadow:0 0 0 4px rgba(78,188,121,.08)}
.v28-side-bottom>a{display:flex;align-items:center;gap:10px;color:#c9cdd8;font-weight:700;font-size:.77rem}
.v28-side-bottom>a:hover{color:#ffd490}.v28-side-bottom>a svg{height:17px;width:17px}
.v28-topbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:0 0 27px;min-height:54px}
.v28-topbar-intro{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.65rem;letter-spacing:.17em;font-weight:900;color:#8998ac}
.v28-topbar-intro b{color:#e7b975;margin:0 4px}.v28-topbar-dot{width:6px;height:6px;border-radius:50%;background:#f3c37b}
.v28-topbar-right{display:flex;align-items:center;gap:11px;min-width:0}
.v28-top-search{width:clamp(230px,23vw,385px)}
.v28-top-search .site-search{width:100%;height:45px;border-radius:13px;padding-inline:13px;background:#151b27;border:1px solid #2b3443;box-shadow:none}
.v28-top-search .site-search svg{color:#d6b887}
.v28-top-search .site-search input{font-size:.8rem}
.v28-top-notice{display:flex;align-items:center;gap:7px;padding:11px 13px;border:1px solid rgba(139,211,156,.2);background:rgba(78,171,108,.07);border-radius:12px;white-space:nowrap;font-size:.71rem;font-weight:800;color:#9cd8aa}
.v28-top-notice svg{width:16px;height:16px}
.v28-profile{display:flex;align-items:center;gap:9px;min-width:0}
.v28-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;flex:0 0 40px;background:linear-gradient(145deg,#e7b978,#b46c48);color:#191116;font-family:Outfit,sans-serif;font-weight:900;font-size:1.1rem}
.v28-profile-name{display:grid;font-size:.76rem;line-height:1.3;font-weight:800;color:#f3f4f6;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v28-profile-name small{font-size:.67rem;color:#929eae;font-weight:500}
.v28-eyebrow{color:#e9c38a;font-size:.68rem;letter-spacing:.16em;font-weight:900;display:inline-flex;align-items:center;gap:9px;text-transform:uppercase}
.v28-page-heading{padding:4px 0 23px}.v28-page-heading h1{margin:6px 0;font-size:clamp(2rem,3.4vw,3.3rem)}.v28-page-heading p{font-size:.83rem;color:var(--v28-muted)}

/* Spotlight — one strong editorial hero, flexible desktop/mobile composition. */
.v28-dashboard-welcome{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:12px 0 20px}
.v28-dashboard-welcome h1{font-size:clamp(2rem,3.1vw,3.15rem);line-height:1.11;letter-spacing:-.052em;max-width:790px;margin:8px 0 10px}
.v28-dashboard-welcome h1 em{font-style:normal;color:#f7cb86}
.v28-dashboard-welcome p{font-size:.85rem;line-height:1.6;margin:0;color:#aeb8c7}
.v28-welcome-link{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#e6e7ec;font-size:.76rem;font-weight:800;background:#141a26}
.v28-welcome-link svg{width:18px;height:18px;color:#ffca8a}.v28-welcome-link svg:last-child{width:14px}
.v28-feature{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(360px,33vw,465px);display:flex;align-items:center;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:#151a25;box-shadow:0 24px 50px rgba(0,0,0,.24);margin-bottom:19px}
.v28-feature:before{content:"";position:absolute;inset:0;background:var(--v28-feature-image) center 39%/cover no-repeat;z-index:-2;filter:saturate(.94) brightness(.83)}
.v28-feature-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,10,19,.99) 1%,rgba(8,10,19,.92) 34%,rgba(7,9,16,.26) 80%),linear-gradient(0deg,rgba(6,8,14,.72),transparent 55%)}
.v28-feature-copy{padding:clamp(27px,4.1vw,60px);max-width:min(670px,72%);position:relative}
.v28-feature-kicker{display:inline-flex;align-items:center;gap:10px;color:#fee1aa;font-size:.64rem;letter-spacing:.18em;font-weight:900}
.v28-pulse{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#fa6f83;box-shadow:0 0 0 5px rgba(250,111,131,.13)}
.v28-feature h2{font-size:clamp(2.5rem,4.8vw,5.4rem);line-height:1;letter-spacing:-.05em;margin:18px 0;max-width:680px;text-wrap:balance;text-shadow:0 7px 30px rgba(0,0,0,.48)}
.v28-feature p{font-size:.95rem;line-height:1.6;color:#d5dce5;max-width:440px;margin:0}
.v28-feature-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 0}
.v28-feature-actions .button{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:12px 21px}
.v28-feature-actions .button-primary svg{fill:currentColor}
.v28-feature-secondary{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.27)!important;color:#fff!important;backdrop-filter:blur(10px)}
.v28-feature-counter{position:absolute;bottom:22px;right:28px;font-size:.6rem;letter-spacing:.22em;font-weight:900;color:rgba(255,255,255,.65)}
.v28-feature-counter b{color:#f5cf8c}

/* Compact discovery destinations */
.v28-browse-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:43px}
.v28-browse-tile{min-width:0;display:flex;align-items:center;gap:11px;padding:17px 14px;min-height:91px;border:1px solid var(--v28-line);border-radius:17px;background:linear-gradient(135deg,#181e2d,#121720);transition:transform .2s,border-color .2s,background .2s}
.v28-browse-tile:hover{transform:translateY(-3px);border-color:rgba(243,194,120,.33);color:#fff;background:#1c2231}
.v28-tile-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;background:rgba(255,207,143,.085);color:#ffd093}
.v28-tile-icon svg{width:21px;height:21px}
.v28-browse-tile span:nth-child(2){display:grid;gap:3px;min-width:0}.v28-browse-tile strong{font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v28-browse-tile small{font-size:.67rem;line-height:1.3;color:#98a2b3}
.v28-browse-tile>.li-icon{margin-left:auto;width:16px;height:16px;color:#a1a9b7;flex:0 0 16px}
.v28-tile-live .v28-tile-icon{color:#ff8593;background:rgba(253,100,119,.085)}
.v28-tile-series .v28-tile-icon{color:#aaadff;background:rgba(145,145,251,.11)}
.v28-tile-continue .v28-tile-icon{color:#a9e5be;background:rgba(104,184,138,.1)}

/* Library rails / cards, readable from 320px upwards. */
body.is-subscriber-app .content-strip{margin:0 0 43px}
body.is-subscriber-app .section-heading.v28-section-heading{margin-bottom:17px}
body.is-subscriber-app .section-heading{align-items:end;gap:10px}
body.is-subscriber-app .section-heading h2{font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.15;letter-spacing:-.045em;margin:7px 0 0}
body.is-subscriber-app .section-heading .section-link{padding:7px 0;font-size:.78rem;white-space:nowrap;color:#f5ca86}
body.is-subscriber-app .media-rail{grid-auto-columns:clamp(155px,13.4vw,206px);gap:16px;scroll-padding-inline:8px}
body.is-subscriber-app .media-art{border:1px solid rgba(255,255,255,.11);border-radius:15px;background:linear-gradient(135deg,#19202c,#111724);box-shadow:0 8px 26px rgba(0,0,0,.22)}
body.is-subscriber-app .v2-media-card .media-name{font-weight:750;font-size:.89rem;color:#f7f8fb;margin-top:10px}
body.is-subscriber-app .v2-media-card .media-meta{color:#929cb0;font-size:.71rem}
body.is-subscriber-app .v2-media-card .media-overlay{opacity:0;transition:opacity .19s}
body.is-subscriber-app .v2-media-card:hover .media-overlay,body.is-subscriber-app .v2-media-card:focus-visible .media-overlay{opacity:1}
body.is-subscriber-app .v2-media-card .media-art:hover{border-color:rgba(244,202,134,.55)}
body.is-subscriber-app .v2-media-card .v2-poster-top{top:9px;left:9px;right:9px}
body.is-subscriber-app .v2-media-card .v2-media-score{background:#f1c079;color:#17141a}
body.is-subscriber-app .v2-media-card .v2-media-type{background:rgba(10,15,23,.84);border-color:rgba(255,255,255,.12)}
body.is-subscriber-app .v2-media-card .media-art img{display:block}
body.is-subscriber-app .media-rail:has(.media-card.wide){grid-auto-columns:clamp(250px,26vw,380px)}
.v28-progress-rail .v21-progress-card{min-width:0}
.v28-progress-rail .v21-progress-badge{z-index:3}

/* Real channel identities, logos treated as logos rather than posters. */
.v28-live-section{margin:2px 0 46px}
.v28-heading-accent{color:#f2c383}
.v28-live-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(176px,17vw,240px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:13px;padding:2px 2px 15px;scrollbar-width:thin}
.v28-live-rail>*{scroll-snap-align:start}
body.is-subscriber-app .v28-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.v28-live-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:216px;padding:15px 17px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:radial-gradient(circle at 80% 15%,rgba(74,92,141,.2),transparent 42%),linear-gradient(145deg,#1a2232,#0e141d 84%);box-shadow:0 13px 28px rgba(0,0,0,.14);transition:border-color .2s,transform .2s,box-shadow .2s}
.v28-live-card:after{content:"";position:absolute;inset:auto -30px -85px auto;width:150px;height:150px;border:24px solid rgba(255,255,255,.025);border-radius:50%;pointer-events:none}
.v28-live-card:hover,.v28-live-card:focus-visible{transform:translateY(-4px);border-color:rgba(255,207,134,.5);box-shadow:0 20px 35px rgba(0,0,0,.28);color:#fff}
.v28-live-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.v28-live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(248,111,129,.28);border-radius:6px;background:rgba(250,77,99,.11);color:#ff98a5;font-size:.58rem;font-weight:900;letter-spacing:.12em}
.v28-live-pill i{width:6px;height:6px;background:#ff738b;border-radius:50%;box-shadow:0 0 0 4px rgba(255,115,139,.09)}
.v28-live-card-top>.li-icon{width:16px;height:16px;color:#d2b789}
.v28-live-logo{display:grid;place-items:center;margin:auto 0;min-height:95px;padding:10px 0}
.v28-live-logo img{width:100%;max-width:128px;height:75px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.22))}
.v28-live-card-info{display:grid;gap:5px;position:relative;z-index:1}
.v28-live-card-info strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:850}
.v28-live-card-info small{display:flex;align-items:center;gap:7px;color:#a9b7c8;font-size:.67rem}
.v28-live-card-info small .li-icon{height:12px;width:12px;fill:currentColor;color:#f8cb90}
.v28-empty-live{display:flex;gap:14px;align-items:center;flex-wrap:wrap;min-height:125px;padding:25px;border:1px dashed rgba(240,192,125,.22);border-radius:15px;color:#aeb8c7;background:rgba(255,255,255,.02)}
.v28-empty-live svg{color:#f3c37e}.v28-empty-live a{margin-left:auto;color:#f3c37e;font-weight:800;font-size:.8rem}
.v28-bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}
body.is-subscriber-app .v28-bottom-panels .status-card{margin:0;background:linear-gradient(120deg,#19241f,#111a20);border-color:rgba(151,201,156,.13);border-radius:16px}
.v28-support-panel{display:flex;align-items:center;gap:13px;background:linear-gradient(125deg,#1a1d2e,#151925);border:1px solid var(--v28-line);padding:18px 20px;border-radius:16px}
.v28-support-panel>svg:first-child{width:30px;height:30px;color:#f3c17d}.v28-support-panel>svg:last-child{margin-left:auto;color:#f3c17d}
.v28-support-panel>span{display:grid;gap:4px}.v28-support-panel strong{font-size:.87rem}.v28-support-panel small{font-size:.69rem;color:#9fabbc}

/* Browsing pages: cinematic header + useful filters and genre chips. */
body.is-subscriber-app .v28-catalog-hero{min-height:294px;border-radius:22px;margin:0 0 20px;background:#171d2a}
body.is-subscriber-app .v28-catalog-hero:before{filter:brightness(.76) saturate(.85)}
body.is-subscriber-app .v28-catalog-hero:after{background:linear-gradient(90deg,rgba(9,13,23,.99),rgba(9,13,23,.84) 38%,rgba(9,13,23,.23)),linear-gradient(0deg,rgba(9,13,23,.56),transparent 45%)}
body.is-subscriber-app .v28-catalog-hero .v2-catalog-hero-copy{padding:clamp(28px,3.7vw,53px)}
body.is-subscriber-app .v28-catalog-hero h1{font-size:clamp(2.65rem,4.8vw,4.8rem)}
body.is-subscriber-app .v28-catalog-hero p{max-width:475px;color:#d5dce5;line-height:1.5}
body.is-subscriber-app .v2-catalog-tabs{margin-top:19px}
body.is-subscriber-app .v2-catalog-tabs a{border-radius:100px;min-height:39px;padding:10px 19px;background:rgba(15,20,29,.72);border-color:rgba(255,255,255,.15);font-size:.77rem;color:#d6dbe4}
body.is-subscriber-app .v2-catalog-tabs a.active{color:#211716;background:linear-gradient(100deg,#f6d49a,#edb867);border-color:transparent}
body.is-subscriber-app .v28-live-hero:before{background-position:center center}
body.is-subscriber-app .v2-catalog-filters{border:1px solid var(--v28-line);padding:11px;border-radius:16px;background:#121823;margin:0 0 13px;gap:10px}
body.is-subscriber-app .v2-catalog-filters .catalog-search{border-radius:11px;background:#0c111b;border:1px solid #2b3545}
body.is-subscriber-app .v2-catalog-filters .filter-select select{border-radius:11px;background:#0c111b;border:1px solid #2b3545}
body.is-subscriber-app .v2-catalog-filters button{border-radius:11px}
.v28-genre-chips{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:2px 0 18px;margin:0 0 15px;scrollbar-width:none;scroll-snap-type:x proximity}
.v28-genre-chips::-webkit-scrollbar{display:none}
.v28-genre-chips a{flex:0 0 auto;white-space:nowrap;min-height:35px;padding:9px 15px;border:1px solid rgba(255,255,255,.105);background:#161d29;color:#aeb8ca;border-radius:999px;font-size:.73rem;font-weight:800;scroll-snap-align:start}
.v28-genre-chips a:hover,.v28-genre-chips a[aria-current=true]{color:#191821;background:#f5c783;border-color:#f5c783}
body.is-subscriber-app .v2-catalog-toolbar{margin:4px 0 19px}
body.is-subscriber-app .v2-catalog-toolbar h2{font-size:clamp(1.65rem,2.5vw,2.25rem)}
body.is-subscriber-app .v2-results-count{border-color:var(--v28-line);background:#171d28;color:#bfc7d6;padding:7px 12px}
body.is-subscriber-app .catalog-grid.v2-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 16px}
body.is-subscriber-app .catalog-grid .media-name{margin-top:9px}
body.is-subscriber-app .catalog-grid.v28-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
body.is-subscriber-app .v28-live-grid .v28-live-card{min-height:217px}
body.is-subscriber-app .liso-theater-heading{border-radius:22px}
body.is-subscriber-app .liso-theater-page .video-frame{border-radius:16px}
body.is-subscriber-app .liso-search-heading{padding:14px 0 26px}
body.is-subscriber-app .liso-search-box{background:#151b27;border-color:rgba(255,255,255,.08)}
body.is-subscriber-app .empty-state{background:#141b26;border:1px solid var(--v28-line)}

/* Dock is never duplicated with footer and supports iPhone safe area. */
body.is-subscriber-app .v28-mobile-dock{display:none}
@media(max-width:1400px){
 body.is-subscriber-app .subscriber-layout.v28-app-shell{grid-template-columns:217px minmax(0,1fr);gap:22px;padding-inline:25px}
 .v28-profile-name,.v28-topbar-intro{display:none}
 body.is-subscriber-app .catalog-grid.v2-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.is-subscriber-app .catalog-grid.v28-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v28-browse-tile{padding:14px 11px;gap:8px}.v28-tile-icon{width:39px;height:39px;flex-basis:39px}
}
@media(max-width:1120px){
 body.is-subscriber-app .subscriber-layout.v28-app-shell{display:block;padding:15px 25px 80px}
 body.is-subscriber-app .v28-sidebar{position:static;display:none!important}
 body.is-subscriber-app .subscriber-layout.v28-app-shell{padding-bottom:105px}
 body.is-subscriber-app .v28-mobile-dock{display:flex;position:fixed;bottom:10px;left:max(12px,calc((100vw - 680px)/2));right:max(12px,calc((100vw - 680px)/2));z-index:260;min-height:66px;align-items:center;justify-content:space-around;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(12,16,25,.96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 15px 44px rgba(0,0,0,.45)}
 body.is-subscriber-app .v28-mobile-dock>a{flex:1;min-width:0;min-height:47px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 4px;border-radius:12px;color:#a2aec2;font-size:.66rem;line-height:1;font-weight:800}
 body.is-subscriber-app .v28-mobile-dock>a svg{width:21px;height:21px}
 body.is-subscriber-app .v28-mobile-dock>a[aria-current=page]{background:rgba(245,197,119,.12);color:#fff}
 body.is-subscriber-app .v28-mobile-dock>a[aria-current=page] svg{color:#f5c87f}
 .v28-topbar{margin-bottom:23px}
 .v28-dashboard-welcome h1{font-size:clamp(2rem,4vw,3rem)}
 .v28-feature-copy{max-width:75%}
 .v28-browse-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.is-subscriber-app .catalog-grid.v2-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:780px){
 body.is-subscriber-app .subscriber-layout.v28-app-shell{padding-inline:18px}
 .v28-top-search{width:min(52vw,350px)}
 .v28-top-notice span{display:none}.v28-top-notice{min-height:43px;padding:11px}
 .v28-dashboard-welcome{align-items:start}.v28-welcome-link{padding:10px}
 .v28-browse-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:34px}
 .v28-feature{min-height:365px}.v28-feature-copy{max-width:88%}
 body.is-subscriber-app .catalog-grid.v2-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.is-subscriber-app .catalog-grid.v28-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v28-bottom-panels{grid-template-columns:1fr}
}
@media(max-width:660px){
 body.is-subscriber-app .site-header.v2-header{height:63px;position:sticky;top:0;z-index:300}
 body.is-subscriber-app .site-header .header-inner{min-height:63px}
 body.is-subscriber-app .site-header .header-account{min-width:37px;min-height:37px;display:grid;place-items:center;padding:0}
 body.is-subscriber-app .subscriber-layout.v28-app-shell{padding:12px 14px calc(100px + env(safe-area-inset-bottom))!important;min-height:calc(100dvh - 63px)}
 .v28-topbar{height:auto;min-height:43px;justify-content:space-between;margin-bottom:17px;gap:7px}
 .v28-topbar-right{gap:8px;flex:1}
 .v28-top-search{width:auto;flex:1;min-width:0}
 .v28-top-search .site-search{height:43px;min-width:0;padding-inline:10px;border-radius:12px}
 .v28-top-search .site-search input{font-size:16px}
 .v28-top-notice{display:none}
 .v28-avatar{width:39px;height:39px;flex-basis:39px;border-radius:12px}
 .v28-dashboard-welcome{display:block;margin:8px 0 17px}
 .v28-dashboard-welcome h1{font-size:clamp(1.86rem,7.6vw,2.75rem);line-height:1.1;margin:6px 0}
 .v28-dashboard-welcome p{font-size:.78rem}
 .v28-welcome-link{display:none}
 .v28-eyebrow{font-size:.57rem;letter-spacing:.12em}
 .v28-feature{min-height:365px;align-items:flex-end;border-radius:17px;margin-bottom:13px}
 .v28-feature:before{background-position:60% top}
 .v28-feature-shade{background:linear-gradient(0deg,rgba(8,10,18,.99),rgba(8,10,18,.88) 36%,rgba(8,10,18,.21) 89%),linear-gradient(90deg,rgba(8,10,18,.4),transparent)}
 .v28-feature-copy{max-width:100%;padding:22px 18px 26px}
 .v28-feature h2{font-size:clamp(2.05rem,8.5vw,3.1rem);margin:11px 0;max-width:100%;line-height:1.04;overflow-wrap:anywhere}
 .v28-feature p{font-size:.77rem;line-height:1.5;max-width:92%}
 .v28-feature-actions{gap:8px;margin-top:15px}
 .v28-feature-actions .button{min-height:43px;font-size:.72rem;padding:10px 13px}
 .v28-feature-counter{display:none}
 .v28-browse-tiles{gap:9px;margin-bottom:31px}
 .v28-browse-tile{border-radius:13px;min-height:80px;padding:10px;gap:9px}
 .v28-tile-icon{width:35px;height:35px;flex-basis:35px;border-radius:10px}
 .v28-tile-icon svg{width:18px;height:18px}
 .v28-browse-tile strong{font-size:.77rem}
 .v28-browse-tile small{font-size:.62rem}
 .v28-browse-tile>.li-icon{display:none}
 body.is-subscriber-app .content-strip{margin-bottom:30px}
 body.is-subscriber-app .section-heading h2{font-size:1.3rem}
 body.is-subscriber-app .section-heading .section-link{font-size:.69rem;white-space:normal;text-align:right;max-width:90px}
 body.is-subscriber-app .media-rail{grid-auto-columns:44%;gap:11px}
 body.is-subscriber-app .media-rail:has(.media-card.wide){grid-auto-columns:75%}
 body.is-subscriber-app .v2-media-card .media-name{font-size:.83rem}
 .v28-live-section{margin:0 0 32px}
 .v28-live-rail{grid-auto-columns:53%;gap:10px}
 .v28-live-card{border-radius:14px;min-height:185px;padding:11px 12px}
 .v28-live-logo{min-height:73px}.v28-live-logo img{height:60px;max-width:98px}
 .v28-live-card-info strong{font-size:.8rem}
 .v28-live-card-info small{font-size:.61rem}
 body.is-subscriber-app .v28-catalog-hero{min-height:230px;border-radius:15px;margin-bottom:13px}
 body.is-subscriber-app .v28-catalog-hero:before{background-position:62% top}
 body.is-subscriber-app .v28-catalog-hero:after{background:linear-gradient(0deg,rgba(8,11,19,.96),rgba(8,11,19,.75) 46%,rgba(8,11,19,.22) 100%)}
 body.is-subscriber-app .v28-catalog-hero .v2-catalog-hero-copy{padding:22px 17px 17px;align-self:end}
 body.is-subscriber-app .v28-catalog-hero h1{font-size:clamp(2.1rem,9vw,3.2rem);margin:5px 0}
 body.is-subscriber-app .v28-catalog-hero p{font-size:.75rem;line-height:1.5;margin:6px 0 11px}
 body.is-subscriber-app .v2-catalog-tabs{flex-wrap:nowrap;gap:6px;margin-top:10px}
 body.is-subscriber-app .v2-catalog-tabs a{border-radius:8px;white-space:nowrap;min-height:35px;padding:8px 11px;font-size:.69rem}
 body.is-subscriber-app .v2-catalog-filters{padding:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:11px}
 body.is-subscriber-app .v2-catalog-filters .catalog-search{grid-column:1/-1;min-height:44px}
 body.is-subscriber-app .v2-catalog-filters .catalog-search input{font-size:16px}
 body.is-subscriber-app .v2-catalog-filters .filter-select{min-width:0}
 body.is-subscriber-app .v2-catalog-filters .filter-select select{min-height:43px;width:100%;max-width:100%;font-size:.72rem}
 body.is-subscriber-app .v2-catalog-filters button{grid-column:1/-1;min-height:43px}
 .v28-genre-chips{gap:7px;padding-bottom:13px;margin-bottom:13px}
 .v28-genre-chips a{font-size:.7rem;padding:8px 12px;min-height:32px}
 body.is-subscriber-app .v2-catalog-toolbar h2{font-size:1.35rem}
 body.is-subscriber-app .v2-results-count{font-size:.63rem;padding:6px 8px}
 body.is-subscriber-app .catalog-grid.v2-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px}
 body.is-subscriber-app .catalog-grid.v28-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.is-subscriber-app .v28-live-grid .v28-live-card{min-height:183px}
 body.is-subscriber-app .liso-theater-heading{border-radius:15px}
 body.is-subscriber-app .v28-mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:260;min-height:calc(68px + env(safe-area-inset-bottom));height:auto;border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:17px 17px 0 0;background:rgba(12,16,25,.97);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 -10px 36px rgba(0,0,0,.5);padding:8px 7px calc(8px + env(safe-area-inset-bottom));gap:1px;align-items:center;justify-content:space-around}
 body.is-subscriber-app .v28-mobile-dock>a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8794a8;font-size:.58rem;line-height:1;font-weight:750;text-align:center;min-height:48px;padding:4px 2px;border-radius:11px;text-decoration:none;white-space:nowrap}
 body.is-subscriber-app .v28-mobile-dock>a svg{height:21px;width:21px}
 body.is-subscriber-app .v28-mobile-dock>a[aria-current=page]{background:rgba(245,197,119,.115);color:#fff}
 body.is-subscriber-app .v28-mobile-dock>a[aria-current=page] svg{color:#f5c87f}
}
@media(max-width:375px){
 body.is-subscriber-app .subscriber-layout.v28-app-shell{padding-inline:10px!important}
 .v28-top-search .site-search{padding-inline:9px}
 .v28-browse-tile small{display:none}.v28-browse-tile{min-height:66px}
 .v28-feature{min-height:330px}.v28-feature-copy{padding:17px 14px 22px}
 .v28-live-rail{grid-auto-columns:60%}
}
@media(prefers-reduced-motion:reduce){
 .v28-browse-tile,.v28-live-card,.v28-live-card *{transition:none!important}
}