/* R314 — Velvet Room Pin Pulse. This is a separate paid-promo component,
   never the ordinary postcard. Approved visual: neon capsule over mode skin.
   Work = electric blue, Friends = amber, Social = purple. */
#topSpotlightSlot .vrPinPulseR314,
#feedList .vrPinPulseR314{
  --vr-pulse-accent:#c05bff;
  --vr-pulse-rgb:192,91,255;
  --vr-pulse-bg:url("/assets/radar/bg-social.webp");
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:calc(100% - 20px)!important;
  max-width:calc(100% - 20px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:16px auto 18px!important;
  padding:4px!important;
  border-radius:30px!important;
  overflow:visible!important;
  border:1px solid rgba(245,153,255,.90)!important;
  background:linear-gradient(115deg,#bb40ff,#e254f4 42%,#623fff 78%,#16bbff)!important;
  box-shadow:
    0 0 0 1px rgba(208,84,248,.30),
    0 0 14px rgba(216,69,247,.65),
    0 0 31px rgba(165,66,224,.32)!important;
  isolation:isolate!important;
  color:#fefaff!important;
  font-family:system-ui,-apple-system,sans-serif!important;
}
#feedList .vrPinPulseR314[data-mode="friends"],
#feedList .vrPinPulseR314[data-mode="friends_family"]{
  --vr-pulse-accent:#ffae49;--vr-pulse-rgb:255,174,73;
  --vr-pulse-bg:url("/assets/radar/bg-friends.webp");
}
#feedList .vrPinPulseR314[data-mode="work"]{
  --vr-pulse-accent:#51bdff;--vr-pulse-rgb:81,189,255;
  --vr-pulse-bg:url("/assets/radar/bg-work.webp");
}
#feedList .vrPinPulseR314 .vrPinPulseFrameR314{
  position:relative!important;
  box-sizing:border-box!important;
  border-radius:25px!important;
  overflow:hidden!important;
  background:
    linear-gradient(110deg,rgba(10,4,20,.93),rgba(14,5,25,.88) 42%,rgba(12,6,22,.80)),
    var(--vr-pulse-bg) center/cover no-repeat!important;
  border:1px solid rgba(238,174,255,.30)!important;
}
#feedList .vrPinPulseR314 .vrPinPulseFrameR314:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 70% 80% at 94% 10%,rgba(var(--vr-pulse-rgb),.16),transparent 65%),
    radial-gradient(ellipse 65% 75% at 5% 90%,rgba(211,65,250,.14),transparent 75%);
  z-index:0;
}
#feedList .vrPinPulseR314 :is(.vrPinPulseTopR314,.vrPinPulseBodyR314,.vrPinPulseBottomR314){
  position:relative!important;
  z-index:1!important;
  box-sizing:border-box!important;
  width:100%!important;
}
#feedList .vrPinPulseR314 .vrPinPulseTopR314{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px 9px!important;
  align-items:center!important;
  padding:13px 13px 8px!important;
}
#feedList .vrPinPulseR314 .vrPinPulseSponsoredR314{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:5px 12px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(244,215,255,.55)!important;
  border-radius:999px!important;
  background:linear-gradient(120deg,#c83bf9,#8f3ae7)!important;
  box-shadow:0 1px 8px rgba(197,67,234,.3)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
}
#feedList .vrPinPulseR314 .vrPinPulseModeR314{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
  color:var(--vr-pulse-accent)!important;
  text-transform:uppercase!important;
}
#feedList .vrPinPulseR314 .vrPinPulseTypeR314{
  margin-left:auto!important;
  padding-left:4px!important;
  font-size:9px!important;
  letter-spacing:.075em!important;
  font-weight:800!important;
  color:rgba(255,255,255,.70)!important;
  white-space:nowrap!important;
}
#feedList .vrPinPulseR314 .vrPinPulseBodyR314{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:7px 13px 10px!important;
  align-items:stretch!important;
}
#feedList .vrPinPulseR314 .vrPinPulseCopyR314{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  gap:8px!important;
}
#feedList .vrPinPulseR314 .vrPinPulseOwnerR314{
  font-weight:750!important;
  font-size:11px!important;
  letter-spacing:.025em!important;
  color:rgba(250,233,255,.80)!important;
  line-height:1.3!important;
}
#feedList .vrPinPulseR314 .vrPinPulseTitleR314{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  max-width:100%!important;
  color:#fff!important;
  font:900 clamp(19px,5vw,27px)/1.13 system-ui,-apple-system,sans-serif!important;
  overflow-wrap:anywhere!important;
  text-shadow:0 2px 16px rgba(155,60,213,.3)!important;
}
#feedList .vrPinPulseR314 .vrPinPulseDescriptionR314{
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#f1e6f6!important;
  font:460 13px/1.42 system-ui,sans-serif!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
#feedList .vrPinPulseR314 .vrPinPulseHighlightsR314{
  display:block!important;
  margin:auto 0 0!important;
  padding:3px 0!important;
  color:var(--vr-pulse-accent)!important;
  font:850 11px/1.2 system-ui,sans-serif!important;
  letter-spacing:.04em!important;
}
#feedList .vrPinPulseR314 .vrPinPulseMediaR314{
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  align-items:center!important;
  justify-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:125px!important;
  max-height:320px!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--vr-pulse-rgb),.53)!important;
  border-radius:17px!important;
  box-shadow:inset 0 0 17px rgba(var(--vr-pulse-rgb),.15),0 5px 20px rgba(0,0,0,.34)!important;
  background:rgba(5,4,13,.86)!important;
}
#feedList .vrPinPulseR314 .vrPinPulseMediaR314 > :is(img,video){
  display:block!important;
  box-sizing:border-box!important;
  max-width:100%!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:292px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}
#feedList .vrPinPulseR314[data-vr-pulse-kind="video"] .vrPinPulseMediaR314 video{
  max-height:290px!important;
  min-height:160px!important;
}
#feedList .vrPinPulseR314 .vrPinPulseVideoTagR314{
  display:inline-flex!important;
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  z-index:3!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(4,3,10,.72)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  font:800 9px/1.2 system-ui,sans-serif!important;
  letter-spacing:.08em!important;
  color:#fff!important;
  pointer-events:none!important;
}
#feedList .vrPinPulseR314 .vrPinPulseSoundR314{
  position:absolute!important;
  right:9px!important;
  bottom:9px!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  width:41px!important;
  height:41px!important;
  padding:0!important;
  border-radius:999px!important;
  background:rgba(3,2,10,.82)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.55)!important;
  font:20px/1 system-ui,sans-serif!important;
  cursor:pointer!important;
}
#feedList .vrPinPulseR314 .vrPinPulseBottomR314{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
  padding:0 13px 13px!important;
}
#feedList .vrPinPulseR314 .vrPinPulseBottomR314 > a{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:43px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  padding:9px 12px!important;
  text-decoration:none!important;
  text-align:center!important;
  white-space:normal!important;
  font:850 12px/1.16 system-ui,sans-serif!important;
  color:#fff!important;
}
#feedList .vrPinPulseR314 .vrPinPulseLearnR314{
  border:1.5px solid #cf5aff!important;
  background:rgba(9,5,16,.85)!important;
  box-shadow:0 0 9px rgba(204,68,248,.18)!important;
}
#feedList .vrPinPulseR314 .vrPinPulseProfileR314{
  border:1px solid rgba(220,189,255,.7)!important;
  background:linear-gradient(100deg,#b337ee,#773dff 70%,#4d8bf2)!important;
  box-shadow:0 4px 15px rgba(134,56,225,.28)!important;
}
#feedList .vrPinPulseR314 .vrPinPulseSiteR314{
  grid-column:1/-1!important;
  justify-self:center!important;
  min-height:32px!important;
  border:0!important;
  background:transparent!important;
  color:var(--vr-pulse-accent)!important;
}
#feedList .vrPinPulseR314 a:focus-visible,
#feedList .vrPinPulseR314 button:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}
@media(min-width:550px){
  #feedList .vrPinPulseR314 .vrPinPulseBodyR314{
    grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;
    gap:15px!important;
  }
  #feedList .vrPinPulseR314 .vrPinPulseMediaR314{min-height:188px!important}
  #feedList .vrPinPulseR314 .vrPinPulseDescriptionR314{-webkit-line-clamp:5!important;font-size:14px!important}
  #feedList .vrPinPulseR314 .vrPinPulseTitleR314{font-size:26px!important}
}
@media(max-width:340px){
  #feedList .vrPinPulseR314{width:calc(100% - 14px)!important;max-width:calc(100% - 14px)!important}
  #feedList .vrPinPulseR314 .vrPinPulseBodyR314{padding-left:9px!important;padding-right:9px!important}
  #feedList .vrPinPulseR314 .vrPinPulseBottomR314{padding-left:9px!important;padding-right:9px!important;gap:6px!important}
  #feedList .vrPinPulseR314 .vrPinPulseTopR314{padding:9px 9px 5px!important}
  #feedList .vrPinPulseR314 .vrPinPulseTitleR314{font-size:19px!important}
  #feedList .vrPinPulseR314 .vrPinPulseBottomR314>a{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  #feedList .vrPinPulseR314 *{animation:none!important;transition:none!important}
}