:root{--bg:#07090d;--panel:#10141b;--line:#252c37;--text:#f6f8fc;--muted:#929dac;--red:#ff174b;--red2:#9e092c;--green:#26e17f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#310917 0,transparent 31%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:13px clamp(16px,4vw,58px);background:rgba(7,9,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:950;letter-spacing:.04em}.brand b{color:var(--red)}.logo{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--red),#76001e);box-shadow:0 10px 30px rgba(255,23,75,.25)}.api-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.8rem}.api-state span{width:9px;height:9px;border-radius:50%;background:#68717e}.api-state.ok span{background:var(--green);box-shadow:0 0 0 5px rgba(38,225,127,.1)}.api-state.bad span{background:#ff5e6f}.tabs{display:flex;gap:7px;padding:11px clamp(16px,4vw,58px);overflow:auto;scrollbar-width:none;border-bottom:1px solid var(--line);background:#0b0e13}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:10px 14px;border:0;border-radius:11px;background:transparent;color:#aab2bf;cursor:pointer}.tab.active,.tab:hover{background:#1b202a;color:#fff}main{max-width:1500px;margin:auto;padding:0 clamp(16px,4vw,58px) 70px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center;min-height:430px;padding:55px 0 25px}.eyebrow{margin:0 0 9px;color:var(--red);font-size:.73rem;font-weight:900;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(2.65rem,6vw,5.5rem);letter-spacing:-.055em;line-height:.94}.hero h1 span{color:#aeb6c2}.hero p{max-width:760px;color:var(--muted);font-size:1.03rem;line-height:1.65}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary,.ghost{min-height:44px;padding:0 17px;border-radius:12px;border:0;cursor:pointer;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,var(--red),var(--red2));box-shadow:0 12px 30px rgba(255,23,75,.2)}.secondary{background:#fff;color:#090b10}.ghost{color:#e9edf4;background:#181d26;border:1px solid #2b323d}.hero-card{justify-self:end;max-width:390px;padding:30px;border-radius:25px;background:linear-gradient(145deg,#171c25,#0c1016);border:1px solid #2b323d;box-shadow:0 30px 80px rgba(0,0,0,.42)}.hero-card strong{display:block;font-size:1.35rem;margin:14px 0 7px}.hero-card small{color:var(--muted);line-height:1.55}.pulse{display:block;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(38,225,127,.1)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:5px 0 42px}.stats div{padding:18px;background:#0e1218;border:1px solid var(--line);border-radius:16px}.stats strong{display:block;font-size:1.55rem}.stats span{color:var(--muted);font-size:.82rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:30px 0 16px}.section-head h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:0}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,260px) auto;gap:10px;align-items:center;margin-bottom:15px}.toolbar input,.toolbar select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#0e1218;color:#fff;outline:none}.toolbar select{color:#cbd1da}.count{color:var(--muted);white-space:nowrap}.status{padding:18px;border:1px solid var(--line);background:#0e1218;border-radius:14px;color:#aab2bd}.status.hidden{display:none}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px}.channel{min-height:140px;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#111620,#0b0f15);color:#fff;text-align:left;cursor:pointer;transition:.18s}.channel:hover{transform:translateY(-2px);border-color:#4b5362}.channel-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.channel img,.fallback{width:46px;height:46px;border-radius:10px;object-fit:contain;background:#fff;padding:4px}.fallback{display:grid;place-items:center;background:#222935;color:#fff;font-weight:900}.channel h3{margin:16px 0 5px;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-live{font-size:.62rem;color:#ff6e89;background:rgba(255,23,75,.1);border:1px solid rgba(255,23,75,.2);border-radius:999px;padding:5px 7px}.more{display:flex;margin:20px auto 0}.note{margin-top:42px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#0c1016}.note p{margin-bottom:0;color:var(--muted);line-height:1.6}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.82);padding:16px}.modal-card{width:min(1080px,100%);padding:15px;border-radius:22px;background:#0b0e13;border:1px solid #2a313c;box-shadow:0 30px 110px rgba(0,0,0,.7)}.player-head{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 13px}.player-head h3{margin:3px 0 0}.player-head small{color:var(--muted)}.iconbtn{width:42px;height:42px;border-radius:11px;background:#181d26;color:#fff;border:1px solid #303743;cursor:pointer}.video-shell{position:relative;aspect-ratio:16/9;background:#000;border-radius:15px;overflow:hidden}.video-shell video{width:100%;height:100%;background:#000}.player-message{position:absolute;inset:0;display:grid;place-items:center;padding:30px;background:rgba(0,0,0,.76);text-align:center;color:#e2e6ec;line-height:1.5}.player-actions{display:flex;gap:9px;margin-top:13px}.legal{font-size:.8rem;color:#7f8997;line-height:1.55}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(16px,4vw,58px);border-top:1px solid var(--line);color:#8e98a5}footer strong{color:#fff}@media(max-width:780px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hero-card{justify-self:stretch;max-width:none}.stats{grid-template-columns:1fr 1fr}.stats div:last-child{grid-column:1/-1}.toolbar{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel{min-height:128px}footer{flex-direction:column}}@media(max-width:360px){.channel-grid{grid-template-columns:1fr}}