/* GGIRL R414 — Discovery: flat secondary navigation and unclipped trending rail.
 * Keep Create Post a prominent filled CTA; keep story/media tiles and feed
 * content cards, and preserve the underlying click/change handlers. */
:root{--r414-feed-accent:var(--vr-feed-mode-color,#c760ff)}
html body .topStack #modeTabs.vrFeedViewRow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  height:49px!important;
  min-height:49px!important;
  max-height:49px!important;
  gap:0!important;
  padding:0 10px!important;
  margin:0!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn{
  appearance:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:7px 4px!important;
  gap:2px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  outline-offset:-2px!important;
  box-shadow:none!important;
  filter:none!important;
  color:rgba(255,255,255,.69)!important;
  text-decoration:none!important;
}
html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn .moonLabel{
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  font:800 clamp(12px,3.7vw,15px)/1.25 system-ui,-apple-system,sans-serif!important;
  color:inherit!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn.active,
html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn.is-active,
html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn[aria-selected="true"]{
  color:var(--r414-feed-accent)!important;
  border-bottom:2px solid var(--r414-feed-accent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn:focus-visible{
  outline:2px solid var(--r414-feed-accent)!important;
}
html body #vrTrendingHashtagsR42{
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 14px 7px!important;
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
  isolation:isolate;
  z-index:1!important;
}
html body #vrTrendingHashtagsR42[hidden]{display:none!important}
html body #vrTrendingHashtagsR42::-webkit-scrollbar{display:none!important}
html body #vrTrendingHashtagsR42 a{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-height:33px!important;
  padding:6px 1px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--vr-feed-mode-color,#d8a4fb)!important;
  font:750 clamp(11px,3.1vw,13px)/1.25 system-ui,-apple-system,sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
html body #vrTrendingHashtagsR42 a:focus-visible,
html body #vrTrendingHashtagsR42 a:active{
  outline:2px solid var(--vr-feed-mode-color,#d6a5ff)!important;
  outline-offset:2px!important;
}
html body #vrU1InlineComposer{
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  gap:7px!important;
}
html body #vrU1InlineComposerText{
  min-width:0!important;
  padding:0 6px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(255,255,255,.7)!important;
  font-size:clamp(12px,3.55vw,15px)!important;
  line-height:1.3!important;
}
html body #vrU1InlineComposerAction{
  flex:0 0 auto!important;
  min-height:43px!important;
  min-width:108px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  border:0!important;
  font:850 clamp(12px,3.4vw,15px)/1.1 system-ui,-apple-system,sans-serif!important;
  box-shadow:none!important;
}
html body .headerActionRows{
  box-shadow:none!important;
}
@media(max-width:350px){
  html body .topStack #modeTabs.vrFeedViewRow{padding:0 7px!important}
  html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn .moonLabel{font-size:12px!important}
  html body #vrU1InlineComposerAction{min-width:102px!important;padding:0 7px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .topStack #modeTabs.vrFeedViewRow > .moonItem.feedNavBtn{transition:none!important}
}

/* R414: the persona switcher is text-first, not an extra floating pill. */
html body .vrU1HeaderRight #vrU1ModeBtn.vrU1ModeBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:44px!important;
  min-height:42px!important;
  height:42px!important;
  padding:6px 4px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:2px solid var(--vr-feed-mode-color,#c760ff)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--vr-feed-mode-color,#c760ff)!important;
  font-weight:850!important;
}
html body .vrU1HeaderRight #vrU1ModeBtn.vrU1ModeBtn:focus-visible{
  outline:2px solid var(--vr-feed-mode-color,#c760ff)!important;
}