:root{color:#edf4f7;font-synthesis:none;--bg:#091017;--panel:#101a23;--panel-2:#15222d;--line:#24333f;--muted:#8fa2af;--cyan:#58d8e4;--orange:#ff7145;--green:#53d49b;background:#091017;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 76% -10%, #173342 0, transparent 32rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,.brand,.login-brand{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.splash{place-content:center;justify-items:center;gap:32px;min-height:100vh;display:grid}.brand-mark{background:var(--orange);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 30px #ff714533}.spinner{border:3px solid #ffffff24;border-top-color:var(--cyan);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:.7rem;font-weight:800}.login-page{grid-template-columns:minmax(360px,520px) 1fr;min-height:100vh;display:grid}.login-card{flex-direction:column;justify-content:center;max-width:620px;padding:clamp(32px,7vw,96px);display:flex}.login-brand{align-items:center;gap:13px;margin-bottom:clamp(55px,9vh,110px);font-size:1.45rem;display:flex}.login-brand strong,.brand strong{color:var(--cyan)}.login-card h1{letter-spacing:-.05em;margin:14px 0 18px;font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:.98}.login-card>p{color:var(--muted);max-width:380px;line-height:1.6}.login-card form{gap:18px;margin-top:28px;display:grid}.login-card form>label:not(.check-row){color:#cbd7dd;gap:8px;font-size:.85rem;font-weight:600;display:grid}.login-card input[type=text],.login-card input[type=password],.login-card input:not([type]){color:#fff;background:#111b24;border:1px solid #2a3a46;border-radius:9px;min-height:50px;padding:0 15px}.check-row{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.check-row input{accent-color:var(--cyan);width:17px;height:17px}.primary-button,.secondary-button,.danger-button,.play-button,.small-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button{background:var(--orange);color:#fff}.primary-button:hover{background:#ff835f}.secondary-button,.small-button{background:#1b2a35;border:1px solid #30414d}.danger-button{background:#d94e42}.login-submit{min-height:52px;margin-top:6px}.form-error{color:#ff9384;background:#431e20;border-radius:7px;margin:0;padding:10px 12px;font-size:.85rem}.secure-note{text-align:center;color:#637580;margin-top:28px}.login-art{isolation:isolate;background:linear-gradient(145deg,#142d38,#0d1c25 65%);align-items:flex-end;padding:clamp(45px,7vw,110px);display:flex;position:relative;overflow:hidden}.login-art:after{content:"";aspect-ratio:1;z-index:-2;background:radial-gradient(circle,#58d8e444,#0000 67%);border-radius:50%;width:70%;position:absolute;top:-15%;right:-10%}.login-art>div:last-child span{background:var(--orange);letter-spacing:.15em;padding:7px 10px;font-size:.7rem;font-weight:800}.login-art h2{letter-spacing:-.05em;margin:20px 0 0;font-size:clamp(2.2rem,5vw,5rem);line-height:1}.hero-channel{color:#ffffff06;z-index:-1;font:700 clamp(13rem,31vw,31rem)/.7 ui-sans-serif,system-ui,sans-serif;position:absolute;top:20%;right:-4%}.signal{border:1px solid #58d8e426;border-radius:50%;width:45vw;height:45vw;position:absolute;top:-22vw;right:-22vw}.signal.two{transform:scale(.72)}.signal.three{transform:scale(.45)}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b131bde;border-bottom:1px solid #24333f;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.3rem;text-decoration:none;display:flex}.topbar .brand-mark{width:36px;height:36px}.desktop-nav{align-self:stretch;gap:6px;margin:0 auto;display:flex}.desktop-nav button,.mobile-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:flex;position:relative}.desktop-nav button svg,.mobile-nav button svg{width:19px}.desktop-nav button.active,.mobile-nav button.active{color:#fff}.desktop-nav button.active:after{content:"";background:var(--cyan);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:16px;right:16px}.account{align-items:center;gap:12px;display:flex}.account>span{color:#b8c7cf;align-items:center;gap:7px;font-size:.86rem;display:flex}.icon-button{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-button:hover{color:#fff;background:#ffffff0c}.icon-button.danger:hover{color:#ff7d71;background:#d94e4218}.mobile-menu,.mobile-nav{display:none}.notice{z-index:90;background:#19303a;border:1px solid #3f616e;border-radius:9px;align-items:center;gap:20px;max-width:min(90vw,620px);padding:12px 14px 12px 18px;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #0009}.notice button{color:var(--muted);cursor:pointer;background:0 0;border:0;display:grid}.live-layout{grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.channel-panel{border-right:1px solid var(--line);background:#0d161e;min-width:0}.panel-heading{justify-content:space-between;align-items:center;padding:28px 22px 15px;display:flex}.panel-heading h1{margin:3px 0 0;font-size:1.45rem}.search-box{color:#718895;background:#111d26;border:1px solid #293945;border-radius:8px;align-items:center;gap:10px;height:43px;margin:0 18px 14px;padding:0 12px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.filter-chips{scrollbar-width:none;gap:7px;padding:0 18px 15px;display:flex;overflow-x:auto}.filter-chips button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #2b3a45;border-radius:100px;flex:none;padding:6px 12px;font-size:.78rem}.filter-chips button.active{color:var(--cyan);background:#58d8e416;border-color:#58d8e455}.channel-list{max-height:calc(100vh - 250px);padding:0 10px 30px;overflow-y:auto}.channel-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:11px 10px;display:flex}.channel-item:hover{background:#14222c}.channel-item.active{box-shadow:inset 3px 0 var(--cyan);background:#17303a}.channel-item>svg{color:var(--cyan);opacity:0;flex:none;margin-left:auto}.channel-item:hover>svg,.channel-item.active>svg{opacity:1}.channel-logo{color:#c7d7de;background:#22313c;border-radius:9px;flex:none;place-items:center;width:42px;height:42px;font:700 .85rem ui-sans-serif,system-ui,sans-serif;display:grid}.channel-item.active .channel-logo{background:var(--cyan);color:#0a171d}.channel-logo img{object-fit:contain;border-radius:inherit;background:#fff;width:100%;height:100%}.channel-copy{flex:1;gap:3px;min-width:0;display:grid}.channel-copy strong,.channel-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-copy strong{font-size:.9rem}.channel-copy small{color:var(--muted);font-size:.75rem}.channel-copy i{background:#2a3943;height:2px;margin-top:3px}.channel-copy i span{background:var(--orange);height:100%;display:block}.live-content{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:clamp(18px,3vw,42px)}.player-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 24px 70px #0005}.video-shell{aspect-ratio:16/9;background:#030506;place-items:center;display:grid;position:relative;overflow:hidden}.video-shell video{object-fit:contain;width:100%;height:100%}.player-empty{color:#70828c;text-align:center;background:radial-gradient(circle,#1a2b35,#060a0d 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:25px;display:flex;position:absolute;inset:0}.player-empty strong{color:#cbd6db;font-size:1.05rem}.player-empty.error strong{color:#ff8075}.quality-badge{background:#071014cc;border:1px solid #ffffff21;border-radius:100px;align-items:center;gap:6px;padding:6px 10px;font-size:.7rem;display:flex;position:absolute;top:14px;left:14px}.quality-badge i{background:var(--cyan);border-radius:50%;width:6px;height:6px}.quality-badge.cpu i{background:var(--orange)}.quality-badge.vaapi i{background:var(--green)}.custom-controls{background:linear-gradient(#0000,#000c);align-items:center;height:54px;padding:0 15px;display:flex;position:absolute;bottom:0;left:0;right:0}.custom-controls button{cursor:pointer;background:0 0;border:0;place-items:center;min-width:38px;min-height:38px;display:grid}.control-spacer{flex:1}.live-pill{background:#dd423a;border-radius:4px;padding:4px 7px;font-size:.65rem;font-weight:800}.player-meta{padding:18px 22px}.player-meta h2{margin:4px 0;font-size:1.25rem}.player-meta p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.now-next{margin-top:32px}.section-title,.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-title h2{margin:4px 0 0;font-size:1.25rem}.text-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.now-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.program-card{border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;border-radius:9px;gap:7px;min-width:0;padding:14px;display:grid}.program-card:hover{border-color:#49616e;transform:translateY(-1px)}.program-card>span{color:var(--cyan);font-size:.67rem;font-weight:800}.program-card strong,.program-card small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.program-card small{color:var(--muted)}.empty-state{color:#6f838e;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:26px;font-size:.85rem;display:flex}.page-section{max-width:1700px;margin:0 auto;padding:clamp(24px,4vw,58px)}.page-heading{margin-bottom:32px}.page-heading h1{letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(2rem,4vw,3.4rem)}.page-heading p{color:var(--muted);margin:0}.timeline-wrap{border:1px solid var(--line);background:#0d161e;border-radius:12px;overflow:hidden}.timeline-scroll{max-height:calc(100vh - 250px);overflow:auto}.timeline{min-height:500px;position:relative}.timeline-head,.time-axis{z-index:15;border-bottom:1px solid var(--line);background:#14212a;height:46px;position:sticky;top:0}.sticky-label{z-index:25;width:160px;left:0}.timeline-head{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;padding:0 16px;font-size:.72rem;display:flex}.time-axis{position:absolute}.time-axis span{color:#8fa1aa;font-size:.73rem;position:absolute;top:15px;transform:translate(-50%)}.time-axis span:after{content:"";background:#ffffff08;width:1px;height:2000px;position:absolute;top:31px;left:50%}.timeline-row{border-bottom:1px solid #1e2b35;height:76px;position:absolute}.timeline-channel{z-index:20;border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;background:#111c24;grid-template-columns:32px 1fr 18px;align-items:center;gap:7px;height:75px;padding:0 12px;display:grid;position:sticky}.timeline-channel:hover{background:#192832}.timeline-channel>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.channel-number{color:var(--cyan);font-size:.74rem}.timeline-programs{height:75px;position:absolute;top:0}.timeline-event{text-align:left;cursor:pointer;background:#182731;border:1px solid #30424e;border-radius:6px;gap:3px;height:61px;padding:8px 10px;display:grid;position:absolute;top:7px;overflow:hidden}.timeline-event:hover{border-color:var(--cyan);z-index:5;background:#223640}.timeline-event.recording{box-shadow:inset 3px 0 var(--orange)}.timeline-event strong,.timeline-event span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-event strong{font-size:.78rem}.timeline-event span{color:var(--muted);font-size:.66rem}.timeline-event svg{color:var(--orange);position:absolute;top:5px;right:5px}.now-line{z-index:30;background:var(--orange);pointer-events:none;width:2px;position:absolute;top:0}.now-line span{background:var(--orange);border-radius:3px;padding:3px 5px;font-size:.58rem;font-weight:800;display:inline-block;position:sticky;top:3px;transform:translate(-50%)}.recording-columns{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.recording-group{background:var(--panel);border:1px solid var(--line);border-radius:11px;margin-bottom:20px;overflow:hidden}.recording-group>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:55px;padding:0 17px;display:flex}.recording-group>header>span{color:var(--cyan);display:grid}.recording-group>header svg{width:19px}.recording-group>header h2{margin:0;font-size:.95rem}.recording-group>header i{color:var(--muted);background:#ffffff0b;border-radius:100px;margin-left:auto;padding:3px 8px;font-size:.7rem;font-style:normal}.recording-row{border-bottom:1px solid #202e38;align-items:center;gap:13px;min-height:72px;padding:10px 15px;display:flex}.recording-row:last-child{border:0}.recording-row:hover{background:#ffffff03}.recording-thumb{color:#718894;background:linear-gradient(145deg,#263945,#18242c);border-radius:6px;flex:none;place-items:center;width:48px;height:43px;display:grid}.recording-thumb.series{color:var(--cyan)}.recording-copy{gap:4px;min-width:0;display:grid}.recording-copy strong,.recording-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recording-copy strong{font-size:.86rem}.recording-copy small{color:var(--muted);font-size:.72rem}.recording-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.play-button{min-height:34px;color:var(--cyan);background:#58d8e41c}.small-button{min-height:32px;padding:0 10px;font-size:.75rem}.status-badge{border-radius:100px;padding:5px 8px;font-size:.7rem}.status-badge.failed{color:#ff8c80;background:#d94e421a}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070bcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#121e27;border:1px solid #344650;border-radius:13px;width:min(100%,570px);max-height:calc(100vh - 36px);overflow-y:auto;box-shadow:0 25px 100px #000b}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal>header h2{margin:0;font-size:1.15rem}.event-details{padding:22px}.event-time{color:var(--cyan);font-size:.76rem;font-weight:700}.event-details h3{margin:16px 0 8px}.event-details p{color:#b0bec6;margin:14px 0 24px;line-height:1.6}.modal-actions{flex-wrap:wrap;gap:9px;display:flex}.delete-warning p{border-left:3px solid var(--orange);padding-left:14px}.mobile-nav{display:none}@media (width<=1050px){.live-layout{grid-template-columns:290px minmax(0,1fr)}.now-grid{grid-template-columns:1fr 1fr}.recording-columns{grid-template-columns:1fr}}@media (width<=760px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.login-page{display:block}.login-card{min-height:100vh;padding:30px 24px}.login-brand{margin-bottom:70px}.login-art{display:none}.topbar{height:60px;padding:0 14px}.topbar .brand-mark{width:32px;height:32px}.topbar .brand-mark svg{width:19px}.desktop-nav,.account{display:none}.mobile-menu{margin-left:auto;display:grid}.live-layout{min-height:auto;display:block}.channel-panel{border:0;display:none}.channel-panel.open{z-index:45;inset:60px 0 calc(68px + env(safe-area-inset-bottom));display:block;position:fixed;overflow-y:auto}.channel-list{max-height:none}.live-content{padding:12px}.player-card{border-radius:9px}.player-meta{padding:14px}.player-meta h2{font-size:1rem}.quality-badge{top:8px;left:8px}.custom-controls{height:44px}.now-next{margin-top:24px}.section-title{align-items:center}.text-button{font-size:.78rem}.now-grid{grid-template-columns:1fr;display:grid}.program-card:nth-child(n+4){display:none}.page-section{padding:24px 12px}.page-heading{align-items:flex-start}.page-heading h1{font-size:2rem}.page-heading p{font-size:.82rem}.page-heading .secondary-button{width:42px;padding:0;font-size:0}.page-heading .secondary-button svg{width:18px}.timeline-scroll{max-height:calc(100vh - 210px)}.sticky-label{width:116px}.timeline{--label:116px}.timeline-head{width:116px}.time-axis,.timeline-programs{left:116px!important}.timeline-channel{grid-template-columns:25px 1fr;width:116px;padding:0 8px}.timeline-channel svg{display:none}.timeline-channel>span:nth-child(2){font-size:.72rem}.now-line{margin-left:-44px}.recording-row{gap:9px;padding:9px 10px}.recording-thumb{width:38px;height:38px}.recording-actions .play-button{width:36px;padding:0;font-size:0}.recording-actions .play-button svg{width:16px}.recording-copy small{max-width:42vw}.mobile-nav{height:calc(62px + env(safe-area-inset-bottom));z-index:60;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#0d171fef;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{flex-direction:column;justify-content:center;gap:3px;padding:5px;font-size:.67rem}.mobile-nav button.active:after{border-radius:0 0 3px 3px;inset:0 28% auto}.notice{top:68px}}@media (width<=390px){.login-card h1{font-size:2.5rem}.player-meta p{font-size:.75rem}.section-title h2{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}