:root{font-family:Arial,Helvetica,sans-serif;color:#234d63;background:#0da9ce;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;height:100%;overflow:hidden}*{box-sizing:border-box}body{margin:0;height:100%;overflow:hidden}#app{height:100%}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,.guide-scroll:focus-visible{outline:3px solid #fff;outline-offset:-4px}.start-dialog{margin:auto;padding:0;max-width:calc(100vw - 32px);border:1px solid #a0d4df;background:#195174;color:#f4faff;box-shadow:0 12px 40px #00182766;cursor:pointer}.start-dialog::backdrop{background:#061c2ab3;cursor:pointer}.start-dialog button{display:block;border:0;padding:24px clamp(20px,5vw,44px);min-height:64px;background:transparent;color:inherit;font-size:20px;line-height:1.6;cursor:pointer}.start-dialog kbd{display:inline-block;padding:2px 8px;border:1px solid #91bdce;border-radius:3px;color:#fff3b8;background:#123c57;font:inherit;font-weight:700;line-height:1.3}.start-dialog button:hover{background:#24668a}.guide-screen{width:100%;height:calc(100svh - var(--keyboard-toolbar-height, 80px));height:calc(100dvh - var(--keyboard-toolbar-height, 80px));min-height:0;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;background:linear-gradient(165deg,#e2f6e8,#9de0dc,#34bdd2 56%,#0da9ce 85%)}.preview-layout{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,35%);gap:32px;align-items:start}.program-info{min-width:0;padding:12px clamp(12px,2vw,28px)}.program-channel{font-size:15px;margin:0 0 10px}h1{font-size:clamp(18px,2.1vw,28px);font-weight:500;line-height:1.25;margin:0 0 10px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.summary-channel-number{flex-shrink:0;font-size:.72em;font-weight:700;font-variant-numeric:tabular-nums}.summary-channel-number{margin-right:8px}.program-time{font-size:13px;margin:0 0 10px}.program-description{margin:0;font-size:clamp(13px,1.2vw,16px);line-height:1.5;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.watch-panel{min-width:0;border:2px solid #c5e6e7;box-shadow:0 1px 4px #17456550}.youtube-player{min-width:200px;background:#080e16}.youtube-player-frame{position:relative;width:100%;aspect-ratio:16 / 9;min-height:200px;max-height:max(200px,45dvh);background:#080e16}.youtube-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.youtube-player-status{padding:10px 12px;color:#f4faff;font-size:13px;line-height:1.5}.youtube-player-status a{color:#ffdb77}.youtube-player-status button{min-height:36px;margin:4px 0 0 6px;padding:5px 12px;border:1px solid #99bdcf;color:#f4faff;background:#195174;cursor:pointer}.fullscreen-error{margin:0;padding:10px 12px;color:#f4faff;background:#195174;font-size:13px;line-height:1.5}.watch-panel:fullscreen{width:100%;height:100%;padding:0;border:0;box-shadow:none;background:#000;display:flex;flex-direction:column}.watch-panel:fullscreen .youtube-player{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;width:100%;background:#000}.watch-panel:fullscreen .youtube-player-frame{flex:1;min-height:0;max-height:none;aspect-ratio:auto;background:#000}.watch-panel:fullscreen .youtube-player-status,.watch-panel:fullscreen .fullscreen-error{flex:0 0 auto}.watch-panel:fullscreen>.keyboard-toolbar{position:static;flex:0 0 auto;width:100%;--toolbar-bg: #101214;--toolbar-border: #303336;--toolbar-key-bg: #202326;--toolbar-key-border: #52565a;--toolbar-key-hover: #2c3034;--toolbar-key-active: #151719;--toolbar-disabled-border: #35393d}.channel-guide{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:18px 0 0}.guide-scroll{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:#b9dfe5 #165b86;overscroll-behavior:contain;scroll-padding-top:40px}.guide-grid{--channel-width: 25%;position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#086b9e}table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;color:#f4faff;background:#086b9e}.channel-column{width:var(--channel-width)}thead th{position:sticky;z-index:6;top:0;height:40px;padding:7px 17px;background:#195174;font-size:16px;font-weight:500;text-align:left;border-bottom:2px solid #73bfd3;box-shadow:inset 0 -2px #73bfd3;white-space:nowrap;font-variant-numeric:tabular-nums}.current-time-header{color:#fff3b8}.time-axis-header{padding:0;border-left:2px solid #65b6cf}.time-axis-viewport{position:relative;overflow:hidden;width:100%;height:38px}.time-axis-track{position:relative;width:100%;height:100%}.time-slot{position:absolute;top:0;height:100%;padding:7px 8px;border-left:1px solid #73bfd350}.timeline-marker-track{position:absolute;z-index:7;top:0;bottom:0;left:var(--listings-left, var(--channel-width));width:var(--listings-width, calc(100% - var(--channel-width)));pointer-events:none}.current-time-line{position:absolute;top:34px;bottom:0;width:2px;background:#ee263c;transform:translate(-1px)}.current-time-line:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ee263c}tbody th,tbody td{border:2px solid #65b6cf;font-size:18px;line-height:1.3}tbody th:first-child{border-left:0}tbody td:last-child{border-right:0}tbody th{padding:0;font-weight:400}tbody td{padding:14px 17px;height:66px;overflow-wrap:anywhere}.channel-button{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:12px 17px;border:0;border-radius:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.channel-button:hover{background:#187eac}.channel-button[aria-pressed=true]{background:#176f9b;min-height:110px}.channel-number{flex-shrink:0;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.channel-name{font-size:18px;overflow-wrap:anywhere}.program-cell{padding:0;height:auto;overflow:hidden}.compact-programs{position:relative;width:100%;overflow:hidden}.program-strip{position:relative;width:100%;height:56px}.compact-programs .program-card{position:absolute;top:0}.axis-extent{position:absolute;width:1px;height:1px}.program-card{flex-shrink:0;min-width:0;padding:0;height:100%;overflow:visible;background:#086b9e;color:#f4faff;border:0;border-radius:0;box-shadow:inset -1px 0 #65b6cf;text-align:left;cursor:pointer}.program-card:hover{background:#1784b2}.program-title{position:sticky;left:10px;width:max-content;max-width:max(0px,calc(100% - 20px));display:block;margin:0 10px;white-space:nowrap;overflow:hidden;font-size:15px;line-height:1.4}.expanded-programs{position:relative;width:100%;min-height:110px;overflow:hidden;background:#086b9e}.expanded-track{position:relative;display:flex;width:max-content;min-width:100%;min-height:110px}.expanded-pad{display:block;flex:0 0 auto}.expanded-programs .program-card{flex:0 0 auto;min-width:220px;height:auto;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:12px}.expanded-programs .program-title{left:12px;max-width:min(100%,var(--caption-width, calc(var(--listings-width, 600px) - 24px)));align-self:flex-start;margin:0;white-space:normal;overflow:visible;overflow-wrap:anywhere}.program-card-time{position:sticky;left:12px;align-self:flex-start;color:#bfdeeb;font-size:11px;white-space:nowrap}.selected-program,.program-card.selected-program:hover{background:#ffdb77;color:#234666}.live-program{display:block;width:100%;min-height:56px;padding:16px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.selected-row .live-program{min-height:110px;background:#ffdb77;color:#234666}.live-program:hover{background:#1784b2}.selected-row .live-program:hover{background:#ffdb77}.selected-program .program-card-time{position:sticky;left:12px;align-self:flex-start;color:#385a73}.row-status{min-height:56px;padding:16px;font-size:14px;line-height:1.5}.selected-row .row-status{min-height:110px}.guide-loading,.config-error{padding:14px 17px;line-height:1.5}.config-error{margin:0;color:#fff3bf;overflow-wrap:anywhere}.keyboard-toolbar{--toolbar-bg: #195174;--toolbar-border: #73bfd3;--toolbar-key-bg: #24658b;--toolbar-key-border: #7ba6bc;--toolbar-key-hover: #307ca2;--toolbar-key-active: #123c57;--toolbar-disabled-border: #668fa3;position:fixed;z-index:10;bottom:0;left:0;right:0;margin:0;padding:0 clamp(12px,3.2vw,46px) env(safe-area-inset-bottom,0px);border-top:1px solid var(--toolbar-border);color:#f4faff;background:var(--toolbar-bg);font-size:14px;line-height:1.4}.keyboard-toolbar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px;list-style:none;margin:0;padding:0}.keyboard-toolbar li,.keyboard-keys{display:inline-flex;align-items:center;gap:8px}.keyboard-keys{gap:4px}.toolbar-channel-number{position:relative;display:inline-block;flex:0 0 2ch;width:2ch;text-align:right;color:#fff3b8;font-variant-numeric:tabular-nums}.keyboard-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;touch-action:manipulation}.shortcut-label{display:inline-grid;text-align:left}.shortcut-label>span{grid-area:1 / 1}.shortcut-label-size{visibility:hidden;pointer-events:none;user-select:none}.keyboard-toolbar .channel-key,.keyboard-toolbar .shortcut-control kbd{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--toolbar-key-border);border-radius:3px;background:var(--toolbar-key-bg)}.keyboard-toolbar .channel-key:hover:not(:disabled),.keyboard-toolbar .shortcut-control:hover:not(:disabled) kbd{background:var(--toolbar-key-hover)}.keyboard-toolbar .channel-key:active:not(:disabled),.keyboard-toolbar .shortcut-control:active:not(:disabled) kbd{background:var(--toolbar-key-active)}.keyboard-toolbar .shortcut-control.needs-attention:not(:disabled) kbd{border-color:#ffdf7c;box-shadow:0 0 0 1px #ffdf7c}.keyboard-toolbar button:disabled{color:#adc4d0;cursor:default;opacity:.4}.keyboard-toolbar .channel-key:disabled,.keyboard-toolbar .shortcut-control:disabled kbd{background:var(--toolbar-bg);border-color:var(--toolbar-disabled-border)}.keyboard-toolbar kbd{min-width:24px;color:#fff3b8;font-family:inherit;font-weight:700;text-align:center}.keyboard-toolbar .channel-key kbd,.keyboard-toolbar .arrow-key kbd{font-size:18px}.keyboard-toolbar li{white-space:nowrap}.keyboard-toolbar [aria-disabled=true]{color:#adc4d0}.keyboard-toolbar [aria-disabled=true] kbd{color:#adc4d0;border-color:var(--toolbar-disabled-border)}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:800px){.preview-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,38%)}.program-info{padding-top:5px}h1{margin-bottom:9px}.channel-button{gap:9px;padding-inline:12px}.channel-name,tbody td{font-size:16px}.channel-number{font-size:19px}}@media(max-width:480px){.guide-grid{--channel-width: 112px}.time-slot{font-size:clamp(11px,3.3vw,14px);padding-inline:4px}.preview-layout{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,40%)}h1{font-size:17px;margin-bottom:7px}.program-channel{font-size:12px;margin-bottom:6px}.program-time{font-size:11px}.program-description{font-size:13px}.watch-panel{border-width:1px}.channel-guide{margin-top:20px}}@media(max-width:600px){.preview-layout{grid-template-columns:minmax(0,1fr)}.watch-panel{grid-row:1}}@media(max-height:600px){.channel-guide{margin-top:8px}.program-description{display:none}}@media(max-width:600px)and (max-height:800px){.program-info{padding:4px 12px}.program-channel,.program-time,.program-description{display:none}.program-info h1{margin:0;font-size:17px;-webkit-line-clamp:1}.preview-layout{gap:8px}.channel-guide{margin-top:8px}}@media(max-width:600px)and (max-height:650px){.program-info{display:none}.preview-layout{gap:0}}@media(max-height:400px){.channel-guide{margin-top:0}.watch-panel{border-width:1px}}
/*# sourceMappingURL=app.css.map */