:root{--bg: #ffffff;--bg-elevated: #f5f6f8;--bg-sunken: #eef0f3;--surface-hover: #e8ecf1;--epg-playing-row-bg: #f0fdfa;--epg-on-now-bg: #ffffff;--text: #1a1a2e;--text-secondary: #5a6578;--text-muted: #8893a5;--text-on-color: #ffffff;--border: #dfe3ea;--border-subtle: #edeff3;--tile-library-a: #2db4a8;--tile-library-b: #1a8a80;--tile-movies-a: #8b3fbb;--tile-movies-b: #5e2a85;--tile-tv-a: #3a7dd4;--tile-tv-b: #275aa0;--tile-wrestling-a: #d4a53a;--tile-wrestling-b: #9a7520;--tile-watchnow-a: #e63946;--tile-watchnow-b: #a9272f;--tile-games-a: #22a06b;--tile-games-b: #156448;--live-indicator: #e63946;--accent-primary: #2db4a8;--accent-hover: #1a8a80;--focus-ring: #4a9eff;--focus-glow: rgba(74, 158, 255, .45);--shadow-card: 0 1px 2px rgba(26, 26, 46, .06), 0 2px 8px rgba(26, 26, 46, .08);--shadow-heavy: 0 2px 4px rgba(26, 26, 46, .08), 0 8px 24px rgba(26, 26, 46, .18);--shadow-float: 0 4px 12px rgba(26, 26, 46, .15), 0 12px 32px rgba(26, 26, 46, .22);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--motion-quick: .12s;--motion-base: .18s;--motion-slow: .26s;--ease-standard: cubic-bezier(.2, 0, .1, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--topnav-height: 68px;--page-gutter: 48px;--rail-gap: 16px;--poster-aspect: 2 / 3;--tile-aspect: 16 / 9}:root[data-theme=night]{--bg: #181b20;--bg-elevated: #22262e;--bg-sunken: #121519;--surface-hover: #2c323d;--epg-playing-row-bg: rgba(45, 180, 168, .14);--epg-on-now-bg: #2a303c;--text: #f1f5f9;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-on-color: #ffffff;--border: #323846;--border-subtle: #262b36;--shadow-card: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .4);--shadow-heavy: 0 4px 8px rgba(0, 0, 0, .45), 0 12px 28px rgba(0, 0, 0, .55);--shadow-float: 0 8px 20px rgba(0, 0, 0, .55), 0 16px 40px rgba(0, 0, 0, .65)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden}html:has(dialog[open]:modal){overflow:hidden}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overscroll-behavior:contain}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 6px var(--focus-glow)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:var(--space-6) var(--page-gutter)}.deferred-row{content-visibility:auto;contain-intrinsic-size:auto none auto 280px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.rail-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.rail-scroll::-webkit-scrollbar{display:none}html.game-active,html.game-active body{overflow:hidden;overscroll-behavior:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}html.game-active .topnav,html.game-active .mobile-tabbar,html.game-active .pip-dock,html.game-active .media-engine-video{display:none!important}html.game-active .game-player-modal{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html.game-active .game-player-modal,html.game-active .game-player-modal *{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.game-active .game-player-modal [data-allow-scroll],html.game-active .game-player-modal [data-allow-scroll] *{touch-action:pan-y}.mobile-tabbar{display:none}@media (max-width: 768px){:root,:root[data-theme]{--bg: #14161a;--bg-elevated: #1f2228;--bg-sunken: #111317;--surface-hover: #2a2e36;--text: #f2f2f2;--text-secondary: #a0a4ab;--text-muted: #a0a4ab;--border: #2e323a;--border-subtle: #24272e;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-heavy: 0 4px 14px rgba(0, 0, 0, .5);--page-gutter: 16px;--mnav-height: 56px;--mtab-height: 64px;--mtab-total: calc(var(--mtab-height) + env(safe-area-inset-bottom));--mtop-total: calc(var(--mnav-height) + env(safe-area-inset-top));--mlt-video-h: 56.25vw ;--m-poster-w: clamp(104px, 28vw, 140px)}html,body,#root{background:var(--bg)}.app-shell .topnav{height:var(--mtop-total);padding:env(safe-area-inset-top) var(--page-gutter) 0;grid-template-columns:auto 1fr;gap:var(--space-3);background:var(--bg)}.app-shell .topnav-tabs,.app-shell .topnav-search,.app-shell .topnav-theme-btn,.app-shell .topnav-profile-label,.app-shell .topnav-admin-pill{display:none}.app-shell .brand-logo{display:inline-flex;align-items:center;height:44px;font-size:24px;line-height:28px}.app-shell .topnav-right{justify-self:end;gap:var(--space-1)}.app-shell .topnav-mobile-search,.app-shell .topnav-settings-icon-btn,.app-shell .topnav-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text)}.app-shell .topnav-profile-avatar,.app-shell .topnav-profile-initial{width:30px;height:30px;font-size:13px}.app-shell .mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:96;height:var(--mtab-total);padding-bottom:env(safe-area-inset-bottom);background:#14161af7;border-top:1px solid var(--border)}.app-shell .mtab{flex:1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-secondary);font-size:11px;font-weight:600;-webkit-tap-highlight-color:transparent}.app-shell .mtab.is-active{color:var(--accent-primary)}.app-shell .mtab-icon{display:flex}.app-shell .app-main{padding:var(--space-4) var(--page-gutter) calc(var(--mtab-total) + var(--space-6));min-width:0}.app-shell:has(.pip-dock) .app-main{padding-bottom:calc(var(--mtab-total) + 60px + var(--space-6) + var(--space-2))}.app-shell .library-ambient-backdrop{display:none}.app-shell .my-library{gap:var(--space-6)}.app-shell .rail-title{font-size:18px;font-weight:600;letter-spacing:normal;text-transform:none;color:#f2f2f2;line-height:1.25}.app-shell .rail-title-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:-10px 0}.app-shell .rail-chevron{display:inline;font-size:24px;line-height:1;color:var(--text-secondary);transform:translateY(-1px)}.app-shell .tile-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.app-shell .category-tile{min-width:0;aspect-ratio:2.4 / 1;border-radius:var(--radius-md)}.app-shell .category-tile-inner{flex-direction:row;gap:var(--space-2);padding:0 var(--space-2)}.app-shell .category-tile-icon{font-size:20px}.app-shell .category-tile-label{font-size:14px;letter-spacing:.01em}.app-shell .rail-section{margin-inline:calc(-1 * var(--page-gutter));gap:var(--space-2)}.app-shell .rail-section>.rail-title,.app-shell .rail-section>.empty-box{margin-inline:var(--page-gutter)}.app-shell .rail-section>.rail-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 var(--page-gutter) var(--space-1);scroll-padding-inline:var(--page-gutter);scroll-snap-type:x mandatory;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.app-shell .rail-section>.rail-scroll::-webkit-scrollbar{display:none}.app-shell .rail-section>.rail-scroll>*{scroll-snap-align:start}.app-shell .poster-rail .poster-card{flex:0 0 var(--m-poster-w);width:var(--m-poster-w);gap:6px}.app-shell .poster-card:hover .poster-art-wrap{transform:none}.app-shell .poster-art-wrap{border-radius:6px}.app-shell .poster-title{font-size:14px;font-weight:600;line-height:1.25}.app-shell .poster-sub{font-size:12px;color:var(--text-secondary)}.app-shell .poster-date-badge{top:4px;left:4px;padding:1px 5px;font-size:10px;border-radius:3px}.app-shell .poster-progress-track{height:3px}.app-shell .poster-menu-btn{width:44px;height:44px;padding:8px;top:0;right:0;font-size:14px;background-clip:content-box}.app-shell .fav-rail .fav-channel-card,.app-shell .fav-channel-grid .fav-channel-card{background:#1f2228;border:1px solid #2a2e36;box-shadow:none;min-width:0;height:64px;padding:0 12px 0 10px;gap:10px;border-radius:10px}.app-shell .fav-rail .fav-channel-card{flex:0 0 200px;width:200px}.app-shell .fav-channel-card:hover{transform:none}.app-shell .fav-channel-logo,.app-shell .fav-channel-logo-fallback{width:40px;height:40px;flex-shrink:0;padding:3px;border-radius:6px}.app-shell .fav-channel-logo-fallback{background:#2a2e36;font-size:18px}.app-shell .fav-channel-info{min-width:0;display:flex;flex-direction:column;gap:1px}.app-shell .fav-channel-num{font-family:var(--font-sans);font-size:11px;font-weight:700;color:var(--accent-primary);letter-spacing:.02em}.app-shell .fav-channel-name{font-size:14px;font-weight:600;line-height:1.2;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-shell .fav-channel-grid{grid-template-columns:1fr;gap:8px}.app-shell .category-heading{font-size:22px}.app-shell .back-pill,.app-shell .category-order-btn,.app-shell .category-sort-select,.app-shell .category-filter-input{min-height:44px;display:inline-flex;align-items:center}.app-shell .pip-dock{left:8px;right:8px;bottom:calc(var(--mtab-total) + 8px);width:auto;display:flex;flex-direction:column;align-items:flex-end;border:0;border-radius:0;box-shadow:none;overflow:visible;pointer-events:none}.app-shell .pip-dock>*{pointer-events:auto}.app-shell .pip-video-clickzone{width:192px;height:108px}.app-shell .pip-bottom-bar{width:100%;height:60px;min-height:0;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000073}.app-shell .pip-dock.is-video .pip-bottom-bar{border-top-right-radius:0}.app-shell .pip-circle-btn{width:40px;height:40px;font-size:14px}.app-shell .pip-ch-name{font-size:14px}.app-shell .pip-line2{font-size:12px}.media-engine-video[data-docked=true]{left:auto!important;right:8px!important;bottom:calc(var(--mtab-total) + 8px + 60px)!important;width:192px!important;height:108px!important;border-radius:12px 12px 0 0!important}.app-shell .wn-admin-actions,.app-shell .epg-heart-btn{display:none}.app-shell .mlt{display:flex;flex-direction:column}.app-shell .mlt-pinned{position:sticky;top:var(--mtop-total);z-index:60;margin:calc(-1 * var(--space-4)) calc(-1 * var(--page-gutter)) 0}.app-shell .mlt-slot{position:relative;height:var(--mlt-video-h);background:transparent;-webkit-tap-highlight-color:transparent}.app-shell .mlt-buffering{position:absolute;top:10px;left:12px;padding:3px 10px;border-radius:999px;background:#000000b3;color:#fff;font-size:12px;font-weight:700}.app-shell .mlt-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;background:#00000073;opacity:0;pointer-events:none;transition:opacity .16s ease}.app-shell .mlt-slot.show-controls .mlt-controls{opacity:1;pointer-events:auto}.app-shell .mlt-ctl-row{display:flex;align-items:center}.app-shell .mlt-ctl-center{justify-content:center;gap:28px;flex:1}.app-shell .mlt-ctl-bottom{position:absolute;left:4px;right:4px;bottom:2px}.app-shell .mlt-ctl-spacer{flex:1}.app-shell .mlt-ctl{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}.app-shell .mlt-ctl-lg{width:56px;height:56px;background:#ffffff29}.app-shell .mlt-ctl-lg svg{width:28px;height:28px}.app-shell .mlt-info{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:8px var(--page-gutter) 0;background:var(--bg);border-bottom:1px solid var(--border-subtle)}.app-shell .mlt-info-logo{width:28px;height:28px;object-fit:contain;border-radius:4px;background:#fff;padding:2px}.app-shell .mlt-logo-empty{background:#2a2e36}.app-shell .mlt-info-text{min-width:0}.app-shell .mlt-info-ch{font-size:12px;font-weight:700;color:var(--accent-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .mlt-info-prog{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .mlt-info-time{font-size:12px;color:var(--text-secondary);white-space:nowrap}.app-shell .mlt-info-progress{grid-column:1 / -1;margin:8px calc(-1 * var(--page-gutter)) 0;border-radius:0}.app-shell .mlt-progress{display:block;height:3px;border-radius:2px;background:#2e323a;overflow:hidden}.app-shell .mlt-progress>span{display:block;height:100%;background:var(--accent-primary)}.app-shell .mlt-filters{display:flex;align-items:center;gap:4px;margin:0 calc(-1 * var(--page-gutter));padding:8px 4px 8px var(--page-gutter)}.app-shell .mlt-chips{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-shell .mlt-chips::-webkit-scrollbar{display:none}.app-shell .mlt-chip{flex:none;height:44px;padding:0 16px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:600;white-space:nowrap}.app-shell .mlt-chip.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#0b1416}.app-shell .mlt-chip-radio{color:var(--text-secondary)}.app-shell .mlt-icon-btn{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text)}.app-shell .mlt-search{flex:1;min-width:0;display:flex;align-items:center;gap:4px}.app-shell .mlt-search input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--accent-primary);color:var(--text);font-size:16px;outline:none}.app-shell .mlt-list{list-style:none;margin:0 calc(-1 * var(--page-gutter))}.app-shell .mlt-list>li{content-visibility:auto;contain-intrinsic-size:auto 76px}.app-shell .mlt-row{width:100%;min-height:72px;display:flex;align-items:center;gap:12px;padding:8px var(--page-gutter);text-align:left;border-left:3px solid transparent;border-bottom:1px solid var(--border-subtle);-webkit-tap-highlight-color:transparent}.app-shell .mlt-row:active{background:#1a1d22}.app-shell .mlt-row.is-playing{border-left-color:var(--accent-primary);background:#2db4a81a}.app-shell .mlt-row-logo{flex:none;width:56px;display:flex;flex-direction:column;align-items:center;gap:2px}.app-shell .mlt-row-logo-box{width:56px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fff;overflow:hidden}.app-shell .mlt-row-logo-box img{width:100%;height:100%;object-fit:contain;padding:3px}.app-shell .mlt-row-logo-text{font-size:11px;font-weight:800;color:#14161a;text-align:center;line-height:1.1;padding:0 2px;overflow:hidden}.app-shell .mlt-row-num{font-size:12px;font-weight:600;color:var(--text-secondary)}.app-shell .mlt-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.app-shell .mlt-row-title{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .mlt-row-time{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);white-space:nowrap}.app-shell .mlt-row-time .mlt-progress{flex:1;max-width:120px}.app-shell .mlt-row-next{font-size:12px;color:#a0a4ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .mlt-empty{padding:32px 0;text-align:center;color:var(--text-secondary)}.app-shell .tile-row-in-section,.app-shell .category-toolbar-left{display:none}.app-shell .lib-chip-row{display:flex;gap:8px;margin:calc(-1 * var(--space-2)) calc(-1 * var(--page-gutter)) 0;padding:0 var(--page-gutter);overflow-x:auto;scrollbar-width:none}.app-shell .lib-chip-row::-webkit-scrollbar{display:none}.app-shell .lib-chip{flex:none;height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.app-shell .lib-chip.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#0b1416}.app-shell .lib-chip-row+.category-view{margin-top:calc(-1 * var(--space-3));gap:var(--space-2)}.app-shell .category-toolbar{gap:0}.app-shell .category-toolbar-right{width:100%;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}.app-shell .category-toolbar-right::-webkit-scrollbar{display:none}.app-shell .category-toolbar-right>*{flex:none;white-space:nowrap}.app-shell .category-filter-input{flex:1 0 140px;min-width:0;font-size:16px}.app-shell .category-view-with-az{padding-right:var(--page-gutter)}.app-shell .category-view .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4) 8px}.app-shell .category-view .poster-card{gap:6px}.app-shell .category-view .poster-title{font-size:13px;font-weight:600;line-height:1.25}.app-shell .category-view .poster-sub{font-size:11px;color:#a0a4ab}.app-shell .letter-sections-container{gap:0}.app-shell .letter-section-group{gap:0;scroll-margin-top:calc(var(--mtop-total) + 8px)}.app-shell .letter-section-header{margin:16px 0 8px;padding:0;border:0;gap:8px;align-items:baseline}.app-shell .letter-section-badge{min-width:0;height:auto;padding:0;background:none;box-shadow:none;color:var(--text);font-size:15px;font-weight:600}.app-shell .letter-section-meta{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-secondary)}.app-shell .az-side-rail{top:calc(var(--mtop-total) + 8px);bottom:calc(var(--mtab-total) + 8px);right:2px;width:24px;padding:0;background:transparent;border:0;box-shadow:none;touch-action:none;-webkit-user-select:none}.app-shell .az-rail-progress-track{display:none}.app-shell .az-rail-letters{padding:0;justify-content:center;gap:0;height:100%}.app-shell .az-rail-btn{width:24px;flex:0 1 22px;min-height:0;max-height:none;font-size:11px;border-radius:6px;color:var(--text);-webkit-tap-highlight-color:transparent}.app-shell .az-rail-btn.empty{opacity:.3}.app-shell .az-rail-btn:hover:not(:disabled),.app-shell .az-rail-btn.active{transform:none;box-shadow:none}.app-shell .az-rail-btn:hover:not(:disabled){background:transparent}.app-shell .az-rail-btn.active{background:var(--accent-primary);color:#0b1416}.app-shell .az-scroll-hud{right:44px;min-width:72px;padding:10px 14px}.app-shell .az-scroll-hud-letter{font-size:44px}}
