:root{--ink:#171412;--bg:#fff1dc;--bg-2:#ffe4b8;--panel:#fff;--panel-2:#fff7ea;--line:#171412;--text:#171412;--muted:#5c554c;--muted-2:#7a7268;--brand:#fa5a01;--brand-2:#275dc1;--live:#ff5a00;--accent:#ff5a00;--mark:#ffe14a;--on-brand:#fff;--danger:#d0122d;--shadow:4px 4px 0 #171412;--shadow-sm:1px 1px 0 #171412;--border:2px solid #171412;--radius:16px;--radius-sm:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Open Sans,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(270deg,#10446f,#062d4d 100%)}button{cursor:pointer;font-family:inherit}::selection{background:var(--mark);color:var(--ink)}.app{flex-direction:column;gap:22px;max-width:1360px;margin:0 auto;padding:22px clamp(14px,3vw,32px) 72px;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.brand__logo{align-items:center;display:inline-flex}.brand__logo img{width:100%;max-width:min(280px,58vw);height:auto;display:block}.brand__sub{border:var(--border);background:var(--bg);min-width:118px;min-height:52px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:6px 16px;font-size:20px;font-weight:800;line-height:1.05;display:flex;position:relative}.topbar__right{align-items:center;gap:12px;display:flex}.clock{font-variant-numeric:tabular-nums;background:var(--panel);border:var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:18px;font-weight:800;display:inline-flex}.clock__dot{background:var(--brand);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px}.iconbtn{border:var(--border);background:var(--mark);width:52px;height:52px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;font-size:22px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.iconbtn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.iconbtn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.banner{color:var(--ink);background:var(--mark);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:14px 18px;font-size:15px;font-weight:600}.banner code{background:var(--panel);border:2px solid var(--ink);border-radius:6px;padding:1px 7px;font-size:13px;font-weight:700}.board-list{flex-direction:column;gap:12px;max-width:640px;display:flex}.board-list__link{border:var(--border);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;padding:18px 22px;font-size:18px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:block}.board-list__link:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.board-list__link:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.events{flex-wrap:wrap;gap:10px;display:flex}.events__tab{border:var(--border);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 20px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background 80ms}.events__tab:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.events__tab:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.events__tab.is-active{background:var(--brand);color:var(--on-brand)}.toolbar{background:var(--panel);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:stretch;gap:14px;padding:14px;display:flex}.toolbar__group{align-items:stretch;display:flex}.toolbar__search{flex:260px;position:relative}.toolbar__search-icon{color:var(--ink);pointer-events:none;font-size:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.toolbar__input{border:var(--border);background:var(--bg);width:100%;height:100%;min-height:52px;color:var(--text);border-radius:14px;outline:none;padding:12px 44px;font-size:16px;font-weight:600}.toolbar__input:focus{box-shadow:var(--shadow-sm);background:#fff}.toolbar__clear{border:2px solid var(--ink);background:var(--panel);color:var(--ink);border-radius:8px;padding:4px 8px;font-size:14px;font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toolbar__clear:hover{background:var(--mark)}.toolbar__scrub{gap:8px}.scrub__btn{border:var(--border);background:var(--bg);width:48px;min-height:52px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;font-size:20px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.scrub__btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.scrub__btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.scrub__time{border:var(--border);background:var(--bg);min-width:118px;min-height:52px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:6px 16px;font-weight:800;line-height:1.05;display:flex;position:relative}.scrub__time .scrub__dot{display:none}.scrub__time.is-live{background:var(--brand);color:var(--on-brand)}.scrub__clock{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.scrub__day{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.scrub__time.is-live .scrub__day{color:var(--on-brand)}.toolbar__view{background:0 0;border:none;border-radius:0;gap:8px;padding:0}.view__btn{border:var(--border);background:var(--bg);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 20px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background 80ms}.view__btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.view__btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.view__btn.is-active{color:var(--on-brand);background:var(--brand)}a.view__btn{align-items:center;text-decoration:none;display:inline-flex}.channels{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:22px;display:grid}.channel{background:var(--panel);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;min-height:0;padding:18px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.channel--live{box-shadow:5px 5px 0 var(--brand);background:#fff8ef}.channel:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.channel--live:hover{box-shadow:7px 7px 0 var(--brand)}.channel__head{align-items:flex-start;gap:10px;display:flex}.channel__name{letter-spacing:-.03em;flex:1;margin:0;font-size:18px;font-weight:800;line-height:1.15}.channel__status{letter-spacing:.06em;color:var(--ink);border:2px solid var(--ink);background:var(--bg);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.channel__status.is-live{color:var(--ink);background:var(--brand)}.nows{flex-direction:column;gap:12px;padding:0 4px 4px 0;display:flex}.now{border:var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.now--live{box-shadow:3px 3px 0 var(--brand);background:#fff}.nows--stack .now__title{font-size:20px}.now--upcoming{background:var(--bg)}.now__title{letter-spacing:-.04em;font-size:24px;font-weight:800;line-height:1.1}.now__details{color:var(--muted);font-size:15px;font-weight:500;line-height:1.4}.now__time{color:var(--brand);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.now--empty{color:var(--muted);box-shadow:none;background:0 0;border:none;padding:8px 0;font-size:16px;font-weight:600}.progress{background:var(--bg);border:2px solid var(--ink);border-radius:8px;height:14px;margin-top:6px;overflow:hidden}.progress__bar{background:var(--brand);border-radius:0;height:100%;transition:width .6s}.now__ends{color:var(--muted);font-size:13px;font-weight:700}.next{border-top:3px solid var(--ink);padding-top:12px}.next__label{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.next__title{margin-top:4px;font-size:16px;font-weight:800}.later{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.later__row{color:var(--muted);gap:12px;font-size:14px;font-weight:600;display:flex}.later__time{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;flex-shrink:0;font-weight:800}.later__title{color:var(--text)}.guide{border:var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow-x:auto}.guide__inner{position:relative}.guide__header{z-index:5;background:var(--mark);border-bottom:3px solid var(--ink);display:flex;position:sticky;top:0}.guide__corner{z-index:6;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--mark);border-right:3px solid var(--ink);align-items:center;padding:0 16px;font-size:13px;font-weight:800;display:flex;position:sticky;left:0}.guide__ticks{position:relative}.guide__tick{color:var(--muted);font-variant-numeric:tabular-nums;border-left:2px solid var(--ink);align-items:center;padding-left:8px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;bottom:0}.guide__tick.is-hour{color:var(--ink)}.guide__body{position:relative}.guide__row{border-bottom:3px solid var(--ink);display:flex}.guide__row:last-child{border-bottom:none}.guide__label{z-index:4;background:var(--panel);border-right:3px solid var(--ink);align-items:center;padding:0 16px;font-size:15px;font-weight:800;display:flex;position:sticky;left:0}.guide__track{position:relative}.block{background:var(--bg);border:3px solid var(--ink);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-height:0;margin-right:4px;padding:8px 10px;display:flex;position:absolute;top:8px;bottom:8px;overflow:hidden}.block__title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.block__time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:700}.block--live{background:var(--brand);color:var(--on-brand)}.block--live .block__time{color:var(--on-brand)}.guide__now{background:var(--brand);z-index:3;border-left:2px solid var(--ink);border-right:2px solid var(--ink);width:4px;position:absolute}.guide__now:before{content:"";background:var(--brand);border:3px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;left:-7px}.state,.empty{text-align:center;color:var(--muted);padding:72px 20px;font-size:18px;font-weight:700}.state--error{color:var(--danger)}.state--loading{color:var(--bg)}.btn{border:var(--border);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sm);border-radius:14px;margin-top:16px;padding:12px 22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-block}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}mark{background:var(--mark);color:var(--ink);border-radius:4px;padding:0 3px;font-weight:800}@media (width<=560px){.toolbar__view{order:3}.channels{grid-template-columns:1fr}.now__title{font-size:22px}.topbar__right{flex-direction:column;align-items:flex-end;gap:6px}.scrub__btn{width:35px}}