/* VR_ROOM_MODE_VISUAL_LOCK_R134_20260925
 * Active presentation mode owns existing accent/highlight/trim language.
 * Provenance-bearing post identity is intentionally not rewritten.
 */
:root{
  --vr-r133-accent:var(--vr-social-1,#c760ff);
  --vr-r133-accent-2:var(--vr-social-2,#8e32ff);
  --vr-r133-rgb:199,96,255;
}
body.mode-social,
body.vr-mode-social,
body[data-vr-presentation-mode="social"]{
  --vr-r133-accent:var(--vr-social-1,#c760ff);
  --vr-r133-accent-2:var(--vr-social-2,#8e32ff);
  --vr-r133-rgb:199,96,255;
}
body.mode-friends,
body.vr-mode-friends,
body[data-vr-presentation-mode="friends"]{
  --vr-r133-accent:var(--vr-friends-1,#f0b35e);
  --vr-r133-accent-2:var(--vr-friends-2,#ff8d5f);
  --vr-r133-rgb:240,179,94;
}
body.mode-work,
body.vr-mode-work,
body[data-vr-presentation-mode="work"]{
  --vr-r133-accent:var(--vr-work-1,#67c6ff);
  --vr-r133-accent-2:var(--vr-work-2,#70a8ff);
  --vr-r133-rgb:103,198,255;
}

/* Bridge surviving token dialects into the current mode. */
body.vr-surface-profile,
body[data-vr-surface="channel"]{
  --mode-accent:var(--vr-r133-accent)!important;
  --vr-profile-accent:var(--vr-r133-accent)!important;
  --vr-mode-accent:var(--vr-r133-accent)!important;
  --vr-mode-accent-2:var(--vr-r133-accent-2)!important;
  --vr-r5-accent:var(--vr-r133-accent)!important;
  --vr-r5-accent-rgb:var(--vr-r133-rgb)!important;
  --vr-u-accent:var(--vr-r133-accent)!important;
  --vr-u-accent-2:var(--vr-r133-accent-2)!important;
  --vr-u-accent-rgb:var(--vr-r133-rgb)!important;
  --ch-accent:var(--vr-r133-accent)!important;
  --ch-accent2:var(--vr-r133-accent-2)!important;
  --ch-rgb:var(--vr-r133-rgb)!important;
}

/* App shell is the only page header. Remove the repeated route-local title strip. */
body.vr-surface-profile .topbar,
body[data-vr-surface="channel"] .channelTop{
  display:none!important;
}

/* Existing profile/room identity accents inherit the active mode. */
body.vr-surface-profile .heroAvatar,
body[data-vr-surface="channel"] .heroAvatar{
  border-color:color-mix(in srgb,var(--vr-r133-accent) 76%,rgba(255,255,255,.28))!important;
  box-shadow:0 8px 28px rgba(0,0,0,.35),0 0 0 1px color-mix(in srgb,var(--vr-r133-accent) 28%,transparent)!important;
}
body.vr-surface-profile #heroVerifiedBadge,
body[data-vr-surface="channel"] #channelVerifiedBadge{
  color:color-mix(in srgb,var(--vr-r133-accent) 78%,white)!important;
  background:color-mix(in srgb,var(--vr-r133-accent) 14%,transparent)!important;
  border-color:color-mix(in srgb,var(--vr-r133-accent) 42%,rgba(255,255,255,.14))!important;
}
body.vr-surface-profile #heroVerifiedBadge.is-cta,
body[data-vr-surface="channel"] #channelVerifiedBadge.is-cta{
  background:color-mix(in srgb,var(--vr-r133-accent) 24%,transparent)!important;
  border-color:color-mix(in srgb,var(--vr-r133-accent) 62%,rgba(255,255,255,.18))!important;
}
body.vr-surface-profile #postNotifyBtn[aria-pressed="true"],
body[data-vr-surface="channel"] .roomPostNotifyBtn.is-active{
  border-color:var(--vr-r133-accent)!important;
  background:color-mix(in srgb,var(--vr-r133-accent) 18%,#09090d)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--vr-r133-accent) 25%,transparent),0 0 20px color-mix(in srgb,var(--vr-r133-accent) 28%,transparent)!important;
}
body.vr-surface-profile .heroBtn.primary,
body[data-vr-surface="channel"] .heroBtn.primary{
  border-color:var(--vr-r133-accent)!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--vr-r133-accent) 78%,#16121b),
    color-mix(in srgb,var(--vr-r133-accent-2) 68%,#09090d))!important;
  box-shadow:0 0 20px color-mix(in srgb,var(--vr-r133-accent) 24%,transparent)!important;
}
body.vr-surface-profile .ownerModeSwitchRow button.is-active,
body[data-vr-surface="channel"] .ownerModeSwitchRow button.is-active{
  color:var(--vr-r133-accent)!important;
}

/* Preview/profile tiles are presentation chrome, not provenance; use current mode trim. */
body.vr-surface-profile #postsCard .previewTrack > .postCard,
body.vr-surface-profile #postsCard .vrR9aRailItem.postCard,
body.vr-surface-profile #postsCard .vrR9aRailItem > .postCard{
  border-color:rgba(var(--vr-r133-rgb),.56)!important;
}
body.vr-surface-profile #postsCard .postCard.is-active{
  border-color:rgba(var(--vr-r133-rgb),.86)!important;
  box-shadow:0 0 0 1px rgba(var(--vr-r133-rgb),.28),0 8px 26px rgba(0,0,0,.22)!important;
}
body.vr-surface-profile #postsCard,
body.vr-surface-profile #amaCard{
  border-bottom-color:rgba(var(--vr-r133-rgb),.30)!important;
}
body.vr-surface-profile .sectionKicker{
  color:var(--vr-r133-accent)!important;
}

/* Room section chrome follows the room mode, while post-origin badges remain untouched. */
body[data-vr-surface="channel"] .hero,
body[data-vr-surface="channel"] .section,
body[data-vr-surface="channel"] #vrChannelMiddleZone{
  border-color:rgba(var(--vr-r133-rgb),.24)!important;
}
body[data-vr-surface="channel"] .vrOpenRoomBadge,
body[data-vr-surface="channel"] .vrOpenRoomIcon{
  color:var(--vr-r133-accent)!important;
}
body[data-vr-surface="channel"] .ownerModeSwitchRow{
  border-bottom-color:rgba(var(--vr-r133-rgb),.30)!important;
}

/* Work résumé and portfolio are explicitly Work-blue; never Social/Friends wallpaper. */
body.mode-work #vrWorkResumeViewW1,
body.vr-mode-work #vrWorkResumeViewW1,
body[data-vr-presentation-mode="work"] #vrWorkResumeViewW1{
  background-color:#05070b!important;
  background-image:
    linear-gradient(180deg,rgba(4,12,20,.28),rgba(2,7,13,.52)),
    url("/assets/radar/bg-work.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-top:1px solid rgba(103,198,255,.22)!important;
  border-bottom:1px solid rgba(103,198,255,.22)!important;
}
body.mode-work .r103ProofWrap,
body.vr-mode-work .r103ProofWrap,
body[data-vr-presentation-mode="work"] .r103ProofWrap{
  max-width:940px!important;
  margin:0 auto!important;
  padding:24px 14px 28px!important;
  background:#05070b!important;
  border-top:0!important;
  color:#f7f7fa!important;
}
.r103ProofWrap .wrvProofTitle{
  margin:0!important;
  color:#fff!important;
  font:900 clamp(1.35rem,5vw,1.8rem)/1.1 system-ui!important;
  letter-spacing:-.02em!important;
}
.r103ProofWrap .r133ProofSub{
  margin:7px 0 16px!important;
  color:rgba(255,255,255,.60)!important;
  font-size:.84rem!important;
  line-height:1.4!important;
}
.r103ProofWrap .wrvProofGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.r103ProofWrap .wrvProof{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(103,198,255,.24)!important;
  border-radius:16px!important;
  background:#080b10!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}
.r103ProofWrap .wrvProof > a{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
}
.r103ProofWrap .wrvProofMedia{
  position:relative!important;
  aspect-ratio:4 / 3!important;
  overflow:hidden!important;
  background:#05070a!important;
}
.r103ProofWrap .wrvProofMedia img,
.r103ProofWrap .wrvProofMedia video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.r103ProofWrap .wrvProofType{
  position:absolute!important;
  left:9px!important;
  bottom:9px!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(103,198,255,.26)!important;
  background:rgba(0,0,0,.72)!important;
  color:#9edcff!important;
  font:850 .58rem/1 system-ui!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.r103ProofWrap .wrvProofCopy{
  padding:10px 11px 12px!important;
}
.r103ProofWrap .wrvProofCopy strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:2.55em!important;
  color:#fff!important;
  font-size:.82rem!important;
  line-height:1.28!important;
}
.r103ProofWrap .wrvProofCopy small{
  display:block!important;
  margin-top:6px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:.68rem!important;
}
@media(min-width:760px){
  .r103ProofWrap .wrvProofGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* R133 late fixes: route-local chrome is never allowed to repeat app-shell identity. */
.topbar,
.channelTop{
  display:none!important;
}

/* Current Room/Profile mode owns card trim. Origin-mode labels remain untouched. */
body[data-vr-surface="channel"] #channelFeed .postcard,
body.vr-surface-channel #channelFeed .postcard,
body[data-vr-surface="channel"] #channelFeed .postCard,
body.vr-surface-channel #channelFeed .postCard,
body[data-vr-surface="channel"] .vrChannelPostsSection .postcard,
body.vr-surface-channel .vrChannelPostsSection .postcard{
  border-color:rgba(var(--vr-r133-rgb),.58)!important;
  box-shadow:0 0 0 1px rgba(var(--vr-r133-rgb),.16),0 8px 24px rgba(0,0,0,.22)!important;
}


/* ============================================================
   R134 — MODE-CLEAN SURFACE PASS
   Active mode colors trims/highlights. Profile/Room content
   surfaces stay neutral black; user hero media stays user-owned.
   ============================================================ */

body.vr-surface-profile,
body[data-vr-surface="channel"],
body.vr-surface-channel{
  background-color:#050507!important;
  background-image:none!important;
}

body.vr-surface-profile .page,
body.vr-surface-profile .shell,
body.vr-surface-profile main,
body[data-vr-surface="channel"] main,
body.vr-surface-channel main{
  background-color:#050507!important;
  background-image:none!important;
}

/* Retire mode wallpaper from secondary profile/room sections. */
body.vr-surface-profile #postsCard,
body.vr-surface-profile #amaCard,
body[data-vr-surface="channel"] .heroDock,
body[data-vr-surface="channel"] .section,
body[data-vr-surface="channel"] #creatorLibrary,
body[data-vr-surface="channel"] #viewerLibrary,
body[data-vr-surface="channel"] #channelFeed,
body[data-vr-surface="channel"] #vrChannelMiddleZone,
body.vr-surface-channel .heroDock,
body.vr-surface-channel .section,
body.vr-surface-channel #creatorLibrary,
body.vr-surface-channel #viewerLibrary,
body.vr-surface-channel #channelFeed,
body.vr-surface-channel #vrChannelMiddleZone{
  background-color:#050507!important;
  background-image:none!important;
}

/* Profile featured-post section: black surface, mode trim only. */
body.vr-surface-profile[data-vr-profile-scroll="r7"] #postsCard,
body.vr-surface-profile #postsCard{
  background:#050507!important;
  background-image:none!important;
  border-top-color:rgba(var(--vr-r133-rgb),.24)!important;
  border-bottom-color:rgba(var(--vr-r133-rgb),.24)!important;
}
body.vr-surface-profile[data-vr-profile-scroll="r7"] #postsCard::before,
body.vr-surface-profile #postsCard::before{
  background:linear-gradient(90deg,rgba(var(--vr-r133-rgb),.045),transparent 58%)!important;
}
body.vr-surface-profile #postsCard .postsCardHead{
  background:#050507!important;
  border-bottom-color:rgba(var(--vr-r133-rgb),.18)!important;
}
body.vr-surface-profile #postsCard #postsHeadCount{
  border-color:rgba(var(--vr-r133-rgb),.58)!important;
  background:#09090d!important;
}

/* Owner utility primary action must follow the active persona mode. */
body.vr-surface-profile.vr-profile-owner .vrOwnerQuickActionPrimary,
body.vr-surface-profile.is-owner-preview .vrOwnerQuickActionPrimary{
  border-color:rgba(var(--vr-r133-rgb),.74)!important;
  background:rgba(var(--vr-r133-rgb),.12)!important;
  box-shadow:0 0 0 1px rgba(var(--vr-r133-rgb),.12),0 0 16px rgba(var(--vr-r133-rgb),.12)!important;
}

/* Share Room / Enter Room keeps its existing role but uses mode trim. */
body.vr-surface-profile #enterChannelBtn,
body[data-vr-surface="channel"] #enterChannelBtn,
body.vr-surface-channel #enterChannelBtn{
  border-color:rgba(var(--vr-r133-rgb),.58)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--vr-r133-rgb),.08)!important;
}

/* Remove the accidental doubled separator in Public/Private channel metadata. */
body.vr-surface-profile .heroMetaRow .metaPill + .metaPill::before{
  content:none!important;
}
body.vr-surface-profile #postCountPill:not([hidden])::before{
  content:"•"!important;
  position:static!important;
  display:inline-block!important;
  margin-right:12px!important;
  color:rgba(255,255,255,.30)!important;
}

/* ============================================================
   MESSAGE CENTER MODE LOCK
   Social / Friends / Work selectors and existing highlight
   badges use their actual mode language, not fixed purple.
   ============================================================ */
body[data-vr-message-center-aligned="v1"][data-mode="social"]{
  --vr-mc-r134-accent:#c760ff;
  --vr-mc-r134-rgb:199,96,255;
}
body[data-vr-message-center-aligned="v1"][data-mode="friends"]{
  --vr-mc-r134-accent:#f0b35e;
  --vr-mc-r134-rgb:240,179,94;
}
body[data-vr-message-center-aligned="v1"][data-mode="work"]{
  --vr-mc-r134-accent:#67c6ff;
  --vr-mc-r134-rgb:103,198,255;
}
body[data-vr-message-center-aligned="v1"][data-mode="all"]{
  --vr-mc-r134-accent:#b66cff;
  --vr-mc-r134-rgb:182,108,255;
}

body[data-vr-message-center-aligned="v1"] #modeTabs .moonItem.active[data-mode="social"]{
  background:rgba(199,96,255,.18)!important;
  border-color:#c760ff!important;
  box-shadow:inset 0 0 0 1px rgba(199,96,255,.22),0 0 14px rgba(199,96,255,.18)!important;
}
body[data-vr-message-center-aligned="v1"] #modeTabs .moonItem.active[data-mode="friends"]{
  background:rgba(240,179,94,.16)!important;
  border-color:#f0b35e!important;
  box-shadow:inset 0 0 0 1px rgba(240,179,94,.22),0 0 14px rgba(240,179,94,.16)!important;
}
body[data-vr-message-center-aligned="v1"] #modeTabs .moonItem.active[data-mode="work"]{
  background:rgba(103,198,255,.16)!important;
  border-color:#67c6ff!important;
  box-shadow:inset 0 0 0 1px rgba(103,198,255,.22),0 0 14px rgba(103,198,255,.16)!important;
}
body[data-vr-message-center-aligned="v1"] #modeTabs .moonItem.active[data-mode="all"]{
  background:rgba(182,108,255,.16)!important;
  border-color:#b66cff!important;
  box-shadow:inset 0 0 0 1px rgba(182,108,255,.20)!important;
}

body[data-vr-message-center-aligned="v1"] .vrMcQuickAvatar{
  border-color:rgba(var(--vr-mc-r134-rgb,182,108,255),.78)!important;
}
body[data-vr-message-center-aligned="v1"] .tabs.inboxTabs .tabBadge{
  background:var(--vr-mc-r134-accent,#b66cff)!important;
}
body[data-vr-message-center-aligned="v1"][data-mode="friends"] .tabs.inboxTabs .tabBadge{
  color:#1a1005!important;
}
body[data-vr-message-center-aligned="v1"][data-mode="work"] .tabs.inboxTabs .tabBadge{
  color:#04131c!important;
}