.watch-screen{position:fixed;inset:0;z-index:30;background:#000;color:#e9e9ed;font-family:Inter,Arial,sans-serif}.watch-video{width:100%;height:100%;object-fit:contain}.watch-ui{position:absolute;inset:0;background:linear-gradient(#0004,transparent 26%,transparent 40%,#000b);transition:opacity .25s;pointer-events:none}.watch-screen.controls-hidden .watch-ui{opacity:0}.watch-ui button,.watch-ui input,.watch-side{pointer-events:auto}.watch-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border-radius:50%;color:#eee;border:0;font-size:27px;cursor:pointer}.watch-button img{width:30px;height:30px}.watch-button:hover,.watch-button:focus-visible{background:#ffffff26;outline:2px solid #eee;outline-offset:2px}.watch-back{position:absolute;left:36px;top:35px}.watch-rail{position:absolute;right:28px;top:40%;display:flex;flex-direction:column;gap:16px}.watch-rail .watch-button{background:#282630dd;width:56px;height:56px}.watch-rail img{width:25px;height:25px}.watch-bottom{position:absolute;bottom:32px;left:3%;right:3%}.watch-info h2{font-size:30px;margin:0 0 10px;font-weight:500}.watch-info p{margin:0 0 15px;font-size:18px;color:#c9c7d2}.watch-channel{display:flex;align-items:center;gap:18px;margin-bottom:24px;font-size:17px}.watch-channel img{width:60px;height:36px;object-fit:contain}.watch-seek-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}.watch-seek{width:100%;accent-color:#e9e9ed;cursor:pointer;height:5px}.watch-duration{font-size:12px}.watch-controls{display:flex;align-items:center;gap:12px}.watch-controls .watch-spacer{flex:1}.watch-live{font-size:13px;font-weight:bold;background:none;color:#eee;padding:10px;white-space:nowrap}.watch-live:after{content:'●';color:#f33535;margin-left:6px}.watch-volume{width:75px;accent-color:#eee}.watch-status{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);max-width:75%;background:#111014d9;padding:15px 22px;border-radius:8px;text-align:center;font-size:15px}.watch-status:empty{display:none}.watch-side{position:absolute;right:0;top:0;bottom:0;width:min(420px,90vw);background:#1b1923f5;z-index:3;padding:28px;overflow:auto;box-shadow:-25px 0 60px #0008}.watch-side h2{margin:25px 0;font-size:25px}.watch-side-close{float:right}.watch-side button.watch-entry{display:block;width:100%;text-align:left;padding:16px 12px;background:#282630;color:#eee;border-radius:5px;margin:7px 0}.watch-side small{display:block;color:#b4b1c0;margin-top:7px}.watch-side label{display:block;margin:25px 0 12px}.watch-side select{width:100%;padding:12px;background:#282630;color:#eee;border:1px solid #555;border-radius:6px}.watch-side p{line-height:1.6;color:#c9c7d2}.watch-screen.controls-hidden{cursor:none}.watch-screen:has(.watch-side) .watch-ui{opacity:1}@media(max-width:700px){.watch-bottom{bottom:15px}.watch-info h2{font-size:21px}.watch-info p,.watch-channel{font-size:13px}.watch-channel{margin-bottom:12px}.watch-controls{gap:3px}.watch-button{width:36px;height:36px;font-size:22px}.watch-button img{width:25px;height:25px}.watch-back{left:12px;top:12px}.watch-rail{right:10px;top:25%;gap:9px}.watch-rail .watch-button{width:42px;height:42px}.watch-volume{display:none}.watch-channel img{width:44px}.watch-info{padding-right:35px}}

.watch-channel-list{display:flex;flex-direction:column;gap:12px}.watch-channel-list .channel{flex-shrink:0;width:100%;min-height:94px}.watch-channel-list .channel .brand{flex:0 0 104px;width:104px;padding:12px 8px;background:transparent}.watch-channel-list .channel .brand img{max-width:100%}.watch-channel-list .channel .info{min-width:0;color:#e9e9ed;font-size:14px;padding:14px 8px}.watch-channel-list .channel .info small{font-size:12px;color:#b4b1c0}.watch-channel-list .watch-channel-active{box-shadow:inset 0 0 0 2px #4679ed}.watch-program-status{font-size:12px;color:#b4b1c0}

.watch-program-panel{width:min(430px,94vw);padding:20px 16px;background:#151419f7}.watch-program-panel>h2{font-size:18px;margin:10px 0 18px}.program-channel{display:flex;align-items:center;gap:18px;padding:0 0 20px;border-bottom:1px solid #ffffff10}.program-channel>img{width:42px;height:40px;object-fit:contain}.program-channel>div{min-width:0}.program-channel small{font-size:12px;color:#e9e9ed;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-channel strong{font-size:16px;font-weight:600}.program-tabs{display:flex;gap:9px;margin:24px 0 28px}.program-tabs button{border-radius:22px;background:#24222c;color:#e9e9ed;padding:8px 18px;font-size:13px;font-weight:bold}.program-tabs .selected{background:#e9e9ed;color:#111014}.program-list{display:flex;flex-direction:column;gap:8px}.program-card{position:relative;display:flex;min-height:80px;background:#211f29;border-radius:8px;overflow:hidden;flex-shrink:0}.program-picture{width:38%;flex-shrink:0;min-height:80px;background:linear-gradient(135deg,#252c3d,#171920);position:relative;display:grid;place-items:center}.program-picture>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.program-placeholder{display:grid;place-items:center}.program-placeholder[hidden]{display:none}.program-placeholder img{width:58px;height:48px;opacity:.7}.program-copy{position:relative;flex:1;min-width:0;padding:12px 10px}.program-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px;font-size:12px}.watch-side .program-meta small{font-size:10px;color:inherit;margin:0;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-copy>strong{display:block;font-size:14px;line-height:1.4;font-weight:500;padding-right:16px}.program-on-air{background:#254b94}.program-on-air:after{content:'';position:absolute;bottom:0;left:0;height:5px;width:var(--program-progress);background:#4679ed}.program-live{position:absolute;right:12px;bottom:13px;font-size:18px}.program-future .program-copy{opacity:.45}.program-future .program-picture{opacity:.65}.program-message{padding:12px;font-size:13px;line-height:1.6}