/*
 * VELVET ROOM — CHANNEL + PREVIEW SOCIAL PLATFORM LAYOUT V1 / BUILD R2
 *
 * Design doctrine:
 * - Velvet Wayz hero grammar: cover + overlapping circular avatar + identity.
 * - Familiar social-platform information flow without cloning another brand.
 * - Page is the surface. Cards are reserved for actual content.
 * - Mode imagery is atmosphere, not wallpaper behind every section.
 * - No behavior, permission, pricing, friendship, or ledger authority.
 */

:root{
  --vr-social-page:#050507;
  --vr-social-page-2:#09080d;
  --vr-social-ink:#fff;
  --vr-social-muted:rgba(255,255,255,.62);
  --vr-social-faint:rgba(255,255,255,.40);
  --vr-social-line:rgba(255,255,255,.10);
  --vr-social-line-strong:rgba(255,255,255,.17);
  --vr-social-accent:var(--vr-shell-accent,#c667ff);
  --vr-social-accent-rgb:var(--vr-shell-accent-rgb,198,103,255);
}

/* ---------- global page rhythm ---------- */

body.vr-surface-channel,
body.vr-surface-profile{
  background:
    radial-gradient(90% 42% at 50% -10%,rgba(var(--vr-social-accent-rgb),.16),transparent 68%),
    var(--vr-social-page) !important;
  color:var(--vr-social-ink);
}

body.vr-surface-channel main,
body.vr-surface-profile .page,
body.vr-surface-profile .shell{
  background:transparent !important;
}

body[data-vr-social-layout="v1"]{
  --vr-wayz-avatar-size:126px;
}

/* R186: canonical Profile avatar geometry must not depend on legacy social-layout hydration. */
body.vr-surface-profile{
  --vr-wayz-avatar-size:72px;
}


/* ---------- HERO: shared Wayz-derived structural grammar ---------- */

body.vr-surface-channel .hero,
body.vr-surface-profile #hero{
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.vr-surface-channel .heroBanner,
body.vr-surface-profile .heroBanner{
  width:100% !important;
  height:270px !important;
  min-height:270px !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  position:relative !important;
  background:var(--mode-header-fallback) center/cover no-repeat !important;
}

body.vr-surface-channel .heroBannerMedia,
body.vr-surface-profile .heroBannerMedia{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:transparent !important;
}

body.vr-surface-channel .heroBannerMedia img,
body.vr-surface-channel .heroBannerMedia video,
body.vr-surface-profile .heroBannerMedia img,
body.vr-surface-profile .heroBannerMedia video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 28% !important;
  display:block !important;
}

body.vr-surface-channel .heroBanner::after,
body.vr-surface-profile .heroBanner::after,
body.vr-surface-profile .heroBannerShade{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 32%,rgba(5,5,7,.18) 62%,rgba(5,5,7,.92) 100%) !important;
}

body.vr-surface-channel .heroDock,
body.vr-surface-profile .heroDock{
  position:relative !important;
  z-index:3 !important;
  margin:-66px 0 0 !important;
  padding:0 18px 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg,rgba(5,5,7,0),rgba(5,5,7,.94) 44px,var(--vr-social-page) 92px) !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.vr-surface-channel .heroIdentityTop,
body.vr-surface-profile .heroIdentityTop{
  display:grid !important;
  grid-template-columns:var(--vr-wayz-avatar-size) minmax(0,1fr) !important;
  gap:16px !important;
  align-items:end !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  background:transparent !important;
}

body.vr-surface-channel .avatarDock,
body.vr-surface-profile .avatarDock{
  width:var(--vr-wayz-avatar-size) !important;
  height:var(--vr-wayz-avatar-size) !important;
  margin:0 !important;
  position:relative !important;
  z-index:4 !important;
  border-radius:22% !important;
  background:#0a0a0f !important;
  box-shadow:
    0 0 0 4px var(--vr-social-page),
    0 0 0 7px rgba(var(--vr-social-accent-rgb),.88),
    0 12px 34px rgba(0,0,0,.46) !important;
}

body.vr-surface-channel .heroAvatar,
body.vr-surface-profile .heroAvatar{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:22% !important;
  object-fit:cover !important;
  display:block !important;
  background:#0a0a0f !important;
}

body.vr-surface-channel .heroNameWrap,
body.vr-surface-profile .heroNameWrap{
  min-width:0 !important;
  padding:0 0 8px !important;
  background:transparent !important;
}

body.vr-surface-channel .heroName,
body.vr-surface-profile .heroName{
  margin:0 !important;
  color:#fff !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
  white-space:normal !important;
  overflow:visible !important;
}

body.vr-surface-channel .heroMode,
body.vr-surface-profile .heroMode{
  margin-top:7px !important;
  color:var(--vr-social-accent) !important;
  font-size:11px !important;
  font-weight:850 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

body.vr-surface-channel .heroHeadline,
body.vr-surface-profile .heroHeadline{
  width:100% !important;
  max-width:780px !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.86) !important;
  font-size:15px !important;
  line-height:1.48 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* ---------- META: text, not pills ---------- */

body.vr-surface-profile .heroMetaRow{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:0 !important;
  margin:12px 0 0 !important;
  padding:0 !important;
  background:transparent !important;
}

body.vr-surface-profile .heroMetaRow .metaPill{
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  padding:0 10px 0 0 !important;
  margin:0 10px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--vr-social-muted) !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body.vr-surface-profile .heroMetaRow .metaPill + .metaPill{
  position:relative !important;
  padding-left:14px !important;
}

body.vr-surface-profile .heroMetaRow .metaPill + .metaPill::before{
  content:"•";
  position:absolute;
  left:0;
  color:rgba(255,255,255,.28);
}

body.vr-surface-profile #editProfileBtn{
  color:var(--vr-social-accent) !important;
}

/* ---------- ACTIONS: compact social action rail ---------- */

body.vr-surface-channel .heroActionRow,
body.vr-surface-profile .heroActionRow{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  margin:15px -18px 0 !important;
  padding:0 18px 4px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
  background:transparent !important;
}

body.vr-surface-channel .heroActionRow::-webkit-scrollbar,
body.vr-surface-profile .heroActionRow::-webkit-scrollbar{
  display:none;
}

body.vr-surface-channel .heroActionRow .heroBtn,
body.vr-surface-profile .heroActionRow .heroBtn{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:112px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border:1px solid var(--vr-social-line-strong) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

body.vr-surface-channel .heroActionRow .heroBtn.primary,
body.vr-surface-profile .heroActionRow .heroBtn.primary{
  border-color:rgba(var(--vr-social-accent-rgb),.48) !important;
  background:rgba(var(--vr-social-accent-rgb),.15) !important;
  color:#fff !important;
}

/* Tiny hero utilities stay utilities. */
body.vr-surface-profile .heroOwnerTools,
body.vr-surface-profile .heroQuickActions{
  background:transparent !important;
  box-shadow:none !important;
}

/* ---------- SOCIAL CONTENT NAV ---------- */

.vrSocialContentNav{
  display:flex;
  align-items:center;
  gap:22px;
  width:100%;
  min-height:52px;
  padding:0 18px;
  overflow-x:auto;
  scrollbar-width:none;
  border-top:1px solid var(--vr-social-line);
  border-bottom:1px solid var(--vr-social-line);
  background:rgba(5,5,7,.96);
}

.vrSocialContentNav::-webkit-scrollbar{display:none}

.vrSocialContentNav button{
  appearance:none;
  flex:0 0 auto;
  height:52px;
  padding:0 2px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--vr-social-muted);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.vrSocialContentNav button.is-active{
  color:#fff;
  border-bottom-color:var(--vr-social-accent);
}

/* ---------- OWNER COMPOSER ---------- */

#vrChannelSocialComposer{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-bottom:1px solid var(--vr-social-line);
  background:var(--vr-social-page);
}

#vrChannelSocialComposer .vrSocialComposerAvatar{
  width:44px;
  height:44px;
  border-radius:22%;
  object-fit:cover;
  background:#15151b;
  border:1px solid rgba(var(--vr-social-accent-rgb),.45);
}

#vrChannelSocialComposer .vrSocialComposerPrompt{
  appearance:none;
  min-width:0;
  min-height:42px;
  border:1px solid var(--vr-social-line-strong);
  border-radius:22px;
  padding:0 15px;
  text-align:left;
  color:rgba(255,255,255,.70);
  background:rgba(255,255,255,.045);
  font-size:13px;
}

#vrChannelSocialComposer .vrSocialComposerQuick{
  display:flex;
  gap:4px;
}

#vrChannelSocialComposer .vrSocialComposerQuick a{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  text-decoration:none;
  color:var(--vr-social-accent);
  background:transparent;
  font-size:20px;
}

/* ---------- CHANNEL: flatten old section-card system ---------- */

body.vr-surface-channel .section{
  width:100% !important;
  margin:0 !important;
  padding:20px 18px 22px !important;
  border:0 !important;
  border-bottom:1px solid var(--vr-social-line) !important;
  border-radius:0 !important;
  background:var(--vr-social-page) !important;
  box-shadow:none !important;
}

body.vr-surface-channel .sectionHead{
  margin:0 0 13px !important;
  align-items:flex-start !important;
}

body.vr-surface-channel .sectionTitle{
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

body.vr-surface-channel .sectionSub{
  color:var(--vr-social-muted) !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

body.vr-surface-channel #creatorLibrary,
body.vr-surface-channel #viewerLibrary,
body.vr-surface-channel #channelFeed{
  background:transparent !important;
}

body.vr-surface-channel .libraryRow{
  gap:10px !important;
}

body.vr-surface-channel .libraryTile{
  flex-basis:128px !important;
  height:168px !important;
  border-radius:12px !important;
  border:1px solid var(--vr-social-line) !important;
  background:#0d0d12 !important;
}

body.vr-surface-channel .feedList{
  gap:0 !important;
  margin:0 -18px !important;
}

body.vr-surface-channel .channelPost{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-top:1px solid var(--vr-social-line) !important;
  border-radius:0 !important;
  background:#07070a !important;
  box-shadow:none !important;
}

body.vr-surface-channel .channelPost:first-child{
  border-top:0 !important;
}

body.vr-surface-channel .postHead{
  padding:13px 18px 8px !important;
  background:transparent !important;
}

body.vr-surface-channel .postAuthor{
  font-size:15px !important;
  font-weight:900 !important;
}

body.vr-surface-channel .postMeta{
  color:var(--vr-social-muted) !important;
  font-size:11px !important;
}

body.vr-surface-channel .postBody{
  padding:0 18px 13px !important;
  font-size:15px !important;
  line-height:1.45 !important;
}

body.vr-surface-channel .postMedia img,
body.vr-surface-channel .postMedia video{
  width:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:0 !important;
}

/* ---------- CHANNEL OWNER TOOLS: useful controls, not a bubble farm ---------- */

body.vr-surface-channel #vrChannelOwnerTools{
  width:100% !important;
  margin:0 !important;
  padding:18px !important;
  border-bottom:1px solid var(--vr-social-line);
  background:var(--vr-social-page) !important;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerHeading{
  margin:0 0 10px !important;
  color:var(--vr-social-muted) !important;
  font-size:11px !important;
  letter-spacing:.13em !important;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerGrid{
  display:flex !important;
  gap:0 !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerGrid::-webkit-scrollbar{
  display:none;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerAction{
  flex:0 0 112px !important;
  min-height:74px !important;
  padding:10px 8px !important;
  border:0 !important;
  border-right:1px solid var(--vr-social-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:5px !important;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerAction:last-child{
  border-right:0 !important;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerIcon{
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--vr-social-accent) !important;
  font-size:19px !important;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerCopy b{
  font-size:11px !important;
}

body.vr-surface-channel #vrChannelOwnerTools .vrChannelOwnerCopy span{
  display:none !important;
}

/* ---------- PREVIEW: gateway, not another dashboard ---------- */

body.vr-surface-profile #mainGrid{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
}
body.vr-surface-profile #mainGrid[hidden]{display:none !important;}
body.vr-surface-profile #mainGrid:not([hidden]){display:block !important;}

body.vr-surface-profile #mainGrid > .stack{
  display:block !important;
  width:100% !important;
}

body.vr-surface-profile #postsCard,
body.vr-surface-profile #amaCard{
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid var(--vr-social-line) !important;
  border-radius:0 !important;
  background:var(--vr-social-page) !important;
  box-shadow:none !important;
}

body.vr-surface-profile #postsCard .sectionPad,
body.vr-surface-profile #amaCard .sectionPad{
  padding:20px 18px 22px !important;
}

body.vr-surface-profile .sectionKicker{
  color:var(--vr-social-accent) !important;
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

body.vr-surface-profile .sectionTitle{
  margin-top:4px !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

body.vr-surface-profile .sectionText{
  color:var(--vr-social-muted) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

body.vr-surface-profile #postsWrap{
  margin:14px -18px 0 !important;
}

body.vr-surface-profile #amaInlineAskBtn{
  width:auto !important;
  min-height:42px !important;
  border-radius:10px !important;
  padding:0 16px !important;
}

/* Existing meaningful media tiles can remain contained. */
body.vr-surface-profile .postCard,
body.vr-surface-profile .previewTile,
body.vr-surface-profile .postsWrap > *{
  border-radius:12px !important;
}

/* ---------- RESPONSIVE ---------- */

@media(min-width:760px){
  body.vr-surface-channel .heroBanner,
  body.vr-surface-profile .heroBanner{
    height:330px !important;
    min-height:330px !important;
  }

  body.vr-surface-channel .heroDock,
  body.vr-surface-profile .heroDock{
    max-width:860px !important;
    margin:-72px auto 0 !important;
  }

  .vrSocialContentNav,
  #vrChannelSocialComposer,
  body.vr-surface-channel .section,
  body.vr-surface-channel #vrChannelOwnerTools{
    max-width:860px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media(max-width:420px){
  body[data-vr-social-layout="v1"]{
    --vr-wayz-avatar-size:112px;
  }

  body.vr-surface-channel .heroBanner,
  body.vr-surface-profile .heroBanner{
    height:248px !important;
    min-height:248px !important;
  }

  body.vr-surface-channel .heroName,
  body.vr-surface-profile .heroName{
    font-size:25px !important;
  }

  #vrChannelSocialComposer{
    grid-template-columns:40px minmax(0,1fr) auto;
    padding-left:14px;
    padding-right:14px;
  }

  #vrChannelSocialComposer .vrSocialComposerAvatar{
    width:40px;
    height:40px;
  }
}

/* R168 — full-page Profile frame restoration. Presentation only. */
html[data-vr-surface="profile"],
html[data-vr-surface="profile"] body.vr-surface-profile{
  margin:0 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:100% !important;
  background:#000 !important;
  overflow-x:hidden !important;
}
html[data-vr-surface="profile"] body.vr-surface-profile .page,
html[data-vr-surface="profile"] body.vr-surface-profile .shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  background:transparent !important;
}

/* R173 — preserve the accepted clean Profile geometry while owner tools are added. */
body.vr-surface-profile .heroDock,
body.vr-surface-profile .heroIdentityTop{
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
body.vr-surface-profile .heroIdentityTop::before,
body.vr-surface-profile .heroIdentityTop::after,
body.vr-surface-profile .heroDock::before,
body.vr-surface-profile .heroDock::after{display:none !important;}
body.vr-surface-profile.vr-profile-owner .heroActionRow{
  display:block !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.vr-surface-profile.vr-profile-owner #enterChannelBtn{
  display:flex !important;
  width:100% !important;
  min-height:58px !important;
  margin:0 0 10px !important;
  justify-content:center !important;
  border-radius:16px !important;
  font-size:16px !important;
}
body.vr-surface-profile.vr-profile-owner #ownerModeSwitchRow{
  width:100% !important;
  margin:0 !important;
}

/* R187 — connected Profile viewers get explicit Room entry at the hero and page end. */
body.vr-surface-profile.vrProfileAudienceConnected #enterChannelBtn.vrConnectedRoomEntryTop{
  display:flex!important;width:100%!important;min-height:52px!important;margin:12px 0 14px!important;padding:0 18px!important;
  align-items:center!important;justify-content:center!important;border:1px solid rgba(var(--vr-social-accent-rgb),.62)!important;
  border-radius:14px!important;background:rgba(var(--vr-social-accent-rgb),.10)!important;color:#fff!important;font-size:15px!important;font-weight:850!important;
  box-shadow:0 0 18px rgba(var(--vr-social-accent-rgb),.10)!important;
}
body.vr-surface-profile .vrConnectedRoomEntryBottom{width:100%!important;padding:18px 18px calc(92px + env(safe-area-inset-bottom))!important;background:#050507!important;}
body.vr-surface-profile .vrConnectedRoomEntryBottom[hidden]{display:none!important;}
body.vr-surface-profile .vrConnectedRoomEntryBottom .vrConnectedRoomEntryBtn{
  display:flex!important;width:100%!important;min-height:58px!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(var(--vr-social-accent-rgb),.62)!important;border-radius:16px!important;background:rgba(var(--vr-social-accent-rgb),.10)!important;
  color:#fff!important;font-size:16px!important;font-weight:900!important;
}

/* R188 — Profile AMA integration: make the AMA section feel native to the Profile surface. */
body.vr-surface-profile #amaCard{
  width:calc(100% - 32px) !important;
  margin:18px 16px 10px !important;
  border:1px solid color-mix(in srgb, var(--vr-social-accent) 42%, rgba(255,255,255,.10)) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#07070a !important;
  box-shadow:0 14px 32px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow:hidden !important;
}
body.vr-surface-profile #amaCard .sectionPad{
  padding:18px 18px 20px !important;
}
body.vr-surface-profile #amaCard .sectionKicker{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  margin:0 0 6px !important;
  padding:0 10px !important;
  border:1px solid color-mix(in srgb, var(--vr-social-accent) 40%, transparent) !important;
  border-radius:999px !important;
  background:color-mix(in srgb, var(--vr-social-accent) 11%, transparent) !important;
  color:var(--vr-social-accent) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
body.vr-surface-profile #amaCard .sectionTitle{
  margin:2px 0 6px !important;
  font-size:21px !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
}
body.vr-surface-profile #amaCard .sectionText{
  max-width:620px !important;
  margin:0 0 14px !important;
  color:rgba(255,255,255,.66) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
body.vr-surface-profile #amaCard .amaForm{
  display:grid !important;
  gap:8px !important;
  margin-top:2px !important;
}
body.vr-surface-profile #amaCard #amaInlineAskBtn{
  width:100% !important;
  min-height:50px !important;
  padding:0 18px !important;
  border:1px solid color-mix(in srgb, var(--vr-social-accent) 62%, rgba(255,255,255,.12)) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--vr-social-accent) 24%,#151218),#111116) !important;
  color:#fff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 8px 18px rgba(0,0,0,.20) !important;
  font-size:15px !important;
  font-weight:900 !important;
}
body.vr-surface-profile #amaCard #amaInlineAskBtn:active{
  transform:translateY(1px) !important;
}
body.vr-surface-profile #amaCard #amaStatus{
  padding:0 2px !important;
  color:rgba(255,255,255,.50) !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
body.vr-surface-profile #amaCard .amaList{
  margin-top:14px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
  color:rgba(255,255,255,.74) !important;
  font-size:13px !important;
}

/* R199 creator post-notification bell */
body.vr-surface-profile .heroDock{position:relative!important;}
body.vr-surface-profile #postNotifyBtn{position:absolute!important;top:12px!important;right:20px!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important;font-size:21px!important;line-height:1!important;z-index:5!important;background:#09090d!important;border:1px solid color-mix(in srgb,var(--mode-accent,#c044ff) 68%,#333)!important;box-shadow:0 5px 20px rgba(0,0,0,.34)!important;}
body.vr-surface-profile #postNotifyBtn.is-active{background:color-mix(in srgb,var(--mode-accent,#c044ff) 24%,#09090d)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--mode-accent,#c044ff) 38%,transparent),0 0 22px color-mix(in srgb,var(--mode-accent,#c044ff) 34%,transparent)!important;}