/* notif badge */ .vv-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;margin-left:6px;font-size:12px;font-weight:700;background:#ff3b30;color:#fff;line-height:1} .hidden{display:none!important}

/* ---- V2K Bottom Nav + Plus Panel ---- */
.vv-bottom-nav{
  position:fixed; left:0; right:0; bottom:0;
  display:flex; justify-content:space-around; align-items:center;
  height:62px; padding:0 10px;
  background:rgba(10,12,16,.92);
  border-top:1px solid var(--border);
  backdrop-filter: blur(10px);
  z-index:9999;
}
.vv-nav-item{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; text-decoration:none; color:inherit;
  min-width:64px; position:relative;
}
.vv-ico{ font-size:18px; line-height:1; }
.vv-txt{ font-size:11px; opacity:.9; }
.vv-nav-notif .vv-badge{ position:absolute; top:2px; right:10px; margin-left:0; }

.vv-plus{
  width:54px; height:40px; border-radius:14px;
  border:1px solid var(--border);
  background:var(--panel);
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.vv-plus-ico{ font-size:26px; line-height:1; }

.vv-plus-panel{
  position:fixed; left:0; right:0; bottom:72px;
  display:none; z-index:1001;
  padding:10px 12px;
}
.vv-plus-panel.open{ display:block; }
.vv-plus-card{
  max-width:980px; margin:0 auto;
  background:rgba(12,14,18,.96);
  border:1px solid var(--border);
  border-radius:18px;
  padding:10px;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}
.vv-plus-row{
  display:flex; flex-wrap:wrap; gap:8px; padding:6px;
}
.vv-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:10px 12px; border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
  text-decoration:none; color:inherit; font-size:14px;
}

/* =========================
   BLUE CHECK (Verified)
   ========================= */
.v2k-bluecheck {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #1d9bf0; /* Twitter/TikTok blue */
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

/* =========================
   BLUE CHECK (Verified)
   ========================= */
.v2k-bluecheck {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #1d9bf0; /* Twitter/TikTok blue */
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}
.profile-display{display:flex;align-items:center;gap:6px}
.profile-badges{display:inline-flex;gap:4px}

/* === PROFILE VIDEO THUMB FIX === */
.profile-video-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
  pointer-events: none;
}
.grid-video{
  width:100%;
  height:100%;
  object-fit:cover;
  background:#000;
  pointer-events:none;
}
.creator-hub-page {
  padding: 16px;
}
.creator-hub-page h1 {
  margin-bottom: 6px;
}
.creator-hub-page .muted {
  color: #888;
  margin-bottom: 14px;
}
.hub-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap: 12px;
}
.hub-card {
  padding: 14px;
  border-radius: 12px;
  background: #111;
  border: 1px solid #222;
}
.hub-card.disabled {
  opacity: .6;
}

/* === FOUNDING MEMBER — CLEAN STATIC TRIANGLE (NO FX) === */
.v2k-founding{
  display:inline-flex;
  margin-left:6px;
  font-size:15px;
  line-height:1;
  color:#3deaff; /* teal only */
  background:none;
  padding:0;
  border-radius:0;
}

/* === FOUNDING MEMBER — TEAL / CHROME BREATHING TRIANGLE === */
.v2k-founding{
  animation: v2k-founding-breathe 3.8s ease-in-out infinite;
}

@keyframes v2k-founding-breathe{
  0%,100% { color:#3deaff; }
  50%     { color:#cfd8dc; }
}