*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#10131a;color:#f3f5fa;font-family:Arial,Helvetica,sans-serif;font-size:18px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #394355;background:#232b39;color:#f3f5fa;border-radius:7px;padding:14px 19px;text-align:left;line-height:1.3}button:hover{background:#303b4e}button:focus,input:focus,select:focus{outline:3px solid #ff3157;outline-offset:2px}button:disabled{cursor:default;opacity:.45}a{color:#ff7691}.topbar{height:116px;margin:0 3%;border-bottom:2px solid #ff3157;display:flex;align-items:center}.brand{font-size:58px;font-weight:800;color:#ff3157;letter-spacing:-3px}.brandnote{font-size:15px;letter-spacing:2px;margin-left:24px;line-height:1.8}.brandnote span{display:block;color:#9faabc;font-size:12px}.topright{margin-left:auto;text-align:right;font-size:13px;color:#aeb9cb}.topright strong{display:block;color:#fff;font-size:17px;margin-top:8px}.hidden{display:none!important}#loginview{max-width:1400px;margin:68px auto 110px;padding:0 5%;display:flex;align-items:center;gap:7%;}.welcome{width:55%}.eyebrow{font-size:14px;letter-spacing:2px;color:#ff7691}.welcome h1{font-size:50px;line-height:1.12;margin:24px 0}.welcome p{font-size:21px;color:#b8c3d5;line-height:1.6;max-width:620px}.scope{margin-top:32px;padding-left:18px;border-left:3px solid #ff3157;color:#aeb9cb;line-height:1.6}.scope strong{color:#e7edf7}.loginpanel{width:40%;padding:30px;border:1px solid #344155;border-radius:12px;background:#1b2230}.loginpanel h2{margin:0 0 18px;font-size:29px}.loginpanel p{font-size:16px;line-height:1.5;color:#b8c3d5}.loginpanel label{display:block;margin:19px 0 8px;font-size:14px;color:#cbd4e4}input,select{padding:13px;border:1px solid #4b5b71;border-radius:6px;background:#121821;color:#fff;max-width:100%}.loginpanel input{width:100%}.primary{background:#e81c46;border-color:#ff3157;color:#fff}.primary:hover{background:#ff3157}.loginpanel button{margin-top:25px;width:100%;text-align:center;font-weight:bold}.error{color:#ff97a7!important}.fineprint{font-size:12px!important;color:#97a4b9!important}.loginpanel .fineprint{margin-top:24px}#appview{display:flex;align-items:flex-start;margin:26px 3% 90px;gap:36px}#nav{width:225px;flex-shrink:0;position:sticky;top:20px}#nav button{display:block;width:100%;margin-bottom:12px;background:transparent;border-color:transparent;font-weight:600}#nav button.active{background:#bd1637;border-color:#ff3157}#nav button:hover{background:#242d3c}.signout{color:#a8b4c8!important;margin-top:26px}.navnote{font-size:13px;line-height:1.8;color:#8291a8;margin:24px 18px}#main{width:calc(100% - 261px);min-width:0}.viewheading{display:flex;align-items:flex-start;gap:20px;margin:5px 0 24px}.viewheading h1{font-size:32px;margin:0 0 8px}.viewheading p{font-size:16px;color:#a8b4c8;margin:0;line-height:1.5}.quiet{font-size:14px;padding:10px 15px;background:transparent}.notice{padding:16px 20px;background:#252d3b;border-left:3px solid #daac56;color:#d3dceb;line-height:1.5;font-size:15px;margin:0 0 25px}.notice.good{border-left-color:#4ac291}.notice.bad{border-left-color:#ff3157}.notice strong{display:block;margin-bottom:5px;color:#fff}.tiles{display:flex;gap:16px;margin-bottom:26px;flex-wrap:wrap}.tile{flex:1;min-width:180px;min-height:145px;padding:25px}.tile strong{display:block;font-size:27px;margin-bottom:12px}.tile span{color:#b7c3d7;font-size:15px}.sectiontitle{margin:28px 0 18px;font-size:24px}.grid{font-size:0;margin:0 -8px}.poster{display:inline-block;vertical-align:top;width:calc(16.666% - 16px);margin:0 8px 22px;padding:0;overflow:hidden;border-color:#2e394a;background:#1a2230;font-size:16px}.cover{height:0;padding-bottom:150%;position:relative;background:#263145;display:block;overflow:hidden}.cover img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.placeholder{position:absolute;top:42%;left:0;width:100%;text-align:center;color:#62718b;font-size:26px;font-weight:bold;letter-spacing:2px}.poster .caption{display:block;padding:12px}.poster strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.poster .sub{display:block;font-size:13px;color:#a9b5ca;margin-top:7px;line-height:1.4;min-height:18px}.poster.episode{width:calc(33.333% - 16px)}.poster.episode .cover{padding-bottom:56.25%}.watched{color:#77d2ae!important}.pager{display:flex;align-items:center;gap:15px;margin:20px 0}.pager span{color:#afbbcf;font-size:15px}.searchbar{display:flex;align-items:center;gap:12px;margin:0 0 25px;flex-wrap:wrap}.searchbar input{min-width:240px;flex:1}.searchbar select{min-width:170px}.detail{display:flex;gap:30px}.detailposter{width:240px;max-width:30%;flex-shrink:0}.detailposter .cover{border-radius:8px}.detailbody{flex:1;min-width:0}.detailbody h2{font-size:32px;margin:0 0 18px}.badges{margin-bottom:18px;line-height:2}.badge{border:1px solid #4c5b72;border-radius:4px;padding:4px 8px;font-size:13px;margin-right:8px;white-space:nowrap}.synopsis{font-size:19px;line-height:1.7;color:#c3cddd}.technical{padding:18px;background:#1b2331;font-size:14px;color:#aebcd2;line-height:1.8;margin-top:20px}.channelrow{width:100%;display:flex;align-items:center;gap:18px;margin:0 0 12px;padding:18px;background:#1b2331}.channelnumber{font-weight:bold;color:#ff7691;min-width:55px;font-size:20px}.channellogo{display:block;width:86px;height:55px;object-fit:contain;flex-shrink:0}.channeltext{display:block;flex:1;min-width:0}.channeltext strong{display:block;font-size:19px;margin-bottom:7px}.channeltext span{display:block;font-size:15px;line-height:1.6;color:#b7c3d5}.programme{padding:19px 22px;border-left:3px solid #4b5b73;background:#1b2331;margin-bottom:12px}.programme.current{border-left-color:#ff3157}.programme time{font-size:13px;display:block;color:#a8b5c9;margin-bottom:9px}.programme strong{font-size:21px}.programme p{font-size:16px;color:#b4c0d3;line-height:1.6;margin:10px 0 0}.statusbox{padding:22px;border:1px solid #354156;border-radius:7px;margin-bottom:16px}.statusbox h2{font-size:20px;margin:0 0 10px}.statusbox p{line-height:1.6;color:#b3c0d4;font-size:16px;margin:0}.statusbox small{display:block;color:#94a3b9;margin-top:10px}.statusbox.good{border-left:4px solid #4ac291}.statusbox.bad{border-left:4px solid #ff3157}footer{position:fixed;bottom:0;left:0;right:0;border-top:1px solid #253045;background:#10131a;padding:12px 3%;color:#8090a8;font-size:11px;letter-spacing:.6px;display:flex;justify-content:space-between}.empty{padding:35px;border:1px dashed #3b485e;color:#aab8cd;line-height:1.6}#message:empty{display:none}@media(max-width:1250px){.poster{width:calc(25% - 16px)}.welcome h1{font-size:39px}#nav{width:190px}#main{width:calc(100% - 226px)}}@media(max-width:850px){.brandnote{display:none}.brand{font-size:47px}.topbar{height:91px}.topright{font-size:11px}#loginview{display:block;margin:30px auto}.welcome,.loginpanel{width:100%}.welcome h1{font-size:32px}.welcome p{font-size:17px}.scope{margin-bottom:28px}#appview{display:block}#nav{width:100%;position:static;margin-bottom:25px}#nav button{display:inline-block;width:auto;font-size:14px;margin:0 6px 8px;padding:10px}.navnote{display:none}#main{width:100%}.poster{width:calc(33.333% - 16px)}.poster.episode{width:calc(50% - 16px)}.detail{display:block}.detailposter{max-width:150px;float:left;margin:0 20px 15px 0}.detailbody h2{font-size:27px}.channelrow{gap:9px}.channellogo{width:55px;height:45px}.channelnumber{min-width:45px;font-size:16px}.channeltext strong{font-size:17px}.channeltext span{font-size:13px}.viewheading h1{font-size:28px}footer{font-size:9px}.tiles{gap:10px}.tile{min-width:150px}}@media(max-width:470px){.poster{width:calc(50% - 16px)}.channellogo{display:none}.poster.episode{width:calc(100% - 16px)}}

.playactions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.playactions select{max-width:420px}.playoverlay{position:fixed;inset:0;z-index:1000;background:#080a0e;color:#fff;padding:20px}.playoverlay h2{position:absolute;top:20px;left:30px;margin:0;z-index:2;text-shadow:0 1px 5px #000}.mainvideo{width:100%;height:calc(100vh - 155px);margin-top:35px}.playerbar{position:absolute;bottom:0;left:0;right:0;padding:16px 30px;background:rgba(10,13,19,.93)}.playerbar p{margin:0 0 12px}.playerbar button{margin-right:12px}.player-open>header,.player-open>#appview,.player-open>footer,.player-open>#loginview{visibility:hidden}.native-video,.native-video .playoverlay{background:transparent}.native-video .mainvideo{display:none}.notice button{margin-top:15px;margin-right:12px}

/* Opt-in saved sign-in, distinct from password or playback state. */
.loginpanel .rememberline { display:flex; align-items:center; gap:12px; margin:18px 0 8px; cursor:pointer; }
.loginpanel .rememberline input { width:22px; height:22px; flex:0 0 22px; margin:0; }

/* Browser fullscreen / full-window presentation. Native MAG styling is unchanged. */
.playoverlay[data-agtv-screen="browser"]{top:0;right:0;bottom:0;left:0;padding:0;background:#000;overflow:hidden}
.playoverlay[data-agtv-screen="browser"] .mainvideo{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;object-fit:contain;background:#000}
.playoverlay[data-agtv-screen="browser"] h2{position:absolute;top:18px;left:26px;right:26px;margin:0;font-size:24px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:4;pointer-events:none}
.playoverlay[data-agtv-screen="browser"] .playerbar{top:0;bottom:auto;left:0;right:0;padding:58px 26px 28px;background:linear-gradient(to bottom,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 80%,transparent 100%);z-index:3;max-height:75%;overflow:auto}
.playoverlay[data-agtv-screen="browser"] .playerbar>p{font-size:14px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
.playoverlay[data-agtv-screen="browser"] .playerbar button{font-size:16px;padding:10px 15px;margin:0 10px 8px 0}
.playoverlay[data-agtv-screen="browser"] .playerbar .screenhint{font-size:12px;color:#c3cede;margin:5px 0 0}
.playoverlay[data-agtv-screen="browser"][data-controls="hidden"] h2,
.playoverlay[data-agtv-screen="browser"][data-controls="hidden"] .playerbar{opacity:0;pointer-events:none}
.playoverlay[data-agtv-screen="browser"][data-controls="hidden"]{cursor:none}
.playoverlay[data-agtv-screen="browser"]:fullscreen{width:100%;height:100%;background:#000}
.playoverlay[data-agtv-screen="browser"]:-webkit-full-screen{width:100%;height:100%;background:#000}
.playoverlay[data-agtv-screen="browser"]::backdrop{background:#000}
@media(max-width:650px){.playoverlay[data-agtv-screen="browser"] h2{font-size:19px;top:12px;left:14px;right:14px}.playoverlay[data-agtv-screen="browser"] .playerbar{padding:44px 14px 18px}.playoverlay[data-agtv-screen="browser"] .playerbar button{font-size:14px;padding:8px 10px}}