/*
 * VELVET ROOM - FULL APP UNIFICATION FOUNDATION U1
 *
 * FIRST LIVE AUTHORITY: PUBLIC FEED
 *
 * DESIGN CONTRACT:
 *
 * 1. Functional/content surfaces are black.
 * 2. Mode skin belongs to the page atmosphere and seams.
 * 3. Main content is full-bleed edge-to-edge.
 * 4. No floating post bubbles with side gutters.
 * 5. Main post separation is an intentional mode-skin seam.
 * 6. Search is a light utility surface.
 * 7. Header is black and image-free.
 * 8. Social/Friends/Work identity remains visible through accent,
 *    labels and mode metadata - not wallpaper inside every card.
 *
 * This file becomes the reusable visual foundation for later:
 * Radar / Center / Profile / Channel / other Velvet Room surfaces.
 */

:root{
  --vr-u1-black:#050507;
  --vr-u1-black-2:#09090c;
  --vr-u1-ink:#fff;
  --vr-u1-muted:rgba(255,255,255,.64);
  --vr-u1-line:rgba(255,255,255,.10);
  --vr-u1-search:#f7f7f9;
  --vr-u1-search-ink:#111216;
  --vr-u1-search-line:#d9d9df;
  --vr-u1-seam:8px;
  --vr-u1-radius:18px;
}


/* =========================================================
   FEED PAGE ATMOSPHERE
   ========================================================= */

body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"],
body[data-vr-app-unification="u1"].vr-surface-feed{
  margin:0 !important;

  color:var(--vr-u1-ink) !important;

  background:
    var(--vr-u-surface-image) center top/cover fixed no-repeat !important;
}


/* All major feed wrappers remain transparent so the mode skin can
   appear only where intentional seams/gaps expose it. */
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .page,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] main,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot{
  background:transparent !important;
  background-image:none !important;
}


/* =========================================================
   IMAGE-FREE BLACK FEED HEADER
   ========================================================= */

body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .hero{
  height:auto !important;
  min-height:0 !important;

  margin:0 !important;

  background:#050507 !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroBanner{
  min-height:118px !important;
  height:118px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#050507 !important;
  background-color:#050507 !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  overflow:hidden !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroBanner::before,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroBanner::after,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .hero::before,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroBanner img,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroBanner video,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroBanner picture,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroMedia,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroMedia img,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroMedia video{
  display:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroTitleTop{
  margin:0 !important;

  color:#fff !important;

  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(34px,8vw,48px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;

  text-align:center !important;
  text-shadow:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .heroTitleBottom{
  margin-top:8px !important;

  color:var(--vr-u-accent,#ff4fb8) !important;

  font-size:11px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;

  text-align:center !important;
  text-shadow:none !important;
}


/* =========================================================
   FACEBOOK-GRAMMAR SEARCH UTILITY STRIP
   ========================================================= */

body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows{
  margin:0 !important;
  padding:14px 16px !important;

  background:var(--vr-u1-search) !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  color:var(--vr-u1-search-ink) !important;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows input,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows input[type="search"],
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows [role="searchbox"]{
  min-height:52px !important;
  width:100% !important;

  padding:0 18px !important;

  background:#fff !important;
  background-image:none !important;

  border:1px solid var(--vr-u1-search-line) !important;
  border-radius:28px !important;

  color:#111216 !important;

  font-size:16px !important;

  box-shadow:none !important;
  outline:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows input::placeholder{
  color:#818188 !important;
  opacity:1 !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows button,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows a{
  color:#111216 !important;
}


/* =========================================================
   MODE FILTER ROW - PAGE SKIN IS VISIBLE HERE
   ========================================================= */

body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .moonRow{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;

  margin:0 !important;
  padding:12px 14px 14px !important;

  background:
    var(--vr-u-surface-image) center/cover fixed no-repeat !important;

  border:0 !important;
  border-radius:0 !important;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .moonItem{
  min-height:44px !important;

  display:grid !important;
  place-items:center !important;

  margin:0 !important;
  padding:0 10px !important;

  background:#07070a !important;
  background-image:none !important;

  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;

  color:rgba(255,255,255,.78) !important;

  font-size:14px !important;
  font-weight:750 !important;
  line-height:1 !important;

  box-shadow:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .moonItem.is-active,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .moonItem[aria-selected="true"]{
  color:#fff !important;

  border-color:var(--vr-u-accent,#ff4fb8) !important;

  box-shadow:
    inset 0 0 0 1px rgba(var(--vr-u-accent-rgb,255,79,184),.20),
    0 0 16px rgba(var(--vr-u-accent-rgb,255,79,184),.16) !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .vrUnifiedFilterLabel{
  display:block !important;
  white-space:nowrap !important;
}


/* =========================================================
   PINNED / SUPPLEMENTAL
   ========================================================= */

body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #pinnedSection,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #clipsSection{
  width:100% !important;

  margin:0 !important;
  padding:0 0 var(--vr-u1-seam) !important;

  background:
    var(--vr-u-surface-image) center/cover fixed no-repeat !important;

  border:0 !important;
  border-radius:0 !important;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #pinnedSection .section-head,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #clipsSection .section-head{
  margin:0 !important;
  padding:16px 18px 12px !important;

  background:#050507 !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #pinsRow,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #clipsRow{
  padding:0 12px 12px !important;

  background:
    var(--vr-u-surface-image) center/cover fixed no-repeat !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #pinsRow > *,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #clipsRow > *{
  background:#050507 !important;
  background-image:none !important;

  border-color:rgba(255,255,255,.12) !important;
}


/* =========================================================
   MAIN FEED - BLACK CARDS / COSMIC SEAMS / FULL BLEED
   ========================================================= */

body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot{
  width:100% !important;
  max-width:none !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:var(--vr-u1-seam) !important;

  margin:0 !important;
  padding:0 !important;

  background:
    var(--vr-u-surface-image) center top/cover fixed no-repeat !important;
}


body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList .postcard,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot .postcard{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;

  background:#050507 !important;
  background-color:#050507 !important;
  background-image:none !important;

  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  overflow:hidden !important;
}


/*
 * NEW U1 VISUAL DOCTRINE:
 * post origin mode is still visible through badges, labels, accents,
 * avatar rings and metadata. The main card shell itself is black.
 */
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList .postcard.mode-social,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList .postcard.mode-friends,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList .postcard.mode-work,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot .postcard.mode-social,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot .postcard.mode-friends,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot .postcard.mode-work{
  background:#050507 !important;
  background-image:none !important;
}


/* Internal structural bands stay black. */
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-head,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-copy,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-actions,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-mediaBand{
  background:#050507 !important;
  background-image:none !important;
}


/* User media remains full width inside the black post shell. */
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-media,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-trackRow,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-track,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-track img,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .postcard-track video{
  width:100% !important;
  max-width:none !important;
}


/* Speak-your-peace stays dark, not a mode wallpaper. */
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .speakInlineWrap,
body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .speakInlineInput{
  background:#09090c !important;
  background-image:none !important;
}


/* =========================================================
   FULL-BLEED MOBILE LOCK
   ========================================================= */

@media(max-width:640px){

  body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList,
  body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #feedList .postcard,
  body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] #topSpotlightSlot .postcard{
    margin-left:0 !important;
    margin-right:0 !important;

    border-radius:0 !important;
  }

  body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .headerActionRows{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .moonRow{
    gap:8px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body[data-vr-app-unification="u1"][data-vr-unified-surface="feed"] .moonItem{
    min-height:42px !important;
    padding-left:6px !important;
    padding-right:6px !important;
    font-size:13px !important;
  }

}

/* VR_FEED_COMPACT_SHELL_V2_START */

/*
 * FINAL FEED SHELL AUTHORITY
 * Header -> Search -> Mode pills -> compact supplemental sections -> feed.
 * This block intentionally lives at the end of U1 so it wins over legacy
 * feed.html inline !important rules without deleting working feature code.
 */

:root{
  --vr-u1-seam:2px;
  --vr-feed-compact-header-h:58px;
  --vr-feed-search-row-h:54px;
  --vr-feed-mode-row-h:48px;
}

body[data-vr-feed-shell="compact-v2"]{
  padding-top:0 !important;
}

body[data-vr-feed-shell="compact-v2"] .topStack{
  position:sticky !important;
  top:0 !important;
  z-index:900 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.22) !important;
}

body[data-vr-feed-shell="compact-v2"] .hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:7px !important;
  width:100% !important;
  min-height:calc(var(--vr-feed-compact-header-h) + env(safe-area-inset-top,0px)) !important;
  height:calc(var(--vr-feed-compact-header-h) + env(safe-area-inset-top,0px)) !important;
  max-height:calc(var(--vr-feed-compact-header-h) + env(safe-area-inset-top,0px)) !important;
  box-sizing:border-box !important;
  padding:env(safe-area-inset-top,0px) 9px 6px !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#050507 !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

body[data-vr-feed-shell="compact-v2"] .heroBanner,
body[data-vr-feed-shell="compact-v2"] #heroBanner{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1HeaderLeft,
body[data-vr-feed-shell="compact-v2"] .vrU1HeaderCenter,
body[data-vr-feed-shell="compact-v2"] .vrU1HeaderRight{
  position:relative !important;
  z-index:20 !important;
  min-width:0 !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1HeaderLeft{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1HeaderCenter{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1px !important;
  text-align:center !important;
  overflow:hidden !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1HeaderRight{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:3px !important;
}

body[data-vr-feed-shell="compact-v2"] .heroTitleTop,
body[data-vr-feed-shell="compact-v2"] .heroTitleBottom{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-align:center !important;
}

body[data-vr-feed-shell="compact-v2"] .heroTitleTop{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  color:#fff !important;
  text-shadow:none !important;
}

body[data-vr-feed-shell="compact-v2"] .heroTitleBottom{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.17em !important;
  color:rgba(255,255,255,.72) !important;
  text-shadow:none !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1HeaderIcon{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  color:#fff !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  position:relative !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1HeaderIcon svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
  stroke:currentColor !important;
}

body[data-vr-feed-shell="compact-v2"] #vaultBtn{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  bottom:auto !important;
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body[data-vr-feed-shell="compact-v2"] #vaultBtn img{
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  display:block !important;
}

body[data-vr-feed-shell="compact-v2"] .headerActionRows{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  min-height:var(--vr-feed-search-row-h) !important;
  height:var(--vr-feed-search-row-h) !important;
  max-height:var(--vr-feed-search-row-h) !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:7px 10px !important;
  background:#ececf0 !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid #d7d7dc !important;
}

body[data-vr-feed-shell="compact-v2"] .controlRowSingle{
  width:100% !important;
  min-height:40px !important;
  height:40px !important;
  max-height:40px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 40px !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}

body[data-vr-feed-shell="compact-v2"] .controlChip{
  display:none !important;
}

body[data-vr-feed-shell="compact-v2"] .controlSearchWrap{
  position:relative !important;
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:999px !important;
  border:1px solid #d2d2d8 !important;
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 1px 3px rgba(0,0,0,.08) !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1SearchGlyph{
  width:38px !important;
  min-width:38px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  color:#6f7078 !important;
  pointer-events:none !important;
}

body[data-vr-feed-shell="compact-v2"] .vrU1SearchGlyph svg{
  width:18px !important;
  height:18px !important;
  stroke:currentColor !important;
}

body[data-vr-feed-shell="compact-v2"] .feedSearchInput{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:40px !important;
  min-height:40px !important;
  box-sizing:border-box !important;
  padding:0 14px 0 0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#17181c !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:600 !important;
  text-align:left !important;
}

body[data-vr-feed-shell="compact-v2"] .feedSearchInput::placeholder{
  color:#777981 !important;
  opacity:1 !important;
}

body[data-vr-feed-shell="compact-v2"] #vrU1FilterBtn{
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid #d2d2d8 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#1c1d21 !important;
  box-shadow:0 1px 3px rgba(0,0,0,.08) !important;
}

body[data-vr-feed-shell="compact-v2"] #vrU1FilterBtn svg{
  width:18px !important;
  height:18px !important;
  stroke:currentColor !important;
}

body[data-vr-feed-shell="compact-v2"] .moonRow{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  min-height:var(--vr-feed-mode-row-h) !important;
  height:var(--vr-feed-mode-row-h) !important;
  max-height:var(--vr-feed-mode-row-h) !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:center !important;
  gap:6px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:6px 8px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg,rgba(2,2,5,.34),rgba(2,2,5,.58)),
    var(--vr-u-surface-image) center/cover no-repeat !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

body[data-vr-feed-shell="compact-v2"] .moonItem{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  padding:0 8px !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  background:rgba(4,4,8,.78) !important;
  color:rgba(255,255,255,.82) !important;
  box-shadow:0 2px 9px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}

body[data-vr-feed-shell="compact-v2"] .moonItem.active,
body[data-vr-feed-shell="compact-v2"] .moonItem.is-active,
body[data-vr-feed-shell="compact-v2"] .moonItem[aria-selected="true"]{
  color:#fff !important;
  border-color:rgba(var(--vr-u-accent-rgb,255,79,184),.72) !important;
  background:rgba(10,8,16,.92) !important;
  box-shadow:
    inset 0 0 0 1px rgba(var(--vr-u-accent-rgb,255,79,184),.22),
    0 0 12px rgba(var(--vr-u-accent-rgb,255,79,184),.32) !important;
}

body[data-vr-feed-shell="compact-v2"] .vrUnifiedFilterLabel{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

body[data-vr-feed-shell="compact-v2"] #pinnedSection{
  position:relative !important;
  margin:2px 0 !important;
  padding:0 !important;
  min-height:0 !important;
  background:rgba(5,5,7,.96) !important;
  background-image:none !important;
  border-top:1px solid rgba(255,79,184,.20) !important;
  border-bottom:1px solid rgba(255,79,184,.20) !important;
  box-shadow:inset 0 0 18px rgba(255,79,184,.035) !important;
}

body[data-vr-feed-shell="compact-v2"] #pinnedSection::before,
body[data-vr-feed-shell="compact-v2"] #pinnedSection::after{
  display:none !important;
  content:none !important;
}

body[data-vr-feed-shell="compact-v2"] #pinnedSection .section-head{
  min-height:0 !important;
  margin:0 !important;
  padding:9px 14px 7px !important;
  background:rgba(5,5,7,.97) !important;
  border:0 !important;
}

body[data-vr-feed-shell="compact-v2"] #pinnedSection .section-title{
  font-size:14px !important;
  line-height:1.08 !important;
}

body[data-vr-feed-shell="compact-v2"] #pinnedSection .section-sub{
  margin-top:2px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  color:rgba(255,255,255,.58) !important;
}

body[data-vr-feed-shell="compact-v2"] #pinsRow,
body[data-vr-feed-shell="compact-v2"] #pinnedSection.drawer-open #pinsRow,
body[data-vr-feed-shell="compact-v2"] #pinnedSection.is-visible.drawer-open #pinsRow{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 10px 9px !important;
  background:#050507 !important;
  background-image:none !important;
}

body[data-vr-feed-shell="compact-v2"] #pinnedSection .pinCard{
  width:110px !important;
  min-width:110px !important;
  max-width:110px !important;
  border-radius:13px !important;
}

body[data-vr-feed-shell="compact-v2"] #pinnedSection .pinMedia{
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
}

body[data-vr-feed-shell="compact-v2"] #feedList,
body[data-vr-feed-shell="compact-v2"] #topSpotlightSlot{
  gap:2px !important;
  row-gap:2px !important;
  column-gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:
    var(--vr-u-surface-image) center top/cover fixed no-repeat !important;
}

body[data-vr-feed-shell="compact-v2"] #feedList .postcard,
body[data-vr-feed-shell="compact-v2"] #topSpotlightSlot .postcard{
  margin:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
}

body[data-vr-feed-shell="compact-v2"] .vrRepeatSection,
body[data-vr-feed-shell="compact-v2"] .vrExactRepeatSection{
  min-height:0 !important;
  margin:2px 0 !important;
  padding:0 !important;
  background:#050507 !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

body[data-vr-feed-shell="compact-v2"] .vrRepeatSection::before,
body[data-vr-feed-shell="compact-v2"] .vrExactRepeatSection::before{
  opacity:.10 !important;
  filter:none !important;
}

body[data-vr-feed-shell="compact-v2"] .vrRepeatSection::after,
body[data-vr-feed-shell="compact-v2"] .vrExactRepeatSection::after{
  background:rgba(0,0,0,.84) !important;
}

body[data-vr-feed-shell="compact-v2"] .vrRepeatSection .section-head,
body[data-vr-feed-shell="compact-v2"] .vrExactRepeatSection .section-head{
  min-height:38px !important;
  box-sizing:border-box !important;
  padding:8px 14px !important;
  background:rgba(5,5,7,.92) !important;
}

body[data-vr-feed-shell="compact-v2"] .vrRepeatSection.drawer-open .feed-list,
body[data-vr-feed-shell="compact-v2"] .vrExactRepeatSection.drawer-open .feed-list{
  padding:0 10px 10px !important;
}

.vrU1CompactPopover{
  position:fixed !important;
  z-index:2147483000 !important;
  width:min(310px,calc(100vw - 16px)) !important;
  max-height:min(70vh,520px) !important;
  overflow:auto !important;
  padding:8px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:16px !important;
  background:rgba(8,8,12,.98) !important;
  color:#fff !important;
  box-shadow:0 18px 54px rgba(0,0,0,.55) !important;
  display:none !important;
}

.vrU1CompactPopover.is-open{
  display:block !important;
}

#vrU1MenuPanel{
  top:calc(env(safe-area-inset-top,0px) + 54px) !important;
  left:8px !important;
}

#vrU1NotifPanel{
  top:calc(env(safe-area-inset-top,0px) + 54px) !important;
  right:8px !important;
}

#vrU1FilterPanel{
  top:calc(env(safe-area-inset-top,0px) + 108px) !important;
  right:8px !important;
  width:min(250px,calc(100vw - 16px)) !important;
}

.vrU1CompactPopover a,
.vrU1CompactPopover button,
.vrU1CompactPopover .controlIconBtn{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  min-height:42px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  box-sizing:border-box !important;
  margin:0 0 5px !important;
  padding:10px 12px !important;
  border:0 !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
  font:inherit !important;
  font-size:14px !important;
  font-weight:750 !important;
  text-align:left !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.vrU1CompactPopover a:last-child,
.vrU1CompactPopover button:last-child{
  margin-bottom:0 !important;
}

.vrU1PopoverTitle{
  padding:5px 8px 8px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  color:rgba(255,255,255,.58) !important;
}

.vrU1NotifItem{
  padding:10px 9px !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.vrU1NotifItem:last-child{
  border-bottom:0 !important;
}

.vrU1NotifItem b{
  display:block !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

.vrU1NotifItem span{
  display:block !important;
  margin-top:3px !important;
  font-size:12px !important;
  line-height:1.25 !important;
  color:rgba(255,255,255,.68) !important;
}

body[data-vr-feed-shell="compact-v2"] .hero > #vrSettingsBtn,
body[data-vr-feed-shell="compact-v2"] .headerActionRows #feedCreatePostIcon{
  display:none !important;
}

body[data-vr-feed-shell="compact-v2"] .divider{
  height:2px !important;
  min-height:2px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:
    var(--vr-u-surface-image) center/cover fixed no-repeat !important;
}

/* VR_FEED_COMPACT_SHELL_V21_STABILIZER */

/*
 * V2.1 runtime-authority lock:
 * The visual shell is keyed to data-vr-feed-shell, which the compact runtime owns,
 * instead of depending on older platform-unification attributes that late scripts
 * are allowed to restamp.
 */
body[data-vr-feed-shell="compact-v2"] #heroBanner.heroBanner{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  pointer-events:none !important;
}
body[data-vr-feed-shell="compact-v2"] .hero{
  background:#050507 !important;
  background-image:none !important;
}

/* VR_FEED_COMPACT_SHELL_V2_END */

/* VR_FEED_FULL_WIDTH_VISUAL_PARITY_V22_START */

/*
 * V2.2 doctrine:
 * Reference controls section identity, hierarchy, and styling.
 * Velvet Room keeps the immersive edge-to-edge/full-width feed architecture.
 */

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .page,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .topStack,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #clipsSection,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #topSpotlightSlot,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #feedList,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .postcard,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .feedPost{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

/* ---------- HEADER ---------- */

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .hero{
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  padding:0 9px 6px !important;
  background:#030305 !important;
  background-image:none !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .vrU1HeaderCenter{
  position:absolute !important;
  left:50% !important;
  top:6px !important;
  transform:translateX(-50%) !important;
  z-index:30 !important;
  width:min(220px,54vw) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .heroTitleTop{
  display:block !important;
  position:static !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:23px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
  text-align:center !important;
  text-shadow:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .heroTitleBottom{
  display:block !important;
  position:static !important;
  width:100% !important;
  margin:3px 0 0 !important;
  padding:0 !important;
  color:#ff4fb8 !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.22em !important;
  text-align:center !important;
  text-shadow:none !important;
}

/* ---------- FULL-WIDTH SEARCH BAND ---------- */

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .headerActionRows{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  margin:0 !important;
  padding:7px 10px !important;
  background:#f0f0f3 !important;
  background-image:none !important;
  border-bottom:1px solid #d6d6db !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .controlRowSingle{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 42px !important;
  gap:9px !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .controlSearchWrap{
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  border:1px solid #d2d2d7 !important;
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 1px 3px rgba(0,0,0,.07) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .vrU1SearchGlyph{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  color:#17181c !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .feedSearchInput{
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 14px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#1a1b20 !important;
  font-size:15px !important;
  line-height:42px !important;
  font-weight:600 !important;
  text-align:left !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .feedSearchInput::placeholder{
  color:#777980 !important;
  opacity:1 !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #vrU1FilterBtn{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid #d2d2d7 !important;
  background:#fff !important;
  color:#17181c !important;
  box-shadow:0 1px 3px rgba(0,0,0,.07) !important;
}

/* ---------- FULL-WIDTH MODE BAND / DISTINCT PILLS ---------- */

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .moonRow{
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 !important;
  padding:8px 9px !important;
  background:
    linear-gradient(180deg,rgba(3,3,7,.18),rgba(3,3,7,.35)),
    var(--vr-u-surface-image) center/cover no-repeat !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .moonItem{
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 7px !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  background:rgba(4,4,8,.86) !important;
  color:rgba(255,255,255,.88) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.26) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .moonDot{
  display:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .moonLabel,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .vrUnifiedFilterLabel{
  display:block !important;
  width:auto !important;
  margin:0 !important;
  color:inherit !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-align:center !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .moonItem.active,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .moonItem.is-active,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .moonItem[aria-selected="true"]{
  color:#fff !important;
  background:rgba(11,7,15,.96) !important;
  border-color:#ff4fb8 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,79,184,.20),
    0 0 13px rgba(255,79,184,.48) !important;
}

/* ---------- FULL-WIDTH PINNED SECTION ---------- */

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  border-radius:0 !important;
  border-top:1px solid rgba(255,79,184,.22) !important;
  border-bottom:1px solid rgba(255,79,184,.22) !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.44)),
    var(--vr-u-surface-image) center/cover no-repeat !important;
  box-shadow:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection::before,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection::after{
  display:none !important;
  content:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .section-head{
  width:100% !important;
  min-height:62px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:10px 14px 9px !important;
  background:rgba(5,5,9,.74) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .section-head::after{
  display:none !important;
  content:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .section-title{
  font-size:17px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  color:#fff !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .section-sub{
  margin-top:3px !important;
  font-size:10px !important;
  line-height:1.15 !important;
  color:rgba(255,255,255,.67) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #vrU1PinnedViewAll{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:8px 0 8px 8px !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#ff4fb8 !important;
  font:inherit !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinsRow,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection.is-visible #pinsRow,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection.drawer-open #pinsRow{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:10px 14px 12px !important;
  opacity:1 !important;
  visibility:visible !important;
  background:rgba(0,0,0,.58) !important;
  scrollbar-width:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinsRow::-webkit-scrollbar{
  display:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .pinCard{
  flex:0 0 118px !important;
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,79,184,.42) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#08080b !important;
  box-shadow:0 0 0 1px rgba(255,79,184,.10),0 6px 18px rgba(0,0,0,.28) !important;
  animation:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .pinMedia{
  width:100% !important;
  height:108px !important;
  min-height:108px !important;
  max-height:108px !important;
  background:#07070a !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .pinMeta{
  min-height:0 !important;
  padding:7px 8px 8px !important;
  background:linear-gradient(180deg,rgba(18,8,18,.60),rgba(7,7,10,.96)) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .pinUser{
  font-size:11px !important;
  line-height:1.08 !important;
  font-weight:850 !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #pinnedSection .pinLine{
  margin-top:3px !important;
  font-size:9px !important;
  line-height:1.12 !important;
}

/* ---------- FULL-WIDTH POSTS / THIN SEAMS ---------- */

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #topSpotlightSlot,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #feedList{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  gap:2px !important;
  row-gap:2px !important;
  background:
    var(--vr-u-surface-image) center top/cover fixed no-repeat !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #feedList .postcard,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #topSpotlightSlot .postcard,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #feedList .feedPost,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #topSpotlightSlot .feedPost{
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:1px solid rgba(255,79,184,.15) !important;
  border-bottom:1px solid rgba(255,79,184,.15) !important;
  box-shadow:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .postcard-shell,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .feedPost > *{
  max-width:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .divider{
  width:100% !important;
  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:
    var(--vr-u-surface-image) center/cover fixed no-repeat !important;
}

/* Repeated / supplemental sections remain edge-to-edge too. */
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .vrRepeatSection,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] .vrExactRepeatSection,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"] #clipsSection{
  width:100% !important;
  max-width:none !important;
  margin:2px 0 !important;
  border-radius:0 !important;
}

/* Bottom navigation is intentionally not restyled in V2.2. */

/* VR_FEED_FULL_WIDTH_VISUAL_PARITY_V22_END */

/* VR_FEED_INLINE_COMPOSER_HEADER_V23_START */

/*
 * V2.3 doctrine:
 * The white desktop-like search bar is gone.
 * The top of the feed becomes a compact two-row black app header:
 * 1) title/navigation/action row
 * 2) inline composer row
 */

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .topStack{
  background:#030305 !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .hero{
  height:60px !important;
  min-height:60px !important;
  max-height:60px !important;
  padding:0 12px 8px !important;
  background:#030305 !important;
  background-image:none !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .vrU1HeaderCenter{
  position:absolute !important;
  left:37% !important;
  top:5px !important;
  transform:translateX(-50%) !important;
  z-index:30 !important;
  width:min(220px,50vw) !important;
  pointer-events:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .heroTitleTop{
  font-size:22px !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .heroTitleBottom{
  margin-top:4px !important;
}

/* Replace the old search band with a black inline-composer band */
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .headerActionRows{
  width:100% !important;
  height:auto !important;
  min-height:56px !important;
  max-height:none !important;
  margin:0 !important;
  padding:8px 12px 10px !important;
  background:#030305 !important;
  background-image:none !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .controlRowSingle{
  width:100% !important;
  height:auto !important;
  min-height:38px !important;
  max-height:none !important;
  display:block !important;
  gap:0 !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #feedSearchRow{
  display:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .controlSearchWrap,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .vrU1SearchGlyph,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .feedSearchInput,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1FilterBtn{
  display:none !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1InlineComposer{
  width:100% !important;
  min-height:38px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  box-sizing:border-box !important;
  padding:0 0 0 12px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02) !important;
  overflow:hidden !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1InlineComposerText{
  display:block !important;
  min-width:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1InlineComposerAction{
  appearance:none !important;
  -webkit-appearance:none !important;
  min-width:92px !important;
  height:38px !important;
  padding:0 14px !important;
  margin:0 !important;
  border:0 !important;
  border-left:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg,rgba(160,93,255,.30),rgba(112,63,255,.24)) !important;
  color:#fff !important;
  font:inherit !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  cursor:pointer !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .vrU1HeaderRight{
  gap:6px !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] .vrU1HeaderIcon{
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  min-height:32px !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vaultBtn{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vaultBtn img{
  width:31px !important;
  height:31px !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1HeaderSearchBtn svg,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1MessageBtn svg,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1MenuBtn svg{
  width:20px !important;
  height:20px !important;
}

body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1NotifBtn,
body[data-vr-feed-shell="compact-v2"][data-vr-feed-visual="fullwidth-v22"][data-vr-feed-header="inline-composer-v23"] #vrU1ProfileBtn{
  display:none !important;
}

/* Keep the rest of the V2.2 full-width surfaces exactly intact. */

/* VR_FEED_INLINE_COMPOSER_HEADER_V23_END */