:root{--bg:#07111f;--panel:#101e31;--panel2:#162941;--text:#f5f7fb;--muted:#9eb0c8;--line:#29415f;--accent:#22a7f0;--good:#25c78b;--danger:#ff5263;--channel:180px;--minute:4px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:6px;padding:.65rem 1rem;cursor:pointer}button:hover,button:focus-visible{border-color:var(--accent);outline:none}.primary{background:#087fc2;border-color:#2bb5ff}.quiet{background:transparent}.hidden{display:none!important}
header{height:68px;display:flex;align-items:center;gap:28px;padding:0 24px;border-bottom:1px solid var(--line);background:#091727;position:sticky;top:0;z-index:20}.brand{font-size:20px;display:flex;align-items:center;gap:8px}.brand-mark{background:linear-gradient(135deg,#12a8f4,#7c3aed);padding:5px 7px;border-radius:6px;font-weight:800}nav{display:flex;gap:4px;flex:1}nav button{border:0;background:transparent;color:var(--muted);border-radius:0;padding:23px 15px;border-bottom:3px solid transparent}nav button.active{color:white;border-bottom-color:var(--accent)}#clock{font-variant-numeric:tabular-nums;color:var(--muted)}main{padding:22px 24px 60px}.view{display:none}.view.active{display:block}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.toolbar h1{margin:0;font-size:26px}.toolbar p{margin:.25rem 0 0;color:var(--muted)}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.guide-wrap{height:calc(100vh - 175px);overflow:auto;border:1px solid var(--line);background:#0b1828}.guide{position:relative;min-height:100%;width:calc(var(--channel) + 5760px)}.time-head{height:48px;position:sticky;top:0;z-index:8;margin-left:var(--channel);background:#0d1c2e;border-bottom:1px solid var(--line)}.time-label{position:absolute;top:0;height:48px;border-left:1px solid var(--line);padding:14px 8px;color:var(--muted);font-size:13px}.channel-row{height:84px;position:relative;margin-left:var(--channel);border-bottom:1px solid var(--line)}.channel-name{position:sticky;left:0;transform:translateX(calc(-1 * var(--channel)));z-index:6;width:var(--channel);height:84px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#0d1c2e;border-right:1px solid var(--line)}.channel-number{color:var(--muted);width:32px}.channel-dot{width:7px;height:44px;border-radius:4px}.programme{position:absolute;top:7px;height:69px;padding:8px 10px;border:1px solid #426181;border-radius:5px;background:linear-gradient(135deg,#19314e,#10233a);overflow:hidden;cursor:default}.programme.live{border-color:#47c8ff;box-shadow:0 0 0 1px #47c8ff inset;cursor:pointer}.programme strong,.programme span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.programme span{font-size:12px;color:var(--muted);margin-top:3px}.now-line{position:absolute;top:48px;bottom:0;width:2px;background:#ff355d;z-index:7;pointer-events:none}.now-line:before{content:"NOW";position:absolute;top:-24px;left:-17px;background:#ff355d;padding:2px 5px;font-size:10px;border-radius:3px}
.cards,.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.card h2,.panel h2{margin:0 0 6px}.card .number{font-size:13px;color:var(--muted)}.card .count{margin-top:18px;color:var(--muted)}.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:18px}.inline-form h2{width:100%}label{display:grid;gap:5px;color:var(--muted)}input,textarea,select{background:#081522;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:.65rem}textarea{width:100%;resize:vertical}.steps .panel{position:relative;padding-top:22px}.step{float:right;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#087fc2;font-weight:bold}.steps p{color:var(--muted);min-height:44px}.status{margin-top:15px}.status-grid{display:flex;gap:20px;flex-wrap:wrap}.ok{color:var(--good)}.bad{color:var(--danger)}
.table-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;background:var(--panel)}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}th{background:#0d1c2e;color:var(--muted);position:sticky;top:0}tbody tr:hover{background:var(--panel2)}#show-search{width:min(350px,100%)}.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.progress{height:9px;background:#07111f;border-radius:8px;overflow:hidden;margin-top:12px}.progress div{height:100%;width:0;background:var(--accent);transition:width .2s}
.player{position:fixed;inset:0;background:#000;z-index:100;display:grid;place-items:center}.player video{width:100%;height:100%;object-fit:contain}.player-top{position:absolute;left:0;right:0;top:0;z-index:2;padding:18px 20px;display:flex;justify-content:space-between;background:linear-gradient(#000b,transparent)}.player-top strong,.player-top span{display:block}.player-top span{color:#ccc}.live-badge{position:absolute;bottom:22px;left:22px;background:#c51230;padding:5px 9px;border-radius:4px;font-weight:bold}.player p{position:absolute;bottom:18px;text-align:center;color:#ddd}#toast{position:fixed;right:20px;bottom:20px;background:#edf6ff;color:#07111f;border-radius:6px;padding:12px 16px;transform:translateY(150%);transition:.25s;z-index:200;max-width:420px}#toast.show{transform:none}
.channel-row{margin-left:0}
.channel-name{left:0;transform:none;display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;gap:0 9px;padding:9px 12px;box-shadow:5px 0 12px #06101dbd}
.channel-badge{grid-row:1/3;width:38px;height:38px;border-radius:7px;display:grid;place-items:center;color:white;font-size:12px;font-weight:800;align-self:center}
.channel-title{align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-title .channel-number{margin-right:5px;font-size:11px}
.channel-now{align-self:start;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.programme{padding-right:30px}
.info-button{position:absolute;right:5px;top:5px;width:22px;height:22px;padding:0;border-radius:50%;background:#274766;border-color:#53789c;font-size:12px;font-weight:800;line-height:20px;z-index:2}
.modal{position:fixed;inset:0;background:#02070dc9;z-index:150;display:grid;place-items:center;padding:24px}
.info-card{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid #45698f;border-radius:12px;padding:24px;box-shadow:0 24px 80px #000}
.modal-close{position:absolute;right:14px;top:14px;z-index:2}
#info-loading{padding:55px 20px;text-align:center;color:var(--muted)}
#info-content{display:grid;grid-template-columns:minmax(180px,42%) 1fr;gap:24px;align-items:start}
#info-image{display:block;width:100%;max-height:390px;object-fit:cover;border-radius:8px;background:#07111f}
.info-copy{padding-top:18px}.info-copy h2{font-size:28px;margin:5px 0}.info-copy h3{font-size:19px;margin:0 0 8px;color:#c9e9ff}.info-copy p{line-height:1.6}.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.muted{color:var(--muted)}.source-link{display:inline-block;color:#64caff;margin-top:10px}
@media(max-width:760px){header{padding:0 10px;gap:10px}.brand strong{display:none}nav{overflow:auto}nav button{padding:23px 9px;white-space:nowrap}#clock{display:none}main{padding:15px 10px}.toolbar{align-items:start;flex-direction:column}.toolbar-actions{width:100%}:root{--channel:130px}.channel-name{padding:7px;grid-template-columns:30px 1fr}.channel-badge{width:28px;height:34px;font-size:9px}.channel-number{display:none}#info-content{grid-template-columns:1fr}#info-image{max-height:260px}.info-copy{padding-top:0}}