*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080a0f;color:#f5f7fb}body{background:radial-gradient(circle at 75% 0%,#1b1740 0,#0b0d15 34%,#080a0f 70%);min-height:100vh}.app{min-height:100vh}.topbar{height:74px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.08);background:#080a0fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:1.8px;font-size:20px;cursor:pointer}.brandMark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6d42ff,#a96cff);box-shadow:0 10px 35px #7449ff66}nav{display:flex;gap:4px;margin-left:42px}button{font:inherit;color:inherit;border:0;cursor:pointer}.topbar nav button{padding:11px 14px;background:transparent;color:#9297a8;border-radius:10px}.topbar nav button.active,.topbar nav button:hover{background:#151827;color:#fff}.topActions{margin-left:auto;display:flex;gap:12px;align-items:center}.search{display:flex;align-items:center;gap:8px;background:#11141e;border:1px solid #25293a;border-radius:12px;padding:0 12px;width:230px}.search input{background:none;border:0;outline:0;color:#fff;padding:10px 0;width:100%}.iconBtn{width:40px;height:40px;background:#151827;border:1px solid #282c3e;border-radius:12px}.hero{max-width:1400px;margin:34px auto 18px;padding:0 4vw;display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#9b7cff;font-weight:800}.hero h1{font-size:clamp(40px,5vw,70px);line-height:.98;margin:12px 0 18px;letter-spacing:-3px}.hero h1 em{font-style:normal;color:#9d7cff}.hero p{color:#9499aa;max-width:460px;line-height:1.7}.playerWrap,.emptyPlayer{min-height:330px;border:1px solid #282c3b;border-radius:22px;background:#0c0f17;box-shadow:0 25px 80px #00000059;overflow:hidden}.emptyPlayer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#777d8d}.emptyPlayer strong{color:#dfe3ed}.playCircle{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#191d2a;color:#a987ff;font-size:23px}.playerTitle{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:11px;letter-spacing:1.5px;color:#9b7cff}.playerTitle button,.modalHead button{background:#191d29;width:32px;height:32px;border-radius:9px}.liveDot{display:inline-block;width:7px;height:7px;background:#ff4c66;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #ff4c66}.video{display:block;width:100%;height:250px;background:#000;object-fit:contain}.videoPlaceholder{height:250px;background:radial-gradient(circle,#191c2a,#06070a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#72798b}.videoPlaceholder span{font-size:38px;color:#9270ff}.playerMeta{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.playerMeta span,.cardInfo span{color:#73798a;font-size:12px}.toolbar{max-width:1400px;margin:20px auto;padding:0 4vw;display:flex;align-items:center;gap:14px}.chips{display:flex;gap:7px;overflow:auto;flex:1}.chip{white-space:nowrap;background:#10131c;border:1px solid #232737;padding:8px 12px;border-radius:999px;color:#969bab;font-size:12px}.chip.selected{background:#7551e8;border-color:#7551e8;color:#fff}.chip small{margin-left:5px;opacity:.65}.adminBtn{background:#151827;border:1px solid #292d3f;border-radius:10px;padding:9px 13px;color:#b9becb}.sectionHead{max-width:1400px;margin:30px auto 15px;padding:0 4vw;display:flex;align-items:end;justify-content:space-between}.sectionHead h2{margin:7px 0 0;font-size:25px}.count{font-size:12px;color:#707688}.grid{max-width:1400px;margin:0 auto;padding:0 4vw 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px}.card{position:relative;background:linear-gradient(180deg,#121621,#0e1119);border:1px solid #222637;border-radius:16px;padding:14px;min-height:195px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#4d3c82}.logoBox{height:100px;border-radius:12px;background:#0a0c11;display:grid;place-items:center;overflow:hidden}.logoBox img{max-width:75%;max-height:75%;object-fit:contain}.logoBox span{font-size:30px;font-weight:900;color:#7255d7}.fav{position:absolute;right:10px;top:10px;background:#0d1018cc;border:1px solid #282d3e;width:30px;height:30px;border-radius:9px;color:#b89fff;z-index:2}.cardInfo{display:flex;flex-direction:column;gap:5px;padding-top:10px;min-width:0}.cardInfo strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playBtn{position:absolute;right:12px;bottom:12px;background:#7651e8;width:34px;height:34px;border-radius:10px;font-size:13px}.noItems{grid-column:1/-1;min-height:190px;border:1px dashed #292e40;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7b8192;text-align:center}.noItems div{font-size:30px}.noItems strong{color:#d7dae4}.notice{max-width:1400px;margin:0 auto 12px;padding:10px 4vw;background:#1b1728;color:#d4c9ff;display:flex;justify-content:space-between}.overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#11141d;border:1px solid #2a2f42;border-radius:20px;padding:20px;box-shadow:0 30px 100px #000}.modalHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modalHead h3{margin:0;font-size:20px}.form{display:flex;flex-direction:column;gap:11px}.form input{width:100%;padding:12px 13px;background:#0b0e15;border:1px solid #292e40;border-radius:10px;color:#fff;outline:none}.form input:focus{border-color:#7651e8}.primary{background:#7651e8;border-radius:10px;padding:12px;font-weight:800}.error,.success{padding:10px;border-radius:10px;font-size:13px}.error{background:#321721;color:#ff9dae}.success{background:#142b24;color:#8df1c4;margin-top:12px}.tabs{display:flex;gap:7px;margin-bottom:15px}.tab{background:#171a25;padding:9px 11px;border-radius:9px;color:#8e94a5}.tab.active{background:#7651e8;color:#fff}.or{text-align:center;color:#6e7484;font-size:12px}.legalNote{color:#6f7585;font-size:11px;line-height:1.6;margin-top:15px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:44px}.topbar{padding:0 14px}.topbar nav{display:none}.search{width:160px}.grid{grid-template-columns:repeat(2,1fr)}.toolbar,.sectionHead,.hero{padding:0 14px}.grid{padding-left:14px;padding-right:14px}}@media(max-width:520px){.topbar{height:64px}.brand{font-size:16px}.search{width:130px}.hero{margin-top:20px}.hero h1{font-size:38px}.video{height:205px}.playerWrap,.emptyPlayer{min-height:285px}.grid{grid-template-columns:1fr 1fr;gap:9px}.card{min-height:175px;padding:10px}.logoBox{height:80px}}