*{box-sizing:border-box;margin:0;padding:0}:root{--blue:#3d7eff;--gold:gold;--bg:#000;--menu-w:460px;--menu-pill-w:200px;--row-h:90px;--rows:7}body{cursor:none;background:#000;width:100vw;height:100vh;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#app #video{background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}#app #status{color:#64d26d;opacity:.6;letter-spacing:.5px;z-index:10;pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:20px;right:20px}#app #osd{z-index:50;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app #osd #osd-inner{border-top:2px solid var(--blue);background:#0d0e14ee;width:386px;height:130px;position:relative}#app #osd #osd-inner #osd-num{color:#f0f4ff;justify-content:center;align-items:center;width:118px;height:130px;font-size:52px;font-weight:700;display:flex;position:absolute;top:0;left:0}#app #osd #osd-inner #osd-sep{background:#fff2;width:1px;height:86px;position:absolute;top:22px;left:118px}#app #osd #osd-inner #osd-name{color:#c8d4f0;align-items:center;height:130px;padding:0 12px;font-size:20px;font-weight:700;display:flex;position:absolute;top:0;left:128px;right:0}#app #menu{z-index:40;border-color:#0000;border-radius:2.2em;width:100px;height:40px;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1);position:absolute;top:20px;left:20px;overflow:hidden}#app #menu.open{border:1.2px solid #50505088;width:230px;height:427px}#app #menu.open #menu-content{opacity:1;pointer-events:auto;transition-delay:.17s}#app #menu #menu-bg{background:url() 50%/cover no-repeat;border-radius:8px;transition:none;position:absolute;inset:0}#app #menu #menu-bg-solid{opacity:0;border-radius:8px;transition:opacity .28s;position:absolute;inset:0}#app #menu #menu-pill{-webkit-backdrop-filter:blur(50px);background:linear-gradient(135deg,#3535359f 0% 50%,#3535359f 100%);border-radius:8px;position:absolute;inset:0}#app #menu #menu-content{opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}#app #menu #menu-content #menu-title{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:900;position:absolute;top:1.5rem;left:1.5rem}#app #menu #menu-content #menu-count{color:#e0e0e079;font-size:12px;position:absolute;top:1.6rem;right:1.2rem}#app #menu #menu-content #menu-divider{background:red;height:1px;display:none;position:absolute;top:0;left:40px;right:40px}#app #menu #menu-content #row-highlight{opacity:0;pointer-events:none;background:#eee;border-radius:8em;width:calc(100% - 1rem);height:57px;transition:top .12s cubic-bezier(.22,1,.36,1),opacity .15s;position:absolute;left:.5rem}#app #menu #menu-content #row-highlight-current{pointer-events:none;background:#eeeeee15;border-radius:8em;width:calc(100% - .9rem);height:57px;display:none;position:absolute;left:.5rem}#app #menu #menu-content .menu-row{align-items:center;height:57px;display:flex;position:absolute;left:0;right:0;margin:0!important}#app #menu #menu-content .menu-row .row-num{text-align:center;color:#000;background:#ffffff0e;border-radius:8em;justify-content:center;align-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:flex;position:absolute;left:1.2rem}#app #menu #menu-content .menu-row .row-name{color:#e8eaff;align-items:center;height:57px;font-size:13px;font-weight:700;display:flex;position:absolute;left:4.3rem;right:0}#app #guide{-webkit-backdrop-filter:blur(50px);z-index:30;background:linear-gradient(135deg,#3535359f 0% 50%,#3535359f 100%);height:220px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}#app #guide.open{transform:translateY(0)}#app #guide #guide-header{justify-content:space-between;align-items:center;height:45px;padding:10px 48px 0;display:flex}#app #guide #guide-header #guide-channel{color:#f0f4ff;font-size:18px;font-weight:700}#app #guide #guide-header #guide-date{color:#ffffffab;font-size:13px}#app #guide #guide-sep{background:#fff2;height:1px;margin:0}#app #guide #guide-slots{align-items:center;gap:10px;height:auto;margin-top:10px;margin-right:40px;padding:0 40px;display:flex;position:relative;overflow:hidden}#app #guide #guide-slots .guide-slot{align-items:left;border-right:1px solid #fff2;border-radius:0;flex-direction:column;flex:0 0 374px;justify-content:center;height:80px;padding:10px;display:flex;position:relative}#app #guide #guide-slots .guide-slot.active{background:#ffffff25;border:none;border-radius:1em}#app #guide #guide-slots .guide-slot:not(.active) .slot-time{color:#fffc}#app #guide #guide-slots .guide-slot .slot-time{color:#fff;margin-bottom:4px;font-size:13px;font-weight:700}#app #guide #guide-slots .guide-slot .slot-title{color:#e8eaff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}#app #guide #guide-status{color:#ffffffab;justify-content:center;align-items:center;height:80px;font-size:13px;display:none;position:absolute;bottom:0;left:0;right:0}#app #guide #guide-nav{color:#ffffff4d;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#app #splash{z-index:100;background:#000;justify-content:center;align-items:center;transition:opacity .8s ease-in;display:flex;position:absolute;inset:0}#app #splash.fade{opacity:0;pointer-events:none}#app #splash #splash-logo{text-align:center}#app #splash #splash-logo h1{color:#fff;letter-spacing:-1px;font-size:48px;font-weight:900}#app #splash #splash-logo p{color:#ffffff73;letter-spacing:2px;margin-top:8px;font-size:16px}#app #splash #splash-logo #splash-bar{background:#ffffff1a;border-radius:1px;width:200px;height:2px;margin:24px auto 0;overflow:hidden}#app #splash #splash-logo #splash-bar #splash-progress{background:var(--blue);width:0;height:100%;animation:3.5s linear forwards splashLoad}@keyframes splashLoad{to{width:100%}}.program-popup{-webkit-backdrop-filter:blur(50px);z-index:200;pointer-events:none;opacity:0;background:linear-gradient(135deg,#3535359f 0% 50%,#3535359f 100%);border-radius:16px;max-width:600px;height:300px;padding:12px;font-family:Segoe UI,system-ui;transition:opacity .2s;position:fixed;left:20px;transform:translateY(calc(-100% - 240px));box-shadow:0 8px 20px #00000080;top:100%!important}.program-popup.show{opacity:1;pointer-events:auto}.popup-content{gap:12px;display:flex}.popup-poster{object-fit:cover;background:#222;border-radius:8px;width:auto;height:100%}.popup-details{color:#eee;flex:1}.popup-title{color:gold;margin:0 0 6px;font-size:1.4rem;font-weight:700}.popup-info{font-size:2 rem;color:#ccc;margin:0 0 6px}.popup-overview{-webkit-line-clamp:9;text-align:justify;-webkit-box-orient:vertical;margin:0 50px 0 0;font-size:1rem;line-height:1.3;display:-webkit-box;overflow:hidden}.popup-loading{color:gold;text-align:center;padding:20px;font-size:.8rem}