:root{--bg-base:#1a1a1a;--bg-overlay:rgba(0,0,0,0.55);--card:rgba(255,255,255,0.06);--card-soft:rgba(255,255,255,0.035);--accent:#14eb3c;--muted:rgba(255,255,255,0.88)}
*{box-sizing:border-box}html,body{height:100%}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:rgba(255,255,255,0.08)}*::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}
*{scrollbar-color:var(--accent) rgba(255,255,255,0.08);scrollbar-width:thin}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:#fff;background:var(--bg-base)}
.bg{min-height:100vh;background:var(--bg-base)}.overlay{min-height:100vh;background:var(--bg-overlay)}
.container{max-width:1100px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}.logo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.15)}
.brand-text h1{margin:0}.sub{opacity:.85}.card{background:var(--card);padding:12px;border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,0.06)}
.nav button{margin-right:8px;padding:8px 12px;border-radius:999px;background:transparent;color:var(--muted);border:2px solid var(--accent);cursor:pointer}.nav button.active{background:var(--accent);color:#000;font-weight:700}
.btn{padding:8px 12px;border-radius:10px;border:none;background:var(--accent);color:#000;cursor:pointer;font-weight:700}.btn.danger{background:#e53935;color:#fff}
.file-btn{position:relative;overflow:hidden}.input{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:var(--card-soft);color:#fff}
.footer{font-size:12px;opacity:.8;text-align:center;margin-top:20px}.hidden{display:none}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.space-between{justify-content:space-between}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
iframe{width:100%;height:240px;border:0;border-radius:10px;background:#000}.embed-placeholder{height:240px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:10px}
.badge{background:#ffd54f;color:#000;padding:2px 6px;border-radius:6px;font-size:12px;margin-left:6px}.small{font-size:12px}.muted{opacity:.88}
.product{padding:10px;background:rgba(0,0,0,.25);border-radius:10px;border:1px solid rgba(255,255,255,0.06)}
.post{padding:8px;background:rgba(0,0,0,.2);border-radius:10px;margin-bottom:8px;border:1px solid rgba(255,255,255,0.06)}
.topbar{display:flex;gap:8px;align-items:center}.topbar input{width:auto}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,0.08)}

/* Social icons */
.social{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff}
.social .icon{width:20px;height:20px;fill:#14eb3c}


/* --- Gallery 3-grid (safe minimal) --- */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.gallery-grid img, .gallery-grid .gallery-item {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}


/* Shadow.Notts — photo card with delete button */
.photo-card { position: relative; }
.photo-card .photo-del {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  line-height: 24px;
  font-size: 18px;
  border: none;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  color: #fff;
  cursor: pointer;
}
.photo-card .photo-del:hover { background: rgba(0,0,0,0.8); }


/* Shadow.Notts — delete overlay (v2) */
.photo-card { position: relative; }
.photo-card .photo-del {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  line-height: 24px;
  font-size: 18px;
  border: none;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
.photo-card .photo-del:hover { background: rgba(0,0,0,0.85); }