/*
Theme Name: Maal35
Description: Maal35.com Video Theme
Version: 1.0
*/
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --bg:#050505;--card:#0a0a0a;--card2:#0e0e0e;--hdr:#000;
  --red:#e8253a;--violet:#9d2cf5;--pink:#ff69b4;
  --grad:linear-gradient(110deg,#e8253a,#9d2cf5);
  --br:rgba(232,37,58,.28);--bv:rgba(157,44,245,.25);
  --rg:rgba(232,37,58,.1);--vg:rgba(157,44,245,.1);
  --txt:#fff;--txt2:#aaa;--txt3:#555;
  --st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);
}
html,body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}

/* ── LIGHT MODE ── */
body.light{--bg:#f4f4f4;--card:#fff;--card2:#f9f9f9;--hdr:#fff;--txt:#111;--txt2:#555;--txt3:#999}
body.light .hdr{border-color:#e5e5e5;box-shadow:0 1px 8px rgba(0,0,0,.08)}
body.light .logo-wrap{background:#000;border-radius:4px;padding:2px 6px}
body.light .search-wrap{background:#fff;border-color:#ddd}
body.light .search-inp{color:#111}
body.light .search-inp::placeholder{color:#bbb}
body.light .sect-hdr{border-color:#e5e5e5}
body.light .fchip.off{background:#fff;border-color:#ddd;color:#999}
body.light .grid{background:#e0e0e0}
body.light .vcard-info{background:#fff}
body.light .vcard-ttl{color:#111}
body.light .vcard-views{color:#bbb}
body.light .pagination{border-color:#e5e5e5}
body.light .pg-btn{background:#fff;border-color:#ddd;color:#555}
body.light .pg-btn:hover{border-color:var(--red);color:var(--red)}
body.light .pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
body.light .pg-dots{color:#bbb}
body.light .site-footer{background:#fff;border-color:#e5e5e5}
body.light .footer-links a{color:#bbb}
body.light .footer-copy{color:#ccc}

/* ── HEADER ── */
.hdr{position:sticky;top:0;z-index:200;background:var(--hdr);padding:calc(8px + var(--st)) 14px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #151515;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.logo-wrap{display:inline-flex;align-items:center;background:#000;border-radius:4px;padding:2px 4px}
.logo-img{height:38px;max-width:160px;object-fit:contain;display:block}
.bulb-btn{width:38px;height:38px;border-radius:50%;background:#111;border:1px solid #222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;flex-shrink:0}
.bulb-btn:hover{border-color:var(--red)}
.bulb-btn svg{width:18px;height:18px;transition:stroke .2s}
.back-btn{width:36px;height:36px;border-radius:50%;border:1px solid #222;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#111;flex-shrink:0;text-decoration:none}
.back-btn svg{width:14px;height:14px}

/* ── SEARCH ── */
.search-wrap{display:flex;margin:10px 14px;border:1px solid #1a1a1a;border-radius:4px;background:#0d0d0d;overflow:hidden}
.search-inp{flex:1;background:transparent;border:none;outline:none;color:#bbb;font-size:14px;padding:11px 14px;min-width:0}
.search-inp::placeholder{color:#333}
.search-btn{background:var(--red);padding:0 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:50px;border:none}
.search-btn svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}

/* ── PREMIUM SECTION ── */
.prem-wrap{margin:0 14px 4px;border:1px solid var(--br);border-radius:8px;background:linear-gradient(150deg,#0c0008,#08000f,#0c0008);overflow:hidden;position:relative}
.prem-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(232,37,58,.08),transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(157,44,245,.1),transparent 55%);pointer-events:none}
.prem-topline{height:1.5px;background:linear-gradient(90deg,transparent,#e8253a 30%,#9d2cf5 70%,transparent)}
.prem-shimmer{position:absolute;inset:0;overflow:hidden;border-radius:8px;pointer-events:none}
.prem-shimmer::after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);animation:sweep 4s ease-in-out infinite}
@keyframes sweep{0%{left:-100%}100%{left:200%}}
.prem-hero{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:14px 14px 10px}
.gh-ring{width:62px;height:62px;border-radius:50%;flex-shrink:0;padding:2px;background:linear-gradient(135deg,#e8253a,#ff69b4,#9d2cf5);position:relative}
.gh-ring::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(255,105,180,.2);animation:pulse 2.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}
.gh-logo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.prem-text{flex:1;min-width:0}
.prem-eyebrow{font-size:7px;letter-spacing:2px;color:var(--violet);margin-bottom:3px}
.prem-title{font-size:16px;font-weight:900;letter-spacing:.5px;line-height:1.1}
.prem-title .r{color:var(--red)}.prem-title .w{color:#fff}
.prem-site{font-size:9px;color:#777;margin-top:2px}
.prem-site span{color:var(--pink);font-weight:600}
.prem-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 10px}
.benefit{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:8px 5px;text-align:center}
.benefit-icon{font-size:15px;margin-bottom:3px}
.benefit-ttl{font-size:7.5px;font-weight:700;color:#ddd;letter-spacing:.3px}
.benefit-sub{font-size:6.5px;color:#555;margin-top:1px}
.prem-pay{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.05)}
.pay-label{font-size:7px;color:#444;letter-spacing:.8px;flex-shrink:0;text-transform:uppercase}
.pay-methods{display:flex;gap:5px;flex-wrap:wrap}
.pay-b{font-size:7px;font-weight:700;padding:3px 8px;border-radius:2px;letter-spacing:.3px}
.pay-b.upi{background:rgba(26,35,126,.6);color:#90caf9;border:1px solid rgba(144,202,249,.25)}
.pay-b.btc{background:rgba(247,147,26,.12);color:#f7931a;border:1px solid rgba(247,147,26,.3)}
.pay-b.eth{background:rgba(98,126,234,.12);color:#627eea;border:1px solid rgba(98,126,234,.3)}
.pay-b.bkash{background:rgba(233,30,99,.12);color:#f06292;border:1px solid rgba(233,30,99,.3)}
.prem-ctas{position:relative;z-index:1;display:flex;gap:8px;padding:0 14px 14px}
.prem-join{flex:1;position:relative;overflow:hidden;background:linear-gradient(110deg,#e8253a,#9d2cf5);border:none;border-radius:5px;padding:11px 0;font-size:11px;font-weight:900;color:#fff;text-align:center;letter-spacing:1.5px;cursor:pointer;text-decoration:none;display:block}
.prem-join::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:btn-shine 2.5s ease-in-out infinite}
@keyframes btn-shine{0%{left:-100%}100%{left:200%}}
.prem-demo{flex-shrink:0;border:1px solid var(--bv);border-radius:5px;padding:11px 14px;font-size:9px;font-weight:700;color:var(--violet);background:var(--vg);cursor:pointer;letter-spacing:.5px;white-space:nowrap;text-decoration:none;display:flex;align-items:center}

/* ── SECTION HEADER ── */
.sect-hdr{display:flex;align-items:center;gap:8px;padding:10px 14px 7px;border-top:1px solid #111}
.sect-line{width:3px;height:13px;background:var(--grad);border-radius:1px;flex-shrink:0}
.sect-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.sect-more{margin-left:auto;font-size:8px;color:var(--violet);letter-spacing:.5px;cursor:pointer;text-decoration:none}

/* ── FEATURED SLIDER ── */
.slider-outer{position:relative;margin:0 14px}
.slider-wrap{position:relative;border-radius:5px;overflow:hidden;aspect-ratio:16/9;border:1px solid #1a1a1a;background:#0d0108}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.slide.act{opacity:1}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.slide-bg-def{background:linear-gradient(135deg,#130210,#0e0118)}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.96) 35%,rgba(0,0,0,.1) 100%)}
.slide-content{position:absolute;bottom:12px;left:14px;right:48px;z-index:2}
.slide-cat{font-size:7px;letter-spacing:2px;color:var(--red);margin-bottom:4px;font-weight:700}
.slide-ttl{font-size:14px;font-weight:800;color:#fff;line-height:1.3}
.slide-meta{font-size:8px;color:#777;margin-top:3px}
.slide-play{position:absolute;bottom:12px;right:12px;width:34px;height:34px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;text-decoration:none}
.slide-play svg{width:11px;height:11px;fill:#fff;margin-left:2px}
.sarr{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:42px;background:rgba(0,0,0,.75);border:1px solid #222;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer}
.sarr.l{left:0;border-radius:0 3px 3px 0}.sarr.r{right:0;border-radius:3px 0 0 3px}
.sarr svg{width:10px;height:10px;fill:none;stroke:#888;stroke-width:2;stroke-linecap:round}
.dots{display:flex;justify-content:center;gap:5px;margin:7px 0 4px}
.dot{width:18px;height:2px;border-radius:1px;background:#222;cursor:pointer;transition:width .2s,background .2s}
.dot.act{background:var(--red);width:28px}

/* ── FILTER CHIPS ── */
.filter-row{display:flex;gap:6px;padding:2px 14px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.filter-row::-webkit-scrollbar{display:none}
.fchip{padding:6px 14px;border-radius:3px;font-size:8px;letter-spacing:.8px;white-space:nowrap;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}
.fchip.act{background:var(--red);color:#fff}
.fchip.off{border:1px solid #1e1e1e;color:#555;background:#0a0a0a}
.fchip.off:hover{border-color:var(--br);color:var(--red)}

/* ── VIDEO GRID ── */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#111;padding:14px}
@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){.grid{grid-template-columns:repeat(5,1fr)}}
.vcard{background:var(--bg);overflow:hidden;display:block;text-decoration:none;cursor:pointer}
.vcard:hover .vthumb{filter:brightness(1.12)}
.vthumb{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:filter .2s}
.vthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-ol{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 55%)}
.vt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vt-play svg{width:22px;height:22px;fill:rgba(255,255,255,.22)}
.vt-dur{position:absolute;bottom:5px;right:6px;font-size:7px;color:#ddd;background:rgba(0,0,0,.82);padding:2px 5px;border-radius:1px;letter-spacing:.3px}
.vt-cat{position:absolute;top:6px;left:6px;font-size:6.5px;font-weight:700;padding:2px 7px;letter-spacing:.5px;background:var(--red);color:#fff}
.vt-hd{position:absolute;top:6px;right:6px;font-size:6.5px;font-weight:700;padding:2px 5px;background:#0d3570;color:#5ba3ff;letter-spacing:.5px}
.vcard-info{padding:7px 9px 9px;border-bottom:1px solid #111;background:#0a0a0a}
.vcard-ttl{font-size:9px;color:#ccc;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}
.vcard-meta{display:flex;align-items:center;justify-content:space-between;margin-top:3px}
.vcard-views{font-size:7px;color:#3a3a3a;letter-spacing:.3px}
.vcard-cat{font-size:7px;color:var(--red);letter-spacing:.5px;font-weight:700}

/* ── PAGINATION ── */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 14px;border-top:1px solid #111;flex-wrap:wrap}
.pg-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #222;border-radius:3px;background:#0d0d0d;color:#555;font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s}
.pg-btn:hover{border-color:var(--br);color:var(--red)}
.pg-btn.act{background:var(--red);border-color:var(--red);color:#fff}
.pg-btn.dis{opacity:.3;pointer-events:none;cursor:default}
.pg-dots{font-size:10px;color:#333;padding:0 3px}

/* ── SINGLE POST ── */
.player-wrap{position:relative;background:#000;overflow:hidden}
.player-aspect{aspect-ratio:16/9;position:relative}
.player-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#130210,#0e0118);cursor:pointer}
.player-ph-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,rgba(232,37,58,.1),transparent 55%),radial-gradient(ellipse at 70% 40%,rgba(157,44,245,.1),transparent 55%)}
.player-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.player-ph-ol{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.play-ring{width:52px;height:52px;border-radius:50%;border:2.5px solid var(--violet);display:flex;align-items:center;justify-content:center;background:rgba(157,44,245,.15);position:relative;z-index:1;transition:transform .2s}
.play-ring:hover{transform:scale(1.08)}
.play-ring svg{width:18px;height:18px;fill:var(--violet);margin-left:3px}
.tap-lbl{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,.35);z-index:1;white-space:nowrap}
.strm-badge{position:absolute;bottom:8px;right:8px;background:rgba(232,37,58,.12);border:1px solid var(--br);color:var(--red);font-size:7px;padding:2px 8px;letter-spacing:.5px;z-index:1;font-weight:700}
.player-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:none}

.vinfo{padding:10px 14px 8px}
.v-cat{font-size:7px;letter-spacing:2px;color:var(--red);margin-bottom:4px;font-weight:700;text-transform:uppercase}
.v-ttl{font-size:14px;font-weight:800;color:var(--txt);line-height:1.35}
.v-div{height:1px;background:linear-gradient(90deg,transparent,var(--bv),transparent);margin:10px 0}
.v-stats{display:flex;text-align:center}
.v-stat{flex:1;border-right:1px solid #151515;padding:4px 0}
.v-stat:last-child{border:none}
.v-stat-val{font-size:11px;font-weight:700;color:var(--txt)}
.v-stat-key{font-size:7px;color:var(--txt3);letter-spacing:.5px;margin-top:1px;text-transform:uppercase}

.action-row{display:flex;gap:8px;padding:6px 14px 10px}
.dl-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--rg);border:1px solid var(--br);border-radius:4px;padding:9px 12px;font-size:9px;font-weight:700;color:var(--red);letter-spacing:.8px;text-decoration:none;transition:background .2s}
.dl-btn:hover{background:rgba(232,37,58,.18)}
.dl-btn svg{width:14px;height:14px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round}
.dmca-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#0d0d0d;border:1px solid #1e1e1e;border-radius:4px;padding:9px 12px;font-size:9px;font-weight:700;color:#555;letter-spacing:.8px;text-decoration:none;transition:background .2s}
.dmca-btn:hover{background:#141414}
.dmca-btn svg{width:14px;height:14px;fill:none;stroke:#555;stroke-width:2;stroke-linecap:round}

/* ── PREMIUM CARD (single) ── */
.prem-card{margin:4px 14px 6px;border:1px solid var(--br);border-radius:8px;background:linear-gradient(135deg,#0d0108,#100115,#0d0108);overflow:hidden;position:relative}
.pc-topline{height:1.5px;background:linear-gradient(90deg,#e8253a,#ff69b4,#9d2cf5,#e8253a);background-size:300%;animation:shimmer-line 3s linear infinite}
@keyframes shimmer-line{0%{background-position:300% 0}100%{background-position:-300% 0}}
.pc-sweep{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pc-sweep::after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);animation:sweep 3s ease-in-out infinite}
.pc-body{position:relative;z-index:1;padding:12px 14px;display:flex;align-items:center;gap:12px}
.pc-ring{width:54px;height:54px;border-radius:50%;flex-shrink:0;padding:2px;background:linear-gradient(135deg,#e8253a,#ff69b4,#9d2cf5);position:relative}
.pc-ring::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(255,105,180,.2);animation:pulse 2.5s ease-in-out infinite}
.pc-gh-logo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.pc-text{flex:1;min-width:0}
.pc-title{font-size:11px;font-weight:800;line-height:1.2}
.pc-title .grad{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pc-sub{font-size:8px;color:#777;margin-top:1px}
.pc-chips{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}
.pchip{font-size:6.5px;font-weight:700;padding:2px 6px;border-radius:2px;letter-spacing:.5px}
.pchip.r{background:var(--rg);color:var(--red);border:1px solid var(--br)}
.pchip.v{background:var(--vg);color:var(--violet);border:1px solid var(--bv)}
.pchip.p{background:rgba(255,105,180,.1);color:var(--pink);border:1px solid rgba(255,105,180,.2)}
.pc-cta{flex-shrink:0;position:relative;overflow:hidden;background:var(--grad);border:none;border-radius:5px;padding:9px 12px;font-size:8px;font-weight:800;color:#fff;letter-spacing:1px;cursor:pointer;white-space:nowrap;text-decoration:none;display:flex;align-items:center}
.pc-cta::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:btn-shine 2s ease-in-out infinite 1s}

/* ── RELATED ── */
.rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#111;margin:0 0}
.rcard{background:var(--bg);display:block;text-decoration:none;cursor:pointer}
.rcard:hover .rthumb{filter:brightness(1.1)}
.rthumb{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:filter .2s}
.rthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rt-ol{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 55%)}
.rt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.rt-play svg{width:18px;height:18px;fill:rgba(255,255,255,.25)}
.rt-dur{position:absolute;bottom:4px;right:5px;font-size:6.5px;color:#ccc;background:rgba(0,0,0,.8);padding:1px 4px;border-radius:1px}
.rt-badge{position:absolute;top:5px;left:5px;font-size:6px;font-weight:700;padding:2px 5px;letter-spacing:.4px}
.rt-badge.r{background:var(--red);color:#fff}
.rt-badge.v{background:var(--violet);color:#fff}
.rinfo{padding:6px 8px 8px;background:#0a0a0a;border-bottom:1px solid #111}
.rttl{font-size:8.5px;color:#bbb;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rmeta{font-size:7px;color:#3a3a3a;margin-top:2px}

.rel-pag{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-top:1px solid #111}
.rpg-btn{padding:6px 16px;border:1px solid #222;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.5px;color:var(--violet);background:var(--vg);text-decoration:none;transition:all .15s}
.rpg-btn:hover{border-color:var(--bv);background:rgba(157,44,245,.18)}
.rpg-btn.dis{color:#2a2a2a;border-color:#111;background:transparent;pointer-events:none}
.rpg-info{font-size:8px;color:#333;letter-spacing:.5px}

/* ── DESCRIPTION ── */
.desc-wrap{padding:10px 14px;border-top:1px solid #111}
.desc-label{font-size:8px;letter-spacing:2px;color:var(--txt3);margin-bottom:6px;text-transform:uppercase}
.desc-inner{font-size:12px;color:#888;line-height:1.7;max-height:80px;overflow:hidden;transition:max-height .3s}
.desc-inner.open{max-height:none}
.desc-more{display:inline-block;margin-top:6px;font-size:9px;color:var(--violet);cursor:pointer;letter-spacing:.5px;border:none;background:none;padding:0}

/* ── FOOTER ── */
.site-footer{background:#000;border-top:2px solid #111;padding:16px 14px calc(16px + var(--sb));text-align:center}
.footer-grad{height:1px;background:var(--grad);opacity:.2;margin-bottom:12px}
.footer-logo-wrap{background:#000;border-radius:4px;padding:2px 4px;display:inline-block;margin-bottom:8px}
.footer-logo{height:28px;object-fit:contain;display:block;opacity:.75}
.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:6px;flex-wrap:wrap}
.footer-links a{font-size:8px;color:#333;letter-spacing:.8px;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.footer-links a:hover{color:var(--red)}
.footer-copy{font-size:8px;color:#222;letter-spacing:.5px}

/* ── TOPBAR (single) ── */
.topbar{position:sticky;top:0;z-index:200;background:var(--hdr);padding:calc(8px + var(--st)) 14px 8px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #151515;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.topbar-logo{font-size:13px;font-weight:900;letter-spacing:1.5px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex:1;text-align:center}

/* ── NO POSTS ── */
.no-posts{text-align:center;padding:60px 20px;color:#3a3a3a;font-size:12px;letter-spacing:1px}

/* ── THUMB PLACEHOLDERS ── */
.tp1{background:linear-gradient(135deg,#130210,#0e0118)}
.tp2{background:linear-gradient(135deg,#10011a,#180210)}
.tp3{background:linear-gradient(135deg,#0e0118,#130210)}
.tp4{background:linear-gradient(135deg,#180010,#100118)}
.tp5{background:linear-gradient(135deg,#12080f,#0f0a18)}
.tp6{background:linear-gradient(135deg,#08010e,#140208)}

/* ── ANIMATIONS ── */
@keyframes btn-shine{0%{left:-100%}100%{left:200%}}

/* ── JOIN PREMIUM HEADER BUTTON ── */
.prem-hdr-btn{
  position:relative;overflow:hidden;
  background:var(--grad);color:#fff;
  border-radius:3px;padding:7px 13px;
  font-size:9px;font-weight:800;letter-spacing:1px;
  text-decoration:none;white-space:nowrap;flex-shrink:0;
  display:inline-flex;align-items:center;gap:4px;
}
.prem-hdr-btn::after{
  content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  animation:btn-shine 3s ease-in-out infinite;
}

/* ── 404 PAGE ── */
.pg404{
  min-height:70vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:40px 20px;text-align:center;
}
.pg404-code{
  font-size:80px;font-weight:900;letter-spacing:-2px;
  background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  line-height:1;margin-bottom:8px;
}
.pg404-title{
  font-size:16px;font-weight:700;color:var(--txt);
  margin-bottom:6px;letter-spacing:.3px;
}
.pg404-reason{
  font-size:11px;color:var(--txt3);letter-spacing:.5px;
  margin-bottom:24px;display:flex;align-items:center;gap:6px;justify-content:center;
}
.pg404-reason::before{content:"⚠";font-size:14px}
.pg404-div{
  width:60px;height:1px;
  background:linear-gradient(90deg,transparent,var(--br),transparent);
  margin:0 auto 24px;
}
.pg404-join{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;gap:8px;
  background:var(--grad);color:#fff;
  border-radius:5px;padding:12px 28px;
  font-size:11px;font-weight:900;letter-spacing:1.5px;
  text-decoration:none;margin-bottom:16px;
}
.pg404-join::after{
  content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  animation:btn-shine 2.5s ease-in-out infinite;
}
.pg404-back{
  display:inline-block;font-size:9px;color:var(--txt3);
  letter-spacing:1px;text-decoration:none;
  border:1px solid #222;border-radius:3px;padding:7px 16px;
  transition:border-color .2s,color .2s;
}
.pg404-back:hover{border-color:var(--br);color:var(--red)}
body.light .pg404-back{border-color:#ddd;color:#999}
body.light .pg404-back:hover{border-color:var(--red);color:var(--red)}