/* VEXMIRA v4.7.0 HF4 — NAV / MESSAGES / MARKET PRECISION
   Final presentation layer focused on header collision safety, rail search,
   premium navigation controls, a clearer Messages workspace and compact market cards. */
:root{
  --vx474-glass:rgba(8,12,31,.86);
  --vx474-glass2:rgba(15,18,46,.92);
  --vx474-line:rgba(157,111,235,.22);
  --vx474-line-hi:rgba(184,112,255,.54);
  --vx474-violet:#9d48ff;
  --vx474-violet2:#713cff;
  --vx474-cyan:#39d7ee;
  --vx474-text:#f6f7ff;
  --vx474-muted:#8793b1;
  --vx474-shadow:0 20px 54px -34px rgba(0,0,0,.92),0 16px 38px -30px rgba(154,67,255,.85),inset 0 1px rgba(255,255,255,.04);
  --vx474-ease:cubic-bezier(.2,.8,.2,1);
}
html.vx474-ready,html.vx474-ready body{overflow-x:clip!important}

/* =========================================================
   TOPBAR — SINGLE CLEAN NAVIGATION, NO COLLISIONS
   ========================================================= */
#topbar.vx474-topbar{
  display:grid!important;
  grid-template-columns:168px minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:10px!important;
  height:72px!important;min-height:72px!important;
  padding-inline:max(14px,calc((100vw - 1600px)/2))!important;
  overflow:visible!important;
  isolation:isolate!important;
}
/* Universe added a second search + discover cluster. HF4 intentionally removes it. */
#topbar.vx474-topbar .vx470-nav-tools{display:none!important}
#topbar.vx474-topbar .vx320-brand{width:168px!important;min-width:0!important;max-width:168px!important;z-index:4!important}
#topbar.vx474-topbar #vx320DesktopNav{min-width:0!important;width:100%!important;max-width:720px!important;justify-self:center!important;overflow:visible!important}
#topbar.vx474-topbar #vx320DesktopNav.vx900-nav-dock{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
#topbar.vx474-topbar .vx900-nav-primary{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(82px,1fr)!important;gap:7px!important;min-width:0!important;flex:1 1 auto!important}
#topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger){
  position:relative!important;isolation:isolate!important;height:43px!important;min-height:43px!important;min-width:0!important;
  padding:0 clamp(9px,.72vw,14px)!important;border:1px solid rgba(145,124,199,.18)!important;border-radius:13px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;overflow:hidden!important;
  background:linear-gradient(145deg,rgba(16,20,48,.78),rgba(6,10,28,.86))!important;color:#aeb9d0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .2s var(--vx474-ease),border-color .2s ease,color .2s ease,box-shadow .2s ease,background .2s ease!important
}
#topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;
  background:radial-gradient(110% 120% at 10% 0,rgba(196,118,255,.24),transparent 52%),linear-gradient(135deg,rgba(139,58,255,.35),rgba(63,83,221,.16) 58%,rgba(41,211,236,.10));
  transition:opacity .2s ease
}
#topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)::after{
  content:"";position:absolute;inset:-40% auto -40% -35%;width:38%;transform:skewX(-18deg) translateX(-180%);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:transform .45s var(--vx474-ease)
}
#topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)>span{display:grid!important;place-items:center!important;flex:0 0 auto!important;color:#bca3ff!important}
#topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)>b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.3px!important;letter-spacing:.01em!important}
@media(hover:hover) and (pointer:fine){
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger):hover{transform:translateY(-2px)!important;color:#fff!important;border-color:rgba(178,101,255,.48)!important;box-shadow:0 12px 28px -18px rgba(144,61,255,.9),inset 0 1px rgba(255,255,255,.055)!important}
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger):hover::before{opacity:1}
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger):hover::after{transform:skewX(-18deg) translateX(430%)}
}
#topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger).active{
  color:#fff!important;border-color:rgba(181,110,255,.58)!important;
  background:linear-gradient(135deg,rgba(145,58,255,.76),rgba(92,53,214,.64) 58%,rgba(35,99,180,.42))!important;
  box-shadow:0 13px 30px -17px rgba(151,66,255,.95),inset 0 1px rgba(255,255,255,.12)!important
}
#topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger).active::before{opacity:.7}

/* right controls share the same bespoke interaction grammar */
#topbar.vx474-topbar .vx320-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;
  width:max-content!important;min-width:0!important;max-width:none!important;margin:0!important;overflow:visible!important;position:relative!important;z-index:6!important
}
#topbar.vx474-topbar .vx320-lang{order:1!important;flex:0 0 auto!important;height:43px!important;padding:3px!important;border:1px solid rgba(151,124,210,.18)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(15,19,45,.80),rgba(7,10,27,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
#topbar.vx474-topbar .vx320-lang button{height:35px!important;min-width:35px!important;border-radius:9px!important;font-size:9px!important;color:#8f9bb6!important;transition:.2s ease!important}
#topbar.vx474-topbar .vx320-lang button.active{color:#fff!important;background:linear-gradient(135deg,#9c49ff,#713cff)!important;box-shadow:0 9px 20px -12px rgba(153,67,255,.95)!important}
#topbar.vx474-topbar .vx320-theme{order:2!important;flex:0 0 auto!important}
#topbar.vx474-topbar #vx11MessageBtn{order:3!important}
#topbar.vx474-topbar #notifBtn{order:4!important}
#topbar.vx474-topbar #authArea{order:5!important}
#topbar.vx474-topbar .vx320-hamburger{order:6!important}
#topbar.vx474-topbar :is(.vx320-icon-btn,.vx320-theme-btn){
  position:relative!important;isolation:isolate!important;width:43px!important;min-width:43px!important;max-width:43px!important;height:43px!important;min-height:43px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(151,124,210,.20)!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(15,19,45,.82),rgba(7,10,27,.92))!important;color:#aeb9d0!important;overflow:hidden!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;transition:transform .2s var(--vx474-ease),border-color .2s ease,box-shadow .2s ease,color .2s ease!important
}
#topbar.vx474-topbar :is(.vx320-icon-btn,.vx320-theme-btn)::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(135deg,rgba(148,60,255,.62),rgba(80,58,212,.46) 58%,rgba(35,188,224,.20));transition:opacity .2s ease}
@media(hover:hover) and (pointer:fine){
  #topbar.vx474-topbar :is(.vx320-icon-btn,.vx320-theme-btn):hover{transform:translateY(-2px)!important;color:#fff!important;border-color:rgba(180,104,255,.52)!important;box-shadow:0 12px 26px -17px rgba(147,64,255,.9)!important}
  #topbar.vx474-topbar :is(.vx320-icon-btn,.vx320-theme-btn):hover::before{opacity:1}
}
#topbar.vx474-topbar .vx320-theme-btn{display:flex!important;justify-content:center!important;gap:0!important}
#topbar.vx474-topbar .vx320-theme-btn :is(.theme-picker-label,.theme-picker-chevron){display:none!important}
#topbar.vx474-topbar #notifBtn{z-index:3!important;inset:auto!important;transform:none!important}
#topbar.vx474-topbar #notifBtn .bubble{z-index:6!important}
#topbar.vx474-topbar #authArea{
  position:relative!important;z-index:5!important;display:block!important;min-width:0!important;max-width:220px!important;width:auto!important;height:auto!important;
  padding:0!important;margin:0!important;overflow:visible!important;transform:none!important;flex:0 0 auto!important
}
#topbar.vx474-topbar #authArea :is(.vx410-account-hud,.vx420-account-hud,.vx400-account-hud){
  position:relative!important;inset:auto!important;transform:none!important;z-index:5!important;
  min-width:205px!important;max-width:220px!important;width:205px!important;height:47px!important;min-height:47px!important;max-height:47px!important;
  padding:4px 8px 4px 4px!important;overflow:hidden!important;border-radius:14px!important;
  border:1px solid rgba(160,118,232,.25)!important;background:linear-gradient(145deg,rgba(17,21,50,.94),rgba(7,11,29,.96))!important;
  box-shadow:0 12px 30px -24px #000,inset 0 1px rgba(255,255,255,.04)!important
}
#topbar.vx474-topbar #authArea :is(.vx410-account-avatar,.vx420-account-avatar,.vx400-account-avatar){width:39px!important;height:39px!important;min-width:39px!important;max-width:39px!important;border-radius:12px!important;overflow:hidden!important;margin:0!important}
#topbar.vx474-topbar #authArea :is(.vx410-account-avatar,.vx420-account-avatar,.vx400-account-avatar) img{width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;object-fit:cover!important;border-radius:inherit!important;margin:0!important}
#topbar.vx474-topbar #authArea :is(.vx410-account-copy,.vx420-account-copy,.vx400-account-main){min-width:0!important}
#topbar.vx474-topbar #authArea :is(.vx410-account-copy,.vx420-account-copy,.vx400-account-main) :is(b,strong,small){max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#topbar.vx474-topbar #authArea :is(.vx410-account-facts,.vx420-account-facts,.vx400-account-stats){display:none!important}

@media(max-width:1500px){
  #topbar.vx474-topbar{grid-template-columns:148px minmax(0,1fr) max-content!important;padding-inline:12px!important;gap:7px!important}
  #topbar.vx474-topbar .vx320-brand{width:148px!important;max-width:148px!important}
  #topbar.vx474-topbar #vx320DesktopNav{max-width:650px!important}
  #topbar.vx474-topbar .vx900-nav-primary{grid-auto-columns:minmax(73px,1fr)!important;gap:5px!important}
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger){padding-inline:8px!important;gap:5px!important}
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)>b{font-size:9.4px!important}
  #topbar.vx474-topbar #authArea :is(.vx410-account-hud,.vx420-account-hud,.vx400-account-hud){width:178px!important;min-width:178px!important;max-width:178px!important}
}
@media(max-width:1335px) and (min-width:981px){
  #topbar.vx474-topbar{grid-template-columns:54px minmax(0,1fr) max-content!important;gap:6px!important}
  #topbar.vx474-topbar .vx320-brand{width:50px!important;max-width:50px!important}.vx320-brand-name{display:none!important}
  #topbar.vx474-topbar #vx320DesktopNav{max-width:590px!important}
  #topbar.vx474-topbar .vx900-nav-primary{grid-auto-columns:minmax(66px,1fr)!important}
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)>b{font-size:8.7px!important}
  #topbar.vx474-topbar #authArea{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;flex:0 0 44px!important}
  #topbar.vx474-topbar #authArea :is(.vx410-account-hud,.vx420-account-hud,.vx400-account-hud){display:grid!important;place-items:center!important;grid-template-columns:1fr!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:2px!important;border-radius:13px!important}
  #topbar.vx474-topbar #authArea :is(.vx410-account-avatar,.vx420-account-avatar,.vx400-account-avatar){width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
  #topbar.vx474-topbar #authArea :is(.vx410-account-copy,.vx420-account-copy,.vx400-account-main,.vx410-account-facts,.vx420-account-facts,.vx400-account-stats){display:none!important}
}
@media(max-width:980px){
  #topbar.vx474-topbar{display:flex!important;height:66px!important;min-height:66px!important;padding-inline:12px!important;gap:7px!important}
  #topbar.vx474-topbar .vx320-brand{width:auto!important;max-width:176px!important;margin-right:auto!important}
  #topbar.vx474-topbar #vx320DesktopNav{display:none!important}
  #topbar.vx474-topbar .vx320-actions{margin-left:auto!important}
}
@media(max-width:760px){#topbar.vx474-topbar .vx320-lang,#topbar.vx474-topbar .vx320-theme,#topbar.vx474-topbar #vx11MessageBtn{display:none!important}}
@media(max-width:520px){#topbar.vx474-topbar #notifBtn{display:none!important}#topbar.vx474-topbar #authArea{width:42px!important;min-width:42px!important;max-width:42px!important}}

/* =========================================================
   RIGHT QUICK RAIL — SEARCH LIVES HERE NOW
   ========================================================= */
#vx470QuickRail.vx474-quick-rail{
  right:18px!important;top:50%!important;transform:translateY(-50%)!important;z-index:92!important;
  display:grid!important;gap:7px!important;padding:8px!important;border-radius:18px!important;
  border:1px solid rgba(162,112,239,.24)!important;
  background:linear-gradient(180deg,rgba(10,14,35,.92),rgba(5,9,25,.88))!important;
  box-shadow:0 28px 72px -42px #000,0 18px 44px -34px rgba(149,65,255,.8),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(20px) saturate(1.15)!important;overflow:visible!important
}
#vx470QuickRail.vx474-quick-rail>button,#vx470QuickRail.vx474-quick-rail .vx474-rail-search-toggle{
  position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;border:1px solid transparent!important;background:transparent!important;color:#8190ad!important;
  transition:transform .18s var(--vx474-ease),background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important
}
#vx470QuickRail.vx474-quick-rail>button::after,#vx470QuickRail.vx474-quick-rail .vx474-rail-search-toggle::after{
  content:attr(data-vx474-label);position:absolute;right:50px;top:50%;transform:translate(7px,-50%);opacity:0;pointer-events:none;white-space:nowrap;
  padding:7px 10px;border:1px solid rgba(164,113,238,.20);border-radius:9px;background:rgba(7,10,27,.96);color:#dbe2f3;font-size:9px;font-weight:750;box-shadow:0 12px 30px -20px #000;transition:.18s ease
}
@media(hover:hover) and (pointer:fine){
  #vx470QuickRail.vx474-quick-rail>button:hover,#vx470QuickRail.vx474-quick-rail .vx474-rail-search-toggle:hover{transform:translateX(-2px)!important;color:#fff!important;border-color:rgba(184,112,255,.38)!important;background:linear-gradient(135deg,rgba(145,59,255,.78),rgba(93,57,220,.66))!important;box-shadow:0 11px 25px -15px rgba(151,67,255,.95)!important}
  #vx470QuickRail.vx474-quick-rail>button:hover::after,#vx470QuickRail.vx474-quick-rail .vx474-rail-search-toggle:hover::after{opacity:1;transform:translate(0,-50%)}
}
#vx470QuickRail.vx474-quick-rail [data-vx470-open-social]{color:#fff!important;border-color:rgba(184,112,255,.24)!important;background:linear-gradient(135deg,rgba(139,58,255,.56),rgba(92,57,213,.42))!important}
.vx474-rail-search-wrap{position:relative!important;display:grid!important;place-items:center!important}
.vx474-rail-search-popover{
  position:absolute;right:52px;top:50%;width:min(310px,calc(100vw - 100px));height:50px;transform:translate(12px,-50%) scale(.98);transform-origin:right center;
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 6px 5px 10px;
  border:1px solid rgba(170,112,246,.30);border-radius:15px;background:linear-gradient(145deg,rgba(11,15,37,.98),rgba(5,9,25,.98));
  box-shadow:0 24px 70px -35px #000,0 18px 38px -30px rgba(153,67,255,.9);opacity:0;visibility:hidden;pointer-events:none;transition:.2s var(--vx474-ease)
}
.vx474-rail-search-wrap.open .vx474-rail-search-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scale(1)}
.vx474-rail-search-popover>span{display:grid;place-items:center;color:#bca2ff}
.vx474-rail-search-popover input{width:100%;min-width:0;height:38px;border:0!important;outline:0!important;background:transparent!important;color:#f4f6ff!important;font-size:11px!important;padding:0 2px!important}
.vx474-rail-search-popover input::placeholder{color:#687694}
.vx474-rail-search-popover button{height:36px!important;min-width:52px!important;padding:0 11px!important;border-radius:10px!important;background:linear-gradient(135deg,#9742ff,#713cff)!important;color:#fff!important;font-size:9px!important;font-weight:850!important;box-shadow:0 9px 20px -13px rgba(151,63,255,.9)!important}
@media(max-width:980px){#vx470QuickRail.vx474-quick-rail{display:none!important}}

/* =========================================================
   MESSAGES — CLEARER BRANDING + SOCIAL ENTRY + CONVERSATIONS
   ========================================================= */
#page-messages .vx11-dm-page{padding-top:18px!important}
#page-messages #vx11DmShell.vx474-messages{
  grid-template-columns:minmax(340px,380px) minmax(0,1fr)!important;
  grid-template-rows:minmax(650px,calc(100dvh - 118px))!important;
  min-height:650px!important;max-height:920px!important;border-radius:25px!important;
  border-color:rgba(158,112,239,.23)!important;
  background:linear-gradient(150deg,rgba(10,14,36,.96),rgba(5,9,25,.98))!important;
  box-shadow:0 34px 100px -56px #000,0 24px 54px -43px rgba(148,64,255,.72)!important
}
#page-messages .vx11-dm-list{background:linear-gradient(180deg,rgba(20,18,56,.86),rgba(8,12,32,.98) 26%,rgba(6,10,28,.98))!important;border-right:1px solid rgba(155,112,226,.16)!important}
#page-messages .vx11-dm-list>header{
  min-height:92px!important;padding:15px 13px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  background:radial-gradient(160px 90px at 10% 0,rgba(153,68,255,.18),transparent 72%),linear-gradient(180deg,rgba(24,21,61,.78),rgba(12,15,40,.38))!important;
  border-bottom:1px solid rgba(161,115,231,.12)!important
}
#page-messages .vx12-dm-brand{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-areas:"mark copy" "mark sub"!important;gap:1px 11px!important;align-items:center!important;min-width:0!important}
#page-messages .vx12-dm-mark{grid-area:mark!important;width:48px!important;height:48px!important;border-radius:14px!important;font-size:0!important;background:radial-gradient(circle at 30% 20%,rgba(190,118,255,.28),transparent 45%),linear-gradient(135deg,rgba(143,62,255,.36),rgba(43,99,183,.14))!important;border:1px solid rgba(176,105,255,.34)!important;box-shadow:0 12px 28px -18px rgba(142,59,255,.8),inset 0 1px rgba(255,255,255,.06)!important}
#page-messages .vx12-dm-mark::before{content:"V";font:900 18px/1 'Space Grotesk',system-ui;color:#fff;text-shadow:0 0 16px rgba(183,100,255,.75)}
#page-messages .vx12-dm-brand>span:last-child{grid-area:copy!important;min-width:0!important;align-self:end!important}
#page-messages .vx12-dm-brand small{font-size:7px!important;letter-spacing:.16em!important;color:#a98af1!important;white-space:nowrap!important}
#page-messages .vx12-dm-brand h2{font-size:21px!important;line-height:1.05!important;margin:2px 0 0!important;letter-spacing:-.02em!important;white-space:nowrap!important}
#page-messages .vx460-dm-subtitle{grid-area:sub!important;align-self:start!important;font-size:7.4px!important;line-height:1.35!important;color:#7583a5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-messages .vx450-dm-head-actions{display:flex!important;align-items:center!important;gap:6px!important}
#page-messages .vx450-dm-head-actions>[data-vx450-social-toggle]{display:none!important}
#page-messages .vx450-dm-head-actions :is(button,.vx12-icon-btn){width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;border:1px solid rgba(155,122,216,.17)!important;background:rgba(8,12,30,.7)!important;color:#9eabc5!important;transition:.18s ease!important}
@media(hover:hover) and (pointer:fine){#page-messages .vx450-dm-head-actions :is(button,.vx12-icon-btn):hover{color:#fff!important;border-color:rgba(179,104,255,.38)!important;background:linear-gradient(135deg,rgba(139,61,255,.22),rgba(51,99,182,.09))!important;transform:translateY(-1px)!important}}

#page-messages .vx474-social-card{
  position:relative!important;flex:0 0 auto!important;margin:10px 10px 8px!important;min-height:72px!important;padding:10px 12px!important;
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 28px!important;align-items:center!important;gap:10px!important;text-align:left!important;overflow:hidden!important;
  border:1px solid rgba(172,105,255,.26)!important;border-radius:16px!important;
  background:radial-gradient(140px 100px at 0 0,rgba(153,65,255,.20),transparent 70%),linear-gradient(145deg,rgba(24,20,60,.92),rgba(9,14,36,.94))!important;
  box-shadow:0 15px 34px -27px rgba(145,60,255,.9),inset 0 1px rgba(255,255,255,.04)!important;color:#fff!important;transition:.2s var(--vx474-ease)!important
}
#page-messages .vx474-social-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.06) 45%,transparent 68%);transform:translateX(-120%);transition:transform .5s var(--vx474-ease)}
#page-messages .vx474-social-card>i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(151,62,255,.88),rgba(89,59,218,.72));color:#fff;border:1px solid rgba(204,145,255,.30);box-shadow:0 10px 24px -16px rgba(153,66,255,.95)}
#page-messages .vx474-social-card>span{min-width:0;display:grid;gap:3px}.vx474-social-card b{font-size:10.5px!important;letter-spacing:.01em}.vx474-social-card small{font-size:7.6px!important;color:#8d9ab7!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx474-social-card>em{font-style:normal;font-size:18px;color:#b997ff;justify-self:end}
@media(hover:hover) and (pointer:fine){#page-messages .vx474-social-card:hover{transform:translateY(-2px)!important;border-color:rgba(184,111,255,.48)!important;box-shadow:0 18px 40px -25px rgba(151,65,255,.95),inset 0 1px rgba(255,255,255,.06)!important}.vx474-social-card:hover::after{transform:translateX(120%)}}

#page-messages .vx11-dm-search{margin:0 10px 7px!important;padding:0!important;flex:0 0 auto!important}
#page-messages .vx11-dm-search input{height:43px!important;min-height:43px!important;padding:0 13px!important;border-radius:13px!important;border:1px solid rgba(149,122,204,.17)!important;background:rgba(5,9,25,.72)!important;color:#e8ecf8!important;font-size:9.5px!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
#page-messages .vx11-dm-search input:focus{border-color:rgba(172,101,255,.45)!important;box-shadow:0 0 0 3px rgba(145,65,255,.09)!important}
#page-messages .vx474-conv-heading{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 13px 7px;color:#7f8ba8}
#page-messages .vx474-conv-heading>b{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#a88be8}.vx474-conv-heading>small{font-size:7.4px;color:#66738f}
#page-messages .vx11-conversations{padding:0 8px 12px!important;display:grid!important;align-content:start!important;gap:4px!important}
#page-messages .vx11-conv{min-height:68px!important;padding:8px 9px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;transition:.18s ease!important}
#page-messages .vx11-conv.active{border-color:rgba(169,99,255,.36)!important;background:linear-gradient(135deg,rgba(137,59,255,.14),rgba(44,97,180,.07))!important;box-shadow:inset 3px 0 #9d48ff!important}
@media(hover:hover) and (pointer:fine){#page-messages .vx11-conv:hover{border-color:rgba(158,115,225,.18)!important;background:rgba(255,255,255,.026)!important;transform:translateX(2px)!important}}
#page-messages .vx11-conv :is(.vx-avatar,.avatar,img){width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:50%!important;object-fit:cover!important}
#page-messages .vx11-conv-main b{font-size:10.3px!important}.vx11-conv-main small{font-size:7.8px!important;color:#7c89a6!important}

#page-messages .vx11-dm-chat{background:radial-gradient(480px 340px at 72% 8%,rgba(51,152,194,.055),transparent 70%),linear-gradient(180deg,rgba(7,12,31,.95),rgba(5,9,25,.98))!important}
#page-messages .vx11-chat-head{min-height:72px!important;padding:10px 14px!important;border-bottom:1px solid rgba(151,120,207,.12)!important;background:rgba(7,11,29,.62)!important;backdrop-filter:blur(12px)!important}
#page-messages .vx11-chat-thread{padding:20px!important;background-image:radial-gradient(circle at 50% 50%,rgba(147,67,255,.025) 1px,transparent 1px)!important;background-size:24px 24px!important}
#page-messages .vx460-empty-chat-card{max-width:560px!important;padding:38px 42px!important;border-radius:23px!important;border:1px solid rgba(169,108,246,.19)!important;background:radial-gradient(220px 150px at 50% 0,rgba(150,62,255,.13),transparent 72%),linear-gradient(145deg,rgba(16,21,49,.86),rgba(7,12,31,.9))!important;box-shadow:0 28px 70px -48px #000!important}
#page-messages .vx460-empty-chat-card img{width:64px!important;height:64px!important;margin:0 auto 16px!important;filter:drop-shadow(0 0 18px rgba(155,73,255,.36))}
#page-messages .vx460-empty-chat-card b{font-size:16px!important;line-height:1.25!important}.vx460-empty-chat-card span{display:block!important;margin-top:8px!important;font-size:9px!important;line-height:1.65!important;color:#8190ad!important}
#page-messages .vx474-empty-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.vx474-empty-actions button{height:38px;padding:0 14px;border-radius:11px;border:1px solid rgba(165,111,236,.22);background:rgba(255,255,255,.025);color:#cfd6e7;font-size:8.5px;font-weight:800}.vx474-empty-actions button.primary{background:linear-gradient(135deg,#9742ff,#713cff);color:#fff;border-color:rgba(190,130,255,.35);box-shadow:0 10px 22px -15px rgba(151,66,255,.9)}
#page-messages .vx11-compose{min-height:66px!important;padding:9px 10px!important;background:rgba(4,8,22,.88)!important;border-top:1px solid rgba(151,120,207,.12)!important}.vx11-compose textarea{min-height:46px!important;border-radius:13px!important}.vx11-compose .send{height:46px!important;min-width:92px!important;border-radius:12px!important}

/* social drawer receives the same premium identity */
#page-messages #vx44SocialDock.vx470-social-drawer{border:1px solid rgba(166,105,245,.26)!important;background:linear-gradient(160deg,rgba(17,18,48,.98),rgba(6,10,27,.98))!important;box-shadow:0 42px 100px -38px #000,0 24px 58px -42px rgba(151,65,255,.85)!important}
#page-messages .vx470-social-identity{border-radius:17px!important;background:radial-gradient(160px 110px at 0 0,rgba(153,65,255,.18),transparent 70%),rgba(255,255,255,.018)!important;border:1px solid rgba(160,111,236,.16)!important}

@media(max-width:1180px){
  #page-messages #vx11DmShell.vx474-messages{grid-template-columns:minmax(300px,330px) minmax(0,1fr)!important}
  #page-messages .vx474-social-card{grid-template-columns:40px minmax(0,1fr) 22px!important;min-height:66px!important}.vx474-social-card>i{width:40px!important;height:40px!important}
}
@media(max-width:760px){
  #page-messages #vx11DmShell.vx474-messages{display:block!important;height:calc(100dvh - 82px)!important;min-height:0!important;max-height:none!important;border-radius:18px!important}
  #page-messages .vx11-dm-list>header{min-height:82px!important;padding:12px!important}.vx12-dm-brand{grid-template-columns:42px minmax(0,1fr)!important}.vx12-dm-mark{width:42px!important;height:42px!important}.vx12-dm-brand h2{font-size:18px!important}.vx460-dm-subtitle{display:none!important}
  #page-messages .vx474-social-card{margin:8px!important}.vx474-social-card small{max-width:220px}
  #page-messages .vx460-empty-chat-card{margin:12px!important;padding:28px 20px!important}.vx474-empty-actions{flex-direction:column}.vx474-empty-actions button{width:100%}
}

/* =========================================================
   MARKET — COMPACT, EVEN CATEGORY CARDS
   ========================================================= */
#page-market :is(.vx64-market-browser-section,.vx63-market-catalog){padding:16px!important;border-radius:21px!important}
#page-market .vx64-market-category-grid,#page-market .vx63-market-category-hub,#page-market .vx63-market-cat-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important
}
#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat){
  position:relative!important;height:84px!important;min-height:84px!important;max-height:84px!important;padding:9px 11px!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;align-items:center!important;gap:2px 10px!important;overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--accent,#9c49ff) 30%,rgba(145,122,200,.16))!important;border-radius:14px!important;
  background:radial-gradient(110px 85px at 0 0,color-mix(in srgb,var(--accent,#9c49ff) 9%,transparent),transparent 74%),linear-gradient(145deg,rgba(14,19,44,.90),rgba(6,11,28,.95))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important
}
#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat)>:first-child{
  grid-row:1/3!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;border-radius:12px!important;align-self:center!important
}
#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat)>div{align-self:end!important;min-width:0!important;padding-right:36px!important}
#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat) b{font-size:10.2px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat) small{display:block!important;margin-top:3px!important;font-size:7.4px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#7583a2!important;-webkit-line-clamp:unset!important}
#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat) em{
  position:absolute!important;right:10px!important;bottom:9px!important;grid-column:auto!important;align-self:auto!important;margin:0!important;padding:0!important;
  font-size:7.2px!important;line-height:1!important;font-style:normal!important;font-weight:850!important;color:var(--accent,#a878ff)!important;white-space:nowrap!important
}
#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat)::after{height:2px!important;opacity:.48!important}
@media(hover:hover) and (pointer:fine){#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat):hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--accent,#9c49ff) 58%,rgba(160,118,230,.25))!important;box-shadow:0 16px 34px -26px color-mix(in srgb,var(--accent,#9c49ff) 50%,#000),inset 0 1px rgba(255,255,255,.04)!important}}
@media(max-width:1180px){#page-market .vx64-market-category-grid,#page-market .vx63-market-category-hub,#page-market .vx63-market-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:860px){#page-market .vx64-market-category-grid,#page-market .vx63-market-category-hub,#page-market .vx63-market-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){#page-market .vx64-market-category-grid,#page-market .vx63-market-category-hub,#page-market .vx63-market-cat-grid{grid-template-columns:1fr!important}#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat){height:78px!important;min-height:78px!important;max-height:78px!important}}

@media(prefers-reduced-motion:reduce){
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger,.vx320-icon-btn,.vx320-theme-btn),#vx470QuickRail.vx474-quick-rail button,#page-messages .vx474-social-card,#page-messages .vx11-conv,#page-market :is(.vx64-market-category,.vx63-market-category,.vx63-market-cat){transition:none!important}
  #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)::after,#page-messages .vx474-social-card::after{display:none!important}
}