html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07111e;color:#fff;font:22px Arial,sans-serif}#top{height:48px;padding:15px 26px 0;background:#10243b;color:#55c7ff;font-weight:bold}#clock{float:right;color:#fff}#message{position:absolute;top:65px;left:24px;color:#ffd45a;z-index:10}#channels{position:absolute;left:22px;top:82px;width:596px;height:568px;background:rgba(4,13,23,.97);overflow:hidden}.ch{height:43px;padding:7px 12px 0;border-bottom:1px solid #26384c}.ch.sel,.programme.sel{background:#1674a8}.logo{width:51px;height:36px;object-fit:contain;vertical-align:middle;margin-right:10px}.num{display:inline-block;width:58px;color:#9fdfff}.cname{display:inline-block;width:410px}#preview{position:absolute;left:648px;top:82px;width:570px;height:300px;border:3px solid #284b68;background:#000}#channelTitle{position:absolute;left:0;right:0;bottom:0;padding:9px 13px;background:rgba(0,0,0,.72);z-index:2}#nowNext{position:absolute;left:648px;top:398px;width:576px;height:252px;background:#10243b;overflow:hidden}.paneltitle{padding:10px 14px;color:#55c7ff;font-weight:bold;border-bottom:1px solid #284b68}.nn{padding:10px 14px;font-size:18px;line-height:23px}.nn div{margin-top:5px;color:#c4d0dc;font-size:16px;max-height:48px;overflow:hidden}.nextp{border-top:1px solid #284b68}.nextp span{color:#55c7ff;margin-right:8px}#guide{display:none;position:absolute;left:22px;top:80px;width:1202px;height:570px;background:#07111e}#guideTitle{font-size:28px;color:#55c7ff;font-weight:bold;padding:8px 14px}#dayTabs{height:48px;white-space:nowrap;overflow:hidden}.day{display:inline-block;padding:10px 15px;margin-right:5px;background:#17324c;color:#bccada}.day.active{background:#1674a8;color:#fff}.programme{height:38px;padding:8px 14px 0;border-top:1px solid #26384c}.ptime{display:inline-block;width:150px;color:#9fdfff}.ptitle{display:inline-block;width:850px}.catchup{float:right;color:#7dff9a;font-size:16px}#guideDesc{height:72px;padding:10px 14px;background:#10243b;color:#d7e3ef;font-size:17px;line-height:22px;overflow:hidden}#guideDesc div{margin-top:4px}#help{position:absolute;bottom:10px;left:24px;font-size:17px;color:#aab7c5;z-index:20}
.miniProg{height:32px;padding:7px 13px 0;border-top:1px solid #284b68;font-size:17px;color:#becbd7;white-space:nowrap;overflow:hidden}.miniProg span{display:inline-block;width:66px;color:#86bad8}.miniProg.current{background:#1a5579;color:#fff;font-weight:bold}#banner{display:none;position:absolute;z-index:100;left:70px;right:70px;bottom:48px;min-height:72px;padding:14px 20px;background:rgba(8,24,39,.94);border-top:3px solid #35a9df;font-size:20px;line-height:27px}#banner div{color:#d5e4ee}.channelDigits{font-size:44px!important;text-align:center;color:#fff!important;padding:8px}#preview{left:625px;top:93px;width:569px;height:320px}#nowNext{left:625px;top:429px;width:575px;height:221px}
#channelNumber{display:none;position:absolute;z-index:130;left:42px;top:82px;min-width:74px;height:67px;padding:9px 14px 0;background:rgba(5,18,30,.94);border:2px solid #49bde9;border-radius:4px;color:#fff;font-size:50px;line-height:58px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,.45)}#banner.infoBanner{min-height:155px;max-height:245px;padding:18px 25px 20px}#banner.infoBanner .infoTitle{font-size:24px;color:#fff;font-weight:bold;margin:7px 0 9px}#banner.infoBanner .infoDescription{font-size:17px;line-height:23px;color:#d4e2ea;max-height:138px;overflow:hidden}#banner.infoBanner .infoTime{font-size:16px;color:#69c9ef}#banner .bannerAction{margin-top:7px;font-size:16px;color:#d9edf5}.greenKey,.yellowKey{display:inline-block;width:16px;height:16px;border-radius:9px;vertical-align:-2px;margin-right:5px}.greenKey{background:#20b95a;box-shadow:0 0 5px #20b95a}.yellowKey{background:#f0d629;box-shadow:0 0 5px #f0d629}#epgHint{position:absolute;right:18px;top:286px;width:176px;padding:12px 13px;background:rgba(8,35,54,.9);border-right:4px solid #4dc7f1;text-align:right;color:#d9eff8;z-index:25}#epgHint b{display:block;font-size:16px;color:#62d3fa}#epgHint span{display:block;font-size:12px;line-height:17px;margin-top:4px}
html.playing,body.playing{background:transparent!important}.playing #top,.playing #message,.playing #help{display:none}
#portalHome,#settingsScreen{display:none;position:absolute;left:0;top:63px;right:0;bottom:0;background:linear-gradient(135deg,#061322,#123b5d);z-index:30}.homeHeader{height:90px;padding:25px 55px 0;display:flex;justify-content:space-between}.homeBrand{font-size:48px;line-height:48px;font-weight:bold;color:#62ceff;letter-spacing:3px}.homeWelcome{color:#c6d7e4;font-size:17px;margin-top:7px}.homeDate{font-size:20px;color:#e5f3fa;padding-top:18px}.weatherCard{position:absolute;left:55px;top:125px;width:1170px;height:245px;border:1px solid rgba(150,220,255,.3);background:linear-gradient(110deg,#1687bd,#4ab6d5 48%,#a6dff0);box-shadow:0 15px 35px rgba(0,0,0,.22);overflow:hidden}.weatherScene{position:absolute;left:0;top:0;width:350px;height:245px;background:linear-gradient(#269bd0,#a7e5f3)}.sunOrb{position:absolute;left:70px;top:38px;width:105px;height:105px;border-radius:55px;background:#ffe47a;box-shadow:0 0 38px #fff0a0}.cloud{position:absolute;height:54px;border-radius:40px;background:#f6fbff;box-shadow:36px -25px 0 7px #f6fbff,78px -7px 0 3px #f6fbff}.cloudOne{left:115px;top:126px;width:150px}.cloudTwo{left:4px;top:178px;width:125px;opacity:.78}.weatherClear .cloud,.weatherClear .rainDrops{display:none}.weatherRain .rainDrops{position:absolute;left:137px;top:180px;width:135px;height:48px;background:repeating-linear-gradient(112deg,transparent,transparent 14px,#71d8ff 15px,#71d8ff 19px)}.weatherRain .sunOrb{opacity:.35}.weatherSnow .rainDrops{position:absolute;left:120px;top:175px;width:150px;height:55px;background:radial-gradient(circle,#fff 0,#fff 4px,transparent 5px);background-size:28px 22px}.weatherMain{position:absolute;left:385px;top:30px;width:315px}.weatherPlace{font-size:18px;letter-spacing:4px;color:#e8f9ff}.weatherTemp{font-size:78px;line-height:84px;font-weight:bold;text-shadow:0 3px 8px rgba(0,0,0,.15)}.weatherText{font-size:25px}.weatherFeels{font-size:15px;margin-top:9px;color:#e7f6fb}.weatherForecast{position:absolute;left:720px;right:20px;top:35px;height:175px;display:flex}.forecastDay{width:108px;margin-right:12px;padding:16px 8px 0;text-align:center;border-left:1px solid rgba(255,255,255,.35);font-size:16px}.forecastDay b{display:block;font-size:25px;margin-top:18px}.forecastDay span{display:block;font-size:13px;margin-top:13px;color:#e7f8fc}#homeTiles{position:absolute;left:55px;right:55px;top:400px;height:190px;display:flex;justify-content:center;gap:25px}.homeTile{width:315px;height:137px;background:rgba(17,52,78,.92);border:4px solid transparent;text-align:left;padding:22px 20px 0}.homeTile.selected{border-color:#74d8ff;background:#17658d;box-shadow:0 0 24px rgba(79,193,238,.35)}.homeTile b{display:block;font-size:25px;margin:4px 0 0 82px}.homeTile span{display:block;font-size:16px;color:#b7c8d4;margin:10px 0 0 82px}.tileIcon{float:left;width:68px;font-size:55px;color:#7dd6ff}.settingsTitle{font-size:36px;color:#55c7ff;font-weight:bold;margin:55px 0 25px 160px}#settingsItems{width:620px;margin-left:160px}.settingItem{height:46px;padding:14px 20px 0;background:#142c43;border-bottom:1px solid #31506a}.settingItem.selected{background:#1674a8}#settingsInfo{position:absolute;left:820px;top:130px;width:340px;padding:22px;background:#10243b;color:#c7d8e4;font-size:16px;line-height:26px}
#radioScreen{display:none;position:absolute;left:0;top:63px;right:0;bottom:0;background:linear-gradient(140deg,#071322,#192f49);z-index:30}.radioHeader{height:62px;padding:22px 40px 0;color:#65d2ff;font-size:29px}.radioHeader b{letter-spacing:2px}#radioFilter{float:right;font-size:17px;color:#d7eaf4;padding:8px 15px;background:#163d5b}#radioStations{position:absolute;left:38px;top:90px;width:660px;height:510px;background:rgba(4,15,27,.9);overflow:hidden}.radioStation{height:43px;padding:8px 14px 0;border-bottom:1px solid #263f55;white-space:nowrap;overflow:hidden}.radioStation.selected{background:#1578aa}.radioFlag{display:inline-block;width:52px;color:#76d6ff;font-size:15px}.radioName{display:inline-block;width:420px}.radioCodec{float:right;font-size:14px;color:#a9c4d3;padding-top:5px}.radioPlayer{position:absolute;left:735px;top:90px;width:500px;height:510px;background:linear-gradient(145deg,#143854,#0b1d30);text-align:center}.radioDisc{position:relative;width:210px;height:210px;margin:38px auto 19px;border-radius:110px;background:repeating-radial-gradient(circle,#152c3e 0,#152c3e 8px,#29475c 9px,#29475c 11px);box-shadow:0 0 35px rgba(75,201,255,.28);padding-top:1px;overflow:hidden}.radioDisc #radioDiscCenter{width:72px;height:72px;border-radius:40px;background:#56c8f2;margin:69px auto}.radioDisc #radioLogo{display:none;position:absolute;left:0;top:0;width:210px;height:210px;object-fit:contain;background:#fff}.radioLive{font-size:14px;letter-spacing:3px;color:#64cdf8}.radioLive:before{content:' ';display:inline-block;width:9px;height:9px;border-radius:6px;background:#ff5252;margin-right:9px}#radioNow{font-size:29px;font-weight:bold;margin:14px 25px 0;max-height:64px;overflow:hidden}#radioTrack{font-size:18px;color:#fff;margin:10px 24px 0;line-height:23px;max-height:48px;overflow:hidden}#radioMeta{font-size:15px;color:#aac2d0;margin-top:10px}

/* Ministra-inspired open home layout */
#portalHome{background:radial-gradient(circle at 78% 30%,#1b6383 0,#0c314b 30%,#061522 70%)}.homeGlow{position:absolute;left:-180px;bottom:-240px;width:700px;height:600px;border-radius:360px;background:rgba(17,141,190,.13);box-shadow:0 0 100px rgba(64,188,232,.12)}.homeHeader{height:115px;padding:24px 52px 0}.homeLogo{width:255px;height:auto;display:block}.homeWelcome{margin:3px 0 0 4px;font-size:15px;letter-spacing:1px;color:#91aebe}.homeDate{font-size:18px;color:#bcd2de;padding-top:30px}.weatherCard{left:50px;top:150px;width:1175px;height:250px;border:0;background:transparent;box-shadow:none;overflow:visible}.weatherMain{left:0;top:12px;width:310px}.weatherPlace{font-size:16px;color:#5fcdf6}.weatherTemp{font-size:86px;line-height:92px;font-weight:normal}.weatherText{font-size:27px}.weatherFeels{font-size:15px;color:#9ebdcc}.weatherScene{left:auto;right:42px;top:-28px;width:350px;height:235px;border-radius:52% 48% 45% 55%;background:transparent;overflow:visible}.sunOrb{left:83px;top:30px;width:116px;height:116px;border-radius:60px;background:#ffd85c;box-shadow:0 0 55px rgba(255,221,94,.72);-webkit-animation:sunPulse 4s ease-in-out infinite;animation:sunPulse 4s ease-in-out infinite}.cloud{background:rgba(244,250,253,.93);box-shadow:36px -25px 0 7px rgba(244,250,253,.93),78px -7px 0 3px rgba(244,250,253,.93)}.cloudOne{left:72px;top:128px;-webkit-animation:cloudDrift 7s ease-in-out infinite;animation:cloudDrift 7s ease-in-out infinite}.cloudTwo{left:2px;top:183px;-webkit-animation:cloudDrift2 9s ease-in-out infinite;animation:cloudDrift2 9s ease-in-out infinite}.weatherRain .rainDrops{left:96px;top:183px;-webkit-animation:rainMove .8s linear infinite;animation:rainMove .8s linear infinite}.weatherForecast{left:335px;right:410px;top:30px;height:160px}.forecastDay{width:118px;height:125px;margin-right:13px;padding:18px 7px 0;border:0;border-left:1px solid rgba(139,201,224,.25);color:#b9d2df}.forecastDay b{font-size:29px;font-weight:normal;color:#fff;margin-top:14px}.forecastDay span{font-size:13px;color:#8fb2c2;margin-top:9px}#homeTiles{left:190px;right:190px;top:430px;height:145px;gap:12px;border-top:1px solid rgba(127,191,216,.15);padding-top:20px}.homeTile{width:245px;height:112px;background:transparent;border:0;text-align:center;padding:0;opacity:.56}.homeTile.selected{background:transparent;border:0;opacity:1;box-shadow:none}.homeTile .tileIcon{float:none;width:76px;height:66px;margin:0 auto;border-radius:42px;font-size:45px;line-height:66px;color:#86b9ce;background:rgba(16,61,84,.55)}.homeTile.selected .tileIcon{color:#fff;background:#1397ca;box-shadow:0 0 24px rgba(52,191,240,.58)}.homeTile b,.homeTile.selected b{margin:8px 0 0;font-size:19px;color:#b6d0dc}.homeTile.selected b{color:#fff}.homeTile span{display:none}@-webkit-keyframes sunPulse{0%,100%{-webkit-transform:scale(1);opacity:.9}50%{-webkit-transform:scale(1.08);opacity:1}}@keyframes sunPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@-webkit-keyframes cloudDrift{0%,100%{-webkit-transform:translateX(-9px)}50%{-webkit-transform:translateX(12px)}}@keyframes cloudDrift{0%,100%{transform:translateX(-9px)}50%{transform:translateX(12px)}}@-webkit-keyframes cloudDrift2{0%,100%{-webkit-transform:translateX(8px)}50%{-webkit-transform:translateX(-12px)}}@keyframes cloudDrift2{0%,100%{transform:translateX(8px)}50%{transform:translateX(-12px)}}@-webkit-keyframes rainMove{from{background-position:0 0}to{background-position:10px 24px}}@keyframes rainMove{from{background-position:0 0}to{background-position:10px 24px}}
#playbackProgress{display:none;position:absolute;z-index:145;left:70px;right:70px;bottom:54px;padding:17px 23px 20px;background:rgba(6,20,34,.96);border-top:3px solid #38b6e9;color:#fff;box-shadow:0 4px 24px rgba(0,0,0,.5)}#progressTitle{font-size:22px;font-weight:bold;margin-bottom:9px}#progressAction{font-size:16px;color:#7ed7fa}#progressTime{float:right;font:18px ui-monospace,monospace}#progressTrack{height:10px;margin-top:11px;background:#31495a;border-radius:5px;overflow:hidden}#progressFill{height:10px;width:0;background:#34b7e8;box-shadow:0 0 8px #34b7e8}
.settingsTitle{margin:38px 0 18px 110px!important}#settingsItems{width:650px!important;margin-left:110px!important}.settingItem{height:43px!important;padding:11px 20px 0!important}.settingItem.selected{box-shadow:inset 5px 0 #6ed8ff}#settingsInfo{left:805px!important;top:112px!important;width:350px!important;min-height:145px;padding:24px!important;border-top:3px solid #35a9df;font-size:17px!important;line-height:28px!important}#settingsInfo b{display:block;color:#fff;font-size:23px;margin-bottom:9px}.settingsCount{margin-top:25px;color:#6fcff3;font-size:14px}
.settingsTitle{font-size:42px!important;margin-bottom:22px!important}#settingsItems{width:670px!important}.settingItem{height:59px!important;padding:18px 24px 0!important;font-size:23px;color:#c4d3de;background:#112b42!important;border-bottom:2px solid #294760!important}.settingItem.selected{color:#fff!important;background:#1384b8!important;box-shadow:inset 8px 0 #8de8ff,0 0 22px rgba(68,194,240,.38)!important;font-weight:bold}.settingArrow{display:inline-block;width:38px;color:#a5ecff}#settingsInfo{left:830px!important;top:125px!important}
#homeTiles .homeTile{width:205px}#accountScreen{display:none;position:absolute;left:0;top:63px;right:0;bottom:0;background:radial-gradient(circle at 75% 28%,#175674 0,#0b2e47 34%,#061522 75%);z-index:30}.accountTitle{font-size:42px;color:#55c7ff;font-weight:bold;margin:46px 0 24px 150px}#accountDetails{width:820px;margin-left:150px;padding:30px 38px;background:rgba(13,42,64,.94);border-top:4px solid #39b7e9;box-shadow:0 12px 35px rgba(0,0,0,.28)}.accountName{font-size:31px;font-weight:bold;color:#fff;display:inline-block}.accountStatus{float:right;background:#1a9a57;color:#fff;font-size:16px;font-weight:bold;padding:8px 17px;border-radius:18px}.accountRow{clear:both;padding:15px 4px;border-bottom:1px solid #2d4e65;font-size:20px}.accountRow span{display:inline-block;width:235px;color:#8eb2c7}.accountRow b{color:#fff;font-weight:normal}.accountLoading{font-size:22px;color:#a9c7d8}
.accountStatus.expired{background:#b73333;box-shadow:0 0 15px rgba(255,75,75,.35)}
#epgHint{position:fixed!important;left:auto!important;right:0!important;top:93px!important;width:76px!important;height:320px!important;padding:0!important;background:rgba(7,31,49,.97)!important;border:0!important;border-left:4px solid #4dc7f1!important;z-index:80!important;text-align:center!important;overflow:hidden!important;-webkit-transform:none!important;transform:none!important}#epgHint .epgVertical{position:absolute!important;left:13px!important;top:278px!important;width:250px!important;height:28px!important;color:#7cddff!important;font-size:18px!important;font-weight:bold!important;letter-spacing:1px!important;line-height:28px!important;white-space:nowrap!important;-webkit-transform-origin:0 0!important;transform-origin:0 0!important;-webkit-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important}#epgHint .epgArrows{position:absolute!important;right:7px!important;top:111px!important;color:#d8f5ff!important;font-size:19px!important;line-height:34px!important;text-shadow:0 0 8px #4dc7f1!important}
#guide{left:22px;top:80px;width:1202px;height:570px}#guideTitle{position:absolute;left:185px;right:0;top:0;height:38px;padding:8px 14px}#dayTabs{position:absolute;left:0;top:52px;width:178px;height:448px;white-space:normal;overflow:hidden;background:#0d2033}.day{display:block;height:43px;padding:14px 12px 0;margin:0 0 4px;background:#17324c;color:#bccada;border-left:4px solid transparent}.day.active{background:#1674a8;color:#fff;border-left-color:#65d5ff}.day.active:after{content:'  \25B6';float:right;color:#91e2ff}#programmes{position:absolute;left:190px;right:0;top:52px;height:423px;overflow:hidden}.programme{height:37px;padding:8px 14px 0}.ptime{width:145px}.ptitle{width:750px}#guideDesc{position:absolute;left:190px;right:0;top:478px;height:68px;padding:10px 14px}#epgHint{left:640px;right:auto;top:152px;width:265px;height:23px;padding:7px 12px;border:0;border-bottom:3px solid #4dc7f1;text-align:center;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);white-space:nowrap}#epgHint b,#epgHint span{display:inline;font-size:14px;line-height:20px;margin:0;color:#62d3fa}#epgHint span{margin-left:12px;color:#d9eff8}
#guide{left:22px;top:80px;width:1202px;height:570px}#guideTitle{position:absolute;left:185px;right:0;top:0;height:38px;padding:8px 14px}#dayTabs{position:absolute;left:0;top:52px;width:178px;height:448px;white-space:normal;overflow:hidden;background:#0d2033}.day{display:block;height:43px;padding:14px 12px 0;margin:0 0 4px;background:#17324c;color:#bccada;border-left:4px solid transparent}.day.active{background:#24445f;color:#fff;border-left-color:#65d5ff}.day.focused{background:#1674a8;box-shadow:inset 0 0 0 2px #8fe4ff}.day.active:after{content:'  \25B6';float:right;color:#91e2ff}#programmes{position:absolute;left:190px;right:0;top:52px;height:423px;overflow:hidden}.programme{height:37px;padding:8px 14px 0}.ptime{width:145px}.ptitle{width:750px}#guideDesc{position:absolute;left:190px;right:0;top:478px;height:68px;padding:10px 14px}#epgHint{position:absolute;left:auto;right:0;top:82px;width:54px;height:300px;padding:0;background:rgba(8,35,54,.92);border:0;border-left:3px solid #4dc7f1;text-align:center;color:#62d3fa;z-index:25}#epgHint .epgVertical{position:absolute;left:7px;top:268px;width:250px;height:22px;font-size:15px;line-height:22px;white-space:nowrap;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#epgHint .epgArrows{position:absolute;right:3px;top:112px;font-size:15px;line-height:25px;color:#b9edff}