:root{color-scheme:dark;--bg:#070a0e;--panel:#10161e;--line:#26313d;--gold:#f3c44b;--muted:#93a1ae;--px-min:2px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#1d2630 0,#070a0e 46%);color:#f7f8f9;font:15px Inter,system-ui,sans-serif}.guide-header{height:86px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:#090c11ee;position:sticky;top:0;z-index:10}.brand img{width:82px;max-height:38px;object-fit:contain}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:800}.guide-header h1,.guide-toolbar h2{margin:4px 0 0}.guide-header h1{font-size:24px}.back{margin-left:auto;color:#fff;text-decoration:none}.guide-shell{max-width:1600px;margin:auto;padding:28px clamp(16px,3vw,48px) 80px}.guide-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.guide-actions{display:flex;gap:8px;flex-wrap:wrap}.guide-actions button,.guide-actions select{border:1px solid var(--line);background:#151d27;color:#fff;border-radius:8px;padding:11px 14px;cursor:pointer}.guide-actions .accent{background:var(--gold);color:#111;border-color:var(--gold);font-weight:800}.guide-status{min-height:20px;color:var(--muted)}.guide-grid{border:1px solid var(--line);border-radius:14px;overflow:auto;background:#0c1117}.time-axis{position:relative;height:48px;min-width:calc(220px + var(--window-min) * var(--px-min));margin-left:220px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent 0,transparent calc(var(--px-min) * 30 - 1px),#202b35 calc(var(--px-min) * 30),transparent calc(var(--px-min) * 30 + 1px));background-size:calc(var(--px-min) * 30) 100%}.time-axis span{position:absolute;top:14px;transform:translateX(-50%);color:var(--muted);font-size:12px;white-space:nowrap}.channel-row{display:grid;grid-template-columns:220px auto;min-width:calc(220px + var(--window-min) * var(--px-min));min-height:110px;border-bottom:1px solid var(--line)}.channel-row:last-child{border-bottom:0}.channel-info{padding:16px;border-right:1px solid var(--line);background:#10161e;position:sticky;left:0;z-index:2}.channel-info strong{display:block;font-size:16px}.channel-info small{display:block;color:var(--muted);margin-top:5px}.channel-info a{display:inline-block;margin-top:12px;color:var(--gold);font-size:12px;text-decoration:none}.event-track{position:relative;min-height:110px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--px-min) * 30 - 1px),#202b35 calc(var(--px-min) * 30),transparent calc(var(--px-min) * 30 + 1px))}.epg-event{position:absolute;top:10px;bottom:10px;min-width:44px;padding:12px;border:1px solid #526474;border-radius:8px;background:linear-gradient(135deg,#24384a,#162532);overflow:hidden;text-decoration:none;color:#fff}.epg-event.current{border-color:var(--gold);box-shadow:0 0 0 1px #f3c44b55}.epg-event.gap{border-style:dashed;background:#191714;color:#a9a099}.epg-event strong,.epg-event span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epg-event strong{font-size:14px}.epg-event span{font-size:11px;color:#c4d0d8;margin-top:5px}.now-line{position:absolute;top:0;bottom:0;width:2px;background:#f3c44b;z-index:3;pointer-events:none}.now-line b{position:absolute;top:-30px;left:4px;color:#f3c44b;font-size:11px}.mobile-card{display:none}@media(max-width:760px){.guide-header{height:auto;padding:18px;flex-wrap:wrap}.guide-header .back{width:100%;margin:0}.guide-toolbar{display:block}.guide-actions{margin-top:16px}.guide-grid{border:0;background:transparent;overflow:visible}.time-axis,.channel-row{display:none}.mobile-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:16px}.mobile-card h3{margin:0 0 12px}.mobile-event{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.mobile-event:first-of-type{border-top:0}.mobile-event time{color:var(--gold);width:90px;flex:0 0 90px}.mobile-event strong{display:block}.mobile-event small{display:block;color:var(--muted);margin-top:4px}}
