:root{--bg:#000;--card:#111;--text:#fff;--accent:#fff;--border:#222}
*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:var(--bg);color:var(--text)}
header{position:fixed;top:0;width:100%;padding:15px 20px;display:flex;justify-content:space-between;background:rgba(0,0,0,.9);z-index:100;border-bottom:1px solid var(--border)}
.logo{font-weight:800;font-size:22px}.logo span{color:#fe2c55}
.hamburger{font-size:28px;cursor:pointer}
#sideMenu{position:fixed;top:0;right:-100%;width:280px;height:100%;background:var(--card);z-index:200;transition:.4s;padding:20px}
#sideMenu.active{right:0}
.menu-item{padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer}
#overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:150}
#overlay.active{display:block}
.container{padding:90px 15px 30px;max-width:480px;margin:auto}
.auth-box{background:var(--card);padding:25px;border-radius:20px;border:1px solid var(--border)}
input,select{width:100%;padding:12px;margin:8px 0 15px;border-radius:12px;border:1px solid var(--border);background:#0a0a0a;color:var(--text)}
button{width:100%;padding:12px;background:var(--accent);color:#000;border:none;border-radius:12px;font-weight:700;cursor:pointer}
.link-box{background:var(--card);border-radius:15px;display:flex;align-items:center;padding:5px 10px;border:1px solid var(--border)}
.link-box input{border:none;margin:0;flex:1}
.clear-btn{cursor:pointer;font-size:20px;display:none;padding:0 8px}
.controls{display:flex;gap:10px;margin:15px 0}.controls select{flex:1}
.video-wrap{position:relative;width:100%;height:540px;border-radius:20px;overflow:hidden;background:#000}
#mainVideo,#bgVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#bgVideo{filter:blur(20px) brightness(0.5)}
.mp3-card{position:relative;width:100%;height:540px;border-radius:20px;overflow:hidden;background:#000;display:none;margin-top:15px}
.player-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
#cover{width:160px;height:160px;border-radius:15px;object-fit:cover}
.action-btns{display:flex;gap:10px;margin-top:15px}
.action-btns a{padding:10px 18px;border-radius:30px;text-decoration:none;font-weight:600}
.btn-mp4{background:#fff;color:#000}.btn-mp3{background:#fe2c55;color:#fff}
.profile-pic{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #fe2c55}
#adPopup{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background:#fff;color:#000;padding:15px;border-radius:15px;display:none;z-index:300}
.badge{font-size:11px;background:#fe2c55;color:#fff;padding:3px 8px;border-radius:10px;margin-left:8px}
.hidden{display:none!important}