/* Only the story header changes background. Media and lower blur stay intact. */
html #zuck-modal-content .story-viewer .head.story-top-row {
  top:0; left:0; right:0; width:100%; box-sizing:border-box;
  padding:calc(14px + env(safe-area-inset-top, 0px)) calc(8px + env(safe-area-inset-right, 0px)) 6px calc(8px + env(safe-area-inset-left, 0px));
  min-height:64px; gap:8px; background:#000; text-shadow:none;
}
html #zuck-modal-content .story-viewer .head.story-top-row .left { flex:1 1 0; gap:8px; }
html #zuck-modal-content .story-viewer .head.story-top-row .info {
  display:flex; align-items:center; gap:8px; flex:1 1 0; min-width:0; padding:0; background:transparent; border-radius:0; line-height:22px;
}
html #zuck-modal-content .story-viewer .head.story-top-row .info .name {
  display:block; flex:0 1 auto; min-width:24px; width:auto; max-width:55%; margin:0; padding:10px 0; font-size:15px; font-weight:700; line-height:22px; text-decoration:none;
}
html #zuck-modal-content .story-viewer .head.story-top-row .info .time {
  display:block; flex:0 0 auto; width:auto; margin:0; font-size:14px; font-weight:600; line-height:22px; white-space:nowrap;
}
html #zuck-modal-content .story-viewer .head.story-top-row .story-title {
  display:block; flex:1 1 0; min-width:0; width:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:600; color:#fff;
}
html #zuck-modal-content .story-viewer .head.story-top-row .right { flex:0 0 44px; }
html #zuck-modal-content .story-viewer .head.story-top-row .right .close {
  display:flex; visibility:visible; flex:0 0 44px; box-sizing:border-box; width:44px; height:44px;
}
html #zuck-modal-content .story-viewer .head.story-top-row .loading { position:absolute; top:76px; right:18px; pointer-events:none; }
html #zuck-modal-content .story-viewer > .story-viewer-back {
  position:absolute; top:calc(72px + env(safe-area-inset-top, 0px)); left:calc(8px + env(safe-area-inset-left, 0px));
  display:flex; align-items:center; justify-content:center; width:44px; height:44px; box-sizing:border-box;
  z-index:100030; color:#fff; background:rgba(0,0,0,.78); border:1px solid rgba(255,255,255,.5); border-radius:50%; font-size:32px; text-decoration:none;
}
html #zuck-modal-content .story-viewer .story-author:focus-visible,
html #zuck-modal-content .story-viewer .close:focus-visible,
html #zuck-modal-content .story-viewer .story-viewer-back:focus-visible { outline:2px solid white; outline-offset:2px; }
html #zuck-modal-content .story-viewer .slides .item .story-caption {
  display:none; position:absolute; bottom:calc(14px + env(safe-area-inset-bottom, 0px)); left:16px; right:16px; z-index:100000;
  width:fit-content; max-height:25%; overflow:auto; margin:auto; padding:10px 16px; box-sizing:border-box;
  font-size:14px; font-weight:600; line-height:22px; color:#fff; background:rgba(0,0,0,.82); border-radius:8px; overflow-wrap:anywhere;
}
html #zuck-modal-content .story-viewer .slides .item.active .story-caption { display:block; }

html #zuck-modal-content .story-viewer .slides-pointers { z-index:100040; }

html #zuck-modal-content .story-viewer .item[data-type="video"] .tip.muted { bottom:calc(68px + env(safe-area-inset-bottom, 0px)); }