@font-face{font-family:CableGuide;src:url('/guide-font.ttf') format('truetype');font-weight:200 700;font-display:swap}
:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#30232e;color-scheme:light;--cream:#fafac1;--ink:#191a19;--purple:#704672;--lavender:#c8afcc;--dark:#2f1b2c;--line:#b697b9;--font:CableGuide,'Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{max-width:1200px;margin:auto;background:#704672;background:var(--purple);box-shadow:0 0 0 2px #171317;min-height:100vh;min-height:100dvh}
.top{display:grid;grid-template-columns:1fr 1fr;background:#292b2d}.detail{min-width:0;background:linear-gradient(#fafac1,#f5f7c9);background:linear-gradient(var(--cream),#f5f7c9);color:#191a19;color:var(--ink);border:2px outset #ededcf}.brand{height:104px;border-bottom:2px inset #e9ebcf;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:15px}.brand>div{display:flex;flex-direction:column;align-items:center}.cox-logo{width:195px;height:65px;object-fit:contain}.brand small{color:#19497d;font-size:12px;font-weight:bold}#channel-mark{width:118px;height:66px;object-fit:contain}.program-info{padding:12px 26px 18px;min-height:154px}.eyebrow{font:500 15px CableGuide,'Arial Narrow',Arial,sans-serif;font:500 15px var(--font);margin:0 0 5px;color:#4c3c4b}h1{font:500 32px/1.08 CableGuide,'Arial Narrow',Arial,sans-serif;font:500 32px/1.08 var(--font);margin:0 0 8px;overflow-wrap:anywhere}#range{font:400 20px/1.2 CableGuide,'Arial Narrow',Arial,sans-serif;font:400 20px/1.2 var(--font);margin:5px 0 8px}#synopsis{font:400 18px/1.3 CableGuide,'Arial Narrow',Arial,sans-serif;font:400 18px/1.3 var(--font);margin:8px 0 0;max-height:75px;overflow:auto}.picture{display:flex;flex-direction:column;min-width:0;justify-content:center;border:2px inset #9b9a8d;background:linear-gradient(#454a4d,#26292c)}video{height:auto;display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}#status{margin:0;padding:7px 12px;min-height:30px;font-size:12px;background:#252426;color:#fafac1;color:var(--cream)}.clock-strip{display:block;margin-top:auto;padding:7px;text-align:center;min-height:34px;background:linear-gradient(#d2d5c1,#b0b7a9);color:#191a19;color:var(--ink);font:500 18px/1.1 CableGuide,'Arial Narrow',Arial,sans-serif;font:500 18px/1.1 var(--font);border-top:2px outset #d5d5c8}.tools{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 16px;background:#2f1b2c;background:var(--dark);border-top:2px solid #b697b9;border-top:2px solid var(--line)}.tools label{margin-left:auto;font:400 16px CableGuide,'Arial Narrow',Arial,sans-serif;font:400 16px var(--font);display:flex;gap:8px;align-items:center}
button,select,input{font:400 18px/1.15 CableGuide,'Arial Narrow',Arial,sans-serif;font:400 18px/1.15 var(--font)}button,select{min-height:44px;border:2px outset #dbcfdd;border-radius:0;color:#fff;background:#704672;background:var(--purple);padding:7px 14px;cursor:pointer}button:active{border-style:inset;background:#2f1b2c;background:var(--dark)}button:disabled{opacity:.55;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffdd54;outline-offset:-3px}select{max-width:180px;color:#191a19;color:var(--ink);background:#fafac1;background:var(--cream)}#retry{background:#6b4b2f}.modes{display:flex;background:#c8afcc;background:var(--lavender);border-top:2px outset #e9d5ec}.modes button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:#c8afcc;background:var(--lavender);color:#191a19;color:var(--ink);min-height:48px;border-color:#d9c4dd;font-size:21px}.modes button[aria-pressed=true]{background:#2f1b2c;background:var(--dark);color:#fff}.remote-key{font:bold 15px Arial,sans-serif;display:inline-grid;place-items:center;width:23px;height:23px;border:2px outset #f2f4e1;color:#141414;flex-shrink:0}.key-a{background:#edd25a}.key-b{background:#7c94c7;color:white}
.guide{overflow:auto;max-height:56vh;overscroll-behavior:contain;border-top:2px solid #b697b9;border-top:2px solid var(--line)}table{border-collapse:separate;border-spacing:0;width:100%;min-width:960px;table-layout:fixed}th,td{border:1px solid #b697b9;border:1px solid var(--line);height:67px;background:#704672;background:var(--purple);color:#fcedf9}thead th{position:sticky;top:0;z-index:3;background:linear-gradient(#e0cfe2,#c8afcc);background:linear-gradient(#e0cfe2,var(--lavender));color:#191a19;color:var(--ink);height:36px;font:bold 18px CableGuide,'Arial Narrow',Arial,sans-serif;font:bold 18px var(--font)}thead th.current{background:#2f1b2c;background:var(--dark);color:white}th:first-child{position:sticky;left:0;width:155px;z-index:2;background:#c8afcc;background:var(--lavender)}thead th:first-child{z-index:4;background:#c8afcc;background:var(--lavender)}td button,tbody th button{border:0;width:100%;height:100%;min-height:64px;background:transparent;text-align:left;color:inherit;font:400 21px/1.15 CableGuide,'Arial Narrow',Arial,sans-serif;font:400 21px/1.15 var(--font);padding:8px 11px}tbody th button{display:grid;grid-template-columns:1fr 28px;align-items:center;gap:4px;color:#191a19;color:var(--ink);padding:5px 8px}.station-logo{grid-row:1/3;width:100%;max-width:105px;height:43px;object-fit:contain;background:transparent}.channel-name{display:block;grid-column:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:12px Arial,sans-serif}.channel-number{font:500 25px CableGuide,'Arial Narrow',Arial,sans-serif;font:500 25px var(--font);grid-column:2;grid-row:1/3;text-align:right}tr.selected th{background:#c8afcc;background:var(--lavender)}tr.selected th button{color:#191a19;color:var(--ink)}tr.selected .channel-number{background:#2f1b2c;background:var(--dark);color:white;align-self:stretch;display:grid;place-items:center}tr.selected td.live{background:#fafac1;background:var(--cream);color:#191a19;color:var(--ink)}tr.selected td.live button{font-weight:500}td button:hover{box-shadow:inset 0 0 0 2px #fafac1;box-shadow:inset 0 0 0 2px var(--cream)}
.party-bar,.library-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px}.party-bar{background:#2f1b2c;background:var(--dark);border-bottom:1px solid #b697b9;border-bottom:1px solid var(--line)}.party-bar strong{flex:1;min-width:150px;font:400 19px CableGuide,'Arial Narrow',Arial,sans-serif;font:400 19px var(--font)}.party-hint{margin:0;padding:9px 18px;background:#5e3e60;color:#f0deef;font:13px/1.4 Arial,sans-serif}.library-bar{background:linear-gradient(#e0cfe2,#c8afcc);background:linear-gradient(#e0cfe2,var(--lavender));color:#191a19;color:var(--ink);border-top:2px outset #e8d7eb}.library-bar strong{flex:1;min-width:100px;font:500 23px CableGuide,'Arial Narrow',Arial,sans-serif;font:500 23px var(--font)}.library-bar button{background:#2f1b2c;background:var(--dark);font-size:17px}.library-bar input{width:240px;max-width:100%;padding:8px 12px;background:#fafac1;background:var(--cream);color:#191a19;color:var(--ink);border:2px inset #ded3db;min-height:44px}.vod-list{max-height:46vh;overflow:auto;overscroll-behavior:contain}.vod-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px;width:100%;min-height:57px;padding:11px 22px;background:#704672;background:var(--purple);border:1px solid #b697b9;border:1px solid var(--line);font-size:23px}.vod-list button:nth-child(even){background:#674269}.vod-list button:hover,.vod-list button:focus-visible{background:#fafac1;background:var(--cream);color:#191a19;color:var(--ink)}.vod-list small{font:14px Arial,sans-serif;white-space:nowrap}.vod-list p{padding:12px 18px}
footer{display:flex;align-items:center;gap:15px;padding:11px 20px;background:#c8afcc;background:var(--lavender);border-top:3px outset #ddcce1;color:#191a19;color:var(--ink);font:16px CableGuide,'Arial Narrow',Arial,sans-serif;font:16px var(--font)}footer strong{background:#2f1b2c;background:var(--dark);color:#fafac1;color:var(--cream);padding:4px 10px;font-weight:500}details{padding:16px 20px;background:#2f1b2c;background:var(--dark);color:#ecdfed;font:14px/1.5 Arial,sans-serif}summary{cursor:pointer;color:#fafac1;color:var(--cream);min-height:34px}#picture:fullscreen{justify-content:center;width:100%;height:100%;background:#000}#picture:fullscreen video{height:100%;aspect-ratio:auto}#picture:fullscreen #status,#picture:fullscreen .clock-strip{display:none}
@media(max-width:650px){main{max-width:100%}.brand{height:82px;padding:8px 11px;gap:5px}.cox-logo{width:113px;height:47px}.brand small{font-size:9px}#channel-mark{width:48px;height:38px}.program-info{padding:10px 12px;min-height:120px}.eyebrow{font-size:12px}h1{font-size:23px;line-height:1.15}#range{font-size:15px}#synopsis{display:none}.picture{justify-content:flex-start}video{margin-top:auto}#status{font-size:10px;line-height:1.35;padding:7px;min-height:42px}.clock-strip{font-size:14px;padding:6px 4px}.tools{padding:7px;gap:6px}.tools button{font-size:15px;padding:7px 10px}.tools label{font-size:13px;gap:4px}select{font-size:14px;max-width:145px;padding:6px}.modes button{font-size:17px;gap:6px;padding:7px;min-height:52px}.remote-key{width:20px;height:20px;font-size:12px}.party-bar,.library-bar{padding:9px 10px}.party-bar strong{font-size:17px}.party-bar button{font-size:16px;padding:7px 10px}.party-hint{font-size:11px;padding:8px 10px}.library-bar{gap:8px}.library-bar strong{font-size:20px}.library-bar input{width:100%;font-size:17px}.vod-list{max-height:42vh}.vod-list button{padding:10px 14px;font-size:21px}.vod-list small{font-size:11px;white-space:normal;text-align:right}.guide{max-height:48vh}table{min-width:850px}th:first-child{width:122px}.station-logo{max-width:77px;height:37px}.channel-number{font-size:22px}td button{font-size:19px}.channel-name{font-size:10px}footer{padding:9px 10px;font-size:14px;gap:8px}footer strong{white-space:nowrap}details{padding:13px;font-size:13px}}
@media(max-width:360px){.tools label{margin-left:0}#channel-mark{display:none}.modes button{font-size:15px}.cox-logo{width:105px}.program-info{padding:9px}h1{font-size:21px}}
@media(orientation:landscape) and (max-height:500px){.brand{height:60px}.cox-logo{height:40px}.program-info{min-height:95px}.top video{max-height:190px}.guide{max-height:65vh}}

@supports not (display:grid){.detail,.picture{width:100%;display:block}.top{display:block}.tools{display:block}tbody th button{display:block}.station-logo{display:inline-block;vertical-align:middle}.channel-number{float:right}}

/* Full-width phone player with compact program information below. */
@media(max-width:650px){
  .top{display:flex;flex-direction:column}
  .picture{order:0;width:100%;justify-content:flex-start}
  .picture video{width:100%;height:auto;max-height:none;margin:0;object-fit:contain;aspect-ratio:16/9}
  .detail{order:1;display:flex;align-items:stretch;width:100%}
  .brand{flex:0 0 132px;min-height:94px;height:auto;flex-direction:column;justify-content:center;border-bottom:0;border-right:2px inset #e9ebcf;padding:7px 8px;gap:3px}
  .program-info{flex:1;min-width:0;min-height:0;padding:10px 12px}
  #status{min-height:28px;padding:6px 8px;line-height:1.35}
  .clock-strip{min-height:26px;padding:5px 4px}
  .tools{order:2}
}