:root{--bg:#0d1018;--panel:#171c29;--line:#2a3041;--accent:#ffcf45;--text:#fbf9f5;--muted:#969db0;color-scheme:dark}body{background:radial-gradient(ellipse at 70% 0,#292c3366,transparent 45%),var(--bg);font-family:'Segoe UI',Arial,sans-serif}aside{width:224px;padding:28px 19px;background:#10141ef2;border-color:#242838;overflow-y:auto;scrollbar-width:thin}.brand{font-size:40px;letter-spacing:-2px}.brand span{background:#ffcf45;border-radius:5px;color:#282b31}.eyebrow{color:#9297ab;letter-spacing:2px;font-size:10px}aside>.eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:28px}nav button{padding:10px 11px;gap:10px;font-size:14px;margin-bottom:4px;border-radius:9px;color:#a4aabd}nav button span{font-size:13px}nav button.active{background:#ffcf4516;color:#f2ede1;box-shadow:inset 3px 0 #ffcd45}nav button:hover{background:#ffffff09}nav button small{margin-left:auto;font-size:10px;color:#858ca2}.nav-icon{width:19px;text-align:center}.nav-label{font-size:9px;margin:24px 11px 12px;color:#757d94}.aside-bottom{font-size:12px;padding:25px 8px 0}.aside-bottom small{font-size:10px}.aside-bottom a{font-size:11px;color:#ffcd45}main{margin-left:224px;padding:32px 38px 22px;max-width:1920px}header{margin-bottom:28px}h1{font-size:29px;letter-spacing:-1px;font-weight:600}.header-actions{gap:9px}.primary{background:#ffcf45;color:#2a2d33;border-radius:9px;padding:11px 16px;font-size:12px;box-shadow:none}.outline{border-color:#34394a;border-radius:9px;font-size:12px;color:#bcc1cf}.spotlight{position:relative;height:330px;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,#282b31,#15212b);border:1px solid #ffffff0d}.spotlight>img{position:absolute;right:0;top:0;width:76%;height:100%;object-fit:cover;object-position:center 30%}.spotlight-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1a1c1f 6%,#1a1c1fed 27%,#1a1c1f55 65%,#191b1e20),linear-gradient(0deg,#15161990,transparent 45%)}.spotlight-copy{position:relative;z-index:1;width:60%;padding:48px 40px}.feature-label{font-size:10px;letter-spacing:2px;color:#eee7d6}.spotlight h2{font-size:46px;font-weight:650;line-height:1.1;letter-spacing:-1.7px;margin:19px 0 13px;max-width:550px}.spotlight p{font-size:14px;color:#c9c6bd;max-width:420px;margin:0 0 23px}.spotlight .primary{background:#f9f7f2;padding:11px 20px;font-size:13px}.artwork-note{position:absolute;right:16px;bottom:14px;color:#f1ecdfb0;font-size:9px;letter-spacing:.3px}.universe-section{margin:30px 0 38px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:19px;letter-spacing:-.5px;margin:0}.section-heading>span{color:#7f879c;font-size:12px}#universe-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.universe-tile{position:relative;height:119px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;overflow:hidden;border:1px solid #ffffff0d;border-radius:12px;background:var(--theme);padding:16px;color:white;isolation:isolate}.universe-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101320f5,#10132025);z-index:-1}.universe-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.75;transition:transform .25s}.universe-tile:hover img{transform:scale(1.07)}.universe-tile>span{font-size:22px;color:var(--theme);position:absolute;top:9px;left:14px}.universe-tile strong{font-size:12px;font-weight:600;line-height:1.3}.universe-tile small{color:#cdcac2;font-size:10px;margin-top:3px}.universe-tile.active{border-color:var(--theme)}.library{margin-top:28px;scroll-margin-top:22px}.toolbar h2{font-size:23px}.toolbar .eyebrow{font-size:9px}.search{background:#171c29;border-color:#2c3243;border-radius:10px;padding:10px 15px}.search input{width:260px;font-size:12px}.search span{color:#a8a395}.guide-toolbar{color:#828b9f;margin-top:15px;font-size:11px}.guide-toolbar .text-button{font-size:11px;color:#ffcd45}.status-line{font-size:10px;margin:10px 0 17px;color:#7e879b}#filter-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 0 22px}#filter-chips button{border:1px solid #2b3040;background:#151a25;color:#9ea6bb;font-size:11px;border-radius:22px;padding:7px 13px;white-space:nowrap}#filter-chips button.active{background:#eee7d6;color:#272a2f;border-color:transparent}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:25px 19px;align-items:start}.card{background:transparent;border:0;border-radius:12px;overflow:visible;box-shadow:none}.card-visual{border-radius:12px;border:1px solid #ffffff0b;aspect-ratio:16/10;height:auto;background:#1a2434;box-shadow:0 8px 25px #0002}.card-visual>img.cover{opacity:1;transition:transform .25s}.card:hover .cover{transform:scale(1.035)}.card-visual:after{background:linear-gradient(0deg,#0b0f1be6,transparent 55%)}.card.selected .card-visual{outline:2px solid #ffcf45;outline-offset:3px}.no-cover{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--theme) 35%,#1a2231),transparent 85%),#161d2b}.category-watermark{display:none}.no-cover .category-watermark{display:block;position:absolute;right:-8px;bottom:-25px;font-size:150px;color:var(--theme);opacity:.09;line-height:1}.card-content{padding:13px 2px 0}.card-genre{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--theme);display:block;margin-bottom:5px}.card h3{font-size:15px;letter-spacing:-.2px;font-weight:600;color:#e7eaf2}.card .programme-title{font-size:12px;color:#9099ad;margin:5px 0 10px;line-height:1.5}.programme-hours{font-size:10px;color:#7d879c}.programme-progress{height:2px;background:#272d3e}.programme-progress>span{background:var(--theme)}.card-details{border:0;margin:8px 0 0;padding:0}.card-details summary{font-size:10px;color:#78849c}.card-details[open]{background:#171c29;padding:12px;border-radius:8px}.card-details p{font-size:12px}.channel-live{font-size:8px;letter-spacing:1px;left:10px;top:10px;background:#101521b5;color:#e0f1de;border:1px solid #ffffff10;padding:3px 6px}.card-visual .favorite{width:28px;height:28px;font-size:20px;right:9px;top:8px;background:#101521ad}.logo-plate{width:72px;height:40px;bottom:10px;left:10px;border:0;background:#111821c9;border-radius:6px}.no-cover .logo-plate{width:140px;height:80px;bottom:calc(50% - 40px);left:calc(50% - 70px);background:none}.no-cover .fallback{color:var(--theme);font-size:35px}.visual-play{opacity:1;width:38px;height:38px;left:auto;right:12px;top:auto;bottom:12px;font-size:13px;background:#f7f4eded;color:#25282e;border:0;box-shadow:0 3px 15px #0003}.no-cover .visual-play{width:38px;height:38px}.watch[hidden]{display:none}.watch{margin:28px 0;background:#171c29;border-color:#2d3244;border-radius:16px}.now{position:relative;padding:28px}.now h2{font-size:22px}.live-badge{font-size:9px;color:#ffcf45}#close-player{display:block;margin:0 0 13px auto;font-size:11px;color:#a5adbf}.program{border-color:#2c3243}.dot{background:#ffcf45}footer{border-color:#272c3a;font-size:10px;color:#667087;margin-top:40px}dialog{background:#171c29;border-color:#504835;border-radius:18px}dialog textarea,dialog input,dialog select{background:#0f1420;border-color:#333b50}dialog h2{letter-spacing:-1px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ffcf45;outline-offset:4px}
@media(min-width:1600px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.spotlight{height:380px}.spotlight-copy{padding:60px 50px}.spotlight h2{font-size:55px}}
@media(max-width:1200px){aside{width:198px;padding:24px 12px}main{margin-left:198px;padding:28px 25px}#universe-tiles{grid-template-columns:repeat(3,1fr)}.universe-tile{height:100px}.spotlight h2{font-size:39px}.spotlight-copy{width:75%;padding:40px 30px}.spotlight{height:290px}.header-actions{max-width:250px}.now{display:block}}
@media(max-width:760px){aside{position:static;width:auto;padding:17px 18px 10px;background:#10141e;overflow:visible}.brand{font-size:32px}aside nav{display:flex;gap:7px;margin-top:10px;overflow:auto}#universe-nav{display:contents}nav button{width:auto;flex-shrink:0;padding:8px 11px;border-radius:20px;margin:0}nav button.active{box-shadow:none;background:#ffcf4522}nav button small,.nav-icon,aside .nav-label{display:none}main{margin:0;padding:24px 18px}header{flex-direction:column;align-items:stretch;gap:17px;margin-bottom:22px}h1{font-size:27px}.header-actions{max-width:none;justify-content:flex-start}.spotlight{height:275px}.spotlight>img{width:100%;opacity:.75}.spotlight-copy{padding:32px 24px;width:85%}.spotlight h2{font-size:37px;margin-top:18px}.spotlight p{font-size:12px}.feature-label{font-size:8px}.spotlight-shade{background:linear-gradient(90deg,#181a1ded,#181a1d35),linear-gradient(0deg,#151619cc,transparent)}.spotlight .primary{font-size:11px}.section-heading h2{font-size:18px}.section-heading>span{display:none}.universe-section{margin:24px 0}#universe-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.universe-tile{height:95px;padding:10px}.universe-tile strong{font-size:11px}.universe-tile small{font-size:9px}.toolbar{gap:14px}.search input{width:100%}.guide-toolbar{gap:5px}.status-line{gap:7px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.card-visual{aspect-ratio:4/3}.card h3{font-size:13px}.card .programme-title{font-size:11px}.card-genre{font-size:8px;letter-spacing:.3px}.logo-plate{width:57px;height:33px}.card .no-cover .logo-plate{width:100px;left:calc(50% - 50px);height:60px;bottom:calc(50% - 30px)}.no-cover .fallback{font-size:27px}.visual-play,.no-cover .visual-play{width:29px;height:29px;right:8px;bottom:8px;font-size:11px}.channel-live{font-size:7px;left:6px;top:7px}.card-visual .favorite{width:25px;height:25px;right:5px;top:5px}.programme-hours{font-size:9px}.programme-hours span:last-child{display:none}.card-content{padding:10px 0 0}.artwork-note{font-size:8px}.watch{grid-template-columns:1fr}.now{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V5: country-scoped catalogues. */
.country-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 24px;padding:20px 24px;border:1px solid #343840;border-radius:20px;background:linear-gradient(120deg,#25282d,#1a1c20)}
.country-bar .eyebrow{display:block;font-size:10px;margin:0 0 5px;color:#ffcd45}.country-bar label{display:block;font-weight:650;font-size:15px}.country-bar select{max-width:100%;padding:12px 38px 12px 14px;background:#151619;color:#fbf9f5;border:1px solid #655c44;border-radius:12px;font:inherit;min-width:200px}.country-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.country-shortcuts button{background:transparent;color:#cdcac3;border:1px solid #363a41;padding:9px 11px;border-radius:10px;font-size:12px;cursor:pointer}.country-shortcuts button[aria-pressed=true]{background:#ffcd45;color:#181a1d;border-color:#ffcd45}#country-count{color:#bab6ab;font-size:12px;margin-left:auto}.load-more{display:block;margin:28px auto}.load-more[hidden]{display:none}.spotlight.logo-feature #spotlight-image{object-fit:contain;width:38%;left:auto;right:5%;padding:48px;opacity:.9}.spotlight.logo-feature{background:radial-gradient(ellipse at 75% 45%,#6b6044,#1c1e22 65%)}.spotlight.logo-feature .spotlight-shade{background:linear-gradient(90deg,#1b1d21 5%,transparent 100%)}#source-market{display:block;width:100%;padding:12px;background:#17191c;color:#eee;border:1px solid #585243;border-radius:8px;margin:6px 0 16px}
@media(max-width:900px){.country-bar{gap:12px}.country-shortcuts{width:100%}#country-count{margin-left:0}.country-bar select{flex:1}.spotlight.logo-feature #spotlight-image{width:46%;right:0;padding:30px}}
@media(max-width:520px){.country-bar{padding:16px;border-radius:16px}.country-bar>div:first-child{width:100%}.country-bar select{width:100%}.country-shortcuts button{flex:1 1 40%;font-size:12px}.spotlight.logo-feature #spotlight-image{opacity:.3;width:70%}}

.fr-favorites{padding:24px 26px;margin:0 0 28px;border:1px solid #353940;background:linear-gradient(105deg,#22252a,#1c1e22);border-radius:20px}.fr-favorites[hidden]{display:none}.fr-favorites h2{font-size:24px;margin:8px 0 18px}.fr-favorites .eyebrow{font-size:10px;color:#dcb395}.fr-picks{display:flex;gap:10px;flex-wrap:wrap}.fr-picks button,.fr-picks a{flex:1;min-width:130px;padding:16px;border:1px solid #4a3945;background:#202227;border-radius:12px;text-align:left;font:inherit;font-size:13px;color:#eee5df;text-decoration:none;cursor:pointer}.fr-picks a small{display:block;color:#beaaa9;margin-top:6px;font-size:11px}.fr-picks button:hover,.fr-picks a:hover{background:#3a2b36}.fr-favorites h2{color:#f3eee9}

/* Mobile refresh: compact navigation, visual browsing and comfortable touch targets. */
.phone-address{display:block;margin:12px 0;padding:16px;background:#272a30;border:1px solid #7e7151;border-radius:12px;font-size:20px;overflow-wrap:anywhere}
@media(max-width:760px){
 aside{position:sticky;top:0;z-index:20;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid #ffffff12;background:#10141ef2;backdrop-filter:blur(18px)}
 aside nav{margin:0;gap:4px;overflow:visible}aside #universe-nav{display:none}aside nav button{min-height:44px;padding:9px 12px}aside .brand{font-size:29px}aside .brand span{font-size:10px;margin-top:8px}
 main{padding:22px 16px max(24px,env(safe-area-inset-bottom))}header{gap:14px;margin-bottom:18px}header .eyebrow{font-size:9px}h1{font-size:25px;max-width:290px}.header-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.header-actions button{min-height:44px;padding:9px;font-size:11px}#refresh{grid-column:1/-1;background:transparent;border:0;padding:2px;min-height:32px;color:#9a9eb1}
 .country-bar{padding:14px;gap:10px;margin-bottom:16px;background:#1e2024;border-radius:16px}.country-bar>div:first-child{display:none}.country-bar select{font-size:16px;min-height:48px}.country-shortcuts{display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none}.country-shortcuts button{flex:0 0 auto;min-height:42px;font-size:11px;padding:9px}#country-count{font-size:11px;margin:0}
 .spotlight{height:260px;border-radius:18px}.spotlight-copy{width:100%;padding:26px 20px}.spotlight h2{font-size:32px;max-width:280px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spotlight p{max-width:260px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spotlight .primary{min-height:44px}.spotlight>img{width:100%;object-position:65% center}.spotlight-shade{background:linear-gradient(90deg,#181a1deb,#181a1d40),linear-gradient(0deg,#151619dd,transparent)}
 .fr-favorites{padding:18px;margin:18px 0;border-radius:16px}.fr-favorites .eyebrow{font-size:8px;letter-spacing:1px}.fr-favorites h2{font-size:21px;margin:6px 0 12px}.fr-picks{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.fr-picks button{flex:0 0 auto;min-width:120px;padding:13px;font-size:12px;min-height:46px}
 #universe-tiles{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.universe-tile{flex:0 0 132px;height:106px;scroll-snap-align:start;padding:12px}.universe-tile strong{font-size:12px}.universe-tile small{font-size:10px}
 .library{scroll-margin-top:85px}.toolbar{gap:12px}.toolbar h2{font-size:22px}.search{min-height:50px;padding:11px 14px}.search input{font-size:16px;min-width:0}.guide-toolbar{font-size:11px;line-height:1.6}.guide-toolbar button{min-height:40px}.status-line{font-size:11px}#filter-chips{padding-bottom:16px}#filter-chips button{min-height:42px;font-size:12px}
 .grid{gap:20px 12px}.card h3{font-size:14px;-webkit-line-clamp:2;line-height:1.35;min-height:38px}.card .programme-title{font-size:12px;-webkit-line-clamp:2;min-height:36px}.card-visual{aspect-ratio:4/3;border-radius:13px}.card-content{padding:10px 0 0}.card-visual .favorite{width:44px;height:44px;top:0;right:0;background:transparent;text-shadow:0 1px 5px #000;font-size:24px}.visual-play,.no-cover .visual-play{width:44px;height:44px;right:7px;bottom:7px;font-size:15px}.logo-plate{width:56px;left:8px;bottom:10px}.channel-live{font-size:7px;letter-spacing:.4px;max-width:calc(100% - 44px)}.card-details summary{padding:8px 0;font-size:11px}.card-genre{font-size:9px}.load-more{width:100%;min-height:48px}
 .watch{scroll-margin-top:82px;margin:18px -4px;border-radius:14px}.now{padding:16px}.now h2{font-size:23px}#close-player,#other-source{min-height:44px}.program p{font-size:14px}
 dialog{width:calc(100% - 20px);max-height:90dvh;padding:20px;border-radius:20px}dialog input,dialog select,dialog textarea{font-size:16px}.dialog-heading h2{font-size:24px}.icon-button{min-width:44px;min-height:44px}footer{flex-direction:column;gap:5px}
}

.content-modes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.content-modes button,.vod-kinds button{border:1px solid #474234;border-radius:24px;background:#1d1f24;color:#cac7be;padding:12px 20px;font-size:13px;min-height:44px}.content-modes button[aria-pressed=true],.vod-kinds button[aria-pressed=true]{background:#ffcf45;color:#2a2d33;border-color:transparent}
body[data-content=vod] .country-bar,body[data-content=vod] .spotlight,body[data-content=vod] .fr-favorites,body[data-content=vod] .universe-section,body[data-content=vod] .library{display:none}
#vod-library[hidden]{display:none}.vod-heading{padding:32px;border:1px solid #494334;border-radius:20px;background:radial-gradient(ellipse at 90% 20%,#60553a4d,transparent 65%),#202227}.vod-heading h2{font-size:32px;line-height:1.2;margin:12px 0}.vod-heading p{color:#b8b4a9;font-size:14px;margin-bottom:0}.vod-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0 14px}.vod-kinds{display:flex;gap:8px}#vod-status{font-size:12px;color:#b4afa3;margin:16px 0 24px}#vod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 18px}.vod-card{min-width:0;border:1px solid #2d3037;border-radius:16px;background:#1b1d22;overflow:hidden}.vod-art{position:relative;aspect-ratio:16/10;background:#272a2f}.vod-art img{width:100%;height:100%;object-fit:cover}.vod-art>span{position:absolute;top:12px;left:12px;background:#181a1dd9;border-radius:6px;font-size:11px;padding:5px 8px}.vod-play{position:absolute;right:12px;bottom:12px;border:0;border-radius:50%;width:46px;height:46px;background:#f7f4ed;color:#2a2d33}.vod-copy{padding:18px}.vod-copy h3{font-size:18px;margin:0 0 8px;line-height:1.3}.vod-meta{font-size:11px;color:#ffcf45}.vod-description{font-size:12px;color:#b6b2a6;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vod-episodes{display:flex;flex-direction:column;gap:7px;max-height:320px;overflow:auto;margin-top:12px}.vod-episodes button{background:#25282d;border:1px solid #514936;border-radius:9px;text-align:left;padding:12px;font-size:12px;min-height:44px}.vod-episodes small{display:block;margin-top:5px;color:#b0ab9e}
@media(max-width:760px){.content-modes{flex-wrap:nowrap;gap:6px;overflow:auto;margin-bottom:18px;scrollbar-width:none}.content-modes button{white-space:nowrap;font-size:12px;padding:11px 14px}.vod-heading{padding:23px}.vod-heading h2{font-size:28px}.vod-controls{align-items:stretch;flex-direction:column}#vod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.vod-art{aspect-ratio:3/4}.vod-copy{padding:12px}.vod-copy h3{font-size:15px}.vod-description{font-size:11px}.vod-meta{font-size:10px}.vod-art>span{font-size:9px;top:8px;left:8px}.vod-episodes button{font-size:11px}.vod-copy summary{font-size:12px}}
body[data-content=vod] #universe-nav,body[data-content=vod] .nav-label{display:none}

/* PeerTube: keep original landscape artwork visible. */
.vod-card.is-short .vod-art{aspect-ratio:16/9}.vod-card.is-short .vod-art img{object-fit:cover}.vod-credits{color:#c5bd9b;font-size:12px}.vod-source{font-size:12px}.vod-source summary{cursor:pointer}.vod-source a{color:#ffda64}.vod-filters{flex-wrap:wrap}