:root{--bg:#f6f1ea;--bg-2:#efe8de;--panel:#fff;--panel-2:#f3eee6;--line:#e4dcd0;--text:#1c1915;--muted:#6f685f;--muted-2:#948c83;--brand:#e56e0c;--brand-2:#f5821f;--live:#d85f00;--accent:#e56e0c;--mark:#ffd27a;--on-brand:#fff;--danger:#b42318;--radius:14px;--radius-sm:9px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%, #e56e0c1f, transparent 60%), radial-gradient(900px 500px at -10% 0%, #f5821f14, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}::selection{background:#f5821f66}.app{flex-direction:column;gap:16px;max-width:1320px;margin:0 auto;padding:18px clamp(12px,3vw,28px) 60px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{flex-direction:column;align-items:center;gap:14px;display:flex}.brand__logo{align-items:center;display:inline-flex}.brand__logo img{width:auto;max-width:min(240px,55vw);height:34px;display:block}.brand__sub{color:var(--muted);align-self:flex-start;font-size:16px;font-weight:700}.topbar__right{align-items:center;gap:10px;display:flex}.clock{font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:700;display:inline-flex}.clock__dot{background:var(--live);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #ff7a1899}@keyframes pulse{0%{box-shadow:0 0 #ff7a188c}70%{box-shadow:0 0 0 7px #ff7a1800}to{box-shadow:0 0 #ff7a1800}}.iconbtn{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--text);border-radius:50%;font-size:17px;transition:background .15s,transform .15s}.iconbtn:hover{background:var(--panel-2);transform:rotate(45deg)}.banner{color:#8a5a00;border-radius:var(--radius-sm);background:#fff6e4;border:1px solid #f0d9a0;padding:10px 14px;font-size:13px}.banner code{background:#1c19150f;border-radius:5px;padding:1px 6px;font-size:12px}.events{flex-wrap:wrap;gap:8px;display:flex}.events__tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s}.events__tab:hover{color:var(--text);border-color:var(--accent)}.events__tab.is-active{color:var(--on-brand);background:linear-gradient(135deg, var(--brand), var(--brand-2));border-color:#0000}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:10px;display:flex;box-shadow:0 1px 3px #1c19150d}.toolbar__group{align-items:center;display:flex}.toolbar__search{flex:240px;position:relative}.toolbar__search-icon{color:var(--muted);pointer-events:none;font-size:17px;position:absolute;left:12px}.toolbar__input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);outline:none;padding:10px 36px;font-size:14px;transition:border-color .15s}.toolbar__input:focus{border-color:var(--accent)}.toolbar__clear{color:var(--muted);background:0 0;border:none;padding:4px 6px;font-size:14px;position:absolute;right:8px}.toolbar__clear:hover{color:var(--text)}.toolbar__scrub{gap:6px}.scrub__btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);width:34px;height:38px;color:var(--text);font-size:16px;transition:background .15s}.scrub__btn:hover{background:var(--panel-2)}.scrub__time{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);min-width:96px;height:38px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:0 12px;line-height:1.1;display:flex;position:relative}.scrub__time .scrub__dot{display:none}.scrub__time.is-live{border-color:var(--live);background:#ff7a1824}.scrub__clock{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.scrub__day{letter-spacing:1px;color:var(--muted);font-size:10px}.scrub__time.is-live .scrub__day{color:var(--live)}.toolbar__view{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:3px;padding:3px}.view__btn{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s}.view__btn.is-active{color:var(--on-brand);background:var(--accent)}.channels{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.channel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #1c19150d}.channel:before{content:"";background:var(--muted-2);width:4px;position:absolute;inset:0 auto 0 0}.channel--live{border-color:#ff7a1866}.channel--live:before{background:linear-gradient(var(--brand), var(--brand-2))}.channel:hover{border-color:var(--accent);transform:translateY(-2px)}.channel__head{align-items:center;gap:10px;display:flex}.channel__num{font-variant-numeric:tabular-nums;color:var(--on-brand);background:var(--text);border-radius:6px;padding:2px 7px;font-size:13px;font-weight:800}.channel--live .channel__num{background:var(--live)}.channel__name{flex:1;margin:0;font-size:16px;font-weight:700}.channel__status{letter-spacing:1px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.channel__status.is-live{color:var(--live);background:#ff7a181f;border-color:#ff7a1873}.now{flex-direction:column;gap:5px;display:flex}.now__title{letter-spacing:-.3px;font-size:19px;font-weight:800}.now__details{color:var(--muted);font-size:13px;line-height:1.4}.now__time{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.now--empty{color:var(--muted);padding:6px 0;font-size:14px}.progress{background:var(--bg-2);border-radius:999px;height:6px;margin-top:2px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:999px;height:100%;transition:width .6s}.now__ends{color:var(--muted-2);font-size:11px}.next{border-top:1px dashed var(--line);padding-top:9px}.next__label{letter-spacing:.5px;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.next__title{margin-top:2px;font-size:14px;font-weight:600}.later{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.later__row{color:var(--muted);gap:10px;font-size:12.5px;display:flex}.later__time{font-variant-numeric:tabular-nums;color:var(--muted-2);min-width:58px}.later__title{color:var(--text)}.guide{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow-x:auto;box-shadow:0 1px 3px #1c19150d}.guide__inner{position:relative}.guide__header{z-index:5;background:var(--panel-2);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.guide__corner{z-index:6;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--panel-2);border-right:1px solid var(--line);align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:flex;position:sticky;left:0}.guide__ticks{position:relative}.guide__tick{color:var(--muted-2);font-variant-numeric:tabular-nums;border-left:1px solid var(--line);align-items:center;padding-left:6px;font-size:11px;display:flex;position:absolute;top:0;bottom:0}.guide__tick.is-hour{color:var(--muted);border-left-color:var(--line)}.guide__body{position:relative}.guide__row{border-bottom:1px solid var(--line);display:flex}.guide__row:last-child{border-bottom:none}.guide__label{z-index:4;background:var(--panel);border-right:1px solid var(--line);align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:flex;position:sticky;left:0}.guide__track{position:relative}.block{background:var(--panel-2);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;flex-direction:column;justify-content:center;gap:2px;margin-right:3px;padding:6px 9px;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.block__title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.block__time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}.block--live{background:linear-gradient(135deg,#ffe0bd,#fff1de);border-color:#e56e0c73}.block--live .block__time{color:var(--live)}.guide__now{background:var(--brand);z-index:3;width:2px;position:absolute;box-shadow:0 0 10px #e56e0c73}.guide__now:before{content:"";background:var(--brand);border-radius:50%;width:10px;height:10px;position:absolute;top:-1px;left:-4px}.state,.empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:15px}.state--error{color:var(--danger)}.btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-2);color:var(--text);margin-top:14px;padding:9px 18px;font-weight:600}.btn:hover{border-color:var(--accent)}mark{background:var(--mark);color:#1a1400;border-radius:3px;padding:0 2px}@media (width<=560px){.toolbar__view{order:3}.channels{grid-template-columns:1fr}}