body.mode-social,body.vr-mode-social{--ch-accent:#c760ff;--ch-rgb:199,96,255;--ch-accent2:#7e27ff}
body.mode-friends,body.vr-mode-friends{--ch-accent:#ffb86a;--ch-rgb:255,184,106;--ch-accent2:#ff718d}
body.mode-work,body.vr-mode-work{--ch-accent:#67c6ff;--ch-rgb:103,198,255;--ch-accent2:#70a8ff}
body[data-channel-presentation-mode]{--vr-shell-accent:var(--ch-accent)!important;--vr-shell-accent-rgb:var(--ch-rgb)!important;--vr-shell-accent2:var(--ch-accent2)!important;--vr-polish-accent:var(--ch-accent)!important;--vr-polish-accent-rgb:var(--ch-rgb)!important;--vr-social-accent:var(--ch-accent)!important;--vr-social-accent-rgb:var(--ch-rgb)!important}
body[data-channel-presentation-mode] #avatar{border-color:var(--ch-accent)!important;box-shadow:0 0 0 5px #050507,0 0 0 9px var(--ch-accent),0 0 26px rgba(var(--ch-rgb),.28)!important}
body[data-channel-presentation-mode] #modeLine{color:var(--ch-accent)!important}
body[data-channel-presentation-mode] #vrOwnerPersonaRow button{color:#8f8b96!important;box-shadow:none!important}
body[data-channel-presentation-mode] #vrOwnerPersonaRow button.is-active{color:#fff!important;border-bottom-color:var(--ch-accent)!important;box-shadow:inset 0 -2px 0 var(--ch-accent),0 8px 22px rgba(var(--ch-rgb),.12)!important}

.vrChannelCanonicalTabs{margin:0!important;border-top:0!important;border-bottom:1px solid #222!important;background:#050507!important}
.vrChannelCanonicalTabs .is-active{color:#fff!important;border-bottom-color:var(--ch-accent)!important;box-shadow:inset 0 -2px 0 var(--ch-accent)!important}
.vrChannelTabPanel[hidden],#vrChannelAboutPanel[hidden]{display:none!important}
.vrChannelPostsSection{margin:0!important;padding:0 0 12px!important;border:0!important;background:#000!important}
#vrChannelAboutPanel{padding:20px 22px 28px!important;border-bottom:1px solid #222!important;background:#050507!important}
#vrChannelAboutPanel strong{font-size:18px!important}
#vrChannelAboutPanel p{font-size:15px!important;line-height:1.55!important;color:#c5c1ca!important}

/* R36: post/card/rail presentation lives in the shared Feed component. */
#channelFeed .vrPostMenu{position:absolute!important;right:0!important;top:42px!important;z-index:99999!important;min-width:170px!important;padding:7px!important;border:1px solid #333!important;border-radius:13px!important;background:#0b0810!important}
#channelFeed .vrPostMenu button{display:block!important;width:100%!important;border:0!important;background:transparent!important;color:#fff!important;text-align:left!important;padding:10px!important}

#vrChannelCommentSheet[hidden]{display:none!important}
#vrChannelCommentSheet{position:fixed!important;inset:0!important;z-index:2147483647!important}
.vrCommentBackdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(0,0,0,.66)!important}
.vrCommentPanel{position:absolute!important;left:0!important;right:0!important;bottom:0!important;max-height:78vh!important;padding:12px 15px calc(14px + env(safe-area-inset-bottom,0px))!important;border-radius:20px 20px 0 0!important;background:#0d0a12!important;overflow:auto!important}
.vrCommentHead{display:flex!important;justify-content:space-between!important;align-items:center!important}
.vrCommentHead button{border:0!important;background:transparent!important;color:#fff!important;font-size:24px!important}
.vrCommentRow{display:grid!important;grid-template-columns:36px 1fr!important;gap:9px!important;padding:9px 0!important;border-top:1px solid #222!important}
.vrCommentRow img,.vrCommentRow>div{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important;background:#17121d!important;display:grid!important;place-items:center!important}
.vrCommentRow p{margin:3px 0!important;font-size:13px!important}
.vrCommentRow small{font-size:9px!important;color:#999!important}
.vrCommentForm{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;border-top:1px solid #222!important;padding-top:9px!important}
.vrCommentForm textarea{min-height:48px!important;resize:none!important;border:1px solid #333!important;border-radius:14px!important;background:#17121d!important;color:#fff!important;padding:10px!important}
.vrCommentForm button{border:0!important;border-radius:12px!important;background:var(--ch-accent)!important;color:#08060b!important;font-weight:900!important;padding:0 14px!important}
.vrEmpty{padding:22px!important;text-align:center!important;color:#999!important}