.live-page{--live-gutter:20px;width:100%;min-height:100vh;padding:calc(var(--nav-h) + 20px) var(--live-gutter) 20px}.live-layout{align-items:stretch;gap:20px;width:100%;max-width:1280px;margin:0 auto;display:flex}.live-main{flex:1;min-width:0}.live-stage-wrap{border-radius:var(--radius-lg);background:#000;width:100%;position:relative;overflow:hidden}.live-page .player{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:100%}.player[data-mode=live] .seekbar,.player[data-mode=live] .player-time,.player[data-mode=live] .player-next-text,.player[data-mode=live] .player-source-chip,.player[data-mode=live] .player-tv,.player[data-mode=live] .player-top{display:none}.live-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.live-badge{background:#0b0b0db8;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.live-badge i{background:var(--danger);border-radius:50%;width:6px;height:6px}.live-hud-line{color:var(--accent-2);font-size:13px;position:absolute;top:12px;right:12px}.live-hud-name{font-size:16px;font-weight:600;position:absolute;bottom:52px;left:16px}@media (min-width:861px){.live-hud-name{display:none}}.live-banner{display:none}.live-now{margin-top:16px}.live-now-name{margin:0;font-size:22px;font-weight:600;line-height:1.3}.live-now-meta{color:var(--text-2);margin:6px 0 0;font-size:13px}.live-now-meta span{color:var(--accent-2)}.live-list{flex-direction:column;flex-shrink:0;align-self:stretch;width:340px;min-height:0;display:flex}.live-groups{scrollbar-width:none;flex-shrink:0;height:44px;display:flex;overflow-x:auto}.live-groups::-webkit-scrollbar{display:none}.live-tab{appearance:none;color:var(--text-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;height:44px;padding:0 14px;font-size:15px}.live-tab[data-active=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.live-channels{flex:1;min-height:0;padding:8px 18px;overflow:auto}.live-sec{z-index:1;color:var(--text-3);background:#0b0b0d;margin:0;padding:10px 16px 4px;font-size:12px;font-weight:600;position:sticky;top:0}.live-ch{appearance:none;width:100%;height:64px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.live-ch+.live-ch{box-shadow:0 -1px 0 var(--line)}.live-ch:hover{background:var(--surface-2)}.live-ch[data-active=true]{background:var(--accent-soft)}.live-ch[data-active=true]:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.live-ch-logo{background:var(--surface-3);border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:grid;overflow:hidden}.live-ch-logo img,.live-logo img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px}.live-ch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.live-ch-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.live-ch[data-active=true] .live-ch-name{color:var(--accent-2)}.live-ch-lines{color:var(--text-3);font-size:13px}.live-eq{background:linear-gradient(var(--accent), var(--accent)) 0 100% / 3px 40% no-repeat, linear-gradient(var(--accent), var(--accent)) 5.5px 100% / 3px 80% no-repeat, linear-gradient(var(--accent), var(--accent)) 11px 100% / 3px 55% no-repeat;width:14px;height:14px;animation:live-eq .9s var(--ease) infinite alternate;margin-left:auto}@keyframes live-eq{0%{opacity:.55}to{opacity:1}}.live-toast{z-index:40;background:#0b0b0de0;border-radius:999px;align-items:center;height:40px;padding:0 18px;font-size:14px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.live-blank{min-height:calc(100vh - var(--nav-h));text-align:center;place-content:center;justify-items:center;gap:12px;display:grid}.live-blank h1{margin:0;font-size:36px;font-weight:600}.live-blank p{color:var(--text-3);margin:0;font-size:22px}.live-ch:focus-visible,.live-tab:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:3px;box-shadow:var(--focus-glow);transform:scale(1.04)}@media (min-width:1101px){html:has(.live-page) .foot{display:none}.live-page{top:var(--nav-h);flex-direction:column;height:auto;min-height:0;padding:20px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.live-layout{flex:1;width:100%;max-width:none;min-height:0;margin:0}.live-main{min-width:0;min-height:0;max-width:calc((100vh - var(--nav-h) - 120px) * 16 / 9);flex:auto;overflow:auto}.live-list{min-height:0;overflow:hidden}.live-channels{min-height:0}}@media (max-width:1100px){.live-layout{flex-direction:column}.live-stage-wrap,.live-page .player,.live-list{width:100%}}@media (max-width:860px){.live-page{padding:var(--nav-h) 0 0}.live-stage-wrap{top:var(--nav-h);z-index:4;border-radius:0;position:sticky}.live-page .player{border-radius:0}.live-now{display:none}.live-groups{padding:0 8px}.live-channels{padding:0}.live-ch{border-radius:0}.live-ch:focus-visible{transform:none}.live-blank h1{font-size:22px}.live-blank p{font-size:14px}}:is(html[data-tv]:has(.live-page) .nav,html[data-tv]:has(.live-page) .foot){display:none!important}html[data-tv] .live-page{background:#000;min-height:0;padding:0;position:fixed;inset:0}html[data-tv] .live-layout{max-width:none;display:block}html[data-tv] .live-main{max-width:none;overflow:visible}html[data-tv] .live-stage-wrap,html[data-tv] .live-page .player{aspect-ratio:auto;z-index:1;border-radius:0;width:auto;max-width:none;height:auto;position:fixed;inset:0}html[data-tv] .live-page .player-top,html[data-tv] .live-page .player-bottom,html[data-tv] .live-page .player-bigplay,html[data-tv] .live-hud,html[data-tv] .live-now{display:none}html[data-tv] .live-banner{z-index:6;background:#0b0b0dcc;border-radius:16px;align-items:center;gap:16px;width:560px;height:120px;padding:0 20px;display:flex;position:fixed;top:48px;left:48px}html[data-tv] .live-banner .live-logo{background:var(--surface-3);border-radius:8px;flex-shrink:0;place-items:center;width:96px;height:72px;font-size:28px;font-weight:700;display:grid}html[data-tv] .live-banner-name{font-size:36px;font-weight:700;line-height:1.2}html[data-tv] .live-banner-meta{color:var(--text-2);align-items:baseline;gap:8px;margin-top:6px;font-size:22px;display:flex}html[data-tv] .live-banner-line{color:var(--accent-2)}html[data-tv] .live-list{z-index:8;width:720px;height:100vh;transition:transform .24s var(--ease);pointer-events:none;visibility:hidden;background:#0b0b0deb;flex-direction:row;padding:48px 0;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}html[data-tv] .live-page.is-list .live-list{pointer-events:auto;visibility:visible;transform:none}html[data-tv] .live-groups{flex-direction:column;width:200px;height:auto;padding:0 24px 0 48px;overflow:auto}html[data-tv] .live-tab{height:72px;box-shadow:none;text-align:left;border-radius:8px;padding:0 20px;font-size:28px}html[data-tv] .live-tab[data-active=true]{background:var(--surface-3);color:var(--text)}html[data-tv] .live-channels{width:520px;padding:0 48px 0 24px}html[data-tv] .live-sec{background:#0b0b0d;padding:16px 20px 8px;font-size:20px}html[data-tv] .live-ch{height:88px;padding:0 20px}html[data-tv] .live-ch-logo{width:56px;height:56px;font-size:22px}html[data-tv] .live-ch-name{font-size:30px}html[data-tv] .live-ch-lines{font-size:22px}html[data-tv] .live-toast{height:64px;padding:0 28px;font-size:24px;bottom:96px}html[data-tv] .live-ch:focus-visible,html[data-tv] .live-tab:focus-visible{outline-width:3px}@media (prefers-reduced-motion:reduce){html[data-tv] .live-list{transition:none}}.player[data-mode=live] .player-error-actions .btn-back:focus{outline:var(--focus-w) solid var(--focus);outline-offset:3px}