@import"https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&family=Teko:wght@300;400;500;600&display=swap";:root{--bg-color: #0b0c0f;--surface-color: #15171b;--surface-active: #23272e;--text-primary: #e6e6e6;--text-secondary: #9ca3af;--accent-color: #3b82f6;--header-height: 48px;--nav-height: 48px;--spacing: 10px}*{box-sizing:border-box}html{height:100%;width:100%;overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-y:auto;overflow-x:hidden;min-height:100%;width:100%}@media(min-width:768px){html.v3-scroll-lock,body.v3-scroll-lock{height:100dvh;overflow:hidden}}#app{display:flex;flex-direction:column;min-height:100vh}#app-header{height:var(--header-height);background-color:var(--surface-color);border-bottom:1px solid #2d2d2d;display:flex;align-items:stretch;padding:0 var(--spacing);gap:var(--spacing);flex-shrink:0}@media(max-width:767px){#app-header{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100vw;max-width:100vw;box-sizing:border-box;scrollbar-width:none;padding-right:0;gap:12px}#app-header::-webkit-scrollbar{display:none}#app-header:after{content:"";display:block;min-width:12px;height:1px;flex-shrink:0}#app-header>*{flex-shrink:0;margin-right:0!important}#app-header #header-actions{margin-left:0}#user-menu{margin-left:0;margin-right:0}body{overflow-x:hidden;width:100%}}#app-header>*{display:flex;align-items:center}#app-header .header-logo{width:auto;height:calc(var(--header-height) - 8px);flex:0 0 auto}#app-header .logo{font-size:1.12rem;font-weight:700;letter-spacing:.02em;line-height:1;white-space:nowrap}#app-header .icon-btn{padding:4px 10px;font-size:.84rem}#service-nav{display:flex;gap:8px;align-items:stretch;flex:1;overflow-x:auto;scrollbar-width:none}#service-nav::-webkit-scrollbar{display:none}.service-nav-item{flex-shrink:0}.service-nav-item button{height:100%;padding:0 10px;font-size:.88rem;border-radius:0}@media(max-width:767px){.user-menu-dropdown{position:fixed!important;top:var(--header-height)!important;right:0!important;left:auto!important;width:260px!important;margin-top:0!important;border-radius:0 0 8px 8px!important;border:1px solid #333!important;box-shadow:0 4px 10px #00000080}}#user-menu{position:relative;display:flex;align-items:center;margin-left:auto}#hotkeys-help{position:relative;display:flex;align-items:center}@media(max-width:767px){#app-header>*{flex-shrink:0}#service-nav{flex:0 0 auto;min-width:auto}#user-menu{margin-left:4px;margin-right:12px}#hotkeys-help{margin-left:2px}.lang-dropdown{position:fixed!important;top:var(--header-height)!important;right:44px!important;left:auto!important;margin-top:0!important}#service-nav{min-width:50px}}.hotkeys-help{position:relative;display:flex;align-items:center}.hotkeys-help-btn{width:28px;height:28px;padding:0!important;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:Chivo,sans-serif;font-size:.92rem;font-weight:700;line-height:1}.hotkeys-help-dropdown{position:absolute;top:100%;right:0;display:none;min-width:228px;padding:10px 0 12px;background:linear-gradient(180deg,#181b21fa,#0d0f14fa);border:1px solid rgba(92,101,116,.65);border-radius:0 0 10px 10px;box-shadow:0 14px 34px #0000007a;z-index:2100;backdrop-filter:blur(10px)}.hotkeys-help.active .hotkeys-help-dropdown{display:block}.hotkeys-help-title{padding:0 14px 8px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fb4d7}.hotkeys-help-list{display:flex;flex-direction:column;gap:2px}.hotkeys-help-item{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:start;padding:6px 14px}.hotkeys-help-key{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid rgba(119,138,177,.45);background:#1c273d8c;color:#f4f7ff;font-family:Teko,sans-serif;font-size:1.02rem;letter-spacing:.04em;text-transform:uppercase}.hotkeys-help-description{padding-top:2px;color:#d7dce5;font-size:.8rem;line-height:1.3}@media(max-width:767px){.hotkeys-help-dropdown{position:fixed!important;top:var(--header-height)!important;right:84px!important;left:auto!important;margin-top:0!important}}.user-avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;overflow:hidden;width:32px;height:32px;align-self:center;box-shadow:0 0 0 1px #ffffff1a;transition:box-shadow .2s;flex-shrink:0}@media(hover:hover){.user-avatar-btn:hover{box-shadow:0 0 0 2px #ffffff4d}}.user-avatar{width:100%;height:100%;object-fit:cover}.user-menu-dropdown{position:absolute;top:100%;right:-12px;margin-top:0;width:260px;background-color:var(--surface-color);border:1px solid #333;border-radius:0 0 8px 8px;box-shadow:0 10px 25px #00000080;z-index:1500;display:none;flex-direction:column;overflow:hidden}.user-menu-dropdown:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px}.user-menu-dropdown.active{display:flex}.user-menu-header{padding:12px 16px;background-color:#1a1d21;border-bottom:1px solid #2d2d2d;font-weight:500;color:#9ca3af;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center}.user-menu-app-name{margin-left:12px;color:var(--accent-color)}.user-menu-section{padding:8px 0;border-bottom:1px solid #2d2d2d}.user-menu-subs-header{margin:8px 0;padding:6px;font-size:.65rem;color:#e6e6e6;font-weight:400;text-transform:uppercase;background-color:#19875433;text-align:center;display:block}.user-menu-grid-header{display:grid;grid-template-columns:1fr 32px 32px 32px;padding:4px 16px;font-size:.65rem;color:#6b7280;font-weight:700;text-transform:uppercase;text-align:center;align-items:center}.user-menu-grid-header span:first-child{text-align:left}.user-menu-item{display:grid;grid-template-columns:1fr 32px 32px 32px;align-items:center;padding:6px 16px;color:#ccc;font-size:.9rem;cursor:default;transition:background-color .2s}.user-menu-item:hover{background-color:#ffffff0d}.role-icon{display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:700}.role-live{color:#c00}.role-vod{color:#3b82f6}.role-ads{color:#795548}.role-no-ads{color:#2d5a3c}.role-missing{color:#4b5563;font-weight:400;font-size:.8rem}.user-menu-actions{padding:12px;display:flex;flex-direction:column;gap:8px;justify-content:center}.user-menu-secondary-btn{width:100%;border:1px solid rgba(119,138,177,.35);border-radius:10px;background:#1c273d8c;color:#e7edf9;font-size:.88rem;padding:10px 12px;cursor:pointer;transition:background-color .2s,border-color .2s}.user-menu-secondary-btn:hover{background:#273958ad;border-color:#778ab18c}.user-menu-actions .icon-btn{width:100%;background:transparent;border:none;color:#dc3545;font-weight:400;font-size:.9rem;padding:10px;box-shadow:none;cursor:pointer;transition:opacity .2s}.user-menu-actions .icon-btn:hover{background:#dc35451a;color:#ff4d5e;transform:none;box-shadow:none}.emergency-url-backdrop{position:fixed;inset:0;background:#00000080;z-index:1700}.emergency-url-dialog{position:fixed;top:calc(var(--header-height) + 16px);right:16px;width:min(360px,calc(100vw - 32px));padding:16px;border-radius:14px;border:1px solid rgba(119,138,177,.35);background:#15181ffa;box-shadow:0 22px 48px #00000080;z-index:1701}.emergency-url-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.emergency-url-title{margin:0;color:#f4f7ff;font-size:1rem}.emergency-url-meta{margin:8px 0 4px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fb4d7}.emergency-url-preview{margin:0 0 14px;color:#d7dce5;font-size:.82rem;line-height:1.35;word-break:break-word}.emergency-url-label{display:block;margin-bottom:6px;color:#b7c2d7;font-size:.8rem}.emergency-url-input{width:100%;padding:10px 12px;border:1px solid rgba(119,138,177,.35);border-radius:10px;background:#090b0fd9;color:#f4f7ff;font-size:.88rem}.emergency-url-input:focus{outline:none;border-color:#778ab1cc;box-shadow:0 0 0 2px #5181e42e}.emergency-url-error{min-height:1.2em;margin:8px 0 0;color:#ff8d97;font-size:.78rem}.emergency-url-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.emergency-url-btn{border-radius:999px;padding:8px 12px;font-size:.8rem;cursor:pointer}.emergency-url-btn-secondary{border:1px solid rgba(119,138,177,.35);background:#1c273d8c;color:#e7edf9}.emergency-url-btn-primary{border:1px solid rgba(70,117,214,.5);background:#2d63d6cc;color:#f7fbff}#app-main{display:flex;flex:1;flex-direction:column}.desktop-only{display:none!important}.mobile-only{display:block!important}@media(min-width:768px){#app-main{flex-direction:row}.desktop-only{display:block!important}.mobile-only{display:none!important}}#left-rail{width:320px;background-color:var(--surface-color);border-right:1px solid #2d2d2d;display:flex;flex-direction:column;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;flex-shrink:0}#center-column{flex:1;display:flex;flex-direction:column;min-width:0}#player-section{background:#000;flex-shrink:0}.video-container{width:100%;aspect-ratio:16/9;background:#000}.video-container:focus{outline:none!important;box-shadow:none!important}video{width:100%;height:100%;outline:none!important;box-shadow:none!important}video:focus{outline:none!important;box-shadow:none!important}.video-container.live-mode video::-webkit-media-controls-timeline,.video-container.live-mode video::-webkit-media-controls-current-time-display,.video-container.live-mode video::-webkit-media-controls-time-remaining-display,.video-container.live-mode video::-webkit-media-controls-seek-back-button,.video-container.live-mode video::-webkit-media-controls-seek-forward-button{display:none!important}.player-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;background:linear-gradient(to bottom,#000000b3,#0000 20%);z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing)}.player-overlay.player-overlay--blackout{opacity:1;background:#000;padding:0;transition:none}.video-container{position:relative}.overlay-content{display:flex;justify-content:space-between;width:100%}.cast-btn-container{position:absolute;top:10px;right:10px;z-index:3;pointer-events:auto}.cast-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .2s ease,opacity .2s ease}.cast-btn svg{width:22px;height:22px;fill:currentColor}.cast-btn:hover{background:#ffffff26}.cast-btn:active{transform:scale(.96)}.cast-btn.casting{background:#ffffffe6;color:#d62828;border-color:#0000001a}.cast-btn.unavailable{opacity:.6}@media(max-width:767px){.cast-btn-container{inset:auto auto 10px 10px}}.overlay-top-left,.overlay-top-right{display:flex;align-items:center;gap:8px}.overlay-title-block{display:flex;flex-direction:column;gap:2px}.badge-live{background-color:#198754;color:#fff;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:2px}.badge-vod{background-color:#3b82f6;color:#fff;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:2px}.channel-name-text{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.overlay-subtitle{color:#ffffffd1;font-size:.78rem;line-height:1.1}.overlay-subtitle.is-error{color:#ffb3b3}.badge-status{background-color:#fff3;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:2px;font-weight:500}.badge-status.badge-error{background-color:#dc3545b8;border:1px solid rgba(255,255,255,.28)}.badge-ad{background-color:#ffca28;color:#000}.badge-quality{background-color:#0009;border:1px solid rgba(255,255,255,.3);color:#ccc;font-size:.7rem;padding:1px 5px;border-radius:2px;font-family:monospace}@media(max-width:1400px){.overlay-content{position:relative;height:40px}.overlay-top-left{position:absolute;left:50%;transform:translate(-50%);width:auto;white-space:nowrap;display:flex;align-items:center;gap:8px}.overlay-top-right{display:none!important}}#secondary-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface-color)}.tabs{display:flex;border-bottom:1px solid #2d2d2d;background:var(--surface-color)}.tabs button{flex:1;background:transparent;border:none;padding:12px;color:var(--text-secondary);font-weight:600;border-bottom:2px solid transparent}.tabs button.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}#mobile-channel-list{overflow-y:auto;flex:1;padding-bottom:80px}.channel-list-items{list-style:none;padding:0;margin:0}.channel-item{display:flex;align-items:center;padding:0;cursor:pointer;border-bottom:none;height:64px;width:100%}.channel-item:hover{background-color:#ffffff08}.channel-item.active{background-color:var(--surface-active);border-right:5px solid var(--accent-color)}.channel-thumb{width:112px;height:64px;object-fit:cover;background:#000;margin:0;border-radius:0;flex-shrink:0}.channel-info{flex:1;min-width:0;padding:0 12px}.channel-name{font-family:Chivo,sans-serif;font-size:.95rem;font-weight:600;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.channel-item:hover .channel-name,.channel-item.active .channel-name{color:#fff}.guide-grid{display:flex;flex-direction:column;gap:0;background-color:transparent;border:none}.guide-cell{padding:10px;font-size:.9rem;display:flex;align-items:center}.guide-channel-name{font-weight:700;color:var(--text-primary)}.guide-now{color:var(--accent-color)}.guide-now.clickable{cursor:pointer;text-decoration:underline;text-decoration-color:#3b82f680;text-underline-offset:2px}.guide-now.clickable:hover{color:#60a5fa;background-color:#ffffff05}.guide-next{color:var(--text-secondary);font-size:.85rem}@media(max-width:767px){.guide-timeline-track{display:flex}.guide-grid{background:transparent;border:none}.guide-cell{padding:2px 4px}}.status-line-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:8px var(--spacing);background-color:#000;border-bottom:1px solid #2d2d2d;gap:8px}.status-items-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-items-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;min-width:0;padding-left:0;border-left:none}.quality-wrap{display:flex;align-items:center}#quality-select{background:#222;color:#ddd;border:1px solid #444;border-radius:4px;padding:2px 6px;font-size:.8rem;outline:none;cursor:pointer}.badge-section{border:1px solid transparent;color:#bbb;font-size:.75rem;padding:3px 10px;border-radius:12px;white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #0000004d;text-shadow:0 1px 1px rgba(0,0,0,.2);transition:all .2s}.badge-channel{background-color:var(--surface-active);color:#fff;font-size:.75rem;padding:3px 10px;border-radius:12px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.badge-ad-status{background-color:#ffca28;color:#000;font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase}.media-info-item{font-size:.9rem;display:flex;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info-item .label-small{font-size:.7rem;color:#4caf50;text-transform:uppercase;font-weight:700;letter-spacing:.5px}#status-next .label-small{color:#ff9800}.media-info-item .title-text{color:#fff;font-weight:500}.media-info-item.text-muted .title-text{color:#aaa}@media(max-width:1400px){.status-line-wrap{flex-direction:column;align-items:flex-start;gap:10px;padding:12px var(--spacing)}.status-items-left{width:100%;gap:8px;flex-wrap:wrap}.status-items-content{width:100%;border-left:none;padding-left:0;margin-top:4px;flex-direction:column;align-items:flex-start;gap:8px}.media-info-item{font-size:.85rem;width:100%;white-space:normal;overflow-wrap:break-word}.badge-channel{max-width:none}}.guide-loading{padding:40px;text-align:center;color:var(--text-secondary);font-size:1.1rem}@keyframes v3-skeleton-pulse{0%{opacity:.42}50%{opacity:.9}to{opacity:.42}}.guide-loading--structured{padding:16px;text-align:left;color:inherit;font-size:inherit}.guide-loading-grid{display:flex;flex-direction:column;gap:10px}.guide-row--loading{min-height:56px;pointer-events:none}.guide-row--loading .guide-block{min-height:56px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.guide-row--loading .guide-block--channel{width:30%;min-width:160px}.guide-row--loading .guide-block--timeline{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:10px 14px}.guide-loading-bar,.v3-skeleton-bar{display:block;border-radius:999px;background:linear-gradient(90deg,#94a3b829,#e2e8f06b,#94a3b829);background-size:200% 100%;animation:v3-skeleton-pulse 1.35s ease-in-out infinite}.guide-loading-bar--channel{width:72%;height:16px;margin:18px 14px}.guide-loading-bar--time{width:34%;height:10px}.guide-loading-bar--program{width:90%;height:12px}.guide-loading-bar--wide{width:96%}.guide-loading-bar--short{width:66%}#guide-container{flex:1;overflow-y:auto;padding:var(--spacing)}.guide-header h2{margin:0;font-size:1.2rem;color:#fff;font-weight:600}#guide-grid-container{flex:1;overflow-y:auto;padding:0}.guide-grid{border:none;gap:0;background-color:transparent;display:block;margin:0;padding:0}.guide-timeline-track{display:flex;height:100%;width:100%;background-color:#222;overflow:hidden;position:relative;border-radius:4px}.guide-block{height:100%;border-right:1px solid #111;padding:8px 12px;box-sizing:border-box;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;position:relative;color:#ccc;transition:background-color .2s}.guide-block:hover{filter:brightness(1.2)}.guide-block.is-now{background-color:#2c3e50;color:#fff;font-weight:500}.guide-block.is-next{background-color:#1f232d;color:#aaa}.guide-block.is-future{background-color:#161920;color:#888}.guide-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#3b82f6;z-index:2}.guide-row{display:grid;grid-template-columns:300px 1fr 1fr 1fr;gap:0;align-items:center;border-bottom:1px solid #333;padding:0;min-height:64px}.guide-channel-col{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%}.guide-channel-img{width:112px;height:64px;background:#000;margin-bottom:0;object-fit:cover;border-radius:0;flex-shrink:0}.guide-channel-name-text{background-color:#2d2d2d;color:#fbbf24;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:400!important;flex:1;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 12px;display:inline-block}.guide-timeline-container{height:50px;width:100%}.guide-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:60px;backdrop-filter:blur(4px)}.guide-modal{background-color:var(--surface-color);width:90%;max-width:1000px;height:80vh;border-radius:12px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .3s ease-out;border:1px solid #333}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.guide-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2d2d2d;background-color:#1a1d21}.guide-header h2{margin:0 20px 0 0;font-size:1.2rem;color:#fff;font-weight:600}.guide-tabs{display:flex;gap:8px;margin-right:auto;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}.guide-tabs::-webkit-scrollbar{display:none}.guide-tab-btn{background:transparent;border:1px solid #444;color:#aaa;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;white-space:nowrap}.guide-tab-btn:hover{background-color:#333;color:#eee}.guide-tab-btn.active{background-color:#3b82f6;color:#fff;border-color:transparent;font-weight:500}.guide-cell{padding:16px;height:60px;box-sizing:border-box}.guide-channel-name{background-color:#1a1d21;font-size:1rem}.icon-btn{background:transparent;border:1px solid #444;color:#eee;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.icon-btn:hover{background-color:#333;border-color:#666}#header-actions{margin-left:12px}@media(max-width:768px){.guide-modal{width:100%;height:85vh;height:85dvh;border-bottom-left-radius:12px;border-bottom-right-radius:12px;max-width:none}.guide-overlay{padding-top:0;z-index:2000}.guide-tabs{order:3;width:100%;padding-bottom:4px}}.login-section{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);z-index:2000}.login-card{background-color:var(--surface-color);padding:40px;border-radius:12px;text-align:center;border:1px solid #333;box-shadow:0 10px 30px #00000080;max-width:400px;width:90%}.login-card h1{margin:0 0 16px;font-size:1.8rem;color:#fff}.login-logo{width:256px;height:256px;margin-bottom:16px;object-fit:contain}.login-card p{color:var(--text-secondary);margin-bottom:32px}.login-btn-google{display:inline-flex;align-items:center;background-color:#4285f4;color:#fff;text-decoration:none;padding:0 16px 0 2px;border-radius:4px;font-weight:500;font-size:.85rem;transition:background-color .2s,box-shadow .2s;height:40px;border:none}.login-btn-google:hover{background-color:#3367d6;box-shadow:0 2px 4px #0000004d}.login-btn-google:active{background-color:#2a56c6}.google-icon-wrapper{background:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:2px;margin-right:12px}.service-nav-item{display:flex;align-items:center}.content-table-container{padding:20px;background-color:var(--surface-color);border-top:1px solid #333;overflow-x:auto}.content-table{width:100%;border-collapse:collapse;font-size:.9rem;color:var(--text-primary)}.content-table th{text-align:left;padding:12px;border-bottom:2px solid #333;color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.8rem}.content-table td{padding:12px;border-bottom:1px solid #222}.content-table tr:hover{background-color:#ffffff08}.content-table tr.is-current{background-color:#3b82f61a}.content-table tr.is-current td{color:var(--accent-color);font-weight:500}.play-btn{background-color:#333;border:1px solid #555;color:#eee;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.play-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.play-btn.playing-btn{background-color:#198754;border-color:#198754;color:#fff;font-weight:700;cursor:default}.content-table-loading,.content-table-empty,.content-table-error{padding:40px;text-align:center;color:var(--text-secondary)}.vod-accordion{border:1px solid #222;border-radius:6px;overflow:hidden;background-color:var(--surface-color);margin-bottom:8px}.vod-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#1a1d21;color:#ccc;border:none;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.vod-accordion-header:hover{background-color:#2c313a}.vod-accordion-header.active{background-color:var(--accent-color);color:#fff}.vod-arrow{transition:transform .3s ease;font-size:.8rem}.vod-accordion-content{border-top:1px solid #333}.guide-current-time-line{position:absolute;top:0;bottom:0;width:2px;background-color:#ea4335;z-index:10;pointer-events:none;box-shadow:0 0 4px #00000080}.guide-current-time-line:after{content:"";position:absolute;top:-3px;left:-2px;width:6px;height:6px;background-color:#ea4335;border-radius:50%}.btn-play-start{background-color:#212529;color:#3b82f6;font-weight:700;font-size:.7rem;padding:2px 8px;border-radius:4px;border:1px solid #3b82f6;cursor:pointer;margin-left:8px;text-transform:uppercase;display:inline-block;vertical-align:middle;transition:all .2s}.btn-play-start:hover{background-color:#3b82f6;color:#fff;box-shadow:0 0 8px #3b82f680}.btn-return-live{background-color:#212529;color:#c00;font-weight:700;font-size:.7rem;padding:2px 8px;border-radius:4px;border:1px solid #cc0000;cursor:pointer;margin-left:8px;text-transform:uppercase;display:inline-block;vertical-align:middle;transition:all .2s}.btn-return-live:hover{background-color:#c00;color:#fff;box-shadow:0 0 8px #cc000080}.vod-tag{font-size:.6rem;color:#3b82f6;font-weight:900;vertical-align:super;margin-left:2px;text-transform:uppercase}@media(max-width:1200px){#guide-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.guide-grid{min-width:1400px}.guide-row{grid-template-columns:260px 1fr 1fr 1fr;min-height:64px;align-content:center}.guide-channel-col{flex-direction:row;justify-content:flex-start;align-items:center;padding:0;height:100%;overflow:visible;min-width:0}.guide-channel-img{width:112px;height:64px;margin-bottom:0;object-fit:cover;background:#000;border-radius:0}.guide-channel-name-text{display:inline-block!important;margin:0 12px;font-size:.85rem;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.guide-row.is-active-channel{position:relative;z-index:5}.guide-row.is-active-channel:after{content:"";position:absolute;inset:0;border-left:10px solid #ffca28!important;border-top:1px solid rgba(255,202,40,.3)!important;border-bottom:1px solid rgba(255,202,40,.3)!important;background-color:#ffca2840!important;pointer-events:none;z-index:10}.guide-header-row{display:grid;grid-template-columns:300px 1fr 1fr 1fr;background-color:#1a1d21;position:sticky;top:0;z-index:50;border-bottom:2px solid #333;font-size:.75rem;color:#888;text-transform:uppercase;font-weight:900;letter-spacing:1px;height:28px;box-shadow:0 4px 6px #0000004d;margin:0}.guide-header-item{display:flex;align-items:center;padding:0 12px;border-right:1px solid #333}.guide-header-item:last-child{border-right:none}@media(max-width:1200px){.guide-header-row{min-width:1400px;grid-template-columns:260px 1fr 1fr 1fr}}#guide-grid-container{padding:0!important;margin:-1px 0 0!important;overflow-y:auto!important;display:block!important}.guide-header-row{position:sticky!important;top:0!important;background-color:#1a1d21!important;z-index:100!important;margin:0!important;width:100%}.guide-grid{padding:0!important;margin:0!important;border:none!important;gap:0!important;display:block!important}#lang-switcher{position:relative;margin-left:auto;display:flex;align-items:center}.lang-dropdown{position:absolute;top:100%;right:0;background-color:var(--surface-color);border:1px solid #333;box-shadow:0 10px 30px #00000080;display:none;flex-direction:column;min-width:140px;z-index:2000;margin-top:0;border-radius:0 0 8px 8px;padding:4px 0}.lang-dropdown.active{display:flex}.lang-item{background:none;border:none;color:var(--text-primary);padding:12px 16px;text-align:left;cursor:pointer;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;width:100%;transition:background-color .2s}.lang-item:hover{background-color:#ffffff0d}.lang-item.active{color:#3b82f6;font-weight:700;background-color:#3b82f61a}.channel-controls{display:flex;flex-direction:row;height:100%;align-items:center;gap:8px}.channel-arrow{background:none;border:none;width:28px;height:28px;padding:0;cursor:pointer;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .1s}.channel-arrow.prev{background-image:url(/static/v2/img/chev-up-hl.png)}.channel-arrow.next{background-image:url(/static/v2/img/chev-down-hl.png)}@media(hover:hover){.channel-arrow.prev:hover{background-image:url(/static/v2/img/chev-up.png)}.channel-arrow.next:hover{background-image:url(/static/v2/img/chev-down.png)}}.channel-arrow.prev:active{background-image:url(/static/v2/img/chev-up.png);transform:scale(.95)}.channel-arrow.next:active{background-image:url(/static/v2/img/chev-down.png);transform:scale(.95)}@media(max-height:500px)and (orientation:landscape){.video-container{width:auto;height:55vh;aspect-ratio:16/9;margin:0 auto}}.guide-mobile-info{font-size:.8rem;font-weight:400;margin-left:6px;display:none;vertical-align:baseline}@media(max-width:767px){.guide-mobile-info{display:inline-block}}#app.ui-v3{--v3-player-width: 580px;--v3-shell-gap: 12px;--v3-guide-collapsed-height: 36px;--v3-player-controls-safe-gap: 20px;--v3-meta-summary-min-height: 208px;--v3-vod-panel-height: auto}#app.ui-v3.guide-collapsed{--v3-player-width: 100%}#app.ui-v3 #app-main{display:block;min-height:calc(100vh - var(--header-height))}#app.ui-v3 #center-column{padding:0;gap:0;background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 42%),var(--bg-color)}#app.ui-v3 #player-section{background:transparent;border:none;border-radius:0;overflow:visible;padding:0 12px 12px 0}#app.ui-v3 #v3-shell{display:grid;grid-template-columns:minmax(320px,var(--v3-player-width)) minmax(420px,1fr);grid-template-areas:"main meta" "guide guide";gap:0 var(--v3-shell-gap);align-items:start}#app.ui-v3 #v3-main-column{grid-area:main;display:flex;flex-direction:column;gap:12px;min-width:0}#app.ui-v3 .video-container{width:100%;max-width:var(--v3-player-width);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}#app.ui-v3 #v3-meta-panel{grid-area:meta;--v3-meta-accent: #3b82f6;--v3-meta-soft-bg: rgba(59, 130, 246, .16);--v3-meta-soft-text: #dbeafe;--v3-meta-border: rgba(59, 130, 246, .42);--v3-meta-shadow: rgba(59, 130, 246, .28);display:flex;flex-direction:column;justify-content:flex-start;gap:12px;min-width:0;min-height:0;position:relative;z-index:90}#app.ui-v3 #v3-meta-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;min-height:0;align-items:stretch}#app.ui-v3 #v3-meta-summary{min-width:0;min-height:0;height:var(--v3-vod-panel-height);max-height:var(--v3-vod-panel-height);align-self:stretch;margin:0;padding:0;border:none;background:transparent;overflow:hidden}#app.ui-v3 #v3-meta-panel #content-table-container{min-width:0;min-height:0;height:var(--v3-vod-panel-height);max-height:var(--v3-vod-panel-height);align-self:start;margin:0;padding:0;border:none;border-radius:0;background:transparent;overflow:hidden;position:relative;z-index:120}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .v3-peer-panel{width:100%;height:100%;min-height:var(--v3-meta-summary-min-height);display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:8px;background:linear-gradient(145deg,#11151deb,#080b10eb);box-shadow:0 14px 28px #00000052;color:#f8fafc}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .v3-peer-panel--loading{overflow:hidden}#app.ui-v3 .v3-meta-skeleton,#app.ui-v3 .vod-peer-panel-copy--loading,#app.ui-v3 .vod-peer-panel-header--loading,#app.ui-v3 .v3-meta-skeleton-rows,#app.ui-v3 .v3-meta-skeleton-controls,#app.ui-v3 .v3-meta-skeleton-badges{display:flex;flex-direction:column;gap:10px}#app.ui-v3 .v3-meta-skeleton-title{min-height:1.5rem}#app.ui-v3 .v3-skeleton-bar{height:12px}#app.ui-v3 .v3-skeleton-bar--badge{width:76px;height:18px}#app.ui-v3 .v3-skeleton-bar--wide{width:92%}#app.ui-v3 .v3-skeleton-bar--medium{width:70%}#app.ui-v3 .v3-skeleton-bar--title{width:68%;height:1.05rem}#app.ui-v3 .v3-skeleton-bar--button{width:54%;height:32px}#app.ui-v3 .v3-skeleton-bar--row-title{width:88%}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-skeleton-bar{display:block;border-radius:999px;background:linear-gradient(90deg,#94a3b829,#e2e8f06b,#94a3b829);background-size:200% 100%;animation:v3-skeleton-pulse 1.35s ease-in-out infinite}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-skeleton-bar--title{width:74%;height:1rem}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-skeleton-bar--meta{width:56%;height:.78rem}#app.ui-v3 #v3-meta-summary .v3-peer-panel{min-height:var(--v3-meta-summary-min-height)}#app.ui-v3 #v3-meta-panel #content-table-container .v3-peer-panel{min-height:0}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .content-table-container--v3{min-height:0;height:100%}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel{min-height:0}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-badge{align-self:flex-start}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-copy{min-width:0;display:flex;flex-direction:column;gap:3px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-title{font-size:1rem;font-weight:700;line-height:1.2;color:#f8fafc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-meta{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-body{min-height:0;flex:1 1 auto;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) rgba(255,255,255,.04);padding-right:6px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel--loading .vod-peer-panel-body{overflow:hidden}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-body::-webkit-scrollbar{width:7px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-body::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-body::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-peer-panel-body::-webkit-scrollbar-thumb:hover{background:#94a3b8ad}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-list{display:flex;flex-direction:column;gap:8px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#0f172a85;border:1px solid rgba(255,255,255,.06)}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item.is-current{background:#1e40af2e;border-color:#60a5fa61}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item-copy{min-width:0;display:flex;align-items:baseline;gap:8px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item-index{flex:0 0 auto;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item-title{min-width:0;font-size:.84rem;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-list--loading{gap:10px}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item--placeholder{pointer-events:none}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item--placeholder .vod-panel-item-copy{align-items:center}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item-title--placeholder{width:100%}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .vod-panel-item-index--placeholder{width:28px;height:.75rem}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .play-btn--placeholder{width:60px;height:28px;border-radius:4px;background:linear-gradient(90deg,#94a3b829,#e2e8f04d,#94a3b829);background-size:200% 100%;animation:v3-skeleton-pulse 1.35s ease-in-out infinite}#app.ui-v3 .v3-meta-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#app.ui-v3 .v3-meta-service-badge{background-color:var(--v3-meta-soft-bg);color:var(--v3-meta-soft-text);border-color:var(--v3-meta-border);box-shadow:0 4px 12px var(--v3-meta-shadow)}#app.ui-v3 .v3-meta-channel-badge{max-width:100%}#app.ui-v3 .v3-meta-title{margin:0;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.2;color:#f8fafc;text-shadow:0 2px 10px rgba(0,0,0,.4)}#app.ui-v3 .v3-meta-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#app.ui-v3 .v3-quality-wrap{display:flex;align-items:center}#app.ui-v3 #v3-quality-select{background:#080b10eb;color:#dbeafe;border:1px solid rgba(59,130,246,.45);border-radius:4px;padding:2px 8px;font-size:.78rem;outline:none;cursor:pointer;min-width:84px}#app.ui-v3 .v3-meta-action{margin-left:0}#app.ui-v3 .v3-meta-rows{display:flex;flex-direction:column;gap:6px}#app.ui-v3 .v3-meta-row{margin:0;min-width:0}#app.ui-v3 .v3-meta-row .title-text{min-width:0;overflow:hidden;text-overflow:ellipsis}#app.ui-v3 .v3-meta-row-next .label-small{color:#ff9800}#app.ui-v3 #v3-guide-panel{grid-area:guide;display:flex;flex-direction:column;margin-top:0;margin-left:0;margin-right:0;min-width:0;min-height:300px;border-radius:0;border:none;background:transparent;overflow:visible;position:relative;z-index:20;align-self:stretch}#app.ui-v3 :is(.v3-guide-header,.v3-vod-flow-header){display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#131821a6}#app.ui-v3 #v3-vod-flow{grid-area:vod;display:none;flex-direction:column;gap:12px;min-width:0}#app.ui-v3 #v3-vod-flow[hidden]{display:none!important}#app.ui-v3 .v3-vod-flow-header{display:none}#app.ui-v3 #v3-mobile-guide-list{display:none;min-width:0}#app.ui-v3 .mobile-guide-list{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.06)}#app.ui-v3 .mobile-guide-list--loading{border-top:1px solid rgba(255,255,255,.06)}#app.ui-v3 .mobile-guide-row{width:100%;min-height:92px;display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:stretch;padding:0;border:none;border-bottom:1px solid rgba(255,255,255,.08);background:#0f1217e0;color:#f8fafc;text-align:left;cursor:pointer}#app.ui-v3 .mobile-guide-row--placeholder{cursor:default}#app.ui-v3 .mobile-guide-row.is-active-channel{background:#14223dfa;box-shadow:inset 6px 0 0 var(--accent-color),inset 0 0 0 1px #93c5fd3d}#app.ui-v3 .mobile-guide-thumb{width:132px;height:92px;object-fit:cover;display:block;background:#05070b}#app.ui-v3 .mobile-guide-thumb--placeholder{background:linear-gradient(90deg,#94a3b81f,#e2e8f038,#94a3b81f);background-size:200% 100%;animation:v3-skeleton-pulse 1.35s ease-in-out infinite}#app.ui-v3 .mobile-guide-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 12px 10px 0}#app.ui-v3 .mobile-guide-copy--placeholder{gap:10px}#app.ui-v3 .mobile-guide-name{min-width:0;font-family:Teko,sans-serif;font-size:clamp(1.45rem,6vw,2.35rem);font-weight:600;letter-spacing:.02em;line-height:.95;color:#fbbf24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}#app.ui-v3 .mobile-guide-name--placeholder{min-height:2rem}#app.ui-v3 .mobile-guide-line{min-width:0;display:flex;align-items:baseline;gap:8px}#app.ui-v3 .mobile-guide-line .label-small{flex:0 0 auto}#app.ui-v3 .mobile-guide-line .title-text{min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#app.ui-v3 .mobile-guide-now-line .label-small{color:#7adf7a}#app.ui-v3 .mobile-guide-next-line .label-small{color:#ff9800}#app.ui-v3 .mobile-guide-skeleton{display:block;width:100%;height:12px;border-radius:999px;background:linear-gradient(90deg,#94a3b829,#e2e8f06b,#94a3b829);background-size:200% 100%;animation:v3-skeleton-pulse 1.35s ease-in-out infinite}#app.ui-v3 .mobile-guide-skeleton--name{width:74%;height:1.5rem}#app.ui-v3 .mobile-guide-skeleton--label{width:46px;height:.78rem}#app.ui-v3 .mobile-guide-skeleton--wide{width:82%}#app.ui-v3 .mobile-guide-skeleton--medium{width:64%}#app.ui-v3 :is(.v3-guide-toggle,.v3-vod-toggle){width:100%;min-height:20px;padding:0;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;margin:0;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#e5e7eb;text-align:center;font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app.ui-v3 .v3-guide-toggle-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:transform .2s ease}#app.ui-v3 .v3-guide-toggle-icon svg{display:block}#app.ui-v3 .v3-guide-toggle-label{display:inline-flex;align-items:center;justify-content:center}#app.ui-v3 :is(.v3-guide-toggle,.v3-vod-toggle):hover{color:#f8fafc}#app.ui-v3 :is(.v3-guide-toggle,.v3-vod-toggle):focus-visible{outline:2px solid rgba(147,197,253,.88);outline-offset:2px;border-radius:6px}@media(max-width:1320px){#app.ui-v3 #v3-shell{grid-template-columns:1fr;grid-template-areas:"main" "meta" "guide" "vod";grid-template-rows:auto auto auto auto;gap:12px 0}#app.ui-v3 #v3-meta-top{grid-template-columns:minmax(0,1fr);height:auto}#app.ui-v3 #v3-meta-summary,#app.ui-v3 #v3-meta-panel #content-table-container{width:auto;height:auto;max-height:none;min-height:var(--v3-meta-summary-min-height)}#app.ui-v3 #v3-meta-panel #content-table-container{display:none!important}#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .v3-peer-panel,#app.ui-v3 :is(#v3-meta-panel,#v3-vod-flow) .content-table-container--v3{height:auto;max-height:none}#app.ui-v3 #v3-vod-flow{display:flex}#app.ui-v3 #v3-vod-mobile-container{min-width:0}#app.ui-v3 #v3-guide-panel{min-height:0;margin-left:0;margin-right:0}#app.ui-v3 #v3-guide-grid{max-height:none}}#app.ui-v3.guide-collapsed #v3-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"main";grid-template-rows:minmax(0,1fr)}#app.ui-v3.guide-collapsed #v3-meta-panel{display:none}#app.ui-v3.guide-collapsed #player-section{display:block;height:auto;padding:0}#app.ui-v3.guide-collapsed .video-container{width:min(100%,var(--v3-collapsed-player-box-width, 100%));max-width:none;height:auto;max-height:none;aspect-ratio:16/9;margin:0 auto;border-radius:0;overflow:hidden}#app.ui-v3.guide-collapsed #v3-guide-panel{position:fixed;left:0;right:0;bottom:0;height:var(--v3-guide-collapsed-height);min-height:0;box-sizing:border-box;background:linear-gradient(180deg,#131821fa,#0a0d13fa);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -12px 32px #00000073;z-index:180}#app.ui-v3.guide-collapsed #v3-guide-panel .v3-guide-header{height:100%;min-height:0;padding:0 12px;border-bottom:none;background:transparent}#app.ui-v3.guide-collapsed #v3-guide-panel .v3-guide-toggle{height:100%;min-height:0}#app.ui-v3.guide-collapsed #v3-guide-grid{display:none}#app.ui-v3 #v3-guide-grid{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none;overflow:hidden}#app.ui-v3 #v3-guide-grid .guide-grid{border:none;height:100%;min-height:0}#app.ui-v3 #v3-guide-grid .guide-grid--timeline{flex:1 1 auto;min-height:0;height:100%}#app.ui-v3 #v3-guide-grid .guide-header-row{position:static}#app.ui-v3 #v3-guide-grid .guide-row{min-height:64px}#app.ui-v3 #status-line{display:none}#app.ui-v3 #guide-overlay,body.v3-fullscreen #app.ui-v3 #v3-guide-panel{display:none!important}#app.ui-v3 .channel-item.channel-item-split{display:grid;grid-template-columns:146px 1fr;align-items:stretch;min-height:82px;height:auto;border-bottom:1px solid rgba(255,255,255,.06);border-right:none}#app.ui-v3 .channel-item.channel-item-split:hover{background-color:#ffffff05}#app.ui-v3 .channel-item.channel-item-split.active{border-right:none;box-shadow:inset 4px 0 0 var(--accent-color);background-color:#3b82f614}#app.ui-v3 .channel-tune-cell{border:none;border-right:1px solid rgba(255,255,255,.08);background:#0f1217d9;color:#e5e7eb;text-align:left;padding:10px 12px;font-size:.88rem;font-weight:700;cursor:pointer;min-width:0}#app.ui-v3 .channel-main-cell{border:none;background:transparent;cursor:pointer;display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:10px;padding:0 10px 0 0;text-align:left;min-width:0}#app.ui-v3 .channel-main-cell .channel-thumb{width:112px;height:64px;margin:0}#app.ui-v3 .channel-main-text{min-width:0;display:flex;flex-direction:column;gap:4px}#app.ui-v3 .channel-inline-now,#app.ui-v3 .channel-inline-next{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}#app.ui-v3 .channel-inline-now{color:#f8fafc}#app.ui-v3 .channel-inline-next{color:#94a3b8}#app.ui-v3 .channel-expand-indicator{color:#9ca3af;transition:transform .2s ease}#app.ui-v3 .channel-main-cell[aria-expanded=true] .channel-expand-indicator{transform:rotate(180deg)}#app.ui-v3 .channel-details{grid-column:1 / -1;display:none;background:#090b0fd1;border-top:1px solid rgba(255,255,255,.08);padding:9px 12px}#app.ui-v3 .channel-item.channel-item-split.is-expanded .channel-details{display:block}#app.ui-v3 .channel-details-row{display:flex;gap:10px;font-size:.8rem;margin:3px 0}#app.ui-v3 .channel-details-row span{color:#9ca3af;min-width:42px;text-transform:uppercase}#app.ui-v3 .channel-details-row strong{color:#e5e7eb;font-weight:600}.guide-grid.guide-grid--timeline{--guide-channel-col-width: 300px;--guide-now-line-left: 0px;display:flex!important;flex-direction:column;gap:0;background:transparent;border:none;min-height:100%}.guide-grid--timeline .guide-time-row{display:grid;grid-template-columns:var(--guide-channel-col-width) minmax(0,1fr);align-items:stretch;position:sticky;top:0;z-index:80;background:#1a1d21;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 10px #00000059}.guide-grid--timeline .guide-time-legend{display:flex;align-items:center;padding:0 10px;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;border-right:1px solid rgba(255,255,255,.07);background:#171a1f;font-weight:700}.guide-grid--timeline .guide-time-scroll{overflow-x:hidden;overflow-y:hidden;position:relative;scrollbar-width:none}.guide-grid--timeline .guide-time-scroll::-webkit-scrollbar{display:none}.guide-grid--timeline .guide-time-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.guide-grid--timeline .guide-time-track{position:relative;height:30px;background:linear-gradient(180deg,#141820f5,#0f1217f5)}.guide-grid--timeline .guide-time-tick{position:absolute;top:0;bottom:0;width:1px;background:#94a3b833}.guide-grid--timeline .guide-time-tick.guide-time-tick--hour{background:#e2e8f073}.guide-grid--timeline .guide-time-label{position:absolute;top:3px;left:6px;font-size:.64rem;letter-spacing:.02em;color:#cbd5e1;white-space:nowrap;text-transform:uppercase}.guide-grid--timeline .guide-body-scroll{overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:thin}.guide-grid--timeline .guide-body-scroll::-webkit-scrollbar{height:9px}.guide-grid--timeline .guide-body-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.guide-grid--timeline .guide-rows{position:relative;display:flex;flex-direction:column}.guide-grid--timeline .guide-row.guide-row--timeline{display:grid;grid-template-columns:var(--guide-channel-col-width) minmax(var(--guide-timeline-width),1fr);height:64px;min-height:64px;border-bottom:1px solid rgba(255,255,255,.08);background:#0d1015eb;position:relative}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded{height:108px;min-height:108px;background:#10141afa}.guide-grid--timeline .guide-row.guide-row--timeline.is-active-channel{box-shadow:inset 4px 0 #fbbf24}.guide-grid--timeline .guide-row.guide-row--timeline.is-active-channel:after{content:"";position:absolute;inset:0;border:1px solid rgba(251,191,36,.25);pointer-events:none}.guide-grid--timeline .guide-row--timeline .guide-channel-col{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch;gap:0;width:var(--guide-channel-col-width);min-height:100%;border:none;border-right:1px solid rgba(255,255,255,.08);background:#11141bfa;position:sticky;left:0;z-index:16;text-align:left;cursor:pointer;padding:0;overflow:hidden}.guide-grid--timeline .guide-row--timeline .guide-channel-col:hover{background:#1e232dfa}.guide-grid--timeline .guide-row--timeline .guide-channel-img{width:112px;height:100%;min-height:100%;object-fit:cover;border-radius:0;background:#000;flex:0 0 auto}.guide-grid--timeline .guide-row--timeline .guide-channel-name-text{display:flex;align-items:center;width:100%;min-width:0;height:100%;margin:0;padding:0 10px 0 12px;background:transparent;color:#fbbf24;font-family:Teko,sans-serif;font-size:42px;font-weight:500!important;letter-spacing:.01em;line-height:.82;text-transform:uppercase;text-shadow:0 0 18px rgba(251,191,36,.12);white-space:nowrap;overflow:hidden;text-overflow:clip}.guide-grid--timeline .guide-row-timeline{position:relative;min-height:100%;height:100%;display:flex;align-items:stretch;overflow:hidden}.guide-grid--timeline .guide-row-track{position:relative;min-height:100%;height:100%;background-image:linear-gradient(to right,rgba(148,163,184,.08) 1px,transparent 1px);background-size:50px 100%;z-index:1}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-row-track{background-size:100px 100%}.guide-grid--timeline .guide-current-time-line{position:absolute;top:0;bottom:0;width:2px;background-color:#ea4335;z-index:12;pointer-events:none;box-shadow:0 0 8px #ea433599;transition:left .2s linear}.guide-grid--timeline .guide-current-time-line:after{content:"";position:absolute;top:-4px;left:-2px;width:6px;height:6px;border-radius:50%;background:#ea4335}.guide-grid--timeline .guide-current-time-line--axis{z-index:20}.guide-grid--timeline .guide-current-time-line--body{top:0;bottom:0;left:calc(var(--guide-channel-col-width) + var(--guide-now-line-left));z-index:14}.guide-grid--timeline .guide-current-time-line--body:after{display:none}.guide-grid--timeline .guide-block{position:absolute;top:8px;bottom:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border-radius:6px;border:1px solid rgba(148,163,184,.24);background:#1f2937;color:#f1f5f9;padding:7px 10px;overflow:hidden;text-align:left;cursor:pointer;transition:filter .15s ease,transform .15s ease}.guide-grid--timeline .guide-block-content{display:flex;flex-direction:column;align-items:inherit;gap:4px;width:100%;min-width:0}.guide-grid--timeline .guide-block:hover{filter:brightness(1.1);transform:translateY(-1px)}.guide-grid--timeline .guide-block:focus-visible{outline:2px solid rgba(147,197,253,.95);outline-offset:1px}.guide-grid--timeline .guide-block.is-now{background:#24435f;border-color:#7dd3fc52}.guide-grid--timeline .guide-block.is-next{background:#202b3a}.guide-grid--timeline .guide-block.is-future{background:#1a212d;color:#cbd5e1}.guide-grid--timeline .guide-block.is-ad{background:#3a1f2f;border-color:#f472b657}.guide-grid--timeline .guide-block.is-placeholder{background:repeating-linear-gradient(-45deg,#1a212d,#1a212d 9px,#202b39 9px 18px);border-style:dashed;color:#94a3b8}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block{top:9px;bottom:9px}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current{justify-content:flex-start}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content{position:absolute;top:7px;bottom:16px;left:10px;gap:2px;width:max-content;max-width:calc(100% - 20px)}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-title{white-space:nowrap!important;display:block!important;-webkit-line-clamp:1!important;-webkit-box-orient:initial!important;overflow:hidden;text-overflow:ellipsis;max-height:none}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.guide-grid--timeline .guide-block-title{font-size:.79rem;line-height:1.2;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block-title{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.5em}.guide-grid--timeline .guide-block-meta{display:none;font-size:.7rem;letter-spacing:.01em;color:#e2e8f0e6}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block-meta{display:block}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-right-aligned{align-items:flex-end}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-right-aligned .guide-block-title,.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-right-aligned .guide-block-meta{text-align:right}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-right-aligned .vod-tag,.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-right-aligned .guide-vod-link{align-self:flex-end}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-compact{gap:1px;top:6px;bottom:14px}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-compact .guide-block-title{font-size:.72rem}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-compact .guide-block-meta{font-size:.62rem;line-height:1.05}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-compact .vod-tag{font-size:.52rem;line-height:1}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded .guide-block.is-now.is-expanded-current .guide-block-content.is-compact .guide-vod-link{padding:1px 6px;font-size:.58rem}.guide-grid--timeline .guide-vod-link{margin-top:auto;padding:2px 8px;border:1px solid rgba(96,165,250,.5);border-radius:999px;background:#1e40af59;color:#dbeafe;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.guide-grid--timeline .guide-vod-link:hover{background:#2563eb75;border-color:#93c5fdb8}.guide-grid--timeline .guide-block.is-tight .guide-block-title,.guide-grid--timeline .guide-block.is-tight .guide-block-meta,.guide-grid--timeline .guide-block.is-tight .vod-tag,.guide-grid--timeline .guide-block.is-tight .guide-vod-link{display:none}.guide-grid--timeline .guide-progress{position:absolute;left:10px;right:10px;bottom:8px;height:4px;border-radius:999px;overflow:hidden;background:#93c5fd2e;z-index:2;pointer-events:none}.guide-grid--timeline .guide-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#93c5fd);box-shadow:0 0 8px #60a5fa61}.guide-grid--timeline.guide-grid--compact .guide-row.guide-row--timeline{min-height:60px}.guide-grid--timeline.guide-grid--compact .guide-row.guide-row--timeline .guide-channel-col{cursor:default}#app.ui-v3 #v3-guide-grid .guide-grid--timeline .guide-time-row{position:sticky;top:0;z-index:80}#app.ui-v3 #v3-guide-grid .guide-grid--timeline .guide-body-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#app.ui-v3 #v3-guide-grid .guide-grid--timeline .guide-body-scroll::-webkit-scrollbar{width:0;height:0;display:none}#app.ui-v3 #v3-guide-grid .guide-grid--timeline .guide-body-scroll::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}#app.ui-v3 #v3-guide-grid .guide-grid--timeline .guide-body-scroll::-webkit-scrollbar-track{background:#0f172a59}@media(min-width:768px){#app.ui-v3{height:100dvh;min-height:100dvh}#app.ui-v3 #app-main{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));min-height:0;overflow:hidden}#app.ui-v3 #center-column,#app.ui-v3 #player-section{height:100%;min-height:0}#app.ui-v3 #v3-shell{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr)}#app.ui-v3 #v3-guide-panel{min-height:0;overflow:hidden}#app.ui-v3 #v3-guide-grid{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:hidden;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}#app.ui-v3 #v3-guide-grid::-webkit-scrollbar{display:none}}@media(min-width:768px)and (max-width:1320px){#app.ui-v3{height:auto;min-height:100dvh}#app.ui-v3 #app-main,#app.ui-v3 #center-column,#app.ui-v3 #player-section,#app.ui-v3 #v3-shell{height:auto;overflow:visible}}@media(max-width:1200px){.guide-grid--timeline{--guide-channel-col-width: 260px}.guide-grid--timeline .guide-row--timeline .guide-channel-col{grid-template-columns:96px minmax(0,1fr)}.guide-grid--timeline .guide-row--timeline .guide-channel-img{width:96px}}@media(max-width:767px){#app.ui-v3 #player-section{padding:0}#app.ui-v3 #v3-shell{grid-template-areas:"main" "meta" "vod" "guide";gap:6px 0}#app.ui-v3 .v3-guide-header,#app.ui-v3 #v3-guide-grid{display:none}#app.ui-v3 #v3-guide-panel{min-height:0;background:transparent;border:none}#app.ui-v3 #v3-mobile-guide-list{display:block}#app.ui-v3 #v3-vod-flow.is-mobile.is-collapsed #v3-vod-mobile-container{display:none!important}#app.ui-v3 #v3-vod-flow.is-mobile .v3-vod-flow-header{display:flex}.guide-grid--timeline .guide-row.guide-row--timeline{height:56px;min-height:56px}.guide-grid--timeline .guide-row.guide-row--timeline.is-expanded{height:92px;min-height:92px}.guide-grid--timeline .guide-block{padding:6px 8px}.guide-grid--timeline .guide-block-title{font-size:.74rem}}
