[data-ui=data-state]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;justify-content:center;align-items:center;gap:1.25rem;min-height:15rem;padding:clamp(1.5rem,4vw,3rem);display:flex}:where([data-ui=data-state]) .state-mark{border:1px solid var(--color-text-muted);width:3.25rem;height:3.25rem;color:var(--color-text-muted);border-radius:50%;flex:none;place-items:center;font-size:1.4rem;display:grid}[data-ui=data-state].data-state--error .state-mark{border-color:var(--color-danger);color:var(--color-danger)}:where([data-ui=data-state]) h2,:where([data-ui=data-state]) p{margin:0}:where([data-ui=data-state]) h2{font-size:1.2rem}:where([data-ui=data-state]) p{max-width:38rem;color:var(--color-text-muted);font-family:var(--font-secondary);margin-top:.4rem;font-size:.9rem}:where([data-ui=data-state]) button{background:var(--color-primary-gradient);color:#fff;cursor:pointer;box-shadow:0 0 .8rem rgb(var(--color-primary-rgb) / 25%);border:0;border-radius:999px;margin-top:1rem;padding:.65rem 1rem;font-weight:700;transition:all .25s}:where([data-ui=data-state]) button:hover{box-shadow:0 0 1.2rem rgb(var(--color-primary-rgb) / 50%);transform:translateY(-1px)}:where([data-ui=data-state]) button:active{transform:translateY(1px)scale(.98)}@media (width<=47.99rem){[data-ui=data-state]{flex-direction:column;align-items:flex-start;min-height:13rem}}:where([data-ui=tv]) .television-page{max-width:var(--max-screen);background:radial-gradient(ellipse 62% 42% at 72% -4%, rgb(var(--color-primary-rgb) / 15%), transparent 68%), linear-gradient(180deg, var(--color-black-800) 0%, var(--color-black-900) 100%);margin-inline:auto;padding:5.75rem clamp(1rem,4vw,3rem) 3rem}:where([data-ui=tv]) .state-wrap{place-items:center;min-height:60vh;display:grid}:where([data-ui=tv]) .tv-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:750}:where([data-ui=tv]) .tv-head p{color:var(--color-text-muted);font-family:var(--font-secondary);margin:.35rem 0 1.2rem;font-size:.85rem}:where([data-ui=tv]) .player-section{grid-template-columns:minmax(0,1.3fr) minmax(19rem,.7fr);gap:1.2rem;display:grid}:where([data-ui=tv]) .player-panel{align-self:start;position:sticky;top:4.5rem}:where([data-ui=tv]) .player-frame,:where([data-ui=tv]) .player-placeholder{aspect-ratio:16/9;box-shadow:0 1.35rem 3.5rem #00000094, 0 0 0 1px rgb(var(--color-primary-rgb) / 8%), 0 0 2rem rgb(var(--color-primary-rgb) / 12%), inset 0 1px 0 #ffffff12;background:#030305;border:1px solid #ffffff1f;border-radius:.75rem;place-items:center;display:grid;position:relative;overflow:hidden}:where([data-ui=tv]) .player-placeholder p{max-width:28ch;color:var(--color-text-subtle);text-align:center;padding:1rem}:where([data-ui=tv]) .player-video{background:#000;width:100%;height:100%}:where([data-ui=tv]) .live-badge{background:var(--panel-bg);color:#fff;font:600 .7rem var(--font-secondary);letter-spacing:.06em;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;padding:.26rem .6rem;display:inline-flex;position:absolute;top:.75rem;left:.75rem}:where([data-ui=tv]) .pulse-dot{aspect-ratio:1;background:var(--color-danger);width:.45rem;box-shadow:0 0 0 0 rgb(var(--color-secondary-rgb) / 62%), 0 0 .55rem rgb(var(--color-secondary-rgb) / 85%);border-radius:50%;animation:1.7s ease-out infinite live-pulse}@keyframes live-pulse{to{box-shadow:0 0 0 .4rem rgb(var(--color-secondary-rgb) / 0%)}}:where([data-ui=tv]) .player-controls-bar{background:linear-gradient(115deg,#1e1c23f5,#131217f5);border:1px solid #ffffff17;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.7rem;padding:.7rem .9rem;display:flex;box-shadow:0 .7rem 1.6rem #00000038,inset 0 1px #ffffff0a}:where([data-ui=tv]) .current-channel-info{align-items:center;gap:.7rem;min-width:0;display:flex}:where([data-ui=tv]) .current-channel-info .channel-logo{object-fit:contain;flex:none;max-width:3.4rem;height:1.8rem}:where([data-ui=tv]) .channel-details{min-width:0;display:grid}:where([data-ui=tv]) .channel-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}:where([data-ui=tv]) .channel-details .now-playing{max-width:min(30vw,34rem);color:var(--color-text-subtle);font-family:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}:where([data-ui=tv]) .right-controls{gap:.45rem;display:inline-flex}:where([data-ui=tv]) .control-btn{border:1px solid var(--color-border);background:var(--color-black-600);color:var(--color-text-muted);font-family:var(--font-secondary);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.74rem;display:inline-flex}:where([data-ui=tv]) .control-btn:hover{border-color:var(--color-primary);color:var(--color-text);background:rgb(var(--color-primary-rgb) / 14%);box-shadow:0 .35rem 1rem rgb(var(--color-primary-rgb) / 16%);transform:translateY(-1px)}:where([data-ui=tv]) .control-btn.fav-btn.faved{border-color:var(--color-primary-light);color:var(--color-primary-light);background:rgb(var(--color-primary-rgb) / 14%)}:where([data-ui=tv]) .control-btn:disabled{opacity:.5;cursor:not-allowed}:where([data-ui=tv]) .channel-selection{background:var(--panel-bg);min-width:0;box-shadow:var(--panel-shadow);border:1px solid #ffffff1a;border-radius:.75rem;padding:.85rem}:where([data-ui=tv]) .channel-categories{scrollbar-width:none;gap:.4rem;margin:-.25rem -.25rem 0;padding:.25rem .25rem .8rem;display:flex;overflow-x:auto}:where([data-ui=tv]) .category-btn{border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-secondary);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.38rem .7rem;font-size:.73rem;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s}:where([data-ui=tv]) .category-btn:hover{color:var(--color-text);background:#ffffff0d;border-color:#ffffff40;transform:translateY(-1px)}:where([data-ui=tv]) .category-btn.active{background:var(--color-primary-gradient);color:#fff;box-shadow:0 .35rem 1rem rgb(var(--color-primary-rgb) / 28%), inset 0 1px 0 #ffffff2e;border-color:#0000}:where([data-ui=tv]) .search-box-container{padding-bottom:.7rem}:where([data-ui=tv]) .search-box{align-items:center;display:flex;position:relative}:where([data-ui=tv]) .search-box .search-icon{color:var(--color-text-subtle);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:.85rem}:where([data-ui=tv]) .search-box:focus-within .search-icon{color:var(--color-primary-light)}:where([data-ui=tv]) .search-input{border:1px solid var(--color-border);width:100%;color:var(--color-text);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#08080bc7;border-radius:999px;padding:.6rem .9rem .6rem 2.4rem;font-size:.85rem}:where([data-ui=tv]) .search-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / 24%);outline:none}:where([data-ui=tv]) .channels-grid-container{scrollbar-color:var(--color-border) transparent;min-height:12rem;max-height:calc(100dvh - 29rem);overflow-y:auto}:where([data-ui=tv]) .group-heading{color:var(--color-text);align-items:center;gap:.65rem;margin:.75rem 0 .45rem;font-size:.9rem;font-weight:650;display:flex}:where([data-ui=tv]) .group-heading:after{content:"";background:linear-gradient(90deg,#ffffff1f,#0000);flex:1;height:1px}:where([data-ui=tv]) .channels-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}:where([data-ui=tv]) .channel-card{width:100%;min-height:5rem;color:var(--color-text-muted);cursor:pointer;background:linear-gradient(145deg,#222028f0,#18161df0);border:1px solid #ffffff0d;border-radius:.6rem;place-items:center;gap:.3rem;padding:.5rem;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff08}:where([data-ui=tv]) .channel-card:hover{color:var(--color-text);background:linear-gradient(145deg,#2a2730f5,#1b1920f5);border-color:#ffffff3d;transform:translateY(-3px);box-shadow:0 .6rem 1.25rem #00000061,inset 0 1px #ffffff0f}:where([data-ui=tv]) .channel-card--active{border-color:var(--color-primary);color:var(--color-text);box-shadow:0 .6rem 1.35rem #0000005c, 0 0 1.15rem rgb(var(--color-primary-rgb) / 24%), inset 0 1px 0 #ffffff14;background:linear-gradient(145deg, rgb(var(--color-primary-rgb) / 18%), #1c181ff5);transform:translateY(-2px)}:where([data-ui=tv]) .channel-logo{object-fit:contain;filter:drop-shadow(0 .3rem .55rem #0000007a);max-width:3.8rem;height:2rem;transition:transform .2s}:where([data-ui=tv]) .channel-card:hover .channel-logo,:where([data-ui=tv]) .channel-card--active .channel-logo{transform:scale(1.07)}:where([data-ui=tv]) .channel-name{max-width:100%;font-family:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}:where([data-ui=tv]) .fav-mark{color:var(--color-tertiary);font-size:.68rem;position:absolute;top:.3rem;right:.4rem}:where([data-ui=tv]) .empty-filter{color:var(--color-text-subtle);font-family:var(--font-secondary);font-size:.82rem}@media (width<=63.98rem){:where([data-ui=tv]) .player-section{grid-template-columns:1fr}:where([data-ui=tv]) .player-panel{position:static}:where([data-ui=tv]) .channels-grid-container{min-height:0;max-height:none}:where([data-ui=tv]) .channels-grid{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}:where([data-ui=tv]) .control-btn .btn-text{display:none}:where([data-ui=tv]) .channel-details .now-playing{max-width:50vw}}@media (prefers-reduced-motion:reduce){:where([data-ui=tv]) .pulse-dot{animation:none}:where([data-ui=tv]) .channel-card:hover,:where([data-ui=tv]) .control-btn:hover,:where([data-ui=tv]) .category-btn:hover,:where([data-ui=tv]) .channel-card:hover .channel-logo,:where([data-ui=tv]) .channel-card--active .channel-logo{transform:none}}:where([data-ui=tv]) .epg-panel{border-bottom:1px solid var(--color-border);margin-bottom:.8rem;padding-bottom:.8rem}:where([data-ui=tv]) .epg-header,:where([data-ui=tv]) .epg-current-meta,:where([data-ui=tv]) .epg-next,:where([data-ui=tv]) .epg-schedule summary{justify-content:space-between;align-items:center;gap:.75rem;display:flex}:where([data-ui=tv]) .epg-header{margin-bottom:.65rem}:where([data-ui=tv]) .epg-kicker{color:var(--color-primary);font:700 .58rem var(--font-secondary);letter-spacing:.13em;margin-bottom:.12rem;display:block}:where([data-ui=tv]) .epg-header h2{letter-spacing:-.01em;margin:0;font-size:1rem}:where([data-ui=tv]) .epg-date{color:var(--color-text-subtle);font:500 .68rem var(--font-secondary)}:where([data-ui=tv]) .epg-current{border:1px solid rgb(var(--color-primary-rgb) / 30%);background:rgb(var(--color-primary-rgb) / 9%);border-radius:.65rem;padding:.75rem}:where([data-ui=tv]) .epg-current--upcoming{border-color:var(--color-border);background:var(--color-black-800)}:where([data-ui=tv]) .epg-current-meta{color:var(--color-text-subtle);font:600 .64rem var(--font-secondary)}:where([data-ui=tv]) .epg-live,:where([data-ui=tv]) .epg-upcoming-label{color:var(--color-primary);letter-spacing:.08em}:where([data-ui=tv]) .epg-live{align-items:center;gap:.35rem;display:inline-flex}:where([data-ui=tv]) .epg-live>span{aspect-ratio:1;background:var(--color-danger);border-radius:50%;width:.38rem}:where([data-ui=tv]) .epg-current h3{text-overflow:ellipsis;white-space:nowrap;margin:.4rem 0 0;font-size:.9rem;line-height:1.35;overflow:hidden}:where([data-ui=tv]) .epg-progress{background:#ffffff1a;border-radius:999px;height:.2rem;margin-top:.65rem;overflow:hidden}:where([data-ui=tv]) .epg-progress>span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}:where([data-ui=tv]) .epg-next{font-family:var(--font-secondary);align-items:flex-start;margin-top:.65rem;padding-inline:.15rem}:where([data-ui=tv]) .epg-next span{color:var(--color-text-subtle);flex:none;font-size:.65rem}:where([data-ui=tv]) .epg-next strong{color:var(--color-text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;overflow:hidden}:where([data-ui=tv]) .epg-message,:where([data-ui=tv]) .epg-error{background:var(--color-black-800);color:var(--color-text-subtle);font:.72rem/1.5 var(--font-secondary);border-radius:.6rem;margin:0;padding:.8rem}:where([data-ui=tv]) .epg-error{justify-content:space-between;align-items:center;gap:.75rem;display:flex}:where([data-ui=tv]) .epg-error p{margin:0}:where([data-ui=tv]) .epg-error button{border:1px solid rgb(var(--color-primary-rgb) / 45%);background:rgb(var(--color-primary-rgb) / 12%);color:var(--color-text);font:600 .68rem var(--font-secondary);cursor:pointer;border-radius:999px;flex:none;padding:.35rem .6rem}:where([data-ui=tv]) .epg-error button:hover{background:rgb(var(--color-primary-rgb) / 20%)}:where([data-ui=tv]) .epg-loading{background:var(--color-black-800);border-radius:.6rem;gap:.45rem;padding:.75rem;display:grid}:where([data-ui=tv]) .epg-loading span{background:var(--color-black-600);border-radius:999px;height:.6rem}:where([data-ui=tv]) .epg-schedule{font-family:var(--font-secondary);margin-top:.65rem}:where([data-ui=tv]) .epg-schedule summary{color:var(--color-text-muted);cursor:pointer;padding:.55rem .15rem 0;font-size:.69rem}:where([data-ui=tv]) .epg-schedule summary span:last-child{color:var(--color-text-subtle)}:where([data-ui=tv]) .epg-schedule ol{border-top:1px solid var(--color-border);scrollbar-color:var(--color-border) transparent;max-height:14rem;margin:.6rem 0 0;padding:0;list-style:none;overflow-y:auto}:where([data-ui=tv]) .epg-schedule li{color:var(--color-text-muted);border-bottom:1px solid #ffffff0a;grid-template-columns:3.2rem minmax(0,1fr);gap:.6rem;padding:.48rem .35rem;font-size:.7rem;display:grid}:where([data-ui=tv]) .epg-schedule li time{color:var(--color-text-subtle);font-variant-numeric:tabular-nums}:where([data-ui=tv]) .epg-schedule li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where([data-ui=tv]) .epg-schedule .epg-program--current{background:rgb(var(--color-primary-rgb) / 10%);color:var(--color-text)}:where([data-ui=tv]) .epg-schedule .epg-program--current time{color:var(--color-primary);font-weight:700}.television-page .tv-recovery{z-index:2;color:var(--color-text-main,#fff);text-align:center;background:#030305f0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.television-page .tv-recovery p{margin:0;font-size:.9rem}.television-page .tv-recovery button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.5rem;padding:.5rem 1.25rem}.television-page .tv-recovery button:focus-visible{outline:2px solid var(--color-primary,#51f085);outline-offset:3px}
