:root{color-scheme:dark;--yellow:#ffeb63}*{box-sizing:border-box}body{margin:0;background:#05080d;color:#fffff3;font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:grid;place-items:center;background-image:radial-gradient(ellipse at center,#1c2531,#020405 80%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.receiver{width:min(1160px,100%);background:#1d304f;border:8px solid #111720;border-radius:7px;box-shadow:0 20px 80px #000b;overflow:hidden;margin:20px auto}header{height:62px;background:linear-gradient(#203045,#0b1728);display:flex;align-items:center;padding:0 22px;gap:12px;border-bottom:2px solid #8494ac;box-shadow:inset 0 1px #8191a4}.brand{font-size:34px;letter-spacing:-3px;color:#ffb9d0;font-weight:bold;font-style:italic;text-decoration:none;position:relative;line-height:1}.brand span{font-size:47px;position:absolute;left:40px;top:-15px;transform:rotate(20deg);color:#e483a4;pointer-events:none}.guide-word{font-size:21px;color:#fff3da;margin-top:5px}.filter-label{margin-left:auto;font-size:12px;color:#d7dce4}header time{font-size:13px;color:#fff8d6;min-width:92px;text-align:right}.info-zone{display:grid;grid-template-columns:minmax(0,1fr) 320px;background:linear-gradient(110deg,#243750,#152740);min-height:198px;padding:16px 18px;gap:20px;border-bottom:2px solid #9aabc2}.details{min-width:0}.channel-caption{font-size:12px;color:#c7d6e9;font-weight:bold;letter-spacing:1px}h1{font-size:25px;font-weight:normal;margin:7px 0;text-shadow:1px 2px #0008;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata{font-size:13px;color:#f2f2e9;line-height:1.5}.details p{font-size:14px;line-height:1.35;margin:8px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e1e7ef;max-width:740px}.now-next{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-next>span{color:#f9db69;margin-right:6px;font-weight:bold}.now-next b{font-weight:normal}.television{aspect-ratio:16/9;position:relative;background:black;border:2px solid #a0a9b6;overflow:hidden;align-self:center;box-shadow:0 2px 8px #0008}video{width:100%;height:100%;object-fit:contain;display:block}.station-bug{position:absolute;right:5%;bottom:10%;font:bold 16px Arial;color:#fffd;text-shadow:1px 1px #0009;opacity:.6;pointer-events:none}.tuning{position:absolute;inset:0;background:#000d;display:grid;place-items:center;text-align:center;font-size:13px;padding:20px}.tuning[hidden]{display:none}.preview-watch{position:absolute;left:0;right:0;bottom:0;width:100%;background:#000b;color:white;border:0;font-size:10px;padding:6px;opacity:0;transition:opacity .15s}.television:hover .preview-watch,.preview-watch:focus{opacity:1}.guide-bar{height:31px;background:linear-gradient(#b2bcc8,#7b8da5);color:#101d36;font-size:13px;font-weight:bold;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #d4dbe1}.guide-bar>span:nth-child(2){font-weight:normal}.timeline{display:grid;grid-template-columns:150px 1fr;background:#344764;font-size:13px;height:34px;border-bottom:2px solid #8594ac}.timeline>div:first-child{padding:9px 12px;border-right:2px solid #7185a2;font-size:10px;color:#d1dce9;letter-spacing:1px}.timeline #times{display:grid;grid-template-columns:repeat(4,1fr)}#times span{padding:7px 10px;border-right:1px solid #637895}.channel-row{display:grid;grid-template-columns:150px 1fr;min-height:57px;background:linear-gradient(#637b9f,#475f88);border-bottom:2px solid #a0afc4;position:relative}.channel-row:nth-child(even){background:linear-gradient(#597297,#405981)}.channel-row.selected{background:linear-gradient(#566b8b,#30466b)}.channel-label{display:flex;align-items:center;gap:10px;border:0;border-right:2px solid #8595ac;background:#233958;color:white;text-align:left;padding:9px 12px;min-width:0}.channel-label .number{font-size:17px;min-width:29px;color:#eee}.channel-label .call{font-size:10px;letter-spacing:.3px;font-weight:bold;display:flex;flex-direction:column;line-height:1.2}.channel-label .call small{font-size:8px;margin-top:4px;color:#b6c7dc;font-weight:normal}.channel-row.selected .channel-label{background:#203149}.channel-row.playing .number{color:#ffeb63}.programs{position:relative;min-width:0;overflow:hidden;display:flex}.program{position:absolute;top:0;bottom:0;border:0;border-right:2px solid #a1b1c8;background:transparent;color:#fff;text-align:left;padding:7px 10px;min-width:0;overflow:hidden;font-size:13px;line-height:1.2;text-shadow:1px 1px #26374b;display:flex;flex-direction:column;justify-content:center}.program span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.program small{font-size:10px;color:#e1e6ed;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;max-width:100%}.program:hover{background:#ffffff13}.channel-row.selected .program.current{border:3px solid var(--yellow);padding:4px 7px;background:#253b62}.selected-info{display:flex;align-items:center;gap:10px;background:#162943;min-height:39px;font-size:12px;padding:10px 15px;color:#e5e9ef;border-bottom:1px solid #586f8c}.yellow-arrow{color:var(--yellow)}.remote{display:flex;gap:7px;padding:13px 15px;background:linear-gradient(#2c405b,#15243b);flex-wrap:wrap}.remote button,.remote a{color:#e8ecf1;background:linear-gradient(#63738a,#34445e);box-shadow:inset 0 1px #a4adbc;border:1px solid #101d32;border-radius:4px;padding:8px 13px;font-size:10px;font-weight:bold;text-decoration:none;min-height:33px;letter-spacing:.3px}.remote .select-button{background:linear-gradient(#e5d592,#a3965e);color:#172239}.remote a{margin-left:auto}.remote button:hover,.remote a:hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:-3px;z-index:10}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;background:#0e1b2f;color:#c9d4e2;padding:11px 15px;line-height:1.4}.green{width:6px;height:6px;border-radius:50%;display:inline-block;background:#8af093;margin-right:4px}.footer-hint{color:#8da1bc;margin-left:15px}.osd{position:absolute;left:5%;bottom:10%;right:5%;background:linear-gradient(90deg,#172b4fee,#253959df);border:1px solid #8195b8;box-shadow:0 4px 20px #0005;padding:20px;display:none}.osd.show{display:block}.osd strong,.osd span{display:block}.osd strong{font-size:20px;color:#ffeb63;margin-bottom:8px}.osd span{font-size:24px}.television:fullscreen{width:100vw;height:100vh;border:0;aspect-ratio:auto}.television:fullscreen .preview-watch{display:none}.television:fullscreen .tuning{font-size:22px}.television:fullscreen .station-bug{font-size:30px}.television:not(:fullscreen) .osd{display:none}.watch-mode .info-zone{display:block;padding:0}.watch-mode .details,.watch-mode .guide-bar,.watch-mode .grid,.watch-mode .selected-info{display:none}.watch-mode .television{border:0;aspect-ratio:16/9;width:100%}.watch-mode .osd.show{display:block}.watch-mode .info-zone{border:0}@media(max-width:720px){body{display:block}.receiver{margin:0;border:0;border-radius:0;min-height:100vh}header{padding:0 12px;height:55px;gap:9px}.brand{font-size:29px}.guide-word{font-size:17px}.filter-label{font-size:9px}header time{min-width:65px;font-size:10px}.info-zone{grid-template-columns:minmax(0,1fr) 38%;gap:10px;padding:13px 10px;min-height:150px}h1{font-size:18px}.details p{font-size:11px}.metadata,.now-next{font-size:10px}.channel-caption{font-size:9px}.timeline,.channel-row{grid-template-columns:100px 1fr}.channel-label{padding:8px;gap:6px}.channel-label .number{font-size:14px;min-width:24px}.channel-label .call{font-size:8px}.channel-label .call small{font-size:7px}.channel-row{min-height:64px}.program{font-size:11px;padding:7px}.program small{font-size:9px}#times span{font-size:10px;padding:8px 5px}.timeline>div:first-child{font-size:9px;padding:9px}.remote{gap:5px;padding:10px}.remote button,.remote a{padding:8px;font-size:9px}.remote a{margin-left:0}footer{font-size:9px;padding:10px}.footer-hint{display:none}.guide-bar{font-size:11px}.selected-info{font-size:10px}.station-bug{font-size:10px}.osd{padding:12px}.osd span{font-size:16px}.osd strong{font-size:12px}}
dialog{background:#223858;color:#fff;border:2px solid #9babc0;max-width:420px;width:calc(100% - 32px);padding:24px;box-shadow:0 20px 80px #000}dialog::backdrop{background:#000a}dialog h2{font-size:22px;margin:0 0 12px}dialog p{font-size:13px;line-height:1.5}dialog label{display:block;font-size:12px;margin:15px 0}dialog input{display:block;width:100%;padding:10px;background:#101f35;border:1px solid #8b9cb5;color:white;font:16px Arial;margin-top:6px}dialog button{padding:10px 16px;background:#8296b2;color:#101e33;border:1px solid #b5c3d6;font-size:12px;margin-right:8px}#loginError{color:#ffda84}
.receiver{width:min(1160px,calc(100vw - 32px));min-width:0}@media(max-width:720px){.receiver{width:100vw}}