.vp-embed-poster, .vp-embed-exit { display: none; }
html[data-vp-embed="idle"], html[data-vp-embed="idle"] body {
  margin: 0;
  height: 100%;
  overflow: hidden !important;
  overscroll-behavior: auto !important;
  touch-action: pan-y pinch-zoom;
}
html[data-vp-embed="idle"] [data-vp-embed-live] { display: none !important; }
html[data-vp-embed="idle"] .vp-embed-poster {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  isolation: isolate;
  background: #141c27;
  color: #fff;
}
.vp-embed-poster picture, .vp-embed-poster img, .vp-embed-poster::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.vp-embed-poster img { object-fit: cover; object-position: center; }
.vp-embed-poster::before {
  content: '';
  z-index: 1;
  background: radial-gradient(ellipse at center, #0a101a46, transparent 70%);
  pointer-events: none;
}
.vp-embed-poster button, .vp-embed-exit {
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #ffffff75;
  border-radius: 999px;
  background: #182433cf;
  color: white;
  font: 650 13px/1.15 system-ui, sans-serif;
  cursor: pointer;
  text-shadow: 0 1px 3px #080e17;
}
.vp-embed-poster button { position: relative; z-index: 2; }
.vp-embed-poster button:focus-visible, .vp-embed-exit:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
html[data-vp-embed="active"], html[data-vp-embed="active"] body { overscroll-behavior: contain; }
html[data-vp-embed="active"] .vp-embed-exit {
  display: block;
  position: fixed;
  z-index: 100;
  left: 50%;
  top: max(12px, env(safe-area-inset-top));
  transform: translateX(-50%);
}
@media (max-width: 500px) {
  html[data-vp-embed="active"] .vp-embed-exit { top: max(78px, env(safe-area-inset-top)); }
}
