*{box-sizing:border-box}
html{background:#090b10}
body{margin:0;background:#090b10;color:#f7f8fa;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{height:58px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #202632;background:#0c0f15}
.logo{font-size:24px;font-weight:900;letter-spacing:-.5px}
.container{width:min(1000px,94%);margin:auto;padding:18px 0 40px}
.hero{padding:18px 0 12px}
.hero h1{font-size:28px;margin:0 0 6px}
.hero p,.meta,.note{color:#98a2b3;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{background:#11161e;border:1px solid #242c38;border-radius:14px;overflow:hidden}
.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#171d28,#0d1016);display:grid;place-items:center}
.play{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ff3d70;font-size:18px;padding-left:2px}
.card-title{font-weight:700;padding:12px 12px 4px}
.card .meta{font-size:13px;padding:0 12px 13px}
.ad-slot{min-height:90px;border:1px dashed #303846;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#667085;font-size:10px;letter-spacing:1px;margin:14px 0;overflow:hidden}
.ad-feed{min-height:120px}
.player{width:100%;display:block;background:#000;border-radius:14px;max-height:72vh}
.watch h1{font-size:24px;margin:16px 0 5px}
.back{display:inline-block;color:#aeb7c6;margin-bottom:2px}
.admin-wrap{width:min(700px,92%);margin:45px auto}
.panel{background:#11161e;border:1px solid #29313d;border-radius:16px;padding:24px;margin-top:12px}
.panel h1{margin-top:0}
footer{text-align:center;color:#667085;padding:25px 0;border-top:1px solid #1c222c;font-size:13px}
@media(max-width:700px){.container{width:94%;padding-top:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero h1{font-size:24px}.card-title{font-size:14px;padding:9px 9px 3px}.card .meta{font-size:12px;padding:0 9px 10px}.ad-slot{margin:10px 0}}
@media(max-width:430px){.grid{grid-template-columns:1fr}.topbar{padding:0 13px}}
.ad-box{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin:18px 0;
  border-radius:12px;
  background:#0c1017;
}
.ad-320{min-height:70px}
.ad-300{min-height:270px}
.ad-box iframe{max-width:100%;border:0}
@media(max-width:430px){
  .ad-box{margin:12px 0}
  .ad-320{min-height:62px}
  .ad-300{min-height:260px}
}

/* Ad placement */
.ad-box{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:18px 0;border:0;background:transparent;border-radius:12px;box-sizing:border-box}
.ad-320{min-height:50px}
.ad-300{min-height:250px}
.ad-box iframe{max-width:100%;border:0}
.native-ad{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:18px 0;min-height:0}
.native-ad iframe{max-width:100%;border:0}
@media(max-width:430px){
  .ad-box{margin:12px 0}
  .ad-320{min-height:50px}
  .ad-300{min-height:250px}
  .native-ad{margin:12px 0}
}