/* VR_STORIES_R1 */
#vrStoriesR1{padding:10px 10px 9px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(4,3,7,.92)}
#vrStoriesR1[hidden]{display:none!important}
.vrStoriesRailR1{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 4px 3px}
.vrStoriesRailR1::-webkit-scrollbar{display:none}
.vrStoryTileR1{flex:0 0 72px;width:72px;border:0;background:transparent;color:#fff;padding:0;text-align:center;font:inherit;cursor:pointer}
.vrStoryRingR1{position:relative;width:64px;height:64px;margin:0 auto 6px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ae4cff,#e04f9a,#ffb34e)}
.vrStoryTileR1[data-mode="friends"] .vrStoryRingR1{background:linear-gradient(135deg,#ef5d9d,#ff9a6c)}
.vrStoryTileR1[data-mode="work"] .vrStoryRingR1{background:linear-gradient(135deg,#3f8cff,#7cc9ff)}
.vrStoryTileR1.is-viewed .vrStoryRingR1{background:#4b4751}
.vrStoryRingR1::after{content:"";position:absolute;inset:3px;border:2px solid #08070b;border-radius:50%;pointer-events:none}
.vrStoryAvatarR1{width:58px;height:58px;border-radius:50%;display:block;object-fit:cover;background:#15121b}
.vrStoryFallbackR1{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#17131d;font-size:22px;font-weight:900}
.vrStoryAddR1{position:absolute;right:-1px;bottom:-1px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#9b43ed;color:#fff;border:2px solid #08070b;font-size:17px;font-weight:900}
.vrStoryLabelR1{display:block;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;color:rgba(255,255,255,.78)}
.vrStoryModeDotR1{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b760ff;margin-right:4px;vertical-align:1px}
.vrStoryTileR1[data-mode="friends"] .vrStoryModeDotR1{background:#ef6ba3}
.vrStoryTileR1[data-mode="work"] .vrStoryModeDotR1{background:#63a9ff}

.vrStoryBackdropR1{position:fixed;inset:0;z-index:2147483001;background:rgba(0,0,0,.84);display:flex;align-items:center;justify-content:center;padding:12px}
.vrStoryBackdropR1[hidden]{display:none!important}
.vrStoryComposerR1{width:min(440px,100%);max-height:92dvh;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#0c0a10;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.62)}
.vrStoryComposerHeadR1{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.vrStoryComposerHeadR1 strong{flex:1;font-size:15px}
.vrStoryCloseR1{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:20px}
.vrStoryPreviewR1{aspect-ratio:9/14;max-height:55dvh;margin:12px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#44205e,#17101e);display:grid;place-items:center;position:relative}
.vrStoryPreviewR1 img,.vrStoryPreviewR1 video{width:100%;height:100%;object-fit:cover}
.vrStoryTextPreviewR1{padding:24px;text-align:center;font-size:24px;font-weight:850;line-height:1.25;word-break:break-word}
.vrStoryPickRowR1{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px}
.vrStoryPickR1{min-height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);color:#fff;font-weight:850}
.vrStoryCaptionR1{width:calc(100% - 24px);margin:0 12px 10px;min-height:72px;resize:vertical;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.045);color:#fff;padding:11px;font:13px/1.4 system-ui;outline:none}
.vrStoryComposerFootR1{display:flex;gap:8px;align-items:center;padding:0 12px 12px}
.vrStoryModeR1{height:42px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#15121b;color:#fff;padding:0 10px;font-weight:800}
.vrStoryPostR1{flex:1;height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,#7c2fd1,#b44cf4);color:#fff;font-weight:950}
.vrStoryPostR1:disabled{opacity:.45}
.vrStoryStatusR1{padding:0 12px 12px;font-size:10px;color:rgba(255,255,255,.5);min-height:12px}

.vrStoryViewerR1{position:fixed;inset:0;z-index:2147483300;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vrStoryViewerR1[hidden]{display:none!important}
.vrStoryStageR1{position:relative;width:min(100vw,500px);height:100dvh;background:#09070d;overflow:hidden}
.vrStorySoundPromptR429{position:absolute;left:50%;bottom:calc(140px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:25;width:max-content;max-width:calc(100% - 38px);min-height:48px;padding:11px 17px;border-radius:999px;border:1px solid rgba(204,136,254,.84);box-shadow:0 7px 32px rgba(0,0,0,.74);background:rgba(26,12,43,.95);color:#fff;font:800 14px/1.3 system-ui;text-align:center;touch-action:manipulation}
.vrStorySoundPromptR429[hidden]{display:none!important}
.vrStorySoundPromptR429:focus-visible{outline:3px solid #e4baff;outline-offset:2px}
.vrStoryMediaR1{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#34164b,#09070d)}
.vrStoryMediaR1 img,.vrStoryMediaR1 video{width:100%;height:100%;object-fit:cover}
.vrStoryTextOnlyR1{padding:32px;text-align:center;font-size:30px;font-weight:900;line-height:1.2}
.vrStoryShadeR1{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 26%,transparent 62%,rgba(0,0,0,.75));pointer-events:none}
.vrStoryBarsR1{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:8px;right:8px;z-index:4;display:flex;gap:4px}
.vrStoryBarR1{height:3px;flex:1;background:rgba(255,255,255,.28);border-radius:99px;overflow:hidden}
.vrStoryBarFillR1{height:100%;width:0;background:#fff}
.vrStoryTopR1{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:12px;right:12px;z-index:5;display:flex;align-items:center;gap:9px}
.vrStoryTopR1 img,.vrStoryTopAvatarFallbackR1{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#21182a;display:grid;place-items:center;font-weight:900}
.vrStoryTopTextR1{min-width:0;flex:1}
.vrStoryTopTextR1 b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vrStoryTopTextR1 span{font-size:10px;color:rgba(255,255,255,.62)}
.vrStoryViewerCloseR1{width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:23px}
.vrStoryTapR1{position:absolute;top:72px;bottom:74px;z-index:3;border:0;background:transparent}
.vrStoryTapPrevR1{left:0;width:34%}
.vrStoryTapNextR1{right:0;width:66%}
.vrStoryCaptionViewR1{position:absolute;left:16px;right:16px;bottom:calc(30px + env(safe-area-inset-bottom,0px));z-index:5;text-align:center;font-size:14px;line-height:1.4;text-shadow:0 2px 12px #000}
.vrStoryOwnerToolsR1{position:absolute;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:6;display:flex;gap:8px}
.vrStoryEyeR1,.vrStoryDeleteR1{min-height:36px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.4);color:#fff;font-weight:850}
.vrStoryViewersSheetR1{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:8;max-height:55dvh;overflow:auto;border-radius:20px;background:#121016;border:1px solid rgba(255,255,255,.14);padding:12px}
.vrStoryViewerRowR1{display:flex;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
.vrStoryViewerRowR1 img,.vrStoryViewerRowFallbackR1{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#21182a;display:grid;place-items:center}
.vrStoryViewerRowR1 span{font-size:12px;font-weight:800}

@media(max-width:600px){
  #vrStoriesR1{padding-left:6px;padding-right:6px}
  .vrStoryBackdropR1{padding:0;align-items:flex-end}
  .vrStoryComposerR1{border-radius:22px 22px 0 0;width:100%;max-height:94dvh}
  .vrStoryStageR1{width:100vw}
}

/* VR_STORY_SEEDS_R2 */
.vrStorySourceBackdropR2{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.22) 42%,rgba(0,0,0,.84) 100%);pointer-events:none}
.vrStorySourceCardR2{position:absolute;left:18px;right:18px;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:7;padding:16px;border-radius:20px;background:rgba(12,9,16,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.34)}
.vrStorySourceCardR2 small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#c88cff;margin-bottom:7px}
.vrStorySourceCardR2 h3{margin:0;font-size:18px;line-height:1.16;font-weight:950;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vrStorySourceCardR2 p{margin:8px 0 0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.78);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.vrStorySourceOpenR2{width:100%;height:42px;margin-top:12px;border:0;border-radius:13px;background:linear-gradient(135deg,#8f3cff,#c44fff);color:#fff;font-weight:950;font-size:13px}
.vrStorySourceMediaR2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.vrStorySeedToastR2{position:fixed;left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2147483200;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;max-width:720px;margin:auto;padding:10px;border-radius:17px;background:rgba(15,11,19,.96);border:1px solid rgba(190,91,255,.34);box-shadow:0 16px 48px rgba(0,0,0,.48);backdrop-filter:blur(18px);color:#fff}
.vrStorySeedCopyR2{min-width:0}.vrStorySeedCopyR2 b{display:block;font-size:12px}.vrStorySeedCopyR2 span{display:block;margin-top:2px;font-size:10px;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vrStorySeedLaterR2,.vrStorySeedAddR2{height:36px;border-radius:11px;padding:0 10px;font-size:10px;font-weight:900}
.vrStorySeedLaterR2{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#ddd}
.vrStorySeedAddR2{border:0;background:linear-gradient(135deg,#8f3cff,#c44fff);color:#fff}
@media(max-width:520px){.vrStorySeedToastR2{grid-template-columns:1fr auto}.vrStorySeedCopyR2{grid-column:1/-1}.vrStorySeedLaterR2,.vrStorySeedAddR2{width:100%}}

/* VR_STORY_CREATE_RAIL_R3 */
.vrStoriesRailR1{align-items:flex-end;gap:10px;padding:4px 4px 6px}
.vrStoryCreateCardR3{
  position:relative;
  flex:0 0 116px;
  width:116px;
  height:148px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  overflow:hidden;
  color:#fff;
  padding:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.26);
}
.vrStoryCreateStoryR3{
  background:
    radial-gradient(circle at 26% 18%,rgba(255,255,255,.20),transparent 25%),
    linear-gradient(150deg,#7a2de0 0%,#9f43f2 52%,#5d20b6 100%);
}
.vrStoryCreateClipR3{
  background:
    radial-gradient(circle at 75% 16%,rgba(255,255,255,.18),transparent 24%),
    linear-gradient(150deg,#7f2b63 0%,#d34b83 48%,#db6b36 100%);
}
.vrStoryCreateIconR3{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.92);
  background:rgba(0,0,0,.12);
  font-size:27px;
  line-height:1;
  font-weight:900;
}
.vrStoryCreateTextR3{
  max-width:94px;
  font-size:13px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.01em;
}
.vrStoryCreateCardR3:active{transform:scale(.985)}
.vrStoryTileR1{align-self:flex-end;margin-bottom:4px}
@media(max-width:600px){
  .vrStoryCreateCardR3{flex-basis:108px;width:108px;height:140px;border-radius:18px}
  .vrStoryCreateTextR3{font-size:12px;max-width:88px}
  .vrStoryCreateIconR3{width:46px;height:46px;font-size:25px}
}

/* VR_STORY_CREATE_STACK_R4 — Velvet palette, stacked owner actions */
.vrStoryCreateStackR4{
  flex:0 0 116px;
  width:116px;
  height:148px;
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:6px;
  align-self:flex-end;
}
.vrStoryCreateCardR4{
  min-width:0;
  width:100%;
  height:100%;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:8px 10px;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.30);
}
.vrStoryCreateStoryR4{
  background:
    radial-gradient(circle at 12% 0%,rgba(190,85,255,.26),transparent 48%),
    linear-gradient(145deg,#120b18 0%,#291139 55%,#4e1768 100%);
  border-color:rgba(190,91,255,.42);
}
.vrStoryCreateClipR4{
  background:
    radial-gradient(circle at 88% 100%,rgba(212,175,55,.15),transparent 44%),
    linear-gradient(145deg,#09080b 0%,#17101c 52%,#2d1435 100%);
  border-color:rgba(212,175,55,.30);
}
.vrStoryCreateIconR4{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1.5px solid rgba(255,255,255,.84);
  background:rgba(0,0,0,.22);
  font-size:18px;
  line-height:1;
  font-weight:950;
  box-shadow:0 0 18px rgba(166,65,230,.16);
}
.vrStoryCreateClipR4 .vrStoryCreateIconR4{
  border-color:rgba(212,175,55,.72);
  color:#f0cf67;
}
.vrStoryCreateTextR4{
  min-width:0;
  font-size:11px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.01em;
}
.vrStoryCreateCardR4:active{transform:scale(.985)}
@media(max-width:600px){
  .vrStoryCreateStackR4{flex-basis:108px;width:108px;height:140px}
  .vrStoryCreateCardR4{grid-template-columns:31px minmax(0,1fr);padding:7px 8px;border-radius:15px}
  .vrStoryCreateIconR4{width:30px;height:30px;font-size:17px}
  .vrStoryCreateTextR4{font-size:10.5px}
}

/* VR_STORY_SEQUENCE_R6 — one selected item per frame; stacked creation cards remain unchanged. */
.vrStoryDraftRailR6{display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px;scrollbar-width:thin}
.vrStoryDraftItemR6{flex:0 0 auto;min-height:40px;border:1px solid #49404f;border-radius:12px;background:#17101f;color:#fff;padding:0 10px;font:700 12px/1.2 system-ui}
.vrStoryDraftItemR6[aria-pressed="true"]{border-color:#be66f5;background:#38204b}
.vrStoryDraftToolsR6{display:flex;gap:6px;padding:0 12px 10px;flex-wrap:wrap}
.vrStoryDraftToolsR6 button,#vrStoryStopR6{min-height:38px;padding:6px 10px;border:1px solid #574063;border-radius:10px;background:#17101f;color:#eee;font:600 12px/1.3 system-ui}
.vrStoryDraftToolsR6 button:disabled{opacity:.4}
.vrStoryDraftToolsR6[hidden],#vrStoryStopR6[hidden],#vrStoryProgressR6[hidden],.vrStorySoundR6[hidden]{display:none!important}
#vrStoryProgressR6{display:block;width:calc(100% - 24px);height:8px;margin:0 12px 10px;accent-color:#b05cff}
#vrStoryStopR6{margin:0 12px 10px}
.vrStoryComposerR1 .vrStoryPreviewR1{height:min(38dvh,340px);max-height:340px;aspect-ratio:auto}
.vrStoryComposerR1 .vrStoryPreviewR1 img,.vrStoryComposerR1 .vrStoryPreviewR1 video{object-fit:contain}
.vrStoryComposerR1 .vrStoryStatusR1{min-height:28px;font-size:12px;line-height:1.4;color:#ccc3d1;white-space:normal}
.vrStoryComposerR1 .vrStoryCaptionR1{font-size:16px}
.vrStoryComposerR1 .vrStoryPickR1{font-size:12px;padding:8px}
.vrStorySoundR6,.vrStoryPauseR6{min-height:36px;max-width:86px;padding:5px 8px;border-radius:12px;border:1px solid #746277;background:rgba(12,7,17,.8);color:#fff;font:700 11px/1.2 system-ui}
.vrStoryTopR1 .vrStoryTopTextR1{flex:1;min-width:30px}
.vrStoryTrackR6{margin-top:7px;font-size:12px;color:#dcbafa}
.vrStoryLoadingR6{font-size:14px;color:#ddd}

/* VR_STORY_SEAMLESS_R8 */
.vrStoryStageR1,
.vrStoryMediaR1{background:#000!important;background-image:none!important}
.vrStoryLoadingR6{display:none!important}

/* VR_STORY_BAND_TRANSPARENT_R9 */
#vrStoriesR1{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}

/* VR_STORY_CROSSMODE_PREVIEW_R11 */
.vrStoryTileR1{
  flex:0 0 86px!important;
  width:86px!important;
  align-self:flex-end!important;
  margin-bottom:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.vrStoryTileR1[data-mode="social"]{
  --vr-story-halo:#ad57ff;
  --vr-story-halo-glow:rgba(173,87,255,.70);
  --vr-story-halo-dim:rgba(173,87,255,.42);
  --vr-story-halo-glow-dim:rgba(173,87,255,.22);
}
.vrStoryTileR1[data-mode="friends"]{
  --vr-story-halo:#ff914d;
  --vr-story-halo-glow:rgba(255,145,77,.72);
  --vr-story-halo-dim:rgba(255,145,77,.44);
  --vr-story-halo-glow-dim:rgba(255,145,77,.23);
}
.vrStoryTileR1[data-mode="work"]{
  --vr-story-halo:#63b6ff;
  --vr-story-halo-glow:rgba(99,182,255,.72);
  --vr-story-halo-dim:rgba(99,182,255,.44);
  --vr-story-halo-glow-dim:rgba(99,182,255,.23);
}
.vrStoryRingR1{
  position:relative!important;
  display:block!important;
  width:78px!important;
  height:78px!important;
  margin:0 auto 8px!important;
  padding:2px!important;
  border:2px solid var(--vr-story-halo,#ad57ff)!important;
  border-radius:18px!important;
  background:#070609!important;
  background-image:none!important;
  box-shadow:
    0 0 9px var(--vr-story-halo-glow,rgba(173,87,255,.70)),
    0 0 20px var(--vr-story-halo-glow,rgba(173,87,255,.42))!important;
  overflow:visible!important;
}
.vrStoryTileR1.is-viewed .vrStoryRingR1{
  background:#070609!important;
  border-color:var(--vr-story-halo-dim,rgba(173,87,255,.42))!important;
  box-shadow:
    0 0 6px var(--vr-story-halo-glow-dim,rgba(173,87,255,.22)),
    0 0 12px var(--vr-story-halo-glow-dim,rgba(173,87,255,.14))!important;
}
.vrStoryRingR1::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  pointer-events:none!important;
  z-index:3!important;
}
.vrStoryPreviewHostR11{
  position:absolute;
  inset:3px;
  display:grid;
  place-items:center;
  align-content:center;
  justify-content:center;
  overflow:hidden;
  border-radius:13px;
  background:#0b0910;
  z-index:1;
}
.vrStoryPreviewMediaR11{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  margin:auto!important;
  border:0!important;
  border-radius:0!important;
  background:#09080b!important;
}
.vrStoryPreviewFallbackR11{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding:8px;
  overflow:hidden;
  color:#fff;
  text-align:center;
  font-size:10px;
  line-height:1.18;
  font-weight:900;
  word-break:break-word;
}
.vrStoryTileR1[data-mode="social"] .vrStoryPreviewFallbackR11{
  background:linear-gradient(145deg,#2c1240,#6d2ca0 58%,#160d20);
}
.vrStoryTileR1[data-mode="friends"] .vrStoryPreviewFallbackR11{
  background:linear-gradient(145deg,#3b1b11,#b9572b 58%,#23110d);
}
.vrStoryTileR1[data-mode="work"] .vrStoryPreviewFallbackR11{
  background:linear-gradient(145deg,#0d263a,#245f91 58%,#091822);
}
.vrStoryCreatorBadgeR11{
  position:absolute;
  left:-5px;
  bottom:-7px;
  z-index:5;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:2px solid #070609;
  border-radius:8px;
  background:#17121d;
  color:#fff;
  font-size:8px;
  font-weight:950;
  box-shadow:0 3px 10px rgba(0,0,0,.48);
}
.vrStoryCreatorBadgeR11 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:6px;
}
.vrStoryCreatorFallbackR11{
  background:#191320;
}
.vrStoryAddR1{
  right:-5px!important;
  bottom:-7px!important;
  width:25px!important;
  height:25px!important;
  border-radius:8px!important;
  border:2px solid #070609!important;
  background:var(--vr-story-halo,#ad57ff)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.45)!important;
  font-size:17px!important;
  line-height:1!important;
}
.vrStoryLabelR1{
  display:block!important;
  max-width:86px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.2!important;
  color:rgba(255,255,255,.90)!important;
}
.vrStoryModeDotR1{display:none!important}
.vrStoryAvatarR1,.vrStoryFallbackR1{border-radius:8px!important}

@media(max-width:600px){
  .vrStoryTileR1{flex-basis:82px!important;width:82px!important}
  .vrStoryRingR1{width:74px!important;height:74px!important;border-radius:17px!important}
  .vrStoryPreviewHostR11{border-radius:12px}
  .vrStoryRingR1::after{border-radius:13px!important}
  .vrStoryLabelR1{max-width:82px!important}
}

/* VR_STORY_COMPACT_CREATE_R12 */
#vrStoriesR1{
  padding-top:8px!important;
  padding-bottom:7px!important;
}
.vrStoriesRailR1{
  align-items:flex-end!important;
  padding-top:2px!important;
  padding-bottom:3px!important;
}
.vrStoryCreateStackR4{
  flex:0 0 96px!important;
  width:96px!important;
  height:94px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  align-self:flex-end!important;
}
.vrStoryCreateCardR4{
  width:96px!important;
  height:78px!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr)!important;
  gap:7px!important;
  padding:7px 8px!important;
  border-radius:16px!important;
}
.vrStoryCreateClipR4{display:none!important}
@media(max-width:600px){
  .vrStoryCreateStackR4{
    flex-basis:92px!important;
    width:92px!important;
    height:90px!important;
  }
  .vrStoryCreateCardR4{
    width:92px!important;
    height:74px!important;
    min-height:74px!important;
    grid-template-columns:29px minmax(0,1fr)!important;
    padding:6px 7px!important;
    border-radius:15px!important;
  }
  .vrStoryCreateIconR4{
    width:29px!important;
    height:29px!important;
    font-size:17px!important;
  }
  .vrStoryCreateTextR4{
    font-size:10.5px!important;
    line-height:1.08!important;
  }
}

/* VR_STORY_UNIVERSAL_FLUID_R13 */
.vrStoryTapPrevR1{
  left:0!important;
  width:30%!important;
}
.vrStoryTapNextR1{
  left:30%!important;
  right:0!important;
  width:auto!important;
}
.vrStoryCaptionViewR1{
  pointer-events:none!important;
}
.vrStorySourceCardR2{
  pointer-events:none!important;
}
.vrStorySourceCardR2 .vrStorySourceOpenR2{
  pointer-events:auto!important;
}
.vrStoryFrameShellR13{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#000;
}
.vrStoryFrameShellR13 > .vrStoryInstantPreviewR13,
.vrStoryFrameShellR13 > .vrStoryInstantFullR13{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  background:#000!important;
}
.vrStoryFrameShellR13 > .vrStoryInstantPreviewR13{
  z-index:1;
  opacity:1;
  visibility:visible;
  transition:opacity .12s ease;
}
.vrStoryFrameShellR13 > .vrStoryInstantFullR13{
  z-index:2;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease;
}
.vrStoryFrameShellR13.is-full-ready > .vrStoryInstantFullR13{
  opacity:1;
  visibility:visible;
}
.vrStoryFrameShellR13.is-full-ready > .vrStoryInstantPreviewR13{
  opacity:0;
}

/* VR_STORY_ZERO_LAG_TOUCH_R14 */
.vrStoryStageR1{
  touch-action:none!important;
}
.vrStoryTapR1{
  pointer-events:none!important;
}

/* VR_STORY_FAMILIAR_VIEWER_R17 */
.vrStoryViewerR1{align-items:stretch!important;justify-content:center!important;background:#000!important}
.vrStoryStageR1{--vr-story-accent:#a855f7;width:min(100vw,500px)!important;height:100dvh!important;max-height:100dvh!important;background:#000!important}
.vrStoryStageR1[data-mode="friends"]{--vr-story-accent:#ff914d}
.vrStoryStageR1[data-mode="work"]{--vr-story-accent:#63b6ff}
.vrStoryMediaR1{inset:0!important;overflow:hidden!important;background:#050505!important}
.vrStoryFrameShellR13{inset:0!important;background:#050505!important}
.vrStoryBackdropR17{position:absolute!important;inset:-34px!important;width:calc(100% + 68px)!important;height:calc(100% + 68px)!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;filter:blur(24px) brightness(.48) saturate(.92)!important;transform:scale(1.08)!important;opacity:.98!important;z-index:0!important;pointer-events:none!important}
.vrStoryFrameShellR13>.vrStoryInstantPreviewR13,.vrStoryFrameShellR13>.vrStoryInstantFullR13{object-fit:contain!important;object-position:center center!important;background:transparent!important}
.vrStoryFrameShellR13>.vrStoryInstantPreviewR13{z-index:1!important}
.vrStoryFrameShellR13>.vrStoryInstantFullR13{z-index:2!important}
.vrStoryShadeR1{background:linear-gradient(180deg,rgba(0,0,0,.66) 0,rgba(0,0,0,.28) 13%,transparent 30%,transparent 62%,rgba(0,0,0,.26) 76%,rgba(0,0,0,.78) 100%)!important;z-index:3!important}
.vrStoryBarsR1{top:calc(9px + env(safe-area-inset-top,0px))!important;left:14px!important;right:14px!important;gap:4px!important;z-index:8!important}
.vrStoryBarR1{height:3px!important;background:rgba(255,255,255,.34)!important}
.vrStoryBarFillR1{background:#fff!important}
.vrStoryTopR1{top:calc(25px + env(safe-area-inset-top,0px))!important;left:16px!important;right:14px!important;gap:9px!important;z-index:9!important}
.vrStoryTopR1 img,.vrStoryTopAvatarFallbackR1{width:42px!important;height:42px!important;border:2px solid var(--vr-story-accent)!important;box-shadow:0 0 0 2px rgba(0,0,0,.35)!important}
.vrStoryTopTextR1 b{font-size:15px!important;line-height:1.15!important;text-shadow:0 1px 8px #000}
.vrStoryTopTextR1 span{display:block!important;margin-top:3px!important;font-size:11px!important;color:rgba(255,255,255,.76)!important;text-shadow:0 1px 8px #000}

.vrStorySoundR6,.vrStoryPauseR6,.vrStoryViewerCloseR1{flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(0,0,0,.38)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#fff!important;display:grid!important;place-items:center!important;font:800 18px/1 system-ui!important}
.vrStoryViewerCloseR1{font-size:26px!important;border-color:transparent!important;background:rgba(0,0,0,.22)!important}
.vrStorySoundR6:active,.vrStoryPauseR6:active,.vrStoryViewerCloseR1:active{transform:scale(.94)}
.vrStoryMusicChipR17{position:absolute;top:calc(78px + env(safe-area-inset-top,0px));left:16px;z-index:9;max-width:min(72%,330px);min-height:34px;padding:7px 11px;border-radius:12px;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:750 11px/1.2 system-ui;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.vrStoryMusicChipR17[hidden]{display:none!important}
.vrStoryCaptionViewR1{left:20px!important;right:20px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;z-index:8!important;font-size:15px!important;line-height:1.35!important;font-weight:750!important;text-shadow:0 2px 10px rgba(0,0,0,.9)!important}
.vrStoryOwnerToolsR1{left:16px!important;right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;z-index:10!important;display:flex!important;justify-content:center!important;gap:10px!important}
.vrStoryOwnerToolsR1.is-viewer{justify-content:center!important}
.vrStoryEyeR1,.vrStoryDeleteR1,.vrStoryMessageR17{height:48px!important;min-height:48px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(0,0,0,.52)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;color:#fff!important;font:800 14px/1 system-ui!important;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.vrStoryEyeR1,.vrStoryDeleteR1{padding:0 18px!important}
.vrStoryMessageR17{width:min(100%,380px)!important;padding:0 18px!important;text-align:left!important}
.vrStorySourceCardR2{bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
.vrStoryViewersSheetR1{left:0!important;right:0!important;bottom:0!important;max-height:62dvh!important;border-radius:24px 24px 0 0!important;padding:18px!important;background:rgba(18,16,22,.98)!important;z-index:20!important}
@media(max-width:600px){.vrStoryStageR1{width:100vw!important}.vrStoryMusicChipR17{max-width:76%}.vrStoryTopTextR1 b{font-size:16px!important}}

/* VR_STORY_NO_CROP_R62 — preserve the full source frame; backdrop may fill unused viewport space. */
.vrStoryFrameShellR13>.vrStoryInstantPreviewR13,
.vrStoryFrameShellR13>.vrStoryInstantFullR13{
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}
.vrStorySourceCardR2{
  left:14px!important;right:14px!important;
  bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;
  padding:12px 14px!important;border-radius:18px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"label button" "title button" "body button"!important;
  column-gap:12px!important;row-gap:3px!important;align-items:center!important;
}
.vrStorySourceCardR2 small{grid-area:label!important;margin:0!important}
.vrStorySourceCardR2 h3{grid-area:title!important;font-size:15px!important;-webkit-line-clamp:1!important}
.vrStorySourceCardR2 p{grid-area:body!important;margin:2px 0 0!important;font-size:12px!important;line-height:1.3!important;-webkit-line-clamp:2!important}
.vrStorySourceCardR2 .vrStoryTrackR6{display:none!important}
.vrStorySourceOpenR2{grid-area:button!important;width:auto!important;min-width:92px!important;height:40px!important;margin:0!important;padding:0 14px!important;border-radius:999px!important;font-size:12px!important}
.vrStoryOwnerToolsR1{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}

/* VR_STORY_QUICK_REACTIONS_R20 */
.vrStoryBottomActionsR20{
  position:absolute!important;left:14px!important;right:14px!important;
  bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  z-index:12!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:10px!important;pointer-events:auto!important;
}
.vrStoryOwnerToolsR1{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  z-index:auto!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:10px!important;min-width:0!important;
}
.vrStoryOwnerToolsR1.is-viewer{flex:1 1 auto!important;justify-content:stretch!important}
.vrStoryOwnerToolsR1.is-viewer .vrStoryMessageR17{
  width:100%!important;max-width:none!important;min-width:0!important;
}
.vrStoryReactionRailR20{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;
  gap:8px!important;
}
.vrStoryReactionRailR20[hidden]{display:none!important}

.vrStoryReactionBtnR20{
  position:relative!important;width:52px!important;height:52px!important;min-width:52px!important;
  padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(0,0,0,.54)!important;backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;color:#fff!important;
  display:grid!important;place-items:center!important;font:30px/1 system-ui!important;
  box-shadow:0 8px 24px rgba(0,0,0,.26)!important;transition:transform .14s ease,background .14s ease,border-color .14s ease!important;
}
.vrStoryReactionBtnR20.is-active{
  background:rgba(255,255,255,.94)!important;border-color:#fff!important;
  box-shadow:0 0 0 3px var(--vr-story-accent),0 8px 24px rgba(0,0,0,.28)!important;
}
.vrStoryReactionBtnR20:disabled{opacity:.78!important}
.vrStoryReactionBtnR20:active{transform:scale(.90)!important}
.vrStoryReactionBtnR20.is-burst{animation:vrStoryReactionBurstR20 .32s ease-out}
@keyframes vrStoryReactionBurstR20{
  0%{transform:scale(.82)}
  55%{transform:scale(1.18)}
  100%{transform:scale(1)}
}
@media(max-width:380px){
  .vrStoryBottomActionsR20{left:10px!important;right:10px!important;gap:7px!important}
  .vrStoryReactionRailR20{gap:6px!important}
  .vrStoryReactionBtnR20{width:48px!important;height:48px!important;min-width:48px!important;font-size:27px!important}
}

.vrStoryBottomActionsR20.is-owner{
  flex-wrap:wrap!important;row-gap:8px!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryReactionRailR20{
  order:-1!important;flex:0 0 100%!important;justify-content:center!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryReactionBtnR20{
  width:46px!important;height:46px!important;min-width:46px!important;font-size:25px!important;
  opacity:.92!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryReactionBtnR20:disabled{opacity:.92!important}
.vrStoryStageR1[data-story-owner="1"] .vrStorySourceCardR2{
  bottom:calc(142px + env(safe-area-inset-bottom,0px))!important;
}
.vrStoryStageR1[data-story-owner="1"] .vrStoryCaptionViewR1{
  bottom:calc(145px + env(safe-area-inset-bottom,0px))!important;
}

/* VR_STORY_BOTTOM_ROW_ADD_R21 */
.vrStoryBottomActionsR20.is-owner{
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:7px!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryReactionRailR20{
  order:-1!important;
  flex:0 0 auto!important;
  justify-content:center!important;
  gap:5px!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryReactionBtnR20{
  width:44px!important;height:44px!important;min-width:44px!important;
  font-size:25px!important;opacity:.94!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryOwnerToolsR1{
  flex:0 0 auto!important;gap:6px!important;align-items:flex-end!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryEyeR1,
.vrStoryBottomActionsR20.is-owner .vrStoryDeleteR1{
  width:74px!important;min-width:74px!important;height:44px!important;min-height:44px!important;
  padding:0 8px!important;font-size:12px!important;
}

.vrStoryDeleteStackR21{
  position:relative!important;
  flex:0 0 74px!important;
  width:74px!important;height:44px!important;
  display:block!important;
}
.vrStoryDeleteStackR21 .vrStoryDeleteR1{
  position:absolute!important;inset:0!important;margin:0!important;
}
.vrStoryAddMoreR21{
  position:absolute!important;right:50%!important;bottom:calc(100% + 8px)!important;
  transform:translateX(50%)!important;
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  padding:0!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.30)!important;
  background:rgba(0,0,0,.58)!important;
  color:#fff!important;font:800 29px/1 system-ui!important;
  display:grid!important;place-items:center!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  z-index:2!important;
}
.vrStoryAddMoreR21:active{transform:translateX(50%) scale(.92)!important}

@media(max-width:360px){
  .vrStoryBottomActionsR20.is-owner{left:8px!important;right:8px!important;gap:5px!important}
  .vrStoryBottomActionsR20.is-owner .vrStoryReactionRailR20{gap:4px!important}
  .vrStoryBottomActionsR20.is-owner .vrStoryReactionBtnR20{
    width:40px!important;height:40px!important;min-width:40px!important;font-size:23px!important;
  }
  .vrStoryBottomActionsR20.is-owner .vrStoryEyeR1,
  .vrStoryBottomActionsR20.is-owner .vrStoryDeleteR1{
    width:66px!important;min-width:66px!important;height:40px!important;min-height:40px!important;
    font-size:11px!important;
  }
  .vrStoryDeleteStackR21{flex-basis:66px!important;width:66px!important;height:40px!important}
  .vrStoryAddMoreR21{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    font-size:26px!important;bottom:calc(100% + 7px)!important;
  }
}

/* VR_STORY_BOTTOM_BREATHE_R22 — distribute the owner footer across the full width. */
.vrStoryBottomActionsR20.is-owner{
  left:18px!important;
  right:18px!important;
  bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:0!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryReactionRailR20,
.vrStoryBottomActionsR20.is-owner .vrStoryOwnerToolsR1{
  display:contents!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryReactionBtnR20{
  flex:0 0 48px!important;
  width:48px!important;height:48px!important;min-width:48px!important;
  font-size:27px!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryEyeR1{
  flex:0 0 76px!important;
  width:76px!important;min-width:76px!important;height:48px!important;min-height:48px!important;
  padding:0 8px!important;font-size:12px!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryDeleteStackR21{
  flex:0 0 82px!important;
  width:82px!important;height:48px!important;
}
.vrStoryBottomActionsR20.is-owner .vrStoryDeleteR1{
  width:82px!important;min-width:82px!important;height:48px!important;min-height:48px!important;
  padding:0 8px!important;font-size:12px!important;
}

.vrStoryBottomActionsR20.is-owner .vrStoryAddMoreR21{
  right:50%!important;
  bottom:calc(100% + 10px)!important;
  transform:translateX(50%)!important;
}
.vrStoryStageR1[data-story-owner="1"] .vrStorySourceCardR2{
  bottom:calc(120px + env(safe-area-inset-bottom,0px))!important;
}
.vrStoryStageR1[data-story-owner="1"] .vrStoryCaptionViewR1{
  bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;
}
@media(max-width:360px){
  .vrStoryBottomActionsR20.is-owner{left:10px!important;right:10px!important}
  .vrStoryBottomActionsR20.is-owner .vrStoryReactionBtnR20{
    flex-basis:42px!important;width:42px!important;height:42px!important;min-width:42px!important;font-size:24px!important;
  }
  .vrStoryBottomActionsR20.is-owner .vrStoryEyeR1{
    flex-basis:68px!important;width:68px!important;min-width:68px!important;height:42px!important;min-height:42px!important;font-size:11px!important;
  }
  .vrStoryBottomActionsR20.is-owner .vrStoryDeleteStackR21{
    flex-basis:74px!important;width:74px!important;height:42px!important;
  }
  .vrStoryBottomActionsR20.is-owner .vrStoryDeleteR1{
    width:74px!important;min-width:74px!important;height:42px!important;min-height:42px!important;font-size:11px!important;
  }
  .vrStoryBottomActionsR20.is-owner .vrStoryAddMoreR21{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    font-size:26px!important;
  }
}

/* VR_STORY_BOTTOM_ORDER_R23 — owner row left-to-right: heart, like, laugh, viewers, delete. */
.vrStoryBottomActionsR20.is-owner [data-story-reaction="heart"]{order:1!important}
.vrStoryBottomActionsR20.is-owner [data-story-reaction="like"]{order:2!important}
.vrStoryBottomActionsR20.is-owner [data-story-reaction="laugh"]{order:3!important}
.vrStoryBottomActionsR20.is-owner .vrStoryEyeR1{order:4!important}
.vrStoryBottomActionsR20.is-owner .vrStoryDeleteStackR21{order:5!important}

/* VR_STORY_AVATAR_SOURCE_R24 */
.vrStoryAvatarLinkR24{
  flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  border-radius:12px!important;display:grid!important;place-items:center!important;
  overflow:visible!important;cursor:pointer!important;
}
.vrStoryAvatarLinkR24:disabled{cursor:default!important}
.vrStoryTopR1 .vrStoryAvatarLinkR24 img,
.vrStoryTopR1 .vrStoryAvatarLinkR24 .vrStoryTopAvatarFallbackR1{
  width:42px!important;height:42px!important;border-radius:12px!important;
}
.vrStorySourceCardR2{
  grid-template-columns:1fr!important;
  grid-template-areas:"label" "title" "body"!important;
}
.vrStorySourceOpenR2{display:none!important}


/* R404 — IOS WEBKIT MODE WALLPAPER PARITY
   Native Android Chromium properly paints viewport-fixed body artwork.
   iOS Safari/PWA may size background-attachment:fixed against a tall
   document, making the Story atmosphere a flat, blurry color. On WebKit
   use a viewport-fixed first-layer artwork and give the transparent
   Story rail a direct image fallback. No avatar/post/media ownership
   or Android presentation is changed. */
@supports (-webkit-touch-callout: none) {
  body.vr-app-shell.vr-surface-feed.vr-mode-social {
    --vr-r404-wallpaper: url("/assets/radar/bg-social.webp");
  }
  body.vr-app-shell.vr-surface-feed.vr-mode-friends {
    --vr-r404-wallpaper: url("/assets/radar/bg-friends.webp");
  }
  body.vr-app-shell.vr-surface-feed.vr-mode-work {
    --vr-r404-wallpaper: url("/assets/radar/bg-work.webp");
  }

  body.vr-app-shell.vr-surface-feed:is(.vr-mode-social,.vr-mode-friends,.vr-mode-work) {
    /* Existing fixed BODY background is the iOS/WebKit sizing risk.
       The first-layer pseudo is independently fixed to the viewport. */
    background-image: none !important;
    background-color: #050507 !important;
    isolation: isolate !important;
  }
  body.vr-app-shell.vr-surface-feed:is(.vr-mode-social,.vr-mode-friends,.vr-mode-work)::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background-image: var(--vr-r404-wallpaper) !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    opacity: 1 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  body.vr-app-shell.vr-surface-feed:is(.vr-mode-social,.vr-mode-friends,.vr-mode-work) #vrStoriesR1 {
    /* The rail was transparent and depended on the BODY image.
       Paint the official mode image directly, independent of page height. */
    background-image: var(--vr-r404-wallpaper) !important;
    background-color: #100b1b !important;
    background-position: center 43% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }
}
/* End R404 */

/* R430 — preserve a real Story preview until video pixels are presented. */
.vrStoryMediaR1 .vrStoryVideoRetryR430{
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;z-index:15!important;
  background:rgba(33,16,49,.96)!important;color:#fff!important;
  border:1px solid #d7a5ff!important;border-radius:999px!important;
  min-height:50px!important;padding:10px 18px!important;
  font:800 14px/1.25 system-ui!important;max-width:calc(100% - 36px)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.72)!important;touch-action:manipulation!important
}
.vrStoryMediaR1 .vrStoryVideoRetryR430[hidden]{display:none!important}
.vrStoryFrameShellR13>.vrStoryPosterMissingR430{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:20px;color:#eee;font:700 13px system-ui
}
.vrStoryFrameShellR13>.vrStoryInstantFullR13{
  -webkit-transform:translateZ(0);transform:translateZ(0);
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
}

/* Allow video frame callbacks while the visible poster remains dominant. */
.vrStoryFrameShellR13:not(.is-full-ready)>video.vrStoryInstantFullR13{visibility:visible!important;opacity:.025!important}

/* R430 — Android app canvas fallback reuses the active video audio/decoder. */
.vrStoryFrameShellR13>.vrStoryCanvasPixelsR430{
  position:absolute!important;inset:0!important;z-index:4!important;
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  background:transparent!important;opacity:0!important;
  pointer-events:none!important
}
.vrStoryFrameShellR13.vrStoryCanvasModeR430>video.vrStoryInstantFullR13,
.vrStoryFrameShellR13.is-canvas-ready>video.vrStoryInstantFullR13{
  visibility:hidden!important;opacity:0!important
}
.vrStoryFrameShellR13.is-canvas-ready>.vrStoryCanvasPixelsR430{
  opacity:1!important
}
.vrStoryFrameShellR13.is-canvas-ready>.vrStoryInstantPreviewR13{
  opacity:0!important
}

/* Previews and canvases never intercept next/previous Story controls. */
.vrStoryMediaR1 .vrStoryFrameShellR13,
.vrStoryMediaR1 .vrStoryFrameShellR13>*{pointer-events:none!important}
.vrStoryMediaR1 .vrStoryVideoRetryR430{pointer-events:auto!important}

/* The whole media plane is non-interactive; Story buttons own navigation. */
.vrStoryMediaR1{pointer-events:none!important}
.vrStoryMediaR1>.vrStoryVideoRetryR430{pointer-events:auto!important}