:root{--guide-ink:#041127;--guide-ink2:#071b38;--guide-panel:#0a2348;--guide-cyan:#00dcff;--guide-yellow:#ffe600;--guide-white:#f6fbff;--guide-muted:#a8c3dc;--guide-line:#00dcff38}*{box-sizing:border-box}.guide-page{background:radial-gradient(circle at 12% 8%,#00dcff21,transparent 27%),radial-gradient(circle at 90% 42%,#a947ff1a,transparent 28%),var(--guide-ink);min-height:100vh;color:var(--guide-white);font-family:Arial,sans-serif}.guide-wrap{width:min(1180px,100% - 32px);margin:auto}.guide-top{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--guide-line);background:#041127f0;position:sticky;top:0}.guide-nav{justify-content:space-between;align-items:center;gap:22px;min-height:74px;display:flex}.guide-brand{letter-spacing:.02em;color:#fff;font:italic 900 1.8rem Arial,sans-serif;text-decoration:none}.guide-brand span{color:var(--guide-cyan)}.guide-links{align-items:center;gap:20px;display:flex}.guide-links a{color:#fff;font-size:.86rem;font-weight:800;text-decoration:none}.guide-home{background:var(--guide-yellow);border-radius:10px;padding:12px 17px;color:#071127!important}.guide-hero{text-align:center;padding:82px 0 42px}.guide-kicker{letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--guide-cyan)!important}.guide-hero h1{text-transform:uppercase;text-shadow:0 9px 35px #000;margin:12px 0 18px;font-size:clamp(3.3rem,8vw,6.7rem);font-style:italic;font-weight:900;line-height:.9}.guide-hero h1 span{color:var(--guide-yellow)}.guide-hero>div>p:last-child{color:#d9ecfa;max-width:720px;margin:auto;font-size:1.08rem;line-height:1.65}.guide-directory{padding:22px 0 90px}.guide-controls{border:1px solid var(--guide-line);background:#071b38f0;border-radius:22px 22px 0 0;grid-template-columns:1.5fr 1fr;gap:14px;padding:24px;display:grid}.guide-controls label{gap:8px;display:grid}.guide-controls label span{color:var(--guide-cyan);text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:900}.guide-controls input,.guide-controls select{border:1px solid var(--guide-line);color:#fff;background:#0b2448;border-radius:11px;width:100%;min-height:52px;padding:0 15px;font-size:1rem;font-weight:700}.guide-daybar{border:1px solid var(--guide-line);background:#06172f;border-top:0;justify-content:space-between;align-items:center;padding:15px 24px;display:flex}.guide-daybar button{border:1px solid var(--guide-line);color:#fff;cursor:pointer;background:#0b2c55;border-radius:50%;width:44px;height:44px;font-size:2rem}.guide-daybar div{text-align:center;gap:4px;display:grid}.guide-daybar strong{font-size:1.05rem}.guide-daybar span{color:var(--guide-muted);font-size:.77rem}.guide-count{color:var(--guide-muted);margin:20px 0}.guide-count strong{color:var(--guide-yellow)}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-channel{border:1px solid var(--guide-line);background:linear-gradient(155deg,#0b2c55fa,#041127fc);border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #00000040}.guide-channel-head{border-bottom:1px solid var(--guide-line);align-items:center;gap:14px;padding:17px;display:flex}.guide-channel-head img,.guide-logo-fallback{object-fit:contain;color:#062040;background:#fff;border-radius:12px;place-items:center;width:58px;height:58px;font-weight:900;display:grid}.guide-channel h2{margin:0 0 4px;font-size:1.08rem}.guide-channel-head p{color:var(--guide-cyan);margin:0;font-size:.72rem;font-weight:800}.guide-now,.guide-next{padding:16px}.guide-now>span,.guide-next>span{color:var(--guide-yellow);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.68rem;font-weight:900;display:block}.guide-now button,.guide-next button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.guide-now button{gap:6px;padding:0;display:grid}.guide-now small{color:var(--guide-muted)}.guide-now i{background:#16375d;border-radius:99px;height:5px;display:block;overflow:hidden}.guide-now i b{background:var(--guide-cyan);height:100%;display:block}.guide-now p,.guide-next p{color:var(--guide-muted);margin:0;font-size:.84rem}.guide-next{border-top:1px solid #ffffff12}.guide-next button{border-bottom:1px solid #ffffff12;grid-template-columns:78px 1fr;gap:10px;padding:9px 0;display:grid}.guide-next time{color:var(--guide-cyan);font-size:.78rem;font-weight:800}.guide-next strong{font-size:.84rem}.guide-message,.permission-panel{border:1px solid var(--guide-line);text-align:center;color:var(--guide-muted);background:#071b38f0;border-radius:18px;padding:52px 24px}.permission-panel{max-width:820px;margin:auto;padding:46px}.permission-icon{background:var(--guide-yellow);color:#071127;border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 20px;font-weight:900;display:grid}.permission-panel h2{color:#fff;margin:0 0 14px;font-size:2rem}.permission-panel>p{line-height:1.7}.permission-panel dl{grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0;display:grid}.permission-panel dl div{border:1px solid var(--guide-line);background:#06172f;border-radius:12px;padding:16px}.permission-panel dt{color:var(--guide-muted);text-transform:uppercase;font-size:.72rem}.permission-panel dd{color:#fff;margin:6px 0 0;font-weight:900}.permission-note{font-size:.86rem;color:var(--guide-yellow)!important}.guide-notice{border-left:4px solid var(--guide-yellow);color:#d9ecfa;background:#06172f;border-radius:10px;margin:34px 0 0;padding:18px 20px;font-size:.88rem;line-height:1.6}.guide-modal{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000712d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guide-modal>div{border:1px solid var(--guide-line);background:#081f40;border-radius:20px;width:min(580px,100%);padding:30px;position:relative;box-shadow:0 30px 90px #000}.guide-modal h2{font-size:2rem}.guide-modal p{color:var(--guide-muted);line-height:1.6}.guide-close{color:#fff;cursor:pointer;background:#16375d;border:0;border-radius:50%;width:38px;height:38px;font-size:1.6rem;position:absolute;top:12px;right:14px}.guide-footer{border-top:1px solid var(--guide-line);text-align:center;color:var(--guide-muted);padding:38px 0}@media (max-width:760px){.guide-links a:not(.guide-home){display:none}.guide-hero{padding-top:58px}.guide-controls,.guide-grid{grid-template-columns:1fr}.permission-panel{padding:32px 18px}.permission-panel dl{grid-template-columns:1fr 1fr}}@media (max-width:480px){.guide-wrap{width:calc(100% - 22px)}.guide-brand{font-size:1.35rem}.guide-hero h1{font-size:3.35rem}.guide-controls{padding:17px}.guide-daybar{padding:13px}.permission-panel dl{grid-template-columns:1fr}.guide-next button{grid-template-columns:68px 1fr}}.guide-credit{text-align:center;color:var(--guide-muted);margin:12px 0 0;font-size:.78rem;line-height:1.5}.guide-credit a{color:var(--guide-cyan);font-weight:800}.epg-feature{background:linear-gradient(135deg,#051935fa,#1b2945f5);border:1px solid #1fd0ff59;border-radius:22px;grid-template-columns:minmax(180px,30%) 1fr;gap:26px;margin:22px 0 16px;padding:22px;display:grid;box-shadow:0 22px 60px #0005}.epg-feature-art{background:radial-gradient(circle,#00d1ff3d,#00081bf2);border:1px solid #fff2;border-radius:15px;place-items:center;min-height:190px;display:grid;overflow:hidden}.epg-feature-art img{object-fit:contain;filter:drop-shadow(0 8px 18px #0008);width:72%;height:72%}.epg-feature-art span{text-align:center;color:#fff;font-size:clamp(1.3rem,3vw,2.4rem);font-style:italic;font-weight:1000;line-height:.95}.epg-feature-copy{align-self:center;min-width:0}.epg-feature-copy h2{color:#fff;margin:3px 0 7px;font-size:clamp(1.7rem,4vw,3.25rem);line-height:1}.epg-feature-copy>p:last-of-type{color:#d2def0;margin:12px 0 0;line-height:1.55}.epg-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:900;color:#20d7ff!important;margin:0!important}.epg-meta{color:#f7fbff;align-items:center;gap:15px;display:flex}.epg-meta span{color:#9fb1c9}.epg-tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.epg-tags span{color:#b7ebff;border:1px solid #00d5ff4d;border-radius:999px;padding:5px 10px;font-size:.73rem}.epg-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:15px 0 10px;display:flex}.epg-toolbar p{color:#b9c8dc;margin:0}.epg-toolbar>div{gap:8px;display:flex}.epg-toolbar button,.epg-load{color:#fff;cursor:pointer;background:#071b39;border:1px solid #00d2ff73;border-radius:9px;padding:10px 15px;font-weight:800}.epg-toolbar button:hover,.epg-load:hover{background:#0b315a;outline:2px solid #00d5ff}.epg-toolbar button:focus-visible{background:#0b315a;outline:2px solid #00d5ff}.epg-toolbar .epg-now-button{color:#05142a;background:#ffe000;border-color:#ffe000}.epg-scroll{scrollbar-color:#17759d #06152d;background:#06152d;border:1px solid #16c3f459;border-radius:17px;overflow:auto;box-shadow:0 20px 50px #0004}.epg-board{min-width:1120px}.epg-time-row,.epg-row{grid-template-columns:260px 1fr;display:grid}.epg-time-row{z-index:8;background:#091b34;border-bottom:1px solid #28506d;position:sticky;top:0}.epg-corner{z-index:9;color:#fff;background:#08203d;border-right:1px solid #28506d;justify-content:space-between;align-items:center;padding:11px 15px;display:flex;position:sticky;left:0}.epg-corner span{color:#20d7ff;font-size:.75rem}.epg-times{grid-template-columns:repeat(8,1fr);display:grid}.epg-times time{color:#d9e5f5;border-left:1px solid #6490b438;padding:13px 7px;font-size:.76rem;font-weight:800}.epg-row{border-bottom:1px solid #507ca13d;min-height:76px}.epg-channel-label{z-index:5;color:#fff;background:#08203d;border-right:1px solid #28506d;grid-template-columns:26px 38px 1fr;align-items:center;gap:9px;padding:9px 12px;display:grid;position:sticky;left:0}.epg-channel-label>b{color:#9eb0c8;font-size:.78rem}.epg-channel-label img,.epg-logo-fallback{object-fit:contain;background:#fff;border-radius:7px;width:38px;height:38px;padding:3px}.epg-logo-fallback{color:#09213c;place-items:center;font-size:.7rem;font-weight:900;display:grid}.epg-channel-label div{min-width:0}.epg-channel-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.epg-channel-label small{color:#7fa6c5;margin-top:3px;font-size:.67rem;display:block}.epg-track{background-color:#0b1c35;background-image:linear-gradient(90deg,#43739638 1px,#0000 1px);background-size:12.5% 100%;min-height:76px;position:relative}.epg-program{text-align:left;color:#f8fbff;cursor:pointer;background:linear-gradient(145deg,#263c5b,#1b2d49);border:1px solid #97bcdb52;border-radius:7px;padding:8px 10px;position:absolute;top:6px;bottom:6px;overflow:hidden}.epg-program strong,.epg-program span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.epg-program strong{font-size:.78rem}.epg-program span{color:#a9bbd1;margin-top:6px;font-size:.65rem}:is(.epg-program:hover,.epg-program:focus-visible){z-index:3;background:linear-gradient(145deg,#176b99,#17496f);outline:2px solid #32dcff}.epg-program.is-current{color:#061327;background:linear-gradient(145deg,#79c8ee,#4f89bd);border-color:#bcecff}.epg-program.is-current span{color:#102f50}.epg-program.is-selected{box-shadow:inset 0 0 0 2px #ffe000}.epg-no-info{color:#71839d;font-size:.77rem;position:absolute;top:27px;left:15px}.epg-now-line{z-index:4;pointer-events:none;background:#ffe000;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ffe000cc}.epg-load{margin:18px auto;display:block}.guide-count{text-align:center}@media (max-width:720px){.epg-feature{grid-template-columns:100px 1fr;gap:14px;padding:13px}.epg-feature-art{min-height:110px}.epg-feature-copy h2{font-size:1.45rem}.epg-feature-copy>p:last-of-type{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.epg-meta{gap:8px;font-size:.75rem}.epg-tags{display:none}.epg-toolbar{flex-direction:column;align-items:flex-start}.epg-toolbar>div{width:100%}.epg-toolbar button{flex:1;padding:9px}.epg-scroll{border-radius:11px;margin-left:-8px;margin-right:-8px}.epg-board{min-width:920px}.epg-time-row,.epg-row{grid-template-columns:200px 1fr}.epg-channel-label{grid-template-columns:20px 31px 1fr;padding:7px 8px}.epg-channel-label img,.epg-logo-fallback{width:31px;height:31px}.epg-channel-label strong{font-size:.74rem}}
