:root{--bg-page:#0f0f1e;--bg-card:#1a1a2e;--bg-side:#12122a;--bg-elev:#252540;--text-main:#e8e8f0;--text-mute:#9090a8;--accent:#a78bfa;--live:#ef4444;--border:rgba(255,255,255,.08);--radius:10px;--sidebar-w:240px;--header-h:56px;--ad-side-w:300px;--ad-side-h:600px;--cat-dropdown-top:0px;--chat-panel-top:var(--header-h)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{min-height:100%;background:var(--bg-page);scrollbar-gutter:stable}body{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg-page);color:var(--text-main);line-height:1.5;overflow-x:hidden;overflow-anchor:none}a{color:inherit;text-decoration:none}button,input{font:inherit}.header{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 16px;display:flex;align-items:center;gap:16px;height:var(--header-h)}.cat-dropdown-item.active{background:var(--accent);color:#fff;font-weight:500}.layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--ad-side-w);grid-template-areas:"sidebar main ad" "sidebar extras ad";grid-template-rows:auto 1fr;min-height:calc(100vh - var(--header-h))}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.sb-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(167,139,250,.18)}.sb-search input::-webkit-search-decoration,.sb-search input::-webkit-search-cancel-button,.sb-search input::-webkit-search-results-button,.sb-search input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.sb-search input[type="search"]::-ms-clear,.sb-search input[type="search"]::-ms-reveal{display:none;width:0;height:0}.sb-item.is-hidden{display:none!important}.sb-item:hover{background:rgba(255,255,255,.05)}.sb-item:focus{outline:none}.sb-item:focus-visible{background:var(--bg-elev);border-left-color:var(--accent);box-shadow:inset 0 0 0 2px rgba(167,139,250,.42)}.sb-item.active{background:rgba(167,139,250,.15);border-left-color:var(--accent)}.sb-name{font-size:13px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sb-empty{display:none;padding:20px;text-align:center;color:var(--text-mute);font-size:14px}.main{grid-area:main;padding:16px;min-width:0;max-width:1400px;width:100%}.player-section{width:100%;max-width:100%;min-width:0;overflow-anchor:none}.player-wrap{background:#000;border-radius:var(--radius);overflow:hidden;position:relative;width:100%;aspect-ratio:16/9;box-shadow:0 12px 28px rgba(0,0,0,.28);contain:layout paint;isolation:isolate;flex:0 0 auto}.player-wrap::before{content:"";position:absolute;inset:0;background:#000}.player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;background:#000;z-index:1}.ad-side{grid-area:ad;width:var(--ad-side-w);min-width:var(--ad-side-w);height:var(--ad-side-h);margin:16px 16px 0 0;overflow-anchor:none;contain:layout paint;align-self:start;position:sticky;top:calc(var(--header-h) + 16px)}.ad-slot{display:flex;align-items:center;justify-content:center;width:var(--ad-side-w);height:var(--ad-side-h);min-width:var(--ad-side-w);min-height:var(--ad-side-h);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 28px rgba(0,0,0,.18);color:var(--text-mute);font-size:13px;text-align:center;overflow:hidden}.ad-slot iframe,.ad-slot ins{display:block;width:100%;height:100%;border:0}.extras{grid-area:extras;padding:0 16px 16px;max-width:1400px;width:100%}.mobile-extras{display:none}.article-toggle{display:none;width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:12px;border-radius:var(--radius);font-size:14px;cursor:pointer;margin-bottom:12px}.article-toggle:hover,.article-toggle:focus-visible{background:var(--bg-elev);outline:none}.article{background:var(--bg-card);border-radius:var(--radius);padding:22px 26px;line-height:1.7}.article h1{font-size:22px;font-weight:700;margin-bottom:14px;color:#fff;line-height:1.28}.article h2{font-size:17px;font-weight:600;margin:18px 0 8px;color:#fff}.article p{margin-bottom:10px;font-size:14px}.article ul{margin:6px 0 14px 20px}.article li{margin-bottom:4px;font-size:14px}.footer{padding:20px 16px;border-top:1px solid var(--border);text-align:center;color:var(--text-mute);font-size:13px;margin-top:24px}.footer a{color:#d7ccff}.no-results .sb-empty{display:block}.is-loading-channel .player-wrap{opacity:.72}body.tv-mode{font-size:18px;--sidebar-w:320px}body.tv-mode .main{padding:32px}body.tv-mode .sb-item{padding:16px 22px}body.tv-mode .sb-name{font-size:19px}body.tv-mode .sb-item:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}.home-category-section{position:relative;width:100%;min-height:clamp(280px,40vw,520px);background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(37,37,64,.78));border:1px solid var(--border);border-radius:var(--radius);padding:26px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.28);contain:layout paint}.home-category-section::before{content:"";position:absolute;inset:auto -80px -130px auto;width:300px;height:300px;border-radius:50%;background:rgba(167,139,250,.16);filter:blur(10px);pointer-events:none}.home-category-head{position:relative;z-index:1;max-width:760px;padding-right:110px}.home-eyebrow{display:inline-flex;align-items:center;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:rgba(167,139,250,.18);border:1px solid rgba(167,139,250,.32);color:#d9d0ff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.home-category-head h1{font-size:clamp(24px,3.1vw,44px);line-height:1.12;color:#fff;margin:0 0 10px}.home-category-head p{color:var(--text-mute);font-size:15px;max-width:640px;margin:0}.home-slider-controls{position:absolute;top:24px;right:24px;z-index:2;display:flex;gap:8px}.home-slider-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:rgba(26,26,46,.86);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.home-slider-btn:hover,.home-slider-btn:focus-visible{background:var(--accent);outline:none}.home-category-slider{position:relative;z-index:1;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:24px 2px 4px;margin-top:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}.home-category-slider::-webkit-scrollbar{height:8px}.home-category-slider::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}.home-cat-card{scroll-snap-align:start;flex:0 0 clamp(250px,29%,340px);min-height:190px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:20px;background:rgba(18,18,42,.84);border:1px solid var(--border);border-radius:16px;color:var(--text-main);cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.home-cat-card:hover,.home-cat-card:focus-visible{transform:translateY(-2px);border-color:rgba(167,139,250,.62);background:rgba(37,37,64,.92);box-shadow:0 14px 32px rgba(0,0,0,.24);outline:none}.home-cat-card.active{border-color:var(--accent);background:rgba(167,139,250,.18)}.home-cat-name{font-size:22px;font-weight:800;color:#fff;line-height:1.1}.home-cat-count{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:#d8d8ee;font-size:12px;font-weight:700}.home-cat-desc{font-size:14px;line-height:1.45;color:var(--text-mute);flex:1}.home-cat-action{margin-top:auto;color:#d9d0ff;font-size:13px;font-weight:700}.home-page .desktop-extras .article h1{display:none}.category-page-section{position:relative;width:100%;min-height:clamp(320px,44vw,560px);background:linear-gradient(135deg,rgba(167,139,250,.16),rgba(37,37,64,.78));border:1px solid var(--border);border-radius:var(--radius);padding:26px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.28);contain:layout paint}.category-page-section::before{content:"";position:absolute;inset:auto -90px -150px auto;width:330px;height:330px;border-radius:50%;background:rgba(167,139,250,.14);filter:blur(10px);pointer-events:none}.category-page-head{position:relative;z-index:1;max-width:860px;margin-bottom:20px}.category-page-head h1{font-size:clamp(24px,3.1vw,44px);line-height:1.12;color:#fff;margin:0 0 10px}.category-page-head p{color:var(--text-mute);font-size:15px;max-width:760px;margin:0}.category-channel-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.category-channel-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:rgba(18,18,42,.84);border:1px solid var(--border);border-radius:14px;color:var(--text-main);min-height:104px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.category-channel-card:hover,.category-channel-card:focus-visible{transform:translateY(-2px);border-color:rgba(167,139,250,.62);background:rgba(37,37,64,.92);box-shadow:0 14px 32px rgba(0,0,0,.24);outline:none}.category-channel-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:34px;border-radius:8px;color:#fff;font-weight:800;font-size:13px;line-height:1;text-align:center}.category-channel-body{display:flex;flex-direction:column;gap:5px;min-width:0}.category-channel-name{font-size:17px;font-weight:800;color:#fff;line-height:1.15}.category-channel-desc{font-size:13px;color:var(--text-mute);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-empty{color:var(--text-mute);padding:10px 0}.sb-logo{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 50px;width:50px;height:34px;border-radius:8px;color:#fff;font-weight:800;font-size:14px;line-height:1;text-align:center}.sb-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;background:rgba(255,255,255,.04)}.sb-logo-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2px;z-index:1}.category-channel-logo{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:38px;border-radius:8px;color:#fff;font-weight:800;font-size:13px;line-height:1;text-align:center}.category-channel-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;background:rgba(255,255,255,.04)}.category-channel-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2px;z-index:1}body.tv-mode .sb-logo{width:56px;height:38px;flex-basis:56px;font-size:15px}.lazy-logo{opacity:0;transition:opacity .18s ease}.lazy-logo.is-loaded{opacity:1}.lazy-logo[style*="display: none"]+.sb-logo-fallback,.lazy-logo[style*="display: none"]+.category-channel-fallback{display:flex}.sidebar{grid-area:sidebar;background:var(--bg-side);border-right:1px solid var(--border);overflow-y:auto;height:calc(100vh - var(--header-h));position:sticky;top:var(--header-h);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;isolation:isolate}.sb-search::before{content:"";position:absolute;inset:-2px 0 0;background:var(--bg-side);z-index:-1}.sb-list{padding:6px 0;position:relative;z-index:1}.sb-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-left:3px solid transparent;background:transparent;width:100%;text-align:left;color:inherit;position:relative;z-index:1}.compact-header{justify-content:flex-start}.sb-search input{width:100%;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-main);padding:9px 12px;border-radius:8px;font-size:14px;outline:none;position:relative;z-index:2;flex:1 1 auto!important;min-width:0!important}.sb-search .cat-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin-left:0!important;padding:0!important;border-radius:10px!important;background:var(--bg-elev)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;cursor:pointer!important}.sb-search .cat-toggle:hover,.sb-search .cat-toggle:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(167,139,250,.18)!important;outline:none!important}.sb-search .cat-toggle.open{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.cat-toggle-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.cat-menu-icon{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;width:18px!important;height:18px!important}.cat-menu-icon span{display:block!important;width:18px!important;height:2px!important;border-radius:2px!important;background:currentColor!important}.cat-dropdown-item:first-child{border-top-left-radius:12px!important;border-top-right-radius:12px!important}.cat-dropdown-item:last-child{border-bottom:0!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important}.sb-search{border-bottom:1px solid var(--border);background:var(--bg-side)!important;isolation:isolate;display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;position:sticky!important;top:0!important;z-index:130!important;overflow:visible!important}.sb-search .cat-dropdown{display:none!important;position:absolute!important;top:calc(100% - 1px)!important;left:12px!important;right:12px!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(0,0,0,.48)!important;max-height:min(70vh,520px)!important;overflow-y:auto!important;pointer-events:auto!important;z-index:999!important}.sb-search .cat-dropdown.open{display:block!important}.cat-dropdown-item{width:100%;border:0;text-align:left;cursor:pointer;padding:12px 14px!important;font-size:14px!important;border-bottom:1px solid var(--border)!important;position:relative!important;z-index:2!important;display:block!important;pointer-events:auto!important;color:var(--text-main)!important;background:transparent!important}.cat-dropdown-item:hover,.cat-dropdown-item:focus-visible{background:var(--bg-elev)!important;color:#fff!important;outline:none!important}.cat-dropdown-item.active,.cat-dropdown-item[aria-current="page"]{background:var(--accent)!important;color:#fff!important;font-weight:600!important}.sb-search .chat-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:var(--bg-elev)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;cursor:pointer!important;transition:border-color .16s,box-shadow .16s,background .16s,opacity .16s!important}.sb-search .chat-toggle:hover,.sb-search .chat-toggle:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(167,139,250,.18)!important;outline:none!important}.sb-search .chat-toggle:active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.sb-search .chat-toggle:disabled{opacity:.42!important;cursor:not-allowed!important;box-shadow:none!important;filter:grayscale(.35)!important}.chat-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;line-height:1!important}.chat-icon svg{display:block!important;width:22px!important;height:22px!important}.chat-toggle.loading .chat-icon{animation:chatSpin .75s linear infinite!important}.site-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(37,37,64,.58))}.site-chat-head h2{margin:0;color:#fff;font-size:18px;line-height:1.25}.site-chat-head p{margin:3px 0 0;color:var(--text-mute);font-size:12px;line-height:1.35}.site-chat-close{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);color:var(--text-main);font-size:24px;line-height:1;cursor:pointer}.site-chat-close:hover,.site-chat-close:focus-visible{border-color:var(--accent);outline:none}.site-chat-empty{padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--text-mute);text-align:center;font-size:14px}.site-chat-message{margin:0 0 10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);box-shadow:0 10px 20px rgba(0,0,0,.14)}.site-chat-message.own{border-color:rgba(167,139,250,.42);background:rgba(167,139,250,.09)}.site-chat-message.is-pending{opacity:.82}.site-chat-message.is-rejected{opacity:.6}.site-chat-meta strong{min-width:0;color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-chat-body{white-space:pre-wrap;word-break:break-word;color:var(--text-main);font-size:14px;line-height:1.45}.site-chat-note{margin-top:6px;color:var(--accent);font-size:12px}.site-chat-name,.site-chat-text{display:block;width:100%;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-main);border-radius:12px;outline:none}.site-chat-name{height:40px;padding:0 12px;margin-bottom:8px}.site-chat-text{min-height:78px;max-height:140px;resize:vertical;padding:10px 12px;line-height:1.4}.site-chat-name:focus,.site-chat-text:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(167,139,250,.18)}.site-chat-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important}.site-chat-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.site-chat-status{min-width:0;color:var(--text-mute);font-size:12px;line-height:1.35}.site-chat-send{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600}.site-chat-send:disabled{opacity:.55;cursor:not-allowed}.site-chat-send:hover,.site-chat-send:focus-visible{filter:brightness(1.05);outline:none}.chat-toggle.open,.chat-toggle[aria-expanded="true"]{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.site-chat{position:fixed;inset:0;z-index:1500;display:none;background:transparent!important;pointer-events:none!important}.site-chat.open{display:block!important;background:transparent!important}.site-chat-panel{position:absolute;right:16px;bottom:16px;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100svh - var(--header-h) - 32px));display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.55);overflow:hidden;pointer-events:auto!important}.site-chat-form{flex:0 0 auto;padding:12px;order:1!important;border-top:0!important;border-bottom:1px solid var(--border)!important;background:var(--bg-card)!important}.site-chat-messages{padding:14px;background:rgba(15,15,30,.62);order:2!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.site-chat-name:-webkit-autofill,.site-chat-text:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-elev) inset!important;-webkit-text-fill-color:var(--text-main)!important;caret-color:var(--text-main)!important}.site-chat-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;color:var(--text-mute);font-size:12px;align-items:center!important}.site-chat-meta-side{display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;flex:0 0 auto!important}.site-chat-time{display:block!important;line-height:1.15!important;white-space:nowrap!important}.site-chat-reactions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.06)!important}.site-chat-reaction{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:28px!important;height:32px!important;padding:0 7px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;color:var(--text-main)!important;cursor:pointer!important;font-size:14px!important;line-height:1!important;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s!important}.site-chat-reaction:hover,.site-chat-reaction:focus-visible{transform:translateY(-1px)!important;border-color:rgba(167,139,250,.64)!important;background:rgba(167,139,250,.14)!important;box-shadow:0 0 0 3px rgba(167,139,250,.12)!important;outline:none!important}.site-chat-reaction.active{border-color:var(--accent)!important;background:rgba(167,139,250,.24)!important;box-shadow:0 0 0 2px rgba(167,139,250,.16) inset!important}.site-chat-reaction:disabled{opacity:.6!important;cursor:wait!important;transform:none!important}.site-chat-reaction-emoji{display:inline-block!important;font-size:15px!important;line-height:1!important}.site-chat-reaction-count{display:inline-block!important;min-width:6px!important;color:var(--text-mute)!important;font-size:11px!important;font-weight:700!important;line-height:1!important}.site-chat-reaction.active .site-chat-reaction-count{color:#fff!important}.logo{display:flex;width:170px!important;height:39px!important;min-width:170px!important;flex:0 0 170px!important;border-radius:0!important;overflow:visible!important;align-items:center!important;justify-content:flex-start!important}.logo-img{display:block!important;width:170px!important;height:39px!important;max-width:170px!important;max-height:39px!important;object-fit:contain!important;object-position:left center!important}.compact-header .logo{margin-right:auto!important}body.tv-mode .logo{width:170px!important;height:39px!important;min-width:170px!important;flex-basis:170px!important}body.tv-mode .logo-img{width:170px!important;height:39px!important}@media (min-width:1025px){.sb-name{font-size:16px}.sb-item{padding:12px 17px;gap:12px}.sb-search input{font-size:16px;padding:11px 14px}.article-toggle{display:none!important}}@media (max-width:1179px){.layout{grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-areas:"sidebar main" "sidebar extras"}.ad-side{display:none}}@media (max-width:1024px){html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;position:static;inset:auto;width:auto}.header{position:relative;flex:0 0 var(--header-h)}.layout{height:calc(100svh - var(--header-h));min-height:0;display:flex;flex-direction:column}.main{order:1;flex:0 0 auto;padding:10px 10px 0;max-width:none;width:100%}.player-wrap{width:100%}.sidebar{order:2;flex:1 1 auto;min-height:0;position:static;height:auto;max-height:none;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;border-right:0;border-top:1px solid var(--border);border-bottom:0}.sb-search{position:sticky;top:0}.extras{display:none}.mobile-extras{display:block;padding:14px 12px 18px}.mobile-extras .article{display:none;padding:16px}.mobile-extras .article.expanded{display:block}.mobile-extras .article h1{font-size:19px}.mobile-extras .article h2{font-size:15px}.mobile-extras .article p,.mobile-extras .article li{font-size:14px}.mobile-extras .article-toggle{display:block}.mobile-extras .footer{margin-top:14px;padding:16px 8px 6px}.home-category-section{min-height:auto;padding:18px;border-radius:var(--radius)}.home-category-head{padding-right:96px}.home-category-head h1{font-size:25px}.home-category-head p{font-size:14px}.home-category-slider{padding-top:18px}.home-cat-card{flex-basis:270px;min-height:170px;padding:18px}.home-cat-name{font-size:20px}.category-page-section{min-height:auto;padding:18px;border-radius:var(--radius)}.category-page-head h1{font-size:25px}.category-page-head p{font-size:14px}.category-channel-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.category-channel-card{min-height:96px;padding:13px}body.home-page .main,body.category-page .main,body.home-page .desktop-extras,body.category-page .desktop-extras,body.home-page .mobile-extras,body.category-page .mobile-extras{display:none!important}body.home-page .layout,body.category-page .layout{display:block!important;height:auto!important;min-height:calc(100svh - var(--header-h))}body.home-page .sidebar,body.category-page .sidebar{display:block!important;position:static!important;height:auto!important;min-height:calc(100svh - var(--header-h));max-height:none!important;overflow-y:auto!important;border-top:0!important}body.home-page .sb-list,body.category-page .sb-list{padding-bottom:24px}.sb-search .cat-dropdown{position:fixed!important;top:var(--cat-dropdown-top,0px)!important;left:12px!important;right:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;z-index:1000!important;border-radius:12px!important}.sb-search .cat-dropdown.open{display:block!important}.sb-search .cat-dropdown::after{content:"";display:block;height:8px;flex:0 0 auto}.site-chat-panel{position:fixed!important;left:12px!important;right:12px!important;top:var(--chat-panel-top,74px)!important;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:16px!important}.site-chat-head{flex:0 0 auto!important}.site-chat-form{flex:0 0 auto!important}.site-chat-text{resize:none!important}.site-chat-messages{flex:1 1 auto!important}}@media (max-width:768px){.main{padding:8px 8px 0}.sb-name{font-size:18px}.sb-item{padding:18px 22px;gap:18px}.sb-search input{font-size:18px;padding:14px 16px;border-radius:10px}.home-category-section{padding:16px;border-radius:10px}.home-category-head{padding-right:0}.home-eyebrow{font-size:11px}.home-category-head h1{font-size:23px}.home-slider-controls{display:none}.home-category-slider{gap:12px;padding:16px 0 2px}.home-cat-card{flex-basis:82%;min-height:165px}.home-cat-desc{font-size:13px}.home-cat-action{font-size:12px}.category-page-section{padding:16px;border-radius:10px}.category-page-head h1{font-size:23px}.category-channel-grid{grid-template-columns:1fr}.category-channel-card{border-radius:12px}.category-channel-icon{width:56px;height:38px;flex-basis:56px;font-size:14px}.category-channel-name{font-size:18px}.sb-logo{width:72px;height:48px;flex-basis:72px;font-size:20px;border-radius:6px}.category-channel-logo{width:72px;height:48px;flex-basis:72px;font-size:14px}.header{gap:10px;padding:0 12px!important}.sb-search{box-shadow:0 8px 18px rgba(15,15,30,.82);padding:12px!important;gap:8px!important}.sb-search .cat-toggle{flex-basis:50px!important;width:50px!important;height:50px!important;border-radius:12px!important}.cat-dropdown-item{padding:16px!important;font-size:18px!important}.cat-menu-icon,.cat-menu-icon span{width:20px!important}.sb-search .cat-dropdown{max-height:calc(100vh - var(--header-h) - 86px)!important;left:12px!important;right:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important}.sb-search .chat-toggle{flex-basis:50px!important;width:50px!important;height:50px!important;border-radius:12px!important}.chat-icon,.chat-icon svg{width:23px!important;height:23px!important}.site-chat-status{font-size:12px}.site-chat-head h2{font-size:17px!important}.site-chat-head p{font-size:12px!important}.site-chat-name{height:42px!important;font-size:16px!important;margin-bottom:7px!important}.site-chat-text{min-height:64px!important;max-height:92px!important;font-size:16px!important}.site-chat-actions{margin-top:8px!important}.site-chat-send{min-height:42px!important}.site-chat-message{padding:9px 10px!important}.site-chat-body{font-size:15px!important}.site-chat{z-index:3000!important;background:transparent!important;pointer-events:none!important}.site-chat.open{display:block!important}.site-chat-panel{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;box-shadow:none!important}.site-chat-head{padding:10px 12px!important;padding-top:calc(env(safe-area-inset-top,0px) + 12px)!important}.site-chat-close{width:40px!important;height:40px!important;flex-basis:40px!important}.site-chat-form{padding:10px 10px 10px!important}.site-chat-messages{padding:10px!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important}.site-chat-reactions{gap:5px!important;margin-top:8px!important;padding-top:8px!important}.site-chat-reaction{min-width:27px!important;height:27px!important;padding:0 7px!important}.site-chat-reaction-emoji{font-size:14px!important}.logo{width:140px!important;height:32px!important;min-width:140px!important;flex-basis:140px!important}.logo-img{width:140px!important;height:32px!important;max-width:140px!important;max-height:32px!important}}@media (min-width:1280px) and (min-height:720px){:root{--sidebar-w:280px}.main{padding:24px}.ad-side{margin:24px 24px 0 0;top:calc(var(--header-h) + 24px)}.extras{padding:0 24px 24px}.sb-name{font-size:17px}.sb-item{padding:14px 20px;gap:14px}.logo{width:44px;height:44px}.logo-img{width:38px;height:38px}.sb-logo{width:50px;height:34px;flex-basis:50px;font-size:14px}}@media (max-width:1024px) and (orientation:landscape){html,body{height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}body{position:static!important;inset:auto!important;width:auto!important}.header{display:none!important}.layout{display:flex!important;flex-direction:column!important;min-height:auto!important;height:auto!important}.main{display:block!important;order:1!important;flex:0 0 auto!important;width:100%!important;padding:0!important}.player-section{margin:0!important}.player-wrap{border-radius:0!important;box-shadow:none!important;min-height:0!important}.sidebar{display:block!important;order:2!important;flex:0 0 auto!important;position:static!important;height:auto!important;overflow:visible!important;border-top:1px solid var(--border)!important;max-height:none!important}.sb-search{top:0}.extras,.ad-side{display:none!important}.home-category-section{border-radius:0!important;box-shadow:none!important;margin:0!important}.home-category-slider{padding-bottom:10px}.home-cat-card{flex-basis:290px}.category-page-section{border-radius:0!important;box-shadow:none!important;margin:0!important}.category-channel-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@supports not (aspect-ratio:16/9){.player-wrap{height:0;padding-top:56.25%}.player-wrap>*{position:absolute}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@keyframes chatSpin{to{transform:rotate(360deg)}}@media (max-width:768px){.header .logo,.compact-header .logo,body.tv-mode .logo{width:140px!important;height:32px!important;min-width:140px!important;max-width:140px!important;flex:0 0 140px!important}.header .logo-img,.compact-header .logo-img,body.tv-mode .logo-img{width:140px!important;height:32px!important;max-width:140px!important;max-height:32px!important;object-fit:contain!important}} /* final logo size */ .header .logo,.compact-header .logo,body.tv-mode .logo{width:170px!important;height:39px!important;min-width:170px!important;max-width:170px!important;flex:0 0 170px!important} .header .logo-img,.compact-header .logo-img,body.tv-mode .logo-img{width:170px!important;height:39px!important;max-width:170px!important;max-height:39px!important;object-fit:contain!important;object-position:left center!important} @media (max-width:768px){.header .logo,.compact-header .logo,body.tv-mode .logo{width:140px!important;height:32px!important;min-width:140px!important;max-width:140px!important;flex:0 0 140px!important}.header .logo-img,.compact-header .logo-img,body.tv-mode .logo-img{width:140px!important;height:32px!important;max-width:140px!important;max-height:32px!important;object-fit:contain!important;object-position:left center!important}} /* v35 chat layout fixes */ .sb-search .chat-toggle .chat-icon,.sb-search .chat-toggle .chat-icon svg{width:31px!important;height:31px!important} @media (min-width:1025px){ .site-chat-panel{left:0!important;right:auto!important;top:var(--header-h)!important;bottom:0!important;width:var(--sidebar-w)!important;height:auto!important;max-height:none!important;border-left:0!important;border-radius:0 16px 16px 0!important;box-shadow:12px 0 36px rgba(0,0,0,.45)!important} .site-chat-head{padding:12px 12px!important} .site-chat-head h2{font-size:16px!important} .site-chat-head p{font-size:11px!important} .site-chat-form{padding:10px!important} .site-chat-name{height:38px!important;font-size:14px!important} .site-chat-text{min-height:72px!important;max-height:118px!important;font-size:14px!important;resize:none!important} .site-chat-actions{gap:8px!important} .site-chat-status{font-size:11px!important} .site-chat-send{min-height:38px!important;padding:0 12px!important} .site-chat-messages{padding:10px!important} .site-chat-message{padding:9px 10px!important} .site-chat-body{font-size:13px!important} } @media (max-width:768px){ .sb-search .chat-toggle .chat-icon,.sb-search .chat-toggle .chat-icon svg{width:32px!important;height:32px!important} .site-chat-panel{left:0!important;right:0!important;top:var(--header-h)!important;bottom:0!important;width:100vw!important;height:calc(100vh - var(--header-h))!important;height:calc(100svh - var(--header-h))!important;height:calc(100dvh - var(--header-h))!important;max-height:none!important;border-radius:0!important;border:0!important;box-shadow:none!important} .site-chat-head{padding:10px 12px!important} } /* v36 fixes: thinner chat icon, no mobile autofill styling, show article/footer on home/category mobile */ .chat-icon svg path{stroke-width:1.4!important} .site-chat-name::-webkit-search-decoration,.site-chat-name::-webkit-search-cancel-button,.site-chat-name::-webkit-search-results-button,.site-chat-name::-webkit-search-results-decoration{-webkit-appearance:none!important;appearance:none!important;display:none!important} @media (max-width:1024px){body.home-page .mobile-extras,body.category-page .mobile-extras{display:block!important;padding:14px 12px 18px!important}body.home-page .mobile-extras .article-toggle,body.category-page .mobile-extras .article-toggle{display:block!important}body.home-page .mobile-extras .footer,body.category-page .mobile-extras .footer{display:block!important;margin-top:14px!important;padding:16px 8px 6px!important}body.home-page .sidebar,body.category-page .sidebar{min-height:auto!important}} .sb-search .cat-toggle .cat-menu-icon{width:15px!important;height:15px!important;gap:3px!important} .sb-search .cat-toggle .cat-menu-icon span{width:15px!important;height:1.7px!important;border-radius:2px!important} .sb-item:focus,.sb-item:focus-visible,body.tv-mode .sb-item:focus-visible{outline:none!important;box-shadow:none!important} @media (max-width:768px){.sb-search .cat-toggle .cat-menu-icon{width:17px!important;height:17px!important;gap:3px!important}.sb-search .cat-toggle .cat-menu-icon span{width:17px!important;height:1.8px!important}} /* v39: chat title context and moderation text */ .sb-search .cat-toggle .cat-menu-icon{width:18px!important;height:18px!important;gap:4px!important} .sb-search .cat-toggle .cat-menu-icon span{width:18px!important;height:1.4px!important;border-radius:2px!important} @media (max-width:768px){.sb-search .cat-toggle .cat-menu-icon{width:20px!important;height:20px!important;gap:4px!important}.sb-search .cat-toggle .cat-menu-icon span{width:20px!important;height:1.5px!important;border-radius:2px!important}} .player-facade{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#000;color:#fff}.player-facade::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.08),rgba(0,0,0,.74) 58%,rgba(0,0,0,.9)),linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.64))}.player-facade-bg{position:absolute;inset:-34px;z-index:0;opacity:.62;filter:blur(18px) saturate(1.25);background-position:center;background-repeat:no-repeat;background-size:min(48%,360px) auto;transform:scale(1.08)}.player-facade-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:18px}.player-play{width:76px;height:76px;border-radius:999px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.4);backdrop-filter:blur(8px);transition:transform .18s ease,background .18s ease}.player-play span{font-size:32px;line-height:1;margin-left:5px}.player-facade:hover .player-play,.player-facade:focus-visible .player-play{transform:scale(1.07);background:rgba(255,255,255,.24)}.player-facade:focus-visible{outline:3px solid rgba(167,139,250,.8);outline-offset:-3px}.player-facade-title{font-size:18px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.6)}.related-channels{margin-top:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.related-channels h2{font-size:17px;color:#fff;margin-bottom:12px}.related-channel-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.related-channel{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:94px;border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:12px;padding:10px;text-align:center}.related-channel:hover,.related-channel:focus-visible{background:var(--bg-elev);outline:none}.related-channel-logo{width:72px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px;font-weight:800;color:#fff}.related-channel-logo img{width:100%;height:100%;object-fit:contain;display:block}.related-channel-name{font-size:13px;color:var(--text-main);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} @media (max-width:1024px){body.channel-page .desktop-extras{display:block!important;order:3!important;padding:14px 12px 18px!important;max-width:none!important;width:100%!important}body.channel-page .desktop-extras .article,body.home-page .desktop-extras .article,body.category-page .desktop-extras .article{display:none;padding:16px}body.channel-page .desktop-extras .article.expanded,body.home-page .desktop-extras .article.expanded,body.category-page .desktop-extras .article.expanded{display:block}body.channel-page .desktop-extras .article h1,body.home-page .desktop-extras .article h1,body.category-page .desktop-extras .article h1{font-size:19px}body.channel-page .desktop-extras .article h2,body.home-page .desktop-extras .article h2,body.category-page .desktop-extras .article h2{font-size:15px}body.channel-page .desktop-extras .article p,body.channel-page .desktop-extras .article li,body.home-page .desktop-extras .article p,body.home-page .desktop-extras .article li,body.category-page .desktop-extras .article p,body.category-page .desktop-extras .article li{font-size:14px}body.channel-page .desktop-extras .article-toggle,body.home-page .desktop-extras .article-toggle,body.category-page .desktop-extras .article-toggle{display:block!important}body.channel-page .desktop-extras .footer,body.home-page .desktop-extras .footer,body.category-page .desktop-extras .footer{display:block!important;margin-top:14px!important;padding:16px 8px 6px!important}body.home-page .desktop-extras,body.category-page .desktop-extras{display:block!important;padding:14px 12px 18px!important;max-width:none!important;width:100%!important}.player-actions{justify-content:center}.related-channel-list{grid-template-columns:repeat(3,minmax(0,1fr))}.related-channels{margin:12px 10px 0}.player-play{width:68px;height:68px}.player-facade-title{font-size:16px}} @media (max-width:640px){.related-channel-list{grid-template-columns:repeat(2,minmax(0,1fr))}.related-channel{min-height:88px}.player-facade-content{gap:10px}} /* v43: related block opens together with description on mobile */ .desktop-extras>.related-channels{margin:14px 0 0!important}.desktop-extras>.article+.related-channels{margin-top:14px!important} @media (max-width:1024px){body.channel-page .layout,body.home-page .layout,body.category-page .layout{display:flex!important;flex-direction:column!important;height:auto!important;min-height:calc(100svh - var(--header-h))!important}body.channel-page .main{display:block!important;order:1!important;flex:0 0 auto!important;width:100%!important}body.channel-page .sidebar{display:block!important;order:2!important;flex:0 0 auto!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;border-top:1px solid var(--border)!important;border-right:0!important}body.channel-page .sb-search,body.home-page .sb-search,body.category-page .sb-search{display:flex!important}body.channel-page .sb-list,body.home-page .sb-list,body.category-page .sb-list{display:block!important;padding-bottom:24px!important}body.channel-page .sb-item:not(.is-hidden),body.home-page .sb-item:not(.is-hidden),body.category-page .sb-item:not(.is-hidden){display:flex!important}body.home-page .main,body.category-page .main{display:none!important}body.home-page .sidebar,body.category-page .sidebar{display:block!important;order:1!important;position:static!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;border-top:0!important;border-right:0!important}body.channel-page .desktop-extras{display:block!important;order:3!important;padding:14px 12px 18px!important;max-width:none!important;width:100%!important}body.home-page .desktop-extras,body.category-page .desktop-extras{display:block!important;order:2!important;padding:14px 12px 18px!important;max-width:none!important;width:100%!important}body.channel-page .desktop-extras .article,body.home-page .desktop-extras .article,body.category-page .desktop-extras .article{display:none;padding:16px!important}body.channel-page .desktop-extras .article.expanded,body.home-page .desktop-extras .article.expanded,body.category-page .desktop-extras .article.expanded{display:block!important}body.channel-page .desktop-extras .article-toggle,body.home-page .desktop-extras .article-toggle,body.category-page .desktop-extras .article-toggle{display:block!important}.desktop-extras>.related-channels{margin:12px 0 0!important}} /* v43: on mobile the article and related channels are one collapsible description block */ .article-toggle{font-weight:700} @media (max-width:1024px){body.channel-page .desktop-extras .article,body.home-page .desktop-extras .article,body.category-page .desktop-extras .article{display:none!important}body.channel-page .desktop-extras>.related-channels,body.home-page .desktop-extras>.related-channels,body.category-page .desktop-extras>.related-channels{display:none!important}body.channel-page .desktop-extras.description-expanded .article,body.home-page .desktop-extras.description-expanded .article,body.category-page .desktop-extras.description-expanded .article{display:block!important}body.channel-page .desktop-extras.description-expanded>.related-channels,body.home-page .desktop-extras.description-expanded>.related-channels,body.category-page .desktop-extras.description-expanded>.related-channels{display:block!important}} @media (max-width:1024px){ html:has(body.channel-page){height:100%;overflow:hidden!important} body.channel-page{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important} body.channel-page .header{display:flex!important;position:relative!important;top:auto!important;flex:0 0 var(--header-h)!important;height:var(--header-h)!important;z-index:620!important} body.channel-page .layout{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important} body.channel-page .main{display:block!important;order:1!important;flex:0 0 auto!important;width:100%!important;min-height:0!important;padding:8px 8px 0!important;overflow:visible!important} body.channel-page .player-section{margin:0!important;flex:0 0 auto!important;width:100%!important} body.channel-page .player-wrap{width:100%!important;max-height:38dvh!important;border-radius:var(--radius)!important;box-shadow:0 10px 24px rgba(0,0,0,.3)!important} body.channel-page .sidebar{display:flex!important;order:2!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;position:static!important;overflow:hidden!important;border-top:1px solid var(--border)!important;border-right:0!important;border-bottom:0!important;flex-direction:column!important} body.channel-page .sb-search{display:flex!important;position:relative!important;top:auto!important;flex:0 0 auto!important;z-index:630!important;box-shadow:0 8px 18px rgba(15,15,30,.82)!important} body.channel-page .sb-list{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important} body.channel-page .layout>.desktop-extras{display:none!important} body.channel-page .sb-list>.desktop-extras{display:block!important;order:0!important;padding:14px 12px 18px!important;max-width:none!important;width:100%!important} body.channel-page .sb-list>.desktop-extras .article-toggle{display:block!important;margin:10px 0 12px!important} body.channel-page .sb-list>.desktop-extras .article{display:none!important;padding:16px!important} body.channel-page .sb-list>.desktop-extras.description-expanded .article{display:block!important} body.channel-page .sb-list>.desktop-extras>.related-channels{display:none!important} body.channel-page .sb-list>.desktop-extras.description-expanded>.related-channels{display:block!important} body.channel-page .sb-list>.desktop-extras .footer{display:block!important;margin-top:14px!important;padding:16px 8px 6px!important} body.channel-page .ad-side{display:none!important} } @media (max-width:1024px) and (orientation:landscape){ html:has(body.channel-page),body.channel-page{height:100dvh!important;overflow:hidden!important} body.channel-page .header{display:flex!important} body.channel-page .layout{height:auto!important;min-height:0!important;overflow:hidden!important} body.channel-page .player-wrap{border-radius:0!important;max-height:46dvh!important} body.channel-page .sidebar{height:auto!important;max-height:none!important;overflow:hidden!important} body.channel-page .sb-list{overflow-y:auto!important} } /* v48: native page pull-to-refresh + fixed mobile channel top + equal search/button height */ @media (max-width:1024px){ :root{--mobile-player-h:min(38dvh,calc((100vw - 16px) * .5625));--mobile-search-h:74px;--mobile-fixed-top:calc(var(--header-h) + 8px + var(--mobile-player-h) + var(--mobile-search-h))} html:has(body.channel-page){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important} body.channel-page{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;display:block!important;position:static!important;inset:auto!important;width:100%!important;padding-top:calc(var(--mobile-fixed-top) + 1px)!important;overscroll-behavior-y:auto!important;touch-action:auto!important} body.channel-page .header{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:720!important;flex:0 0 var(--header-h)!important;height:var(--header-h)!important} body.channel-page .layout{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important} body.channel-page .main{display:block!important;position:fixed!important;top:var(--header-h)!important;left:0!important;right:0!important;z-index:700!important;width:100%!important;height:calc(8px + var(--mobile-player-h))!important;min-height:0!important;padding:8px 8px 0!important;overflow:hidden!important;background:var(--bg-page)!important} body.channel-page .player-section{display:block!important;width:100%!important;margin:0!important;height:var(--mobile-player-h)!important} body.channel-page .player-wrap{width:100%!important;height:var(--mobile-player-h)!important;max-height:var(--mobile-player-h)!important;aspect-ratio:auto!important;border-radius:var(--radius)!important;box-shadow:0 10px 24px rgba(0,0,0,.3)!important} body.channel-page .sidebar{display:block!important;position:static!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;border-top:1px solid var(--border)!important;border-right:0!important;border-bottom:0!important} body.channel-page .sb-search{display:flex!important;position:fixed!important;top:calc(var(--header-h) + 8px + var(--mobile-player-h))!important;left:0!important;right:0!important;z-index:710!important;height:var(--mobile-search-h)!important;align-items:center!important;gap:8px!important;padding:12px!important;background:var(--bg-side)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 8px 18px rgba(15,15,30,.82)!important;overflow:visible!important} body.channel-page .sb-search input{height:50px!important;min-height:50px!important;line-height:50px!important;padding:0 14px!important;font-size:16px!important;border-radius:12px!important;flex:1 1 auto!important;min-width:0!important} body.channel-page .sb-search .chat-toggle,body.channel-page .sb-search .cat-toggle{height:50px!important;min-height:50px!important;width:50px!important;flex:0 0 50px!important;border-radius:12px!important} body.channel-page .sb-list{display:block!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;-webkit-overflow-scrolling:auto!important;scrollbar-width:auto!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important} body.channel-page .layout>.desktop-extras{display:none!important} body.channel-page .sb-list>.desktop-extras{display:block!important;order:0!important;padding:14px 12px 18px!important;max-width:none!important;width:100%!important} body.channel-page .sb-list>.desktop-extras .article-toggle{display:block!important;margin:10px 0 12px!important} body.channel-page .sb-list>.desktop-extras .article{display:none!important;padding:16px!important} body.channel-page .sb-list>.desktop-extras.description-expanded .article{display:block!important} body.channel-page .sb-list>.desktop-extras>.related-channels{display:none!important} body.channel-page .sb-list>.desktop-extras.description-expanded>.related-channels{display:block!important} body.channel-page .sb-list>.desktop-extras .footer{display:block!important;margin-top:14px!important;padding:16px 8px 6px!important} body.channel-page .ad-side{display:none!important} } @media (max-width:1024px) and (orientation:landscape){ :root{--mobile-player-h:min(46dvh,calc((100vw - 16px) * .5625));--mobile-search-h:74px} } /* v49: mobile channel page restored to panel-scroll layout; no fixed header effect */ @media (max-width:1024px){ :root{--mobile-search-h:74px} html:has(body.channel-page){height:100%!important;min-height:100%!important;overflow:hidden!important;overscroll-behavior-y:auto!important;scrollbar-width:none!important} html:has(body.channel-page)::-webkit-scrollbar{width:0!important;height:0!important} body.channel-page{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important;padding-top:0!important;overscroll-behavior-y:auto!important;touch-action:auto!important;scrollbar-width:none!important} body.channel-page::-webkit-scrollbar{width:0!important;height:0!important} body.channel-page .header{display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:620!important;flex:0 0 var(--header-h)!important;height:var(--header-h)!important} body.channel-page .layout{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0!important} body.channel-page .main{display:block!important;position:static!important;order:1!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px 8px 0!important;overflow:visible!important;background:transparent!important} body.channel-page .player-section{display:block!important;width:100%!important;height:auto!important;margin:0!important;flex:0 0 auto!important} body.channel-page .player-wrap{width:100%!important;height:auto!important;max-height:38dvh!important;aspect-ratio:16/9!important;border-radius:var(--radius)!important;box-shadow:0 10px 24px rgba(0,0,0,.3)!important} body.channel-page .sidebar{display:flex!important;order:2!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;position:static!important;overflow:hidden!important;border-top:1px solid var(--border)!important;border-right:0!important;border-bottom:0!important;flex-direction:column!important} body.channel-page .sb-search{display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:630!important;flex:0 0 auto!important;height:var(--mobile-search-h)!important;align-items:center!important;gap:8px!important;padding:12px!important;background:var(--bg-side)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 8px 18px rgba(15,15,30,.82)!important;overflow:visible!important} body.channel-page .sb-search input{height:50px!important;min-height:50px!important;line-height:50px!important;padding:0 14px!important;font-size:16px!important;border-radius:12px!important;flex:1 1 auto!important;min-width:0!important} body.channel-page .sb-search .chat-toggle,body.channel-page .sb-search .cat-toggle{height:50px!important;min-height:50px!important;width:50px!important;flex:0 0 50px!important;border-radius:12px!important} body.channel-page .sb-list{display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:auto!important;overscroll-behavior-y:auto!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important} body.channel-page .sb-list::-webkit-scrollbar{width:6px!important} body.channel-page .sb-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)!important;border-radius:3px!important} body.channel-page .layout>.desktop-extras{display:none!important} body.channel-page .sb-list>.desktop-extras{display:block!important;order:0!important;padding:14px 12px 18px!important;max-width:none!important;width:100%!important} body.channel-page .sb-list>.desktop-extras .article-toggle{display:block!important;margin:10px 0 12px!important} body.channel-page .sb-list>.desktop-extras .article{display:none!important;padding:16px!important} body.channel-page .sb-list>.desktop-extras.description-expanded .article{display:block!important} body.channel-page .sb-list>.desktop-extras>.related-channels{display:none!important} body.channel-page .sb-list>.desktop-extras.description-expanded>.related-channels{display:block!important} body.channel-page .sb-list>.desktop-extras .footer{display:block!important;margin-top:14px!important;padding:16px 8px 6px!important} body.channel-page .ad-side{display:none!important} } @media (max-width:1024px) and (orientation:landscape){ body.channel-page .player-wrap{max-height:46dvh!important;border-radius:0!important} body.channel-page .sb-list{overflow-y:auto!important} } /* v51: panel scroll stays inside channel list, root page keeps native pull-to-refresh */ @media (max-width:1024px){ html:has(body.channel-page){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;scrollbar-width:none!important} html:has(body.channel-page)::-webkit-scrollbar{width:0!important;height:0!important} body.channel-page{height:calc(100dvh + 2px)!important;min-height:calc(100dvh + 2px)!important;overflow-x:hidden!important;overflow-y:scroll!important;display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important;padding-top:0!important;overscroll-behavior-y:auto!important;touch-action:auto!important;scrollbar-width:none!important} body.channel-page::-webkit-scrollbar{width:0!important;height:0!important} body.channel-page .header{display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:620!important;flex:0 0 var(--header-h)!important;height:var(--header-h)!important} body.channel-page .layout{display:flex!important;flex-direction:column!important;flex:0 0 calc(100dvh - var(--header-h))!important;height:calc(100dvh - var(--header-h))!important;min-height:0!important;overflow:hidden!important;padding:0!important} body.channel-page .main{display:block!important;position:static!important;order:1!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px 8px 0!important;overflow:visible!important;background:transparent!important} body.channel-page .player-section{display:block!important;width:100%!important;height:auto!important;margin:0!important;flex:0 0 auto!important} body.channel-page .player-wrap{width:100%!important;height:auto!important;max-height:38dvh!important;aspect-ratio:16/9!important;border-radius:var(--radius)!important;box-shadow:0 10px 24px rgba(0,0,0,.3)!important} body.channel-page .sidebar{display:flex!important;order:2!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;position:static!important;overflow:hidden!important;border-top:1px solid var(--border)!important;border-right:0!important;border-bottom:0!important;flex-direction:column!important} body.channel-page .sb-search{display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:630!important;flex:0 0 auto!important;height:var(--mobile-search-h)!important;align-items:center!important;gap:8px!important;padding:12px!important;background:var(--bg-side)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 8px 18px rgba(15,15,30,.82)!important;overflow:visible!important} body.channel-page .sb-search input{height:50px!important;min-height:50px!important;line-height:50px!important;padding:0 14px!important;font-size:16px!important;border-radius:12px!important;flex:1 1 auto!important;min-width:0!important} body.channel-page .sb-search .chat-toggle,body.channel-page .sb-search .cat-toggle{height:50px!important;min-height:50px!important;width:50px!important;flex:0 0 50px!important;border-radius:12px!important} body.channel-page .sb-list{display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:auto!important;overscroll-behavior-y:auto!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important} body.channel-page .sb-list::-webkit-scrollbar{width:6px!important} body.channel-page .sb-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)!important;border-radius:3px!important} } @media (max-width:1024px) and (orientation:landscape){ body.channel-page .player-wrap{max-height:46dvh!important;border-radius:0!important} } /* v52: favorites button and client-side favorites list */ .sb-search .fav-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:var(--bg-elev)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;cursor:pointer!important;transition:border-color .16s,box-shadow .16s,background .16s,color .16s,opacity .16s!important} .sb-search .fav-toggle:hover,.sb-search .fav-toggle:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(167,139,250,.18)!important;outline:none!important} .sb-search .fav-toggle.active,.sb-search .fav-toggle[aria-pressed="true"]{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important} .fav-toggle-icon{font-size:19px;line-height:1;transform:translateY(-1px)} .fav-toggle-text{display:none!important} .sb-favorite{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;margin-left:auto;border-radius:9px;color:var(--text-mute);font-size:22px;line-height:1;cursor:pointer;user-select:none;position:relative;z-index:3;transition:background .16s,color .16s,transform .16s,box-shadow .16s} .sb-favorite:hover,.sb-favorite:focus-visible{background:rgba(255,255,255,.08);color:#fff;outline:none;box-shadow:0 0 0 2px rgba(167,139,250,.28)} .sb-favorite.active{color:#facc15;text-shadow:0 0 14px rgba(250,204,21,.28)} .sb-favorite:active{transform:scale(.92)} body.favorites-only .sb-search .fav-toggle{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important} @media (max-width:1024px){ body.channel-page .sb-search .fav-toggle{height:50px!important;min-height:50px!important;width:50px!important;flex:0 0 50px!important;border-radius:12px!important} body.channel-page .sb-favorite{flex-basis:34px;width:34px;height:34px;font-size:24px} } /* v54: mobile channel landscape layout, player and channel panel fit in one screen */ @media (max-width:1024px) and (orientation:landscape){ html:has(body.channel-page){height:100%!important;min-height:100%!important;overflow:hidden!important;overscroll-behavior-y:auto!important;scrollbar-width:none!important} html:has(body.channel-page)::-webkit-scrollbar{width:0!important;height:0!important} body.channel-page{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important;padding-top:0!important;overscroll-behavior-y:auto!important;touch-action:auto!important;scrollbar-width:none!important} body.channel-page::-webkit-scrollbar{width:0!important;height:0!important} body.channel-page .header{display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:620!important;flex:0 0 48px!important;height:48px!important;min-height:48px!important;padding:0 10px!important} body.channel-page .header .logo,body.channel-page .compact-header .logo{width:126px!important;height:29px!important;min-width:126px!important;max-width:126px!important;flex:0 0 126px!important} body.channel-page .header .logo-img,body.channel-page .compact-header .logo-img{width:126px!important;height:29px!important;max-width:126px!important;max-height:29px!important;object-fit:contain!important} body.channel-page .layout{display:flex!important;flex-direction:row!important;flex:1 1 auto!important;height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:var(--bg-page)!important} body.channel-page .main{display:flex!important;align-items:center!important;justify-content:center!important;order:1!important;flex:1 1 58%!important;width:auto!important;min-width:0!important;height:100%!important;min-height:0!important;padding:8px!important;overflow:hidden!important;background:transparent!important} body.channel-page .player-section{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;min-height:0!important} body.channel-page .player-wrap{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:16/9!important;border-radius:var(--radius)!important;box-shadow:0 10px 24px rgba(0,0,0,.3)!important;overflow:hidden!important} body.channel-page .sidebar{display:flex!important;order:2!important;flex:0 0 42%!important;width:42%!important;max-width:390px!important;min-width:250px!important;height:100%!important;min-height:0!important;max-height:none!important;position:static!important;overflow:hidden!important;border-top:0!important;border-left:1px solid var(--border)!important;border-right:0!important;border-bottom:0!important;flex-direction:column!important;background:var(--bg-side)!important} body.channel-page .sb-search{display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:630!important;flex:0 0 58px!important;height:58px!important;min-height:58px!important;align-items:center!important;gap:6px!important;padding:6px!important;background:var(--bg-side)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 8px 18px rgba(15,15,30,.72)!important;overflow:visible!important} body.channel-page .sb-search input{height:46px!important;min-height:46px!important;line-height:46px!important;padding:0 10px!important;font-size:15px!important;border-radius:10px!important;flex:1 1 auto!important;min-width:0!important} body.channel-page .sb-search .chat-toggle,body.channel-page .sb-search .cat-toggle,body.channel-page .sb-search .fav-toggle{height:46px!important;min-height:46px!important;width:46px!important;flex:0 0 46px!important;border-radius:10px!important} body.channel-page .sb-search .cat-toggle-text{display:none!important} body.channel-page .sb-list{display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:auto!important;overscroll-behavior-y:auto!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important} body.channel-page .sb-list::-webkit-scrollbar{width:6px!important} body.channel-page .sb-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)!important;border-radius:3px!important} body.channel-page .sb-item{padding:8px 10px!important;gap:8px!important;min-height:48px!important} body.channel-page .sb-logo{flex:0 0 44px!important;width:44px!important;height:30px!important;font-size:12px!important;border-radius:7px!important} body.channel-page .sb-name{font-size:13px!important} body.channel-page .sb-favorite{flex-basis:30px!important;width:30px!important;height:30px!important;font-size:22px!important} body.channel-page .layout>.desktop-extras{display:none!important} body.channel-page .sb-list>.desktop-extras{display:block!important;order:0!important;padding:10px 8px 14px!important;max-width:none!important;width:100%!important} body.channel-page .sb-list>.desktop-extras .article-toggle{display:block!important;margin:8px 0 10px!important;padding:10px!important} body.channel-page .sb-list>.desktop-extras .article{display:none!important;padding:14px!important} body.channel-page .sb-list>.desktop-extras.description-expanded .article{display:block!important} body.channel-page .sb-list>.desktop-extras>.related-channels{display:none!important} body.channel-page .sb-list>.desktop-extras.description-expanded>.related-channels{display:block!important} body.channel-page .sb-list>.desktop-extras .footer{display:block!important;margin-top:12px!important;padding:14px 8px 6px!important} body.channel-page .ad-side{display:none!important} } @media (max-width:760px) and (orientation:landscape){ body.channel-page .main{flex-basis:55%!important;padding:6px!important} body.channel-page .sidebar{flex-basis:45%!important;width:45%!important;min-width:220px!important} body.channel-page .sb-search{gap:5px!important;padding:5px!important} body.channel-page .sb-search input{font-size:14px!important;padding:0 8px!important} body.channel-page .sb-search .chat-toggle,body.channel-page .sb-search .cat-toggle,body.channel-page .sb-search .fav-toggle{width:44px!important;flex-basis:44px!important;height:44px!important;min-height:44px!important} } /* v55: mobile landscape category menu visible and chat fullscreen */ @media (max-width:1024px) and (orientation:landscape){ body.channel-page .cat-dropdown{position:fixed!important;top:var(--cat-dropdown-top,106px)!important;right:0!important;left:auto!important;bottom:0!important;width:42vw!important;max-width:390px!important;min-width:250px!important;height:auto!important;max-height:none!important;display:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;z-index:2500!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-right:0!important;border-bottom:0!important;border-radius:14px 0 0 0!important;box-shadow:-14px 0 38px rgba(0,0,0,.52)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important} body.channel-page .cat-dropdown.open{display:block!important} body.channel-page .cat-dropdown-item{display:block!important;width:100%!important;padding:13px 14px!important;font-size:15px!important;line-height:1.2!important;color:var(--text-main)!important;background:transparent!important;border-bottom:1px solid var(--border)!important;white-space:normal!important} body.channel-page .cat-dropdown-item.active,body.channel-page .cat-dropdown-item[aria-current="page"]{background:var(--accent)!important;color:#fff!important;font-weight:700!important} body.channel-page .site-chat{z-index:3200!important;background:rgba(15,15,30,.98)!important;pointer-events:none!important} body.channel-page .site-chat.open{display:block!important;pointer-events:auto!important;background:var(--bg-page)!important} body.channel-page .site-chat.open .site-chat-panel{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-card)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} body.channel-page .site-chat.open .site-chat-head{flex:0 0 auto!important;padding:8px 12px!important;padding-top:calc(env(safe-area-inset-top,0px) + 8px)!important;min-height:48px!important} body.channel-page .site-chat.open .site-chat-head h2{font-size:16px!important;line-height:1.15!important} body.channel-page .site-chat.open .site-chat-head p{font-size:11px!important;line-height:1.2!important;margin-top:2px!important} body.channel-page .site-chat.open .site-chat-close{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important} body.channel-page .site-chat.open .site-chat-form{flex:0 0 auto!important;padding:8px 10px!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border)!important} body.channel-page .site-chat.open .site-chat-name{height:36px!important;min-height:36px!important;font-size:15px!important;margin-bottom:6px!important;border-radius:10px!important} body.channel-page .site-chat.open .site-chat-text{min-height:48px!important;max-height:72px!important;font-size:15px!important;border-radius:10px!important;resize:none!important} body.channel-page .site-chat.open .site-chat-actions{margin-top:6px!important;gap:8px!important} body.channel-page .site-chat.open .site-chat-send{min-height:36px!important;border-radius:10px!important;padding:0 12px!important} body.channel-page .site-chat.open .site-chat-messages{flex:1 1 auto!important;min-height:0!important;padding:10px!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;background:rgba(15,15,30,.62)!important} } @media (max-width:760px) and (orientation:landscape){ body.channel-page .cat-dropdown{width:45vw!important;min-width:220px!important;max-width:none!important} body.channel-page .cat-dropdown-item{padding:12px!important;font-size:14px!important} } /* v56: chat scroll belongs to the whole chat window, not only messages */ .site-chat-panel{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important} .site-chat-messages{flex:0 0 auto!important;min-height:auto!important;overflow:visible!important;-webkit-overflow-scrolling:auto!important;overscroll-behavior:auto!important} body.channel-page .site-chat.open .site-chat-panel{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important} body.channel-page .site-chat.open .site-chat-messages{flex:0 0 auto!important;min-height:auto!important;overflow:visible!important;-webkit-overflow-scrolling:auto!important;overscroll-behavior:auto!important} .channel-page .player-section{display:flex;flex-direction:column;gap:12px}.epg-block{width:100%;max-width:100%;min-width:0}.epg-card{background:linear-gradient(135deg,rgba(26,26,46,.96),rgba(37,37,64,.92));border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:0 12px 28px rgba(0,0,0,.2);overflow:hidden}.epg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.epg-main{min-width:0}.epg-label{display:inline-flex;align-items:center;margin-bottom:4px;color:#d9d0ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.epg-main h2{margin:0 0 4px;color:#fff;font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epg-time{color:var(--text-mute);font-size:13px}.epg-time span{opacity:.72}.epg-toggle{flex:0 0 auto;border:1px solid rgba(167,139,250,.42);background:rgba(167,139,250,.16);color:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800;cursor:pointer}.epg-toggle:hover,.epg-toggle:focus-visible{background:var(--accent);outline:none}.epg-progress{height:6px;background:rgba(255,255,255,.12);border-radius:999px;margin:12px 0 9px;overflow:hidden}.epg-progress span{display:block;height:100%;background:#fff;border-radius:999px;transition:width .3s ease}.epg-desc{margin:0 0 8px;color:#c9c9dc;font-size:13px;line-height:1.45}.epg-desc code{color:#fff;background:rgba(255,255,255,.08);border-radius:5px;padding:1px 5px}.epg-next{margin-top:8px;color:#e8e8f0;font-size:13px}.epg-next strong{color:#fff}.epg-list{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.epg-list[hidden]{display:none!important}.epg-list h3{margin:0 0 8px;color:#fff;font-size:15px}.epg-list ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.epg-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.epg-list li:last-child{border-bottom:0}.epg-list time{color:#d9d0ff;font-weight:800}.epg-list span{color:#f4f4fb;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){body.channel-page .player-section{flex-direction:column!important;gap:8px!important}body.channel-page .epg-card{padding:10px!important}body.channel-page .epg-main h2{font-size:15px!important}body.channel-page .epg-time,body.channel-page .epg-desc,body.channel-page .epg-next{font-size:12px!important}body.channel-page .epg-toggle{padding:8px 10px!important;font-size:12px!important}body.channel-page .epg-list{max-height:220px;overflow:auto;-webkit-overflow-scrolling:touch}}@media (max-width:760px) and (orientation:landscape){body.channel-page .epg-card{padding:8px!important}body.channel-page .epg-main h2{font-size:14px!important}body.channel-page .epg-desc{display:none!important}body.channel-page .epg-list{max-height:110px!important}body.channel-page .epg-list li{padding:5px 0!important;font-size:12px!important}} @media (max-width:1024px) and (orientation:landscape){body.channel-page .player-section{height:100%!important;max-height:100%!important}body.channel-page .player-wrap{flex:1 1 auto!important;min-height:0!important;max-height:calc(100% - 96px)!important}body.channel-page .epg-block{flex:0 0 auto!important;max-height:44%!important;overflow:hidden!important}body.channel-page .epg-card{max-height:100%!important;overflow:hidden!important}body.channel-page .epg-list{overflow-y:auto!important}} /* v60: mobile EPG button between chat and category selector */ .epg-mobile-toggle,.mobile-epg-slot{display:none!important} @media (max-width:1024px){ body.channel-page .sb-search .epg-mobile-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:var(--bg-elev)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;cursor:pointer!important;transition:border-color .16s,box-shadow .16s,background .16s,color .16s,opacity .16s!important} body.channel-page .sb-search .epg-mobile-toggle:hover,body.channel-page .sb-search .epg-mobile-toggle:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(167,139,250,.18)!important;outline:none!important} body.channel-page .sb-search .epg-mobile-toggle.open,body.channel-page .sb-search .epg-mobile-toggle[aria-expanded="true"]{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important} body.channel-page .sb-search .epg-mobile-toggle:disabled{opacity:.42!important;cursor:not-allowed!important;box-shadow:none!important;filter:grayscale(.35)!important} .epg-mobile-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;line-height:1!important} .epg-mobile-icon svg{display:block!important;width:22px!important;height:22px!important} body:not(.channel-page) .sb-search .epg-mobile-toggle{display:none!important} body.channel-page .mobile-epg-slot{display:block!important;padding:8px 10px 10px!important;background:var(--bg-side)!important;border-bottom:1px solid var(--border)!important} body.channel-page .mobile-epg-slot[hidden]{display:none!important} body.channel-page .mobile-epg-slot .epg-block{display:block!important;width:100%!important;max-width:100%!important;margin:0!important} body.channel-page .mobile-epg-slot .epg-card{padding:10px!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important} body.channel-page .mobile-epg-slot .epg-toggle{display:none!important} body.channel-page .mobile-epg-slot .epg-main h2{font-size:15px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important} body.channel-page .mobile-epg-slot .epg-time,body.channel-page .mobile-epg-slot .epg-desc,body.channel-page .mobile-epg-slot .epg-next{font-size:12px!important} body.channel-page .mobile-epg-slot .epg-list{max-height:260px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important} body.channel-page .player-section>.epg-block{display:none!important} } @media (max-width:768px){ body.channel-page .sb-search .epg-mobile-toggle{flex-basis:50px!important;width:50px!important;height:50px!important;border-radius:12px!important} .epg-mobile-icon,.epg-mobile-icon svg{width:23px!important;height:23px!important} } @media (max-width:760px) and (orientation:landscape){ body.channel-page .sb-search .epg-mobile-toggle{width:44px!important;flex-basis:44px!important;height:44px!important;min-height:44px!important} body.channel-page .mobile-epg-slot{padding:6px!important} body.channel-page .mobile-epg-slot .epg-card{padding:8px!important} body.channel-page .mobile-epg-slot .epg-list{max-height:130px!important} } /* v61: mobile EPG uses one shared scroll for current item + full schedule; larger schedule icon */ @media (max-width:1024px){ body.channel-page .mobile-epg-slot{flex:0 1 auto!important;max-height:calc(100dvh - var(--header-h) - 8px - var(--mobile-player-h) - var(--mobile-search-h) - 8px)!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scrollbar-width:auto!important} body.channel-page .mobile-epg-slot::-webkit-scrollbar{width:6px!important} body.channel-page .mobile-epg-slot::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)!important;border-radius:3px!important} body.channel-page .mobile-epg-slot .epg-block,body.channel-page .mobile-epg-slot .epg-card{max-height:none!important;overflow:visible!important} body.channel-page .mobile-epg-slot .epg-list{max-height:none!important;overflow:visible!important;-webkit-overflow-scrolling:auto!important} body.channel-page .mobile-epg-slot .epg-list ol{max-height:none!important;overflow:visible!important} body.channel-page .sb-search .epg-mobile-icon,body.channel-page .sb-search .epg-mobile-icon svg{width:30px!important;height:30px!important} } @media (max-width:1024px) and (orientation:landscape){ body.channel-page .mobile-epg-slot{max-height:calc(100dvh - 48px - 58px)!important;overflow-y:auto!important} body.channel-page .mobile-epg-slot .epg-list{max-height:none!important;overflow:visible!important} body.channel-page .sb-search .epg-mobile-icon,body.channel-page .sb-search .epg-mobile-icon svg{width:30px!important;height:30px!important} } /* v62: mobile EPG goes full width of the screen; schedule icon slightly smaller */ @media (max-width:1024px) and (orientation:portrait){ body.channel-page .mobile-epg-slot{padding:0!important;border-bottom:1px solid var(--border)!important;background:var(--bg-side)!important} body.channel-page .mobile-epg-slot .epg-block{width:100%!important;max-width:none!important;margin:0!important} body.channel-page .mobile-epg-slot .epg-card{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important} } @media (max-width:1024px){ body.channel-page .sb-search .epg-mobile-icon,body.channel-page .sb-search .epg-mobile-icon svg{width:27px!important;height:27px!important} } @media (max-width:1024px) and (orientation:landscape){ body.channel-page .sb-search .epg-mobile-icon,body.channel-page .sb-search .epg-mobile-icon svg{width:27px!important;height:27px!important} } /* v63: when mobile Programação is open, it must take all remaining screen height and hide channel list */ @media (max-width:1024px){ body.channel-page.mobile-epg-open .sidebar{min-height:0!important;overflow:hidden!important} body.channel-page.mobile-epg-open .mobile-epg-slot{display:block!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:0!important;background:var(--bg-side)!important;border-bottom:0!important} body.channel-page.mobile-epg-open .mobile-epg-slot .epg-block{display:block!important;width:100%!important;height:auto!important;min-height:100%!important;max-height:none!important;margin:0!important;overflow:visible!important} body.channel-page.mobile-epg-open .mobile-epg-slot .epg-card{width:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;overflow:visible!important} body.channel-page.mobile-epg-open .mobile-epg-slot .epg-list,body.channel-page.mobile-epg-open .mobile-epg-slot .epg-list ol{max-height:none!important;overflow:visible!important} body.channel-page.mobile-epg-open .sb-list{display:none!important} } /* v64: weekly EPG calendar cards */ .epg-days{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 0 12px;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.06)} .epg-days::-webkit-scrollbar{height:6px} .epg-days::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px} .epg-day{flex:0 0 58px;height:64px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elev);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s} .epg-day:hover,.epg-day:focus-visible{border-color:rgba(167,139,250,.7);box-shadow:0 0 0 3px rgba(167,139,250,.15);outline:none} .epg-day.active,.epg-day[aria-selected="true"]{background:var(--accent);border-color:var(--accent);box-shadow:0 8px 20px rgba(167,139,250,.25)} .epg-day strong{font-size:24px;line-height:1;font-weight:900;letter-spacing:-.03em} .epg-day span{font-size:12px;line-height:1;font-weight:800;color:#c9c9dc} .epg-day.active span,.epg-day[aria-selected="true"] span{color:#fff} .epg-day-content{min-height:80px;transition:opacity .16s} .epg-day-content.is-loading{opacity:.55;pointer-events:none} .epg-day-content p{margin:8px 0 0;color:var(--text-mute);font-size:13px;line-height:1.45} @media (max-width:1024px){ body.channel-page .mobile-epg-slot .epg-days{padding:6px 0 12px;margin-bottom:10px} body.channel-page .mobile-epg-slot .epg-day{flex-basis:60px;height:66px;border-radius:14px} body.channel-page .mobile-epg-slot .epg-day strong{font-size:26px} body.channel-page.mobile-epg-open .mobile-epg-slot .epg-list{display:block!important;max-height:none!important;overflow:visible!important} body.channel-page.mobile-epg-open .mobile-epg-slot .epg-day-content{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important} } @media (max-width:760px) and (orientation:landscape){ body.channel-page .mobile-epg-slot .epg-day{flex-basis:52px;height:56px;border-radius:12px} body.channel-page .mobile-epg-slot .epg-day strong{font-size:22px} body.channel-page .mobile-epg-slot .epg-day span{font-size:11px} } /* v66: visitor timezone EPG display + current/past programme states */ .epg-list li.epg-program{position:relative;border-radius:10px;transition:opacity .16s,background .16s,color .16s,box-shadow .16s} .epg-list li.epg-program-past{opacity:.42} .epg-list li.epg-program-past time,.epg-list li.epg-program-past span{color:var(--text-mute)!important} .epg-list li.epg-program-current{background:rgba(167,139,250,.18);box-shadow:inset 4px 0 0 var(--accent);border-bottom-color:transparent!important;padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px;opacity:1} .epg-list li.epg-program-current time{color:#fff!important} .epg-list li.epg-program-current span{color:#fff!important;font-weight:800} .epg-list li.epg-program-current span::after{content:'Agora';display:inline-flex;vertical-align:middle;margin-left:8px;padding:2px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.03em;text-transform:uppercase} .epg-list li.epg-program-future{opacity:1} .epg-time [data-epg-timezone-label]{white-space:nowrap} @media (max-width:760px){.epg-list li.epg-program-current{margin-left:-6px;margin-right:-6px;padding-left:8px;padding-right:8px}.epg-list li.epg-program-current span::after{display:block;width:max-content;margin:4px 0 0}} /* v67: favorites list always has vertical scroll; larger SVG star; softer EPG day weights */ body.favorites-only .sidebar{overflow-y:scroll!important;scrollbar-width:auto!important} body.favorites-only .sb-list{overflow-y:scroll!important;scrollbar-width:auto!important} body.favorites-only .sb-list::-webkit-scrollbar,body.favorites-only .sidebar::-webkit-scrollbar{width:6px!important} body.favorites-only .sb-list::-webkit-scrollbar-thumb,body.favorites-only .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16)!important;border-radius:3px!important} .fav-toggle-icon{width:25px!important;height:25px!important;font-size:0!important;transform:none!important} .fav-toggle-icon svg{display:block!important;width:25px!important;height:25px!important;fill:currentColor!important} .sb-favorite{font-size:0!important} .sb-favorite svg{display:block!important;width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linejoin:round!important;stroke-linecap:round!important} .sb-favorite.active svg{fill:currentColor!important;stroke:currentColor!important} @media (max-width:1024px){ body.channel-page .sb-favorite svg{width:31px!important;height:31px!important} body.channel-page .sb-list,body.favorites-only.channel-page .sb-list{overflow-y:scroll!important} } @media (max-width:1024px) and (orientation:landscape){ body.channel-page .sb-favorite svg{width:29px!important;height:29px!important} body.channel-page .sb-list,body.favorites-only.channel-page .sb-list{overflow-y:scroll!important} } .epg-day strong{font-weight:800!important} .epg-day span{font-weight:700!important} /* v68: favorite filter button same mobile size as neighbor buttons; restore list favorite stars; softer EPG calendar weights everywhere */ @media (max-width:1024px){ body.home-page .sb-search .fav-toggle,body.category-page .sb-search .fav-toggle{height:50px!important;min-height:50px!important;width:50px!important;flex:0 0 50px!important;border-radius:12px!important} body.home-page .sb-search .fav-toggle .fav-toggle-icon,body.category-page .sb-search .fav-toggle .fav-toggle-icon{display:flex!important;align-items:center!important;justify-content:center!important} } @media (max-width:1024px) and (orientation:landscape){ body.home-page .sb-search .fav-toggle,body.category-page .sb-search .fav-toggle{height:46px!important;min-height:46px!important;width:46px!important;flex:0 0 46px!important;border-radius:10px!important} } @media (max-width:760px) and (orientation:landscape){ body.home-page .sb-search .fav-toggle,body.category-page .sb-search .fav-toggle{height:44px!important;min-height:44px!important;width:44px!important;flex:0 0 44px!important;border-radius:10px!important} } .sb-favorite{font-size:22px!important;line-height:1!important;font-family:Arial,sans-serif!important} .sb-favorite svg{display:none!important} body.channel-page .sb-favorite{font-size:24px!important} @media (max-width:1024px) and (orientation:landscape){body.channel-page .sb-favorite{font-size:22px!important}} .epg-day strong,body.channel-page .mobile-epg-slot .epg-day strong{font-weight:700!important} .epg-day span,body.channel-page .mobile-epg-slot .epg-day span{font-weight:600!important} /* v69: wider favorite hit area, no star highlight, outline-to-filled star state */ .sb-favorite{ display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 46px!important; width:46px!important; min-width:46px!important; height:44px!important; margin-left:auto!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; text-shadow:none!important; color:var(--text-mute)!important; font-size:24px!important; font-weight:400!important; line-height:1!important; font-family:Arial,sans-serif!important; cursor:pointer!important; user-select:none!important; -webkit-user-select:none!important; transition:color .16s ease,transform .12s ease!important; } .sb-favorite:hover, .sb-favorite:focus, .sb-favorite:focus-visible{ background:transparent!important; box-shadow:none!important; outline:none!important; color:var(--text-main)!important; } .sb-favorite.active{ background:transparent!important; box-shadow:none!important; text-shadow:none!important; color:var(--text-main)!important; } .sb-favorite:active{transform:scale(.96)!important} .sb-favorite svg{display:none!important} @media (max-width:1024px){ .sb-favorite, body.channel-page .sb-favorite, body.home-page .sb-favorite, body.category-page .sb-favorite{ flex:0 0 56px!important; width:56px!important; min-width:56px!important; height:54px!important; font-size:31px!important; } } @media (max-width:1024px) and (orientation:landscape){ .sb-favorite, body.channel-page .sb-favorite, body.home-page .sb-favorite, body.category-page .sb-favorite{ flex-basis:50px!important; width:50px!important; min-width:50px!important; height:48px!important; font-size:28px!important; } } /* v70: star click must not visually select the whole channel row; smaller mobile stars */ .sb-favorite{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} .sb-item:has(.sb-favorite:hover):not(.active), .sb-item:has(.sb-favorite:focus):not(.active), .sb-item:has(.sb-favorite:focus-visible):not(.active), .sb-item:has(.sb-favorite:active):not(.active){background:transparent!important;border-left-color:transparent!important;box-shadow:none!important;outline:none!important} @media (max-width:1024px){ .sb-favorite, body.channel-page .sb-favorite, body.home-page .sb-favorite, body.category-page .sb-favorite{font-size:26px!important} } @media (max-width:1024px) and (orientation:landscape){ .sb-favorite, body.channel-page .sb-favorite, body.home-page .sb-favorite, body.category-page .sb-favorite{font-size:23px!important} } /* v71: favorite stars work on mobile; desktop scroll belongs only to channel list */ @media (min-width:1025px){ .sidebar{display:flex!important;flex-direction:column!important;height:calc(100vh - var(--header-h))!important;max-height:calc(100vh - var(--header-h))!important;overflow:hidden!important;position:sticky!important;top:var(--header-h)!important} .sidebar .sb-search{flex:0 0 auto!important;position:relative!important;top:auto!important;z-index:130!important} .sidebar .mobile-epg-slot{flex:0 0 auto!important} .sidebar .sb-list{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important} body.favorites-only .sidebar{overflow:hidden!important} body.favorites-only .sidebar .sb-list{overflow-y:scroll!important} .sidebar .sb-list::-webkit-scrollbar{width:6px!important} .sidebar .sb-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16)!important;border-radius:3px!important} } /* v72: desktop favorites scrollbar matches channel list; star hover keeps row highlight */ @media (min-width:1025px){ body.favorites-only .sidebar .sb-list{ overflow-x:hidden!important; overflow-y:scroll!important; scrollbar-width:thin!important; scrollbar-color:rgba(255,255,255,.16) transparent!important; } body.favorites-only .sidebar .sb-list::-webkit-scrollbar{ width:6px!important; } body.favorites-only .sidebar .sb-list::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.16)!important; border-radius:3px!important; } body.favorites-only .sidebar .sb-list::-webkit-scrollbar-track{ background:transparent!important; } .sidebar .sb-item:has(.sb-favorite:hover):not(.active){ background:rgba(255,255,255,.05)!important; border-left-color:transparent!important; box-shadow:none!important; } } /* v74: adaptive search icon at the typing start position when the full placeholder does not fit */ .sb-search input.search-icon-only{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.8 5.2a5.6 5.6 0 1 0 0 11.2 5.6 5.6 0 0 0 0-11.2Zm0-2a7.6 7.6 0 1 1-4.83 13.47L3.6 19.04a1 1 0 0 1-1.42-1.42l2.37-2.37A7.6 7.6 0 0 1 10.8 3.2Z' fill='%239090a8'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:left 14px center!important; background-size:18px 18px!important; } body.channel-page .sb-search input.search-icon-only{background-position:left 14px center!important} @media (max-width:760px) and (orientation:landscape){body.channel-page .sb-search input.search-icon-only{background-position:left 10px center!important}} .sb-search input.search-icon-only::placeholder{color:transparent!important} .sb-search input.search-icon-only:focus{background-image:none!important} /* v75: keep the mobile Programação button the same size as neighboring buttons */ @media (max-width:1024px){ body.channel-page .sb-search .epg-mobile-toggle{ flex:0 0 50px!important; width:50px!important; min-width:50px!important; max-width:50px!important; height:50px!important; min-height:50px!important; max-height:50px!important; border-radius:12px!important; align-self:center!important; } body.channel-page .sb-search .epg-mobile-icon, body.channel-page .sb-search .epg-mobile-icon svg{ flex:0 0 27px!important; width:27px!important; min-width:27px!important; max-width:27px!important; height:27px!important; min-height:27px!important; max-height:27px!important; } } @media (max-width:1024px) and (orientation:landscape){ body.channel-page .sb-search .epg-mobile-toggle{ flex:0 0 46px!important; width:46px!important; min-width:46px!important; max-width:46px!important; height:46px!important; min-height:46px!important; max-height:46px!important; border-radius:10px!important; } body.channel-page .sb-search .epg-mobile-icon, body.channel-page .sb-search .epg-mobile-icon svg{ flex:0 0 27px!important; width:27px!important; min-width:27px!important; max-width:27px!important; height:27px!important; min-height:27px!important; max-height:27px!important; } } @media (max-width:760px) and (orientation:landscape){ body.channel-page .sb-search .epg-mobile-toggle{ flex:0 0 44px!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; } } /* v77: channel list thumbnails optimized for ready 160x120 images */ .sb-logo, .category-channel-logo{ aspect-ratio:4/3!important; background:#17172e!important; border:1px solid rgba(255,255,255,.07)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important; } .sb-logo img, .category-channel-logo img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center!important; background:#17172e!important; } .sb-logo-fallback, .category-channel-fallback{ font-size:.78em!important; letter-spacing:.01em!important; background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.08))!important; } .sidebar .sb-item{ gap:10px!important; align-items:center!important; } .sidebar .sb-logo{ flex:0 0 64px!important; width:64px!important; height:48px!important; border-radius:10px!important; } .sidebar .sb-name{ min-width:0!important; line-height:1.25!important; } .category-channel-logo{ flex:0 0 72px!important; width:72px!important; height:54px!important; border-radius:11px!important; } @media (min-width:1025px){ .sidebar .sb-item{ min-height:62px!important; padding:7px 10px!important; } } @media (max-width:1024px){ .sidebar .sb-logo, body.channel-page .sb-logo, body.home-page .sb-logo, body.category-page .sb-logo{ flex:0 0 72px!important; width:72px!important; height:54px!important; border-radius:11px!important; } .sidebar .sb-item, body.channel-page .sb-item, body.home-page .sb-item, body.category-page .sb-item{ min-height:70px!important; padding:8px 10px!important; gap:10px!important; } .category-channel-logo{ flex:0 0 76px!important; width:76px!important; height:57px!important; } } @media (max-width:1024px) and (orientation:landscape){ .sidebar .sb-logo, body.channel-page .sb-logo, body.home-page .sb-logo, body.category-page .sb-logo{ flex:0 0 60px!important; width:60px!important; height:45px!important; border-radius:9px!important; } .sidebar .sb-item, body.channel-page .sb-item, body.home-page .sb-item, body.category-page .sb-item{ min-height:58px!important; padding:6px 8px!important; gap:8px!important; } .category-channel-logo{ flex:0 0 64px!important; width:64px!important; height:48px!important; } } /* v78: slightly smaller channel thumbnails and more space between rows */ @media (min-width:1025px){ .sidebar .sb-logo{ flex:0 0 58px!important; width:58px!important; height:44px!important; } .sidebar .sb-item{ min-height:68px!important; gap:11px!important; padding-top:8px!important; padding-bottom:8px!important; } } @media (max-width:1024px){ .sidebar .sb-logo, body.channel-page .sb-logo, body.home-page .sb-logo, body.category-page .sb-logo{ flex:0 0 65px!important; width:65px!important; height:49px!important; } .sidebar .sb-item, body.channel-page .sb-item, body.home-page .sb-item, body.category-page .sb-item{ min-height:77px!important; gap:11px!important; padding-top:9px!important; padding-bottom:9px!important; } } @media (max-width:1024px) and (orientation:landscape){ .sidebar .sb-logo, body.channel-page .sb-logo, body.home-page .sb-logo, body.category-page .sb-logo{ flex:0 0 55px!important; width:55px!important; height:41px!important; } .sidebar .sb-item, body.channel-page .sb-item, body.home-page .sb-item, body.category-page .sb-item{ min-height:64px!important; gap:9px!important; padding-top:7px!important; padding-bottom:7px!important; } } /* v79: restore channel thumbnail sizes from v77, keep increased row spacing from v78 */ @media (min-width:1025px){ .sidebar .sb-logo{ flex:0 0 64px!important; width:64px!important; height:48px!important; } } @media (max-width:1024px){ .sidebar .sb-logo, body.channel-page .sb-logo, body.home-page .sb-logo, body.category-page .sb-logo{ flex:0 0 72px!important; width:72px!important; height:54px!important; } } @media (max-width:1024px) and (orientation:landscape){ .sidebar .sb-logo, body.channel-page .sb-logo, body.home-page .sb-logo, body.category-page .sb-logo{ flex:0 0 60px!important; width:60px!important; height:45px!important; } } /* v81: related channel thumbnails use ready 160x120 images */ .related-channel{ min-height:118px!important; } .related-channel-logo{ aspect-ratio:4/3!important; width:96px!important; height:72px!important; flex:0 0 72px!important; border-radius:10px!important; background:#17172e!important; border:1px solid rgba(255,255,255,.07)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important; } .related-channel-logo img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center!important; display:block!important; background:#17172e!important; } @media (max-width:1024px){ .related-channel{ min-height:122px!important; } .related-channel-logo{ width:104px!important; height:78px!important; flex-basis:78px!important; } } @media (max-width:640px){ .related-channel{ min-height:116px!important; } .related-channel-logo{ width:96px!important; height:72px!important; flex-basis:72px!important; } } @media (max-width:1024px) and (orientation:landscape){ .related-channel{ min-height:104px!important; } .related-channel-logo{ width:84px!important; height:63px!important; flex-basis:63px!important; } }