:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#070c12;color:#eaf4fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0,#112c3b 0,transparent 38%),#070c12}a{color:#70cffb;text-decoration:none}a:hover{text-decoration:underline}.top{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100vw - 1240px)/2));background:#0c1821eF;border-bottom:1px solid #244153;backdrop-filter:blur(10px)}.brand{font-size:20px;color:#fff}.brand span{font-size:11px;letter-spacing:2px;color:#67b9d9;margin-left:10px}.top nav{display:flex;gap:20px}.shell{max-width:1240px;margin:0 auto;padding:30px 20px 70px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#5bc7ee}h1{font-size:clamp(27px,4vw,43px);margin:8px 0}h2{font-size:19px}p{color:#a7b7c6;line-height:1.55}.mini{padding:13px;border:1px solid #204253;border-radius:12px;background:#0e2530;min-width:145px;text-align:center}.controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:24px 0 14px}.controls label{font-size:12px;color:#9fb4c7;display:grid;gap:6px}input,select{background:#10212c;color:#eaf4fc;border:1px solid #315066;border-radius:9px;padding:12px;min-width:0;width:100%;font:inherit}input:focus,select:focus,button:focus-visible{outline:2px solid #5bc7ee;outline-offset:2px}.disclaimer{font-size:12px;color:#a6bfcd;padding:12px 16px;border-radius:10px;background:#10212a;border:1px solid #244353;margin-bottom:20px}.match-list{display:grid;gap:15px}.match{border:1px solid #2b4b5c;background:linear-gradient(100deg,#0e212c,#131c22);border-radius:14px;overflow:hidden}.match:hover{border-color:#3c99bf}.match-inner{padding:21px;display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:20px}.match .time{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums}.match .day{font-size:12px;color:#84a7b8;margin-top:5px}.tag{background:#173746;color:#9fe7ff;border:1px solid #30627b;border-radius:5px;font-size:11px;padding:5px 9px;display:inline-block;margin-top:9px}.league{font-size:12px;color:#b5c6ce;letter-spacing:.3px;margin-bottom:15px}.teams{display:flex;align-items:center;gap:16px;font-size:clamp(14px,2.1vw,19px);font-weight:750}.teams span{flex:1}.teams i{font-style:normal;color:#7eabbf;font-size:12px;flex:0}button,.filebtn,.viewlink{display:inline-block;background:#14658d;color:white;border:1px solid #288fb9;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;font:inherit;text-align:center}button:hover,.filebtn:hover,.viewlink:hover{background:#1679a7;text-decoration:none}.channels-detail{padding:17px 20px;border-top:1px solid #2b4b5c;background:#0a1a23}.muted{color:#93aaba;font-size:13px}.channel-badge{display:inline-block;padding:8px 11px;border:1px solid #315063;background:#132a34;border-radius:8px;margin:5px 7px 5px 0;font-size:13px}.channel-badge a{margin-left:8px}.sources{background:#10202a;border:1px solid #29495a;border-radius:13px;padding:20px;margin-top:26px}.sources p{font-size:13px}.filebtn{margin-right:12px}.smallbtn{background:transparent;border-color:#527080}.empty{padding:36px;text-align:center;border:1px dashed #386078;border-radius:12px;color:#a9c1cc}footer{text-align:center;color:#7e9eac;padding:28px 14px;font-size:12px}.viewer{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.viewer aside{border:1px solid #2e4b58;border-radius:15px;background:#10212c;padding:18px;height:max-content}.viewer aside h3{margin-top:25px}.match-info{font-size:clamp(19px,3vw,26px);font-weight:750;margin:5px 0 19px}.video-wrap{position:relative;background:#000;aspect-ratio:16/9;border:1px solid #284b5b;border-radius:13px;overflow:hidden}.video-wrap video{width:100%;height:100%;display:block}.video-state{position:absolute;top:12px;left:12px;background:#07131bd9;border:1px solid #305064;padding:8px 11px;border-radius:8px;font-size:12px;pointer-events:none}.viewer-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.viewer-actions span{font-size:12px;color:#9fbfce}.channel-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2e4b58}.channel-row button{padding:8px 12px}.operator{border-bottom:1px solid #284754;padding:10px 0;font-size:13px}.operator small{display:block;color:#8ca7b4;margin-top:3px}@media(max-width:720px){.top{padding:12px 16px}.brand{font-size:17px}.brand span{display:none}.shell{padding:23px 12px 40px}.intro{display:block}.mini{display:inline-block}.controls{grid-template-columns:1fr 1fr}.controls label:first-child{grid-column:1/-1}.match-inner{grid-template-columns:1fr auto;gap:13px;padding:16px}.match-inner>.match-clock{grid-column:1/-1;display:flex;gap:15px;align-items:center}.teams{gap:7px;display:block}.teams i{margin:0 6px}.viewer{grid-template-columns:1fr}.viewer aside{order:2}.video-wrap{border-radius:6px}.channel-row{flex-wrap:wrap}}

.bound-sources{background:#0b2b31;padding:12px;border:1px solid #236a79;border-radius:12px;margin-bottom:15px}.bound-sources h3{margin:0 0 8px;font-size:16px}.channel-row span{flex:1;min-width:120px;overflow-wrap:anywhere}.channel-row button{white-space:nowrap}@media(max-width:720px){.channel-row{display:flex;flex-wrap:wrap}.channel-row span{flex-basis:100%}}