:root{--list: rgba(0, 0, 0, .75);--list-off: rgba(0, 0, 0, .82);--line-off: rgba(64, 64, 64, .5);--grey-item: rgba(64, 64, 64, .75);--grey: #808080;--bg: rgba(0, 0, 0, .75);--yellow: #fffa00;--green: #80ff80}*{box-sizing:border-box}html,body{margin:0;width:1920px;height:1080px;overflow:hidden;background:#000;color:#fff;font:32px/1.25 LG Smart UI,Roboto,Arial,sans-serif}#video{position:fixed;left:0;top:0;width:1920px;height:1080px;background:#000;object-fit:contain}#app{position:fixed;left:0;top:0;width:1920px;height:1080px}.hidden{display:none!important}.invisible{visibility:hidden}[data-f]:focus{outline:none}input{display:block;font:inherit;padding:8px 12px;color:#fff;background:#0006;border:0;border-bottom:3px solid var(--grey);outline:none}input:focus{border-bottom-color:var(--frame)}.button{display:inline-block;padding:16px 32px;margin:8px 16px 8px 0;text-align:center;background:#0006;border:5px solid var(--grey);border-radius:var(--radius-small)}.button:focus{background:var(--button);border-color:var(--frame)}.row{display:flex;align-items:center}.main{position:absolute;left:0;top:0;width:100%;height:100%;background:url(img/bg.png) center / 100% 100%;overflow:hidden}.tb{position:absolute;right:80px;top:32px;padding:16px 32px;text-align:center;background:var(--bg);border-radius:var(--radius)}.tb-time{font-size:48px;font-weight:700}.tb-date{font-size:32px;font-weight:700}.tb-weather{display:flex;align-items:center;justify-content:center;font-size:48px}.tb-weather img{width:80px;height:80px;margin-right:16px}.main-track{position:absolute;left:0;right:0;top:27.8%;height:520px;display:flex;justify-content:center;align-items:center;transition:transform .2s}.main-button{width:300px;height:300px;margin:0 80px;padding:56px;flex:none;opacity:.7;background:linear-gradient(45deg,#303030a1,#101010a1);border:5px solid rgba(255,255,255,.25);border-radius:var(--radius-large);transition:width .2s,height .2s,margin .2s,padding .2s,opacity .2s}.main-button img{display:block;width:100%;height:100%;object-fit:contain}.main-button.current{width:500px;height:500px;margin:0 -20px;padding:92px;opacity:1;border-color:#ffffff80}#main-vod img{transform:translate(4%)}.main-title{position:absolute;left:0;right:0;top:77.4%;text-align:center;font-size:64px;font-weight:700}.login{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0000008f,#0000008f),url(img/bg.png) center / 100% 100%}.login-row{display:flex;align-items:center;margin-bottom:32px;font-size:40px;font-weight:700}.login-row label{width:460px}.login-row input{width:340px;font-weight:400}.login-buttons{text-align:center;margin-top:48px}.login-buttons .button{width:240px;margin:0 24px;padding:12px}.login-error{min-height:50px;margin-top:24px;text-align:center;font-size:40px;color:#f44}.tv{position:absolute;left:0;top:0;width:100%;height:100%}.lists{position:absolute;left:5%;top:2.2%;width:90%;height:71.9%;overflow:hidden}.pane{position:absolute;top:0;width:50%;height:100%;padding:5px;overflow:hidden;background:var(--list-off);border:5px solid var(--line-off);border-radius:var(--radius)}.pane.active{background:var(--list);border-color:var(--frame)}.lists[data-pane=cat] .pane-cat{left:0}.lists[data-pane=cat] .pane-ch{left:50%}.lists[data-pane=cat] .pane-epg,.lists[data-pane=cat] .pane-dates{left:100%}.lists[data-pane=ch] .pane-cat,.lists[data-pane=epg] .pane-cat,.lists[data-pane=dates] .pane-cat{left:-50%}.lists[data-pane=ch] .pane-ch,.lists[data-pane=epg] .pane-ch,.lists[data-pane=dates] .pane-ch{left:0}.lists[data-pane=ch] .pane-epg,.lists[data-pane=epg] .pane-epg,.lists[data-pane=dates] .pane-epg{left:50%}.lists[data-pane=ch] .pane-dates,.lists[data-pane=epg] .pane-dates{left:100%}.pane-dates,.pane-dates.active{width:31.25%;background:#000000f0}.lists[data-pane=dates] .pane-dates{left:68.75%}.list{position:relative;height:100%;overflow:hidden}.pane-epg .list{height:calc(100% - 54px)}.epg-date{height:54px;text-align:center;color:#ff0}.epg-search{position:absolute;right:12px;top:8px;width:48px;height:48px}.row{border:5px solid transparent;border-radius:var(--radius)}.row.sel{background:var(--grey-item);border-color:var(--grey)}.active .row:focus{background:var(--item);border-color:var(--frame)}.cat{padding:6px 8px}.cat img{width:96px;height:56px;margin-right:13px;flex:none;object-fit:contain}.cat span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-line{display:flex;align-items:center;padding:2px 0}.group-line i{flex:1;height:3px;background:#aaa}.group-line span{padding:0 16px}.channel{padding:6px 8px}.ch-icon{width:64px;height:64px;margin-right:8px;flex:none;object-fit:contain}.ch-text{flex:1;min-width:0}.ch-line{display:flex;align-items:center}.ch-number{width:96px;flex:none;padding:2px 3px;color:var(--yellow)}.ch-name{flex:1;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel.playing .ch-number{color:#000;background:#ff0}.channel.playing .ch-name{color:#ff0}.rec{width:40px;height:28px;flex:none;display:block;object-fit:contain}.ch-epg{display:flex;font-size:24px}.ch-time{margin-right:8px;white-space:nowrap}.ch-prog{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np{display:flex;align-items:center;height:18px;font-size:16px;color:var(--green)}.np-done{height:5px;background:var(--green);flex:none;max-width:calc(100% - 50px)}.np span{margin:0 2px}.np-rest{flex:1;height:2px;background:#ccc}.prog{padding:5px 8px}.prog .rec{margin-right:8px}.prog-time{width:112px;flex:none;padding:0 4px}.prog-name{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prog.live .prog-time{color:#ff0}.prog.playing .prog-time{color:#000;background:#ff0}.date{display:block;padding:8px}.date-line{display:flex;align-items:center}.date-line span{margin-left:8px;white-space:nowrap}.date-sub{margin:8px 0 0 56px}.date.today{color:#ff0}.date.minus{color:#a0ffa0}.date.plus{color:#ffa0a0}.info{position:absolute;left:-10px;right:-10px;bottom:-10px;height:26%;padding:18px 110px 26px;display:flex;flex-direction:column;background:var(--bg);border:5px solid var(--line-off)}.info-top{display:flex;align-items:center;flex:none}.info-number{width:96px;color:var(--yellow);flex:none}.info-top img{width:56px;height:56px;margin:0 8px;object-fit:contain;flex:none}.info-name{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-clock{flex:none;margin-left:8px}.info-text{flex:1;min-height:0;max-height:99px;margin:8px 0;font-size:27px;line-height:33px;overflow:hidden;white-space:pre-line}.vod-info .info-time{width:420px}.info-bottom{display:flex;align-items:center;height:48px;flex:none}.info-time{width:240px;flex:none;white-space:nowrap}.info-bottom .np{flex:1;height:32px;font-size:32px}.info-pos{width:320px;flex:none;text-align:right}.seek{flex:none;margin-top:-8px;text-align:center;font-size:80px;line-height:96px;color:#fff}.info.seeking{height:35.2%}.info-body{flex:1;min-height:0;display:flex;flex-direction:column}.number{position:absolute;left:0;right:0;top:0;padding:32px 80px 16px;text-align:right;font-size:96px;background:var(--bg);border-bottom:5px solid var(--line-off)}.pause-icon{position:absolute;left:80px;top:48px;width:96px;height:96px}.osc{position:absolute;left:50%;top:50%;width:800px;height:800px;margin:-424px 0 0 -400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.osc img{display:block;width:160px;height:160px;padding:8px;object-fit:contain}.osc img.arrow-v{height:80px;padding:0}.osc-row{display:flex;align-items:center}.osc img.arrow-h{width:80px;padding:0}.vod{position:absolute;left:0;top:0;width:100%;height:100%}.vod-select{position:absolute;left:0;top:0;width:100%;height:100%;background:url(img/bg.png) center / 100% 100%}.vod-shade{position:absolute;left:0;top:0;width:100%;height:100%;padding:54px 96px;background:var(--bg);display:flex;flex-direction:column}.vod-weather{width:80px;height:80px;margin-right:10px;flex:none}.vod-temp{font-size:48px;margin-right:64px;white-space:nowrap}.vod-head{flex:none;height:96px;display:flex;align-items:center;border-bottom:5px solid var(--line-off)}.vod-caption{flex:1;padding-left:16px;font-size:40px;color:var(--yellow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-clock{font-size:48px;font-weight:700;padding-right:32px}.vod-body{flex:1;min-height:0;padding-top:16px}.folders{display:flex;flex-wrap:wrap;justify-content:center;padding-top:80px}.folder{width:288px;margin:8px;padding:16px;text-align:center;border:5px solid transparent;border-radius:var(--radius-small)}.folder img{display:block;width:240px;height:240px;margin:0 auto 8px;object-fit:contain}.folder:focus{background:var(--vod);border-color:var(--frame)}.vod-list{display:flex;height:100%}.grid{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden;position:relative}.card{width:208px;margin:0 8px 16px;padding:6px;text-align:center;font-size:24px;border:5px solid transparent;border-radius:var(--radius-small)}.card img{display:block;width:100%;height:270px;object-fit:cover;margin-bottom:4px}.card div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card:focus{background:var(--vod);border-color:var(--frame)}.vod-side{flex:none;width:384px;padding:32px;border-left:5px solid var(--line-off);text-align:center}.vod-side img{display:block;width:320px;height:451px;object-fit:cover;margin-bottom:16px}.genres{height:100%;overflow:hidden}.genre{display:flex;align-items:center;height:72px;padding:6px;border:5px solid transparent;border-radius:var(--radius-small)}.genre img{width:74px;height:45px;margin-right:12px;object-fit:contain}.genre:focus{background:var(--vod);border-color:var(--frame)}.vod-search{padding:16px 32px}.vod-search input{width:100%}.keyboard{padding:8px 32px;background:#0009;border-radius:var(--radius-large)}.key-row{display:flex;justify-content:center;margin-bottom:8px}.key{display:flex;align-items:center;justify-content:center;width:124px;height:96px;margin:0 4px;font-size:40px;background:#606060;border-radius:var(--radius-small)}.key:focus{background:var(--frame);color:#000}.key img{max-width:64px;max-height:64px}.key-space{width:500px}.key.selected{outline:none}.film{height:100%;display:flex;flex-direction:column;padding:16px}.film-title{color:var(--yellow)}.film-orig{min-height:40px}.film-cols{flex:1;min-height:0;display:flex;margin-top:8px}.film-left{width:20%;flex:none;font-size:29px}.film-left img{display:block;width:100%;height:420px;object-fit:contain;margin-bottom:8px}.film-left b{font-weight:400;color:#00fa00}.film-left .button{width:100%;margin:12px 0 0}.film-right{flex:1;min-width:0;margin-left:16px;display:flex;flex-direction:column}.film-meta{display:flex;justify-content:space-between;padding:0 8px;color:var(--yellow)}.film-text{flex:1;min-height:0;margin:8px 0;padding:8px;overflow:hidden;border:5px solid transparent;border-radius:var(--radius-large)}.film-text:focus{border-color:var(--frame)}.film-actions{display:flex;align-items:center}.film-actions span{margin-left:auto;color:var(--yellow)}.settings{position:absolute;left:0;top:0;width:100%;height:100%;background:url(img/bg.png) center / 100% 100%;display:flex;flex-direction:column}.tabs{flex:none;height:200px;display:flex;background:#0000008f}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.tab img{width:96px;height:96px;margin-bottom:8px}.tab.selected,.tab:focus{background:var(--tab);color:#000}.page{flex:1;min-height:0;padding:32px 48px;overflow:hidden}.page>.button{margin-right:24px}.option{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;background:#0006;border:5px solid transparent;border-radius:var(--radius-small)}.option:focus{background:var(--button);border-color:var(--frame)}.value{color:var(--yellow)}.dialog-back{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3}.dialog{width:800px;max-height:900px;padding:32px;text-align:center;background:var(--list);border:5px solid var(--line-off);border-radius:var(--radius)}.dialog input{width:100%;margin-bottom:16px;text-align:center}.dialog h2{font-size:40px;font-weight:400;margin:0 0 16px}.dialog .row{border:0;justify-content:center}.dialog .button{margin:8px 16px}.menu-back{position:absolute;left:0;top:0;width:100%;height:100%}.menu{position:absolute;min-width:480px;padding:8px;background:#000000f0;border:5px solid var(--line-off);border-radius:var(--radius)}.menu-item{display:flex;align-items:center;padding:12px 24px;font-size:36px;border-radius:var(--radius-small)}.menu-item img{width:56px;height:56px;margin-right:24px;object-fit:contain}.menu-item:focus{background:var(--button)}#toast{position:fixed;left:50%;top:50px;width:1000px;margin-left:-500px;padding:20px;text-align:center;background:var(--bg);border:5px solid var(--line-off);border-radius:var(--radius);opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;padding:20px 36px 20px 24px;background:var(--bg);border:5px solid var(--line-off);border-radius:var(--radius);pointer-events:none}#loading i{width:64px;height:64px;margin-right:24px;border:8px solid rgba(255,255,255,.25);border-top-color:var(--frame);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#sleep-info{position:fixed;left:50%;top:50%;width:1100px;margin-left:-550px;padding:32px 48px;text-align:center;background:var(--list);border:5px solid var(--line-off);border-radius:var(--radius);transform:translateY(-50%)}#dim{position:fixed;left:0;top:0;width:1920px;height:1080px;background:#000}.vod-info .info-body{position:relative;padding-left:176px;min-height:224px}.info-poster{position:absolute;left:0;top:0;width:160px;height:224px;object-fit:contain}html,body{width:100%;height:100%}#stage{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0}body.no-cursor,body.no-cursor *{cursor:none!important}[data-f]{cursor:pointer}html[data-device=tv] #remote{display:none}html[data-device=mobile] .list,html[data-device=mobile] .grid{overflow:auto;-webkit-overflow-scrolling:touch}html[data-device=mobile] .lists,html[data-device=mobile] .lists .list{touch-action:pan-y}html[data-device=mobile] body{touch-action:manipulation;user-select:none;-webkit-user-select:none}#touch-back{display:none;position:fixed;left:12px;top:12px;z-index:20;width:56px;height:56px;padding:12px;cursor:pointer;background:#0000008c;border:2px solid rgba(255,255,255,.35);border-radius:50%}#touch-back img{display:block;width:100%;height:100%}body.touch-used #touch-back{display:block}html[data-screen=login] #touch-back{display:none}:root{--rc: min(1px, calc((100vh - 20px) / 880));--panel: 300px}html[data-device=mobile]{--panel: calc(232 * var(--rc) + 16px)}#remote-handle{position:fixed;right:0;top:50%;z-index:20;width:44px;height:92px;margin-top:-46px;padding:0;color:#dfe4ec;cursor:pointer;background:linear-gradient(#333a44,#1b1f26);border:1px solid #4a5260;border-right:0;border-radius:14px 0 0 14px;box-shadow:-3px 3px 12px #00000080;transition:right .22s}#remote-handle svg{width:26px;height:26px;fill:currentColor}#remote-handle:hover{color:var(--frame)}body.remote-open #remote-handle{right:var(--panel)}#remote{position:fixed;right:calc(-1 * var(--panel));top:0;bottom:0;z-index:20;width:var(--panel);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#23272e,#101216);box-shadow:-8px 0 28px #0000008c;overflow-y:auto;transition:right .22s;user-select:none;-webkit-user-select:none;touch-action:none}body.remote-open #remote{right:0}.rc-body{box-sizing:border-box;width:calc(232 * var(--rc));padding:calc(16 * var(--rc)) calc(18 * var(--rc)) calc(22 * var(--rc));font:600 calc(13 * var(--rc)) Arial,sans-serif;color:#d9dee6;background:linear-gradient(100deg,#15181d,#2c3139 9%,#23272e,#2a2f36 91%,#121418);border-radius:calc(46 * var(--rc)) calc(46 * var(--rc)) calc(58 * var(--rc)) calc(58 * var(--rc));box-shadow:0 calc(16 * var(--rc)) calc(34 * var(--rc)) #000000bf,inset 0 1px 1px #ffffff38,inset 0 -3px 6px #0009}.rc-body button{font:inherit;color:inherit;margin:0;padding:0;cursor:pointer;border:0;outline:none;touch-action:none;-webkit-tap-highlight-color:transparent}.rc-body svg{display:block;width:58%;height:58%;margin:auto;fill:currentColor;stroke:currentColor;stroke-width:.4;pointer-events:none}.rc-top{display:flex;align-items:center;justify-content:space-between;height:calc(50 * var(--rc));margin-bottom:calc(8 * var(--rc))}.rc-logo{height:calc(44 * var(--rc));max-width:62%;object-fit:contain;object-position:left;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}#rc-close{width:calc(30 * var(--rc));height:calc(30 * var(--rc));color:#9aa3b0;background:transparent;border-radius:50%}#rc-close svg{fill:none;stroke-width:2.4}#rc-close:hover{color:#fff}[data-rc]{position:relative;background:linear-gradient(#3b414b,#272b32);border-radius:calc(9 * var(--rc));box-shadow:0 calc(2 * var(--rc)) 0 #0c0e11,0 calc(3 * var(--rc)) calc(5 * var(--rc)) #0009,inset 0 1px #ffffff2b;transition:transform .05s,box-shadow .05s,filter .05s}[data-rc]:hover{filter:brightness(1.18)}[data-rc].down{transform:translateY(calc(2 * var(--rc)));filter:brightness(.82);box-shadow:0 0 #0c0e11,inset 0 calc(2 * var(--rc)) calc(4 * var(--rc)) #0000008c}.rc-row{display:flex;justify-content:space-between;gap:calc(9 * var(--rc));margin-bottom:calc(14 * var(--rc))}.rc-row [data-rc]{flex:1;height:calc(32 * var(--rc))}.rc-pad{position:relative;width:calc(178 * var(--rc));height:calc(178 * var(--rc));margin:0 auto calc(16 * var(--rc));background:radial-gradient(circle,#16181d 58%,#333943 59%,#1a1d22 72%);border-radius:50%;box-shadow:0 calc(3 * var(--rc)) calc(7 * var(--rc)) #000000b3,inset 0 1px 1px #fff3}.rc-body .rc-pad [data-rc]{position:absolute}.rc-arrow{width:calc(52 * var(--rc));height:calc(52 * var(--rc));color:#e6eaf0;background:transparent;box-shadow:none;border-radius:50%}.rc-arrow.down{transform:none;background:#ffffff1f;box-shadow:none}.rc-arrow svg{width:52%;height:52%}.rc-body .rc-up{left:50%;top:calc(2 * var(--rc));margin-left:calc(-26 * var(--rc))}.rc-body .rc-down{left:50%;bottom:calc(2 * var(--rc));margin-left:calc(-26 * var(--rc))}.rc-body .rc-left{top:50%;left:calc(2 * var(--rc));margin-top:calc(-26 * var(--rc))}.rc-body .rc-right{top:50%;right:calc(2 * var(--rc));margin-top:calc(-26 * var(--rc))}.rc-body .rc-ok{left:50%;top:50%;width:calc(76 * var(--rc));height:calc(76 * var(--rc));margin:calc(-38 * var(--rc)) 0 0 calc(-38 * var(--rc));font-size:calc(19 * var(--rc));letter-spacing:1px;color:#fff;background:radial-gradient(circle at 40% 30%,#4d5562,#2a2e36);border-radius:50%}.rc-color{background:linear-gradient(#ffffff2e,#00000052),var(--c);height:calc(15 * var(--rc))!important;border-radius:calc(6 * var(--rc))}.rc-transport{gap:calc(6 * var(--rc))}.rc-transport [data-rc]{height:calc(34 * var(--rc));border-radius:calc(17 * var(--rc))}.rc-rockers{display:flex;justify-content:space-between;margin-bottom:calc(14 * var(--rc))}.rc-rocker{display:flex;flex-direction:column;align-items:center;width:calc(88 * var(--rc));padding:calc(4 * var(--rc));background:#15171b;border-radius:calc(26 * var(--rc));box-shadow:inset 0 1px 3px #000c,0 1px #ffffff17}.rc-rocker [data-rc]{width:100%;height:calc(40 * var(--rc));font-size:calc(22 * var(--rc));border-radius:calc(22 * var(--rc))}.rc-rocker span{padding:calc(5 * var(--rc)) 0;font-size:calc(11 * var(--rc));color:#9aa3b0;letter-spacing:1px}.rc-digits{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(9 * var(--rc))}.rc-digits [data-rc]{height:calc(36 * var(--rc));font-size:calc(17 * var(--rc));border-radius:calc(18 * var(--rc))}html[data-device=mobile] #remote{background:#0a0b0edb}