@import url("https://api.fontshare.com/v2/css?f[]=clash-display@300,400,500,600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap");@font-face{font-family:Norwester;src:url(/webfontkit-norwester/norwester-webfont.woff2) format("woff2"),url(/webfontkit-norwester/norwester-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0a0d14;--bg-2:#0c1018;--surface:#12161f;--surface-2:#161b26;--line:rgba(255,255,255,0.08);--line-2:rgba(255,255,255,0.14);--primary:#2d3142;--accent:#f5c84b;--accent-ink:#14171e;--text:#ffffff;--text-dim:rgba(255,255,255,0.62);--text-faint:rgba(255,255,255,0.4);--text-ghost:rgba(255,255,255,0.26);--display:"Clash Display","Geist",system-ui,sans-serif;--ui:"Geist",ui-sans-serif,system-ui,-apple-system,sans-serif;--ease:cubic-bezier(0.22,1,0.36,1);--nav-h:64px}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-x:hidden}button{font-family:inherit;cursor:pointer}.app{height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.stage,.stage-row{flex:1 1;min-height:0;display:flex}.stage{min-width:0;flex-direction:column}.app.is-fullscreen .guide-grid,.app.is-fullscreen .topnav{display:none}.side-toolbar{width:76px;background:var(--bg-2);border-left:1px solid var(--line)}.side-toolbar,.toolbar-btn{flex:none;display:flex;flex-direction:column}.toolbar-btn{width:100%;align-items:center;justify-content:center;gap:5px;padding:18px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text-dim);transition:background .22s var(--ease),color .22s var(--ease)}.toolbar-btn:hover{background:rgba(245,200,75,.08);color:var(--text)}.toolbar-btn:active{background:rgba(245,200,75,.15)}.toolbar-btn svg{width:18px;height:18px;flex:none}.toolbar-btn__label{letter-spacing:.2em;font-weight:600;color:inherit}.toolbar-btn__label,.toolbar-btn__sub{font-size:8px;text-transform:uppercase;line-height:1}.toolbar-btn__sub{letter-spacing:.12em;color:var(--accent)}.brand-logo{display:inline-block;background-image:url(/logo/brand_transparent_dark-2.png);background-repeat:no-repeat;background-position:center 53%;background-size:auto 330%}.topnav__logo{width:124px;height:32px}.splash-logo-img{width:248px;height:66px}.keyboard-help-modal__logo{width:116px;height:30px}.email-gate-logo{width:320px;max-width:82vw;height:86px}.topnav{height:var(--nav-h);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(10,13,20,.92),rgba(10,13,20,.6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.topnav__brand{text-decoration:none;color:var(--accent);display:inline-flex;align-items:center}.topnav__links{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px)}.topnav__link{position:relative;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);padding:6px 0;display:inline-flex;align-items:center;gap:7px;transition:color .3s var(--ease)}.topnav__link.active{color:var(--text)}.topnav__link.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.topnav__link.soon{color:var(--text-ghost);cursor:default}.topnav__soon{font-size:8px;letter-spacing:.12em;color:var(--accent);border:1px solid rgba(245,200,75,.4);border-radius:999px;padding:2px 5px 1px;opacity:.75}.top{flex:0 0 46%;min-height:0;display:flex;border-bottom:1px solid var(--line)}.app.is-fullscreen .top{flex:1 1 100%;border-bottom:0}.now-panel{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,3vw,46px);background:var(--bg);border-right:1px solid var(--line)}.now-panel,.now-panel__inner{min-width:0}.now-panel{overflow:hidden;position:relative}.now-panel__bg{display:none}.now-panel__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,13,20,.72),rgba(10,13,20,.42) 60%,rgba(10,13,20,.62))}.now-panel__inner{position:relative;z-index:1;width:100%}.now-panel .hero__title{font-size:clamp(18px,2.4vw,38px);line-height:1.08;-webkit-line-clamp:4;margin-bottom:16px}.now-panel .hero__progress{width:100%;max-width:360px;margin-bottom:16px}.np-channel{display:flex;align-items:center;gap:12px;margin-bottom:10px}.np-avatar{width:36px;height:36px;flex:none;border-radius:50%;background-size:cover;background-position:50%;background-color:var(--surface-2)}.np-channel-name{font-size:17px;font-weight:600;letter-spacing:.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-live{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);padding:3px 7px 2px;border-radius:4px}.np-stats{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.03em;color:var(--text-faint);margin-bottom:16px}.np-stats .dot{width:3px;height:3px;border-radius:50%;background:var(--text-ghost)}.np-desc{font-size:12px;line-height:1.55;color:var(--text-faint);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.screen{flex:0 0 auto;height:100%;aspect-ratio:16/9;min-width:480px;max-width:75%;position:relative;overflow:hidden;background:#000}.app.is-fullscreen .now-panel{display:none}.app.is-fullscreen .screen{flex:1 1 100%;height:100%;aspect-ratio:auto;min-width:0;max-width:100%}.hero__poster,.screen__frame{position:absolute;inset:0}.hero__poster{background-size:cover;background-position:50%;filter:saturate(1.05);opacity:.55;transform:scale(1.04);transition:opacity .6s var(--ease)}.hero__media{position:absolute;inset:0}.hero__media .yt-embed-inner,.hero__media .yt-embed-wrap,.hero__media .yt-player-mount{position:absolute;inset:0;width:100%;height:100%}.hero__media .yt-player-mount iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}.hero__eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:14px}.hero__title{font-family:var(--display);font-weight:600;font-size:clamp(32px,4.7vw,64px);line-height:1.03;letter-spacing:-.012em;margin:0 0 14px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero__metaline{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}.hero__metaline .dot{width:3px;height:3px;border-radius:50%;background:var(--text-ghost)}.hero__metaline .live{display:inline-flex;align-items:center;gap:7px;color:var(--accent)}.hero__metaline .live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(245,200,75,.55);animation:live-pulse 2s var(--ease) infinite}@keyframes live-pulse{70%,to{box-shadow:0 0 0 7px rgba(245,200,75,0)}}.hero__progress{height:3px;width:min(420px,70%);background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden;margin-bottom:14px}.hero__progress span{display:block;height:100%;background:var(--accent);border-radius:999px}.hero__upnext{font-size:15px;letter-spacing:.01em;color:var(--text);line-height:1.4}.hero__upnext strong{display:block;color:var(--accent);font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;font-size:10px}.yt-embed-inner,.yt-embed-wrap,.yt-player-mount{position:absolute;inset:0}.yt-player-mount iframe{width:100%;height:100%;border:0}.yt-hover-shield{position:absolute;inset:0;z-index:3;background:transparent}.signal-screen,.yt-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--text-faint);z-index:1}.signal-screen .loading-text,.yt-placeholder p:first-child{font-family:var(--display);font-size:20px;letter-spacing:.04em;color:var(--text-dim)}.signal-screen .loading-sub,.yt-placeholder p:last-child{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-ghost)}.guide-grid{position:relative;flex:1 1 42%;min-height:0;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--line)}.grid-now-line{position:absolute;top:46px;bottom:34px;width:2px;margin-left:-1px;background:#35d6ff;box-shadow:0 0 10px rgba(53,214,255,.65);z-index:5;pointer-events:none}.grid-now-line__cap{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #35d6ff;filter:drop-shadow(0 0 4px rgba(53,214,255,.7))}.grid-tooltip{position:fixed;z-index:500;width:232px;pointer-events:none;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.55)}.grid-tooltip__thumb{position:relative;aspect-ratio:16/9;background-size:cover;background-position:50%;background-color:#000}.grid-tooltip__on{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:3px 7px 2px}.grid-tooltip__on i{width:5px;height:5px;border-radius:50%;background:var(--accent-ink)}.grid-tooltip__body{padding:9px 11px 10px}.grid-tooltip__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.grid-tooltip__time{font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grid-tooltip__lane{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-tooltip__title{font-size:12px;font-weight:500;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-tooltip__channel{margin-top:4px;font-size:10.5px;color:var(--text-dim)}.grid-header{flex:none;display:flex;align-items:stretch;height:46px;border-bottom:1px solid var(--line);background:var(--bg-2)}.grid-channel-col{width:220px;flex:none;display:flex;align-items:center;padding-left:clamp(20px,4vw,48px);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);border-right:1px solid var(--line)}.grid-timeline-scroll{flex:1 1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.grid-timeline-scroll::-webkit-scrollbar{display:none}.grid-time-slots{display:flex;height:100%}.grid-time-slot{flex:1 1;display:flex;align-items:center;padding-left:16px;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--text);border-left:1px solid var(--line)}.grid-time-slot:first-child{border-left:0}.grid-body{flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.grid-row{display:flex;align-items:stretch;height:62px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .25s var(--ease)}.grid-row:hover{background:rgba(255,255,255,.025)}.grid-row.active{background:rgba(245,200,75,.05)}.grid-row.focused{box-shadow:inset 2px 0 0 var(--accent)}.grid-row-channel{width:220px;flex:none;display:flex;align-items:center;gap:12px;padding-left:clamp(20px,4vw,48px);border-right:1px solid var(--line)}.grid-ch-num{font-size:11px;color:var(--text-ghost);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:18px}.grid-ch-name{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s var(--ease)}.grid-row.active .grid-ch-name,.grid-row:hover .grid-ch-name{color:var(--text)}.grid-program,.grid-row-programs{display:flex;height:100%}.grid-program{align-items:center;padding:0 16px;font-size:13px;color:var(--text-dim);border-left:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s var(--ease);min-width:132px;flex-shrink:0}.grid-row:hover .grid-program{color:var(--text)}.grid-program.now-playing{background:var(--accent);color:var(--accent-ink);font-weight:600}.status-bar{flex:none;height:34px;display:flex;align-items:center;gap:4px;padding:0 clamp(20px,4vw,48px);border-top:1px solid var(--line);background:var(--bg-2);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-ghost)}.status-bar span{color:var(--accent);font-weight:600}.status-bar__hint{margin-left:auto;color:var(--text-ghost);letter-spacing:.06em;text-transform:none}.now-playing-overlay{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,4vw,56px);z-index:5;opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease),transform .4s var(--ease);background:linear-gradient(0deg,rgba(10,13,20,.92),transparent);pointer-events:none}.now-playing-overlay.visible{opacity:1;transform:none}.np-channel-tag{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px}.np-title{font-family:var(--display);font-weight:600;font-size:clamp(24px,3vw,40px);letter-spacing:-.01em;margin-bottom:12px}.np-meta{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}.np-progress-wrap{display:flex;align-items:center;gap:14px;max-width:520px}.np-progress-bar{flex:1 1;height:3px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden}.np-progress-fill{height:100%;border-radius:999px}.np-time{font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.np-time,.np-upnext{color:var(--text-faint)}.np-upnext{margin-top:14px;font-size:12px}.np-upnext strong{color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;font-size:10px;margin-right:10px}.splash-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(120% 90% at 50% 0,#12161f 0,var(--bg) 60%)}.splash-title{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--text-dim)}.splash-subtitle{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-ghost)}.email-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 90% at 50% -10%,#12161f 0,var(--bg) 55%,#06080d 100%);font-family:var(--ui)}.email-gate-inner{width:min(560px,100%);text-align:center}.email-gate-kicker{font-size:11px;letter-spacing:.34em;font-weight:500;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.email-gate-title{font-family:var(--display);font-size:clamp(52px,11vw,92px);line-height:.95;font-weight:500;letter-spacing:-.01em;margin:0 0 18px}.email-gate-logo{margin:0 auto 24px}.email-gate-sub{font-size:clamp(15px,2.4vw,18px);line-height:1.5;color:var(--text-dim);max-width:440px;margin:0 auto 30px}.email-gate-form{display:flex;gap:10px;max-width:460px;margin:0 auto}.email-gate-input{flex:1 1;min-width:0;padding:15px 18px;font-size:16px;font-family:var(--ui);color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line-2);border-radius:12px;outline:none;transition:border-color .25s var(--ease),background .25s var(--ease)}.email-gate-input::placeholder{color:var(--text-ghost)}.email-gate-input:focus{border-color:var(--accent);background:rgba(255,255,255,.08)}.email-gate-btn{padding:15px 24px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border:0;border-radius:12px;white-space:nowrap;transition:filter .2s var(--ease),transform .06s var(--ease)}.email-gate-btn:hover{filter:brightness(1.06)}.email-gate-btn:active{transform:translateY(1px)}.email-gate-btn:disabled{opacity:.6}.email-gate-msg{margin:16px auto 0;font-size:14px;color:#ff8095}.email-gate-fine{margin:22px 0 0;font-size:12px;letter-spacing:.04em;color:var(--text-ghost)}@media (max-width:480px){.email-gate-form{flex-direction:column}}.keyboard-help-modal{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px}.keyboard-help-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(6,8,13,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.keyboard-help-modal__panel{position:relative;width:min(560px,100%);background:var(--surface);border:1px solid var(--line-2);border-radius:18px;padding:30px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}.keyboard-help-modal__brand{margin-bottom:18px}.keyboard-help-modal__title{font-family:var(--display);font-weight:500;font-size:22px;margin:0 0 8px}.keyboard-help-modal__note{font-size:13px;color:var(--text-faint);margin:0 0 20px;line-height:1.5}.keyboard-help-modal__table{width:100%;border-collapse:collapse}.keyboard-help-modal__table th{text-align:left;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-ghost);padding-bottom:10px;border-bottom:1px solid var(--line)}.keyboard-help-modal__table td{padding:10px 0;font-size:13px;color:var(--text-dim);vertical-align:top;border-bottom:1px solid var(--line)}.keyboard-help-modal__kbd{display:inline-block;font-family:var(--ui);font-size:11px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line-2);border-radius:6px;padding:3px 8px;white-space:nowrap}a.toolbar-btn{text-decoration:none}.share-modal{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px}.share-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(6,8,13,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-modal__panel{position:relative;width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:34px 30px 30px;box-shadow:0 30px 80px rgba(0,0,0,.6)}.share-modal__close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:transparent;color:var(--text-dim);font-size:26px;line-height:1;border-radius:8px;transition:color .15s var(--ease),background .15s var(--ease)}.share-modal__close:hover{color:var(--text);background:rgba(255,255,255,.06)}.share-modal__title{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.01em;margin:0 0 6px;color:var(--text)}.share-modal__sub{font-size:14px;color:var(--text-dim);margin:0 0 20px}.share-modal__actions{display:flex;flex-direction:column;gap:10px}.share-modal__actions--grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:10px}.share-modal__btn--full{width:100%}.share-modal__btn--wide{grid-column:1/-1}.share-modal__hint{margin:0 0 10px;font-size:12.5px;color:var(--accent);text-align:center}.share-modal__ig{display:block;margin-top:16px;text-align:center;font-size:12.5px;color:var(--text-faint);text-decoration:none;transition:color .2s var(--ease)}.share-modal__ig:hover{color:var(--accent)}.share-modal__btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line-2);text-decoration:none;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.share-modal__btn:hover{border-color:var(--accent);color:var(--accent)}.share-modal__btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.share-modal__btn--accent:hover{color:var(--accent-ink);filter:brightness(1.06)}.keyboard-help-modal__close{margin-top:22px;width:100%;padding:13px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border:0;border-radius:12px;transition:filter .2s var(--ease)}.keyboard-help-modal__close:hover{filter:brightness(1.06)}