:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#070707;color:#fff;--muted:#a3a3a3;--line:#252525;--red:#e50914}
*{box-sizing:border-box}body{margin:0;background:#070707}.topbar{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 4%;gap:36px;background:linear-gradient(#080808,rgba(8,8,8,.93));backdrop-filter:blur(12px)}.brand{font-size:21px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{background:var(--red);width:31px;height:31px;border-radius:7px;display:grid;place-items:center;font-size:13px}.topbar nav{display:flex;gap:24px}.nav{border:0;background:none;color:#aaa;cursor:pointer;font-size:14px}.nav.active,.nav:hover{color:#fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.top-actions input{width:230px;background:#151515;border:1px solid #303030;color:white;border-radius:7px;padding:10px 13px;outline:0}.top-actions button{border:0;background:none;color:#ddd;font-size:21px;cursor:pointer}.hero{height:410px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,#343434 0,#161616 32%,#080808 68%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.75) 38%,rgba(7,7,7,.1) 75%),linear-gradient(0deg,#070707 0%,transparent 38%)}.hero-content{position:relative;z-index:2;padding:100px 7%;max-width:680px}.eyebrow{font-size:12px;letter-spacing:.22em;color:#ddd;font-weight:700;margin-bottom:12px}.hero h1{font-size:54px;line-height:1;margin:0 0 16px}.hero p{font-size:17px;color:#c4c4c4;line-height:1.5}.hero-actions{display:flex;gap:10px;margin-top:24px}.primary,.secondary{border:0;border-radius:6px;padding:11px 19px;font-weight:700;cursor:pointer}.primary{background:#fff;color:#000}.secondary{background:#333;color:#fff}.player-section,.controls,.row-title,.channel-grid{margin-left:4%;margin-right:4%}.player-section{margin-top:-30px;position:relative;z-index:5;background:#0c0c0c;border:1px solid #1f1f1f;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #000}.section-head{height:45px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#111}.section-head small{color:#888;margin-left:8px}.section-head button{border:0;background:none;color:#bbb;font-size:20px;cursor:pointer}.live-dot{display:inline-block;width:7px;height:7px;background:#e50914;border-radius:50%;margin-right:8px}.player{aspect-ratio:16/7;background:#000;position:relative}.player video{width:100%;height:100%;display:block}.player #overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#aaa;gap:8px;pointer-events:none}.big-play{margin:auto;width:54px;height:54px;border-radius:50%;background:#242424;display:grid;place-items:center;color:#fff}.error{padding:11px 15px;color:#ffb4b4;background:#330d0d;font-size:12px}.hidden{display:none}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip,select{background:#171717;border:1px solid #292929;color:#ddd;border-radius:18px;padding:8px 13px;cursor:pointer}.chip.active{background:#fff;color:#000}.controls select{border-radius:7px}.row-title{display:flex;align-items:baseline;gap:10px;margin-top:25px}.row-title h2{font-size:21px;margin:0}.row-title span{font-size:12px;color:#777}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:12px;padding-bottom:50px}.channel{position:relative;cursor:pointer;border-radius:7px;overflow:hidden;background:#121212;transition:transform .18s,box-shadow .18s}.channel:hover{transform:scale(1.035);z-index:3;box-shadow:0 10px 30px #000}.channel.selected{outline:2px solid var(--red)}.logo{display:block;width:100%;height:105px;object-fit:contain;background:#f5f5f5}.logo-fallback{height:105px;background:linear-gradient(135deg,#292929,#111);display:grid;place-items:center;font-size:30px;font-weight:800}.card-info{padding:10px 11px 12px}.channel-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:11px;color:#777;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star{position:absolute;right:7px;top:7px;border:0;background:rgba(0,0,0,.7);color:#ffd54a;border-radius:5px;width:29px;height:29px;cursor:pointer;font-size:15px}.loading{grid-column:1/-1;color:#777;text-align:center;padding:50px}@media(max-width:750px){.topbar{gap:14px;padding:0 3%}.topbar nav{display:none}.top-actions input{width:145px}.hero{height:330px}.hero-content{padding:80px 5%}.hero h1{font-size:38px}.player-section,.controls,.row-title,.channel-grid{margin-left:3%;margin-right:3%}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.logo,.logo-fallback{height:82px}}