/* VivuCap Social premium alignment layer v6.5.9 */
html body #vcs-app.vcs-app {
  --vcp-bg: #05070d;
  --vcp-surface: rgba(13, 18, 29, .92);
  --vcp-surface-2: rgba(18, 25, 39, .9);
  --vcp-glass: rgba(255, 255, 255, .075);
  --vcp-line: rgba(255, 255, 255, .12);
  --vcp-line-strong: rgba(255, 255, 255, .22);
  --vcp-text: #ffffff;
  --vcp-text-soft: rgba(255, 255, 255, .82);
  --vcp-text-muted: rgba(255, 255, 255, .66);
  --vcp-gold: #d4a017;
  --vcp-gold-strong: #c99700;
  --vcp-gold-hover: #e0b12d;
  --vcp-navy-alert: #0b1d3a;
  --vcp-rose: #cc3366;
  --vcp-cyan: #22d3ee;
  --vcp-radius: 22px;
  --vcp-radius-sm: 14px;
  --vcp-pill: 999px;
  --vcp-page: minmax(0, 740px);
  --vcp-shadow: 0 22px 70px rgba(0, 0, 0, .42);
  --vcp-ease: cubic-bezier(.2, .8, .2, 1);
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 211, 238, .12), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(212, 160, 23, .14), transparent 26%),
    linear-gradient(180deg, #070a12 0%, #05070d 46%, #090b13 100%) !important;
  font-family: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
  text-rendering: geometricPrecision;
}

html body:has(#vcs-app),
html body.vcs-page {
  background: #05070d !important;
}

html body #vcs-app *,
html body #vcs-app *::before,
html body #vcs-app *::after {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

html body #vcs-app :focus-visible {
  outline: 2px solid var(--vcp-gold-hover) !important;
  outline-offset: 3px !important;
}

html body #vcs-app .vcs-vp-shell,
html body #vcs-app .vcs-feed-wrap,
html body #vcs-app .vcs-tabs-inner,
html body #vcs-app .vcs-filter-scroll,
html body #vcs-app .vcs-nav-inner,
html body #vcs-app .vcs-vp-topbar-inner {
  width: min(100%, 740px) !important;
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body #vcs-app .vcs-feed-wrap {
  padding: clamp(14px, 3vw, 24px) clamp(12px, 3vw, 20px) 88px !important;
  background: transparent !important;
}

html body #vcs-app #vcs-feed,
html body #vcs-app .vcs-feed {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(16px, 3vw, 22px) !important;
  align-items: start !important;
}

html body #vcs-app .vcs-card,
html body #vcs-app .vcs-story-card,
html body #vcs-app .vcs-promo-feed-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: var(--vcp-radius) !important;
  border: 1px solid var(--vcp-line) !important;
  background: linear-gradient(180deg, rgba(19, 25, 39, .95), rgba(10, 14, 23, .96)) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, var(--vcp-shadow) !important;
  color: var(--vcp-text) !important;
  transform: translateZ(0);
  contain: layout paint;
}

html body #vcs-app .vcs-card:hover {
  border-color: rgba(212, 160, 23, .34) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 26px 78px rgba(0, 0, 0, .48) !important;
}

html body #vcs-app .vcs-card-top,
html body #vcs-app .vcs-story-card .vcs-card-top {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px 10px !important;
}

html body #vcs-app .vcs-card-av,
html body #vcs-app .vcs-avatar-btn,
html body #vcs-app .vcs-vp-pending-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, var(--vcp-gold), var(--vcp-rose)) !important;
  border: 2px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 0 0 3px rgba(212, 160, 23, .14) !important;
}

html body #vcs-app .vcs-card-av img,
html body #vcs-app .vcs-avatar-btn img,
html body #vcs-app .vcs-vp-pending-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  position: static !important;
}

html body #vcs-app .vcs-card-meta,
html body #vcs-app .vcs-vp-pending-meta {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body #vcs-app .vcs-card-name,
html body #vcs-app .vcs-vp-pending-meta strong,
html body #vcs-app .vcs-profile-name {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

html body #vcs-app .vcs-card-user,
html body #vcs-app .vcs-vp-pending-meta span,
html body #vcs-app .vcs-story-topline,
html body #vcs-app .vcs-story-metrics,
html body #vcs-app .vcs-profile-username,
html body #vcs-app .vcs-profile-bio {
  color: var(--vcp-text-muted) !important;
  -webkit-text-fill-color: var(--vcp-text-muted) !important;
}

html body #vcs-app .vcs-card-msg,
html body #vcs-app .vcs-story-card .vcs-card-msg,
html body #vcs-app .vcs-promo-feed-card .vcs-card-msg {
  color: var(--vcp-text) !important;
  -webkit-text-fill-color: var(--vcp-text) !important;
  font-size: .96rem !important;
  line-height: 1.55 !important;
  padding: 8px 16px 14px !important;
}

html body #vcs-app .vcs-story-visual {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  min-height: 0 !important;
  max-height: min(72vh, 760px) !important;
  background: #070a12 !important;
  overflow: hidden !important;
}

html body #vcs-app .vcs-story-visual img,
html body #vcs-app .vcs-story-visual video,
html body #vcs-app .vcs-card-media img,
html body #vcs-app .vcs-card-media video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  background: #05070d !important;
}

html body #vcs-app .vcs-story-overlay {
  inset: auto 0 0 0 !important;
  padding: clamp(52px, 12vw, 92px) 16px 18px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .72) 68%, rgba(0, 0, 0, .9) 100%) !important;
  pointer-events: none !important;
}

html body #vcs-app .vcs-story-overlay h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif !important;
  font-size: clamp(1.25rem, 5vw, 2.05rem) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  margin: 8px 0 0 !important;
  max-width: 13ch !important;
}

html body #vcs-app .vcs-story-actions,
html body #vcs-app .vcs-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px 16px !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

html body #vcs-app button,
html body #vcs-app .vcs-action,
html body #vcs-app .vcs-story-action,
html body #vcs-app .vcs-nav-btn,
html body #vcs-app .vcs-btn-post,
html body #vcs-app .vcs-btn-register,
html body #vcs-app .vcs-vp-cta-primary,
html body #vcs-app .vcs-vp-add-friend,
html body #vcs-app .vcs-vp-promo-submit,
html body #vcs-app .vcs-business-promo-btn,
html body #vcs-app .vcs-publish-tab,
html body #vcs-app .vcs-premium-tab,
html body #vcs-app .vcs-premium-delivery-opt,
html body #vcs-app .vcs-vp-delivery-opt,
html body #vcs-app .vcs-promo-link-btn,
html body #vcs-app .vcs-post-link-btn,
html body #vcs-app .vcs-btn-follow,
html body #vcs-app .vcs-btn-dm-open,
html body #vcs-app .vcs-btn-edit-profile {
  min-height: 44px !important;
  border-radius: var(--vcp-pill) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  font-family: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: pointer !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(180deg, var(--vcp-gold), var(--vcp-gold-strong)) !important;
  box-shadow: 0 10px 24px rgba(212, 160, 23, .28) !important;
  transition: transform .18s var(--vcp-ease), box-shadow .18s var(--vcp-ease), background .18s var(--vcp-ease), border-color .18s var(--vcp-ease) !important;
}

html body #vcs-app button:hover,
html body #vcs-app .vcs-action:hover,
html body #vcs-app .vcs-story-action:hover,
html body #vcs-app .vcs-nav-btn:hover,
html body #vcs-app .vcs-btn-post:hover,
html body #vcs-app .vcs-btn-register:hover,
html body #vcs-app .vcs-vp-cta-primary:hover,
html body #vcs-app .vcs-vp-add-friend:hover,
html body #vcs-app .vcs-vp-promo-submit:hover,
html body #vcs-app .vcs-business-promo-btn:hover,
html body #vcs-app .vcs-publish-tab:hover,
html body #vcs-app .vcs-premium-tab:hover,
html body #vcs-app .vcs-promo-link-btn:hover,
html body #vcs-app .vcs-post-link-btn:hover {
  background: linear-gradient(180deg, var(--vcp-gold-hover), var(--vcp-gold)) !important;
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow: 0 14px 30px rgba(212, 160, 23, .34) !important;
  transform: translateY(-1px) translateZ(0) !important;
}

html body #vcs-app button:disabled,
html body #vcs-app .is-added,
html body #vcs-app .following,
html body #vcs-app .vcs-btn-unfollow {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  opacity: .92 !important;
}

html body #vcs-app .vcs-like-btn,
html body #vcs-app .vcs-comment-btn,
html body #vcs-app .vcs-share-btn,
html body #vcs-app .vcs-more-btn,
html body #vcs-app .vcs-promo-like-btn,
html body #vcs-app .vcs-promo-share-btn {
  min-width: 44px !important;
  padding: 0 14px !important;
  background: rgba(255, 255, 255, .09) !important;
  box-shadow: none !important;
}

html body #vcs-app .vcs-share-btn,
html body #vcs-app .vcs-btn-post,
html body #vcs-app [data-open-post-mode],
html body #vcs-app [data-channel="feed"],
html body #vcs-app [data-delivery="feed"] {
  background: linear-gradient(180deg, var(--vcp-gold), var(--vcp-gold-strong)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body #vcs-app .vcs-cat-badge,
html body #vcs-app .vcs-story-type,
html body #vcs-app .vcs-vp-rail-meta,
html body #vcs-app #vcs-vp-stories-count {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: min(38vw, 150px) !important;
  padding: 0 11px !important;
  border-radius: var(--vcp-pill) !important;
  background: rgba(212, 160, 23, .16) !important;
  border: 1px solid rgba(212, 160, 23, .42) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  text-transform: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body #vcs-app .vcs-vp-rail {
  width: min(100%, 740px) !important;
  margin: 16px auto !important;
  padding: 16px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body #vcs-app .vcs-vp-rail-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 clamp(12px, 3vw, 20px) 12px !important;
}

html body #vcs-app .vcs-vp-rail-title,
html body #vcs-app .vcs-vp-rail-title * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Inter", "DM Sans", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html body #vcs-app .vcs-vp-rail-scroll,
html body #vcs-app .vcs-vp-stories-scroll {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 86px !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
  scroll-snap-type: inline mandatory !important;
  scroll-padding-inline: clamp(12px, 3vw, 20px) !important;
  padding: 4px clamp(12px, 3vw, 20px) 10px !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

html body #vcs-app .vcs-vp-rail-scroll::-webkit-scrollbar {
  display: none !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-story {
  width: 86px !important;
  min-width: 86px !important;
  min-height: 128px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-rows: 74px auto 0 !important;
  justify-items: center !important;
  align-content: start !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  scroll-snap-align: start !important;
  text-decoration: none !important;
}

html body #vcs-app .vcs-vp-story-ring {
  display: none !important;
}

html body #vcs-app .vcs-vp-story-photo {
  width: 74px !important;
  height: 74px !important;
  position: static !important;
  inset: auto !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  padding: 3px !important;
  background: conic-gradient(from 180deg, var(--vcp-gold), var(--vcp-rose), var(--vcp-cyan), var(--vcp-gold)) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 12px 26px rgba(0, 0, 0, .32) !important;
}

html body #vcs-app .vcs-vp-story-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 50% !important;
  background: #101827 !important;
}

html body #vcs-app .vcs-vp-story-name,
html body #vcs-app .vcs-vp-friend-user {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body #vcs-app .vcs-vp-friend-user {
  color: var(--vcp-text-muted) !important;
  -webkit-text-fill-color: var(--vcp-text-muted) !important;
  font-size: .66rem !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend {
  display: none !important;
}

html body #vcs-app .vcs-card.vcs-vp-pending {
  background: linear-gradient(180deg, rgba(17, 22, 34, .96), rgba(8, 12, 20, .98)) !important;
  border: 1px solid rgba(212, 160, 23, .28) !important;
  padding: 0 !important;
  color: #fff !important;
}

html body #vcs-app .vcs-vp-pending-inner {
  display: grid !important;
  gap: 14px !important;
  padding: 18px !important;
}

html body #vcs-app .vcs-vp-pending-head {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

html body #vcs-app .vcs-vp-pending-title {
  margin: 2px 0 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(1.08rem, 3vw, 1.35rem) !important;
  line-height: 1.16 !important;
  font-weight: 900 !important;
}

html body #vcs-app .vcs-vp-pending-when {
  display: grid !important;
  gap: 5px !important;
}

html body #vcs-app .vcs-vp-pending-when-label,
html body #vcs-app .vcs-vp-pending-hint {
  color: var(--vcp-text-muted) !important;
  -webkit-text-fill-color: var(--vcp-text-muted) !important;
  font-size: .78rem !important;
}

html body #vcs-app .vcs-vp-pending-when-date {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .96rem !important;
  font-weight: 800 !important;
}

html body #vcs-app .vcs-vp-pending-countdown,
html body #vcs-app .vcs-story-countdown,
html body #vcs-app .vcs-capsule-countdown {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: var(--vcp-pill) !important;
  background: var(--vcp-navy-alert) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 26px rgba(11, 29, 58, .36) !important;
}

html body #vcs-app .vcs-story-countdown span,
html body #vcs-app .vcs-story-countdown strong,
html body #vcs-app .vcs-countdown-big,
html body #vcs-app .vcs-capsule-countdown b {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body #vcs-app .vcs-vp-pending-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

html body #vcs-app .vcs-vp-pending-badge,
html body #vcs-app .vcs-capsule-pill {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: var(--vcp-pill) !important;
  background: rgba(212, 160, 23, .18) !important;
  border: 1px solid rgba(212, 160, 23, .46) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 900 !important;
}

html body #vcs-app .vcs-vp-orb {
  width: clamp(280px, 72vw, 380px) !important;
  aspect-ratio: 1 !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  margin-inline: auto !important;
}

html body #vcs-app .vcs-vp-orb .vcs-vp-orb-video {
  inset: 3% !important;
}

html body #vcs-app .vcs-vp-orb .vcs-vp-orb-photo {
  position: absolute !important;
  width: 31% !important;
  height: 31% !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .14), 0 16px 34px rgba(0, 0, 0, .38) !important;
}

html body #vcs-app .vcs-vp-orb .vcs-vp-orb-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 50% !important;
}

html body #vcs-app .vcs-loading-screen {
  min-height: 380px !important;
  border-radius: var(--vcp-radius) !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, .08), transparent),
    linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)) !important;
  background-size: 220% 100%, 100% 100% !important;
  animation: vcpSkeleton 1.1s var(--vcp-ease) infinite !important;
}

html body #vcs-app .vcs-realtime-new,
html body #vcs-app .vcs-capsule-fresh {
  animation: vcpReveal .44s var(--vcp-ease) both !important;
}

html body #vcs-app .vcs-capsule-opening {
  animation: vcpOpen .52s var(--vcp-ease) both !important;
}

html body #vcs-app input,
html body #vcs-app textarea,
html body #vcs-app select {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-radius: var(--vcp-radius-sm) !important;
  min-height: 44px !important;
}

html body #vcs-app input::placeholder,
html body #vcs-app textarea::placeholder {
  color: rgba(255, 255, 255, .52) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .52) !important;
}

html body #vcs-app .vcs-overlay {
  background: rgba(0, 0, 0, .72) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

html body #vcs-app .vcs-sheet {
  width: min(100vw - 20px, 720px) !important;
  max-height: min(92vh, 900px) !important;
  border-radius: 26px !important;
  border: 1px solid var(--vcp-line) !important;
  background: linear-gradient(180deg, rgba(18, 25, 39, .98), rgba(8, 12, 20, .98)) !important;
  color: #fff !important;
  box-shadow: 0 32px 100px rgba(0, 0, 0, .55) !important;
}

@keyframes vcpSkeleton {
  from { background-position: 160% 0, 0 0; }
  to { background-position: -60% 0, 0 0; }
}

@keyframes vcpReveal {
  from { opacity: 0; transform: translateY(18px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vcpOpen {
  0% { opacity: .55; transform: scale(.982); filter: saturate(.8); }
  100% { opacity: 1; transform: scale(1); filter: saturate(1); }
}

@media (min-width: 980px) {
  html body #vcs-app .vcs-feed-wrap,
  html body #vcs-app .vcs-vp-rail,
  html body #vcs-app .vcs-vp-shell {
    width: min(100%, 780px) !important;
    max-width: 780px !important;
  }
}

@media (max-width: 640px) {
  html body #vcs-app .vcs-feed-wrap {
    padding-inline: 10px !important;
  }

  html body #vcs-app .vcs-card,
  html body #vcs-app .vcs-story-card,
  html body #vcs-app .vcs-promo-feed-card,
  html body #vcs-app .vcs-sheet {
    border-radius: 18px !important;
  }

  html body #vcs-app .vcs-card-top,
  html body #vcs-app .vcs-story-card .vcs-card-top {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 12px 12px 8px !important;
  }

  html body #vcs-app .vcs-card-av,
  html body #vcs-app .vcs-avatar-btn,
  html body #vcs-app .vcs-vp-pending-avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  html body #vcs-app .vcs-story-visual {
    aspect-ratio: 9 / 14 !important;
    max-height: 70vh !important;
  }

  html body #vcs-app button,
  html body #vcs-app .vcs-action,
  html body #vcs-app .vcs-story-action,
  html body #vcs-app .vcs-nav-btn,
  html body #vcs-app .vcs-vp-cta-primary,
  html body #vcs-app .vcs-vp-promo-submit,
  html body #vcs-app .vcs-business-promo-btn {
    min-height: 42px !important;
    padding-inline: 14px !important;
    font-size: .8rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #vcs-app *,
  html body #vcs-app *::before,
  html body #vcs-app *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* v6.5.6+ product fixes: friends, videos, sponsored, capsule, nav */
html body #vcs-app .vcs-vp-actions {
  width: min(100%, 560px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 18px auto 0 !important;
}

html body #vcs-app .vcs-vp-actions .vcs-vp-cta-primary,
html body #vcs-app .vcs-vp-actions .vcs-vp-cta-ghost {
  min-height: 46px !important;
  width: 100% !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  font-size: .92rem !important;
  background: linear-gradient(180deg, #10244a, #07162f) !important;
  border: 1px solid rgba(212, 160, 23, .36) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body #vcs-app .vcs-vp-actions .vcs-vp-cta-primary:hover,
html body #vcs-app .vcs-vp-actions .vcs-vp-cta-ghost:hover {
  background: linear-gradient(180deg, #17305f, #0b1d3a) !important;
  border-color: rgba(224, 177, 45, .7) !important;
}

html body #vcs-app .vcs-vp-cta-plus {
  display: none !important;
}

html body #vcs-app .vcs-vp-rail {
  margin-block: 18px 26px !important;
  isolation: isolate !important;
}

html body #vcs-app #vcs-vp-videos-track {
  grid-auto-columns: clamp(210px, 42vw, 280px) !important;
  gap: 16px !important;
  align-items: stretch !important;
  padding-bottom: 18px !important;
}

html body #vcs-app .vcs-vp-vid {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 9 / 15 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: #05070d !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.38) !important;
  scroll-snap-align: start !important;
  z-index: 0 !important;
}

html body #vcs-app .vcs-vp-vid-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

html body #vcs-app .vcs-vp-vid-author {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  top: 10px !important;
  width: auto !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.48) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #fff !important;
  max-width: calc(100% - 20px) !important;
}

html body #vcs-app .vcs-vp-vid-author img,
html body #vcs-app .vcs-vp-vid-init {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

html body #vcs-app .vcs-vp-vid-author-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #vcs-app .vcs-vp-vid-meta {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.65) !important;
  z-index: 3 !important;
}

html body #vcs-app .vcs-vp-vid-title {
  font-size: 1rem !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body #vcs-app .vcs-vp-vid-sound {
  right: 10px !important;
  top: 58px !important;
  z-index: 5 !important;
  min-width: 38px !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  background: rgba(11,29,58,.82) !important;
}

html body #vcs-app #vcs-vp-sponsored-track {
  grid-auto-columns: clamp(240px, 56vw, 320px) !important;
  gap: 16px !important;
  align-items: stretch !important;
  padding-bottom: 20px !important;
}

html body #vcs-app .vcs-vp-spn {
  width: 100% !important;
  min-height: 310px !important;
  display: grid !important;
  grid-template-rows: 170px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: linear-gradient(180deg, rgba(19,25,39,.98), rgba(9,13,22,.98)) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.34) !important;
  text-decoration: none !important;
  scroll-snap-align: start !important;
}

html body #vcs-app .vcs-vp-spn-media {
  position: relative !important;
  overflow: hidden !important;
  background: #05070d !important;
}

html body #vcs-app .vcs-vp-spn-media img,
html body #vcs-app .vcs-vp-spn-media video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body #vcs-app .vcs-vp-spn-pill {
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #e0b12d, #c99700) !important;
  color: #061126 !important;
  font-weight: 900 !important;
  font-size: .72rem !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body #vcs-app .vcs-vp-spn-body {
  display: grid !important;
  gap: 8px !important;
  padding: 14px !important;
  color: #fff !important;
}

html body #vcs-app .vcs-vp-spn-title {
  color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

html body #vcs-app .vcs-vp-spn-desc {
  color: rgba(255,255,255,.68) !important;
  font-size: .82rem !important;
  line-height: 1.32 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body #vcs-app .vcs-vp-spn-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: auto !important;
  color: rgba(255,255,255,.72) !important;
  font-size: .75rem !important;
}

html body #vcs-app .vcs-vp-spn-author {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html body #vcs-app .vcs-vp-spn-author img,
html body #vcs-app .vcs-vp-spn-init {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

html body #vcs-app #btn-open-promo-business-rail {
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #10244a, #07162f) !important;
  border: 1px solid rgba(212,160,23,.44) !important;
  box-shadow: none !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-story {
  grid-template-rows: 76px auto auto auto !important;
  min-height: 164px !important;
  gap: 6px !important;
}

html body #vcs-app .vcs-vp-story-fallback,
html body #vcs-app .vcs-vp-vid-init,
html body #vcs-app .vcs-vp-spn-init {
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(145deg, #0b1d3a, #1a2f6e) !important;
  color: #fff !important;
  font-weight: 900 !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 32px !important;
  margin-top: 2px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  background: linear-gradient(180deg, #d4a017, #c99700) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend.is-pending,
html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend[disabled] {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}

html body #vcs-app .vcs-vp-pending-hero {
  min-height: 128px !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(59,130,246,.45), transparent 32%),
    radial-gradient(circle at 88% 20%, rgba(212,160,23,.42), transparent 34%),
    linear-gradient(135deg, #173b8d, #0b1d3a 58%, #c99700 130%) !important;
  border-bottom: 1px solid rgba(212,160,23,.36) !important;
}

html body #vcs-app .vcs-vp-pending-icon {
  width: 56px !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(11,29,58,.78) !important;
  border: 2px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
  font-weight: 900 !important;
}

html body #vcs-app .vcs-vp-pending-kicker {
  color: #fff !important;
  font-size: clamp(1.25rem, 5vw, 2rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body #vcs-app .vcs-vp-pending-state {
  min-height: 34px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 10px !important;
  background: rgba(11,29,58,.72) !important;
  color: #fff !important;
  font-size: .75rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body #vcs-app .vcs-vp-pending-summary {
  color: rgba(255,255,255,.78) !important;
  font-size: .9rem !important;
  line-height: 1.42 !important;
  margin: 0 !important;
}

html body #vcs-app .vcs-vp-pending-countdown {
  white-space: normal !important;
  text-align: left !important;
  font-size: clamp(.95rem, 4.2vw, 1.22rem) !important;
  line-height: 1.2 !important;
}

html body #vcs-app .vcs-vp-pending-cta {
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #10244a, #07162f) !important;
  border: 1px solid rgba(212,160,23,.44) !important;
  color: #fff !important;
}

html body #vcs-app .vcs-bottom-nav {
  background: rgba(5, 10, 24, .94) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 -12px 34px rgba(0,0,0,.36) !important;
}

html body #vcs-app .vcs-bottom-nav .vcs-bn-btn {
  background: rgba(11,29,58,.68) !important;
  color: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

html body #vcs-app .vcs-bottom-nav .vcs-bn-btn.vcs-bn-active,
html body #vcs-app .vcs-bottom-nav .vcs-bn-btn.vcs-bn-tockie-active,
html body #vcs-app .vcs-bottom-nav .vcs-bn-btn.vcs-bn-salas-active,
html body #vcs-app .vcs-bottom-nav .vcs-bn-btn.vcs-bn-wockie-active {
  background: #0b1d3a !important;
  color: #fff !important;
  border-color: rgba(212,160,23,.55) !important;
  box-shadow: 0 0 0 1px rgba(212,160,23,.12), 0 10px 24px rgba(0,0,0,.28) !important;
}

html body #vcs-app #btn-bn-vivu-wocki-tockie,
html body #vcs-app .vcs-bn-wockie {
  display: none !important;
}

/* v6.5.9 premium friends/profile/Elly refinements */
html body #vcs-app .vcs-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border-radius: 22px !important;
  background: rgba(5, 10, 24, .68) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

html body #vcs-app .vcs-tab[data-feed] {
  min-height: 44px !important;
  width: 100% !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #10244a, #07162f) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
  letter-spacing: 0 !important;
  transform: translateZ(0) !important;
}

html body #vcs-app .vcs-tab[data-feed].active,
html body #vcs-app .vcs-tab[data-feed][aria-selected="true"] {
  background: linear-gradient(180deg, #17305f, #0b1d3a) !important;
  border-color: rgba(212,160,23,.58) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0 1px rgba(212,160,23,.18), 0 14px 28px rgba(0,0,0,.28) !important;
}

html body #vcs-app .vcs-tab[data-feed]:active {
  transform: scale(.98) translateZ(0) !important;
}

html body #vcs-app .vcs-vp-stories-scroll {
  grid-auto-columns: 94px !important;
  gap: 16px !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-story {
  width: 94px !important;
  min-width: 94px !important;
  grid-template-rows: 82px auto auto auto !important;
  min-height: 176px !important;
}

html body #vcs-app .vcs-vp-story-photo {
  width: 82px !important;
  height: 82px !important;
  display: grid !important;
  place-items: center !important;
  padding: 4px !important;
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.34), 0 0 0 1px rgba(212,160,23,.18) !important;
}

html body #vcs-app .vcs-vp-story-photo img,
html body #vcs-app .vcs-vp-story-fallback {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body #vcs-app .vcs-vp-story-fallback {
  background: linear-gradient(145deg, #0b1d3a, #17305f) !important;
  border: 1px solid rgba(212,160,23,.24) !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend,
html body #vcs-app .vcs-profile-friend-btn {
  background: linear-gradient(180deg, #10244a, #07162f) !important;
  border: 1px solid rgba(212,160,23,.42) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend:hover,
html body #vcs-app .vcs-profile-friend-btn:hover {
  background: linear-gradient(180deg, #17305f, #0b1d3a) !important;
  border-color: rgba(224,177,45,.62) !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend.is-pending,
html body #vcs-app .vcs-profile-friend-btn.is-pending {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend.is-added,
html body #vcs-app .vcs-profile-friend-btn.is-added {
  background: linear-gradient(180deg, #d4a017, #c99700) !important;
  border-color: rgba(255,255,255,.18) !important;
}

html body #vcs-app .vcs-vp-rail-stories .vcs-vp-add-friend.is-blocked,
html body #vcs-app .vcs-profile-friend-btn.is-blocked {
  background: rgba(148, 163, 184, .16) !important;
  border-color: rgba(148, 163, 184, .22) !important;
  color: rgba(255,255,255,.58) !important;
  -webkit-text-fill-color: rgba(255,255,255,.58) !important;
}

html body #vcs-app #vcs-vp-stories-count.vcs-live-pulse {
  background: rgba(212,160,23,.18) !important;
  border-color: rgba(224,177,45,.58) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  animation: vcs-vp-live-pulse 1.1s ease-in-out 2 !important;
}

@keyframes vcs-vp-live-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.045); }
}

html body #vcs-app .vcs-profile-header {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  position: relative !important;
  overflow: hidden !important;
}

html body #vcs-app .vcs-profile-avatar {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 3px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(212,160,23,.22) !important;
  z-index: 5 !important;
  will-change: transform !important;
  animation: vivucapAvatarFloat 8s ease-in-out infinite alternate !important;
  transform: translate3d(0, 0, 0) !important;
}

html body #vcs-app .vcs-profile-avatar img,
html body #vcs-app .vcs-profile-avatar .vcs-avatar,
html body #vcs-app .vcs-profile-avatar > * {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@keyframes vivucapAvatarFloat {
  0% {
    transform: translate3d(-6px, 0, 0);
  }
  50% {
    transform: translate3d(6px, -10px, 0);
  }
  100% {
    transform: translate3d(0, 6px, 0);
  }
}

html body #vcs-app .vcs-profile-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: center !important;
}

html body #vcs-app .vcs-profile-actions .vcs-btn-dm-open,
html body #vcs-app .vcs-profile-actions .vcs-profile-friend-btn {
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 14px !important;
}

html body #overlay-elly .vcs-elly-back,
html body #overlay-elly .vcs-elly-exit-mini,
html body #overlay-elly .vcs-exit-btn {
  background: linear-gradient(180deg, #10244a, #07162f) !important;
  border: 1px solid rgba(212,160,23,.46) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
}

html body #overlay-elly .vcs-elly-back:hover,
html body #overlay-elly .vcs-elly-exit-mini:hover,
html body #overlay-elly .vcs-exit-btn:hover {
  background: linear-gradient(180deg, #17305f, #0b1d3a) !important;
  border-color: rgba(224,177,45,.62) !important;
  transform: translateY(-1px) scale(1.02) !important;
}

html body #overlay-elly .vcs-elly-back:active,
html body #overlay-elly .vcs-elly-exit-mini:active,
html body #overlay-elly .vcs-exit-btn:active {
  transform: scale(.96) !important;
}

@media (max-width: 640px) {
  html body #vcs-app .vcs-vp-actions {
    width: 100% !important;
    grid-template-columns: 1fr 1fr !important;
    padding-inline: 12px !important;
  }

  html body #vcs-app #vcs-vp-videos-track {
    grid-auto-columns: 72vw !important;
  }

  html body #vcs-app #vcs-vp-sponsored-track {
    grid-auto-columns: 74vw !important;
  }

  html body #vcs-app .vcs-vp-pending-hero {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  html body #vcs-app .vcs-vp-pending-state {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  html body #vcs-app .vcs-profile-avatar {
    animation-duration: 9s !important;
  }

  @keyframes vivucapAvatarFloat {
    0% {
      transform: translate3d(-4px, 0, 0);
    }
    50% {
      transform: translate3d(4px, -6px, 0);
    }
    100% {
      transform: translate3d(0, 4px, 0);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #vcs-app .vcs-profile-avatar {
    animation: none !important;
    transform: none !important;
  }
}
/* v6.6.0 - Social capsule mode */
html body .vcs-private-capsule-link {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 12px 14px;
  margin: 8px 0 12px;
  border-radius: 18px;
  border: 1px solid rgba(212,160,23,.42);
  background: linear-gradient(135deg, rgba(11,29,58,.96), rgba(6,14,30,.96));
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(0,0,0,.24);
}
html body .vcs-private-capsule-link span {
  color: rgba(255,255,255,.68);
  font-size: .78rem;
  font-weight: 700;
}
html body .vcs-social-capsule-options {
  margin-top: 14px;
}
html body .vcs-social-capsule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
html body .vcs-social-capsule-choice {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 10px;
  align-items: start;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.055);
  color: #fff;
}
html body .vcs-social-capsule-choice input {
  margin-top: 3px;
  accent-color: #D4A017;
}
html body .vcs-social-capsule-choice strong,
html body .vcs-social-capsule-choice span {
  grid-column: 2;
}
html body .vcs-social-capsule-choice span {
  color: rgba(255,255,255,.66);
  font-size: .75rem;
  line-height: 1.35;
}
html body .vcs-social-capsule-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px 14px;
}
html body .vcs-social-capsule-status,
html body .vcs-social-capsule-shared {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(212,160,23,.32);
  color: #fff;
  background: rgba(11,29,58,.72);
  font-size: .78rem;
  font-weight: 900;
}
html body .vcs-social-capsule-btn {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #0B1D3A;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}
html body .vcs-social-capsule-btn.is-share,
html body .vcs-social-capsule-btn.is-accept {
  background: #D4A017;
}
html body .vcs-social-capsule-btn.is-reject,
html body .vcs-social-capsule-btn.is-delete {
  background: rgba(11,29,58,.92);
  border: 1px solid rgba(255,255,255,.15);
}
html body .vcs-social-capsule-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}
@media (max-width: 640px) {
  html body .vcs-social-capsule-grid {
    grid-template-columns: 1fr;
  }
}