.release-popup{
  position:fixed;
  z-index:1400;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(18px,env(safe-area-inset-bottom));
  width:min(390px,calc(100vw - 36px));
  max-height:min(580px,calc(100vh - 36px));
  max-height:min(580px,calc(100dvh - 36px));
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:20px;
  --popup-text:#232a37;--popup-muted:#626d7e;--popup-line:#d9dee7;--popup-surface:#fff;--popup-accent:#6443a5;
  color:var(--popup-text);
  background:var(--popup-surface);
  border:1px solid var(--popup-line);
  border-radius:8px;
  box-shadow:0 20px 64px rgba(10,18,35,.2);
  box-sizing:border-box;
}
html[data-theme="dark"] .release-popup{--popup-text:#edf0f5;--popup-muted:#b0bbcd;--popup-line:#3e4758;--popup-surface:#191f29;--popup-accent:#c5b0ef}
body.release-popup-open{position:fixed;inset-inline:0;width:100%;overflow:hidden}
body.release-popup-open::before{content:"";position:fixed;inset:0;z-index:1390;background:rgba(0,4,14,.68)}
.release-popup[hidden]{display:none}
.release-popup-head,.release-popup-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.release-popup-badge{color:var(--popup-accent);font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.release-popup-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--popup-line);border-radius:6px;background:transparent;color:var(--popup-text);font-size:1.4rem;cursor:pointer}
.release-popup-product{display:block;margin-top:12px;color:var(--popup-muted);font-size:11px;overflow-wrap:anywhere}
.release-popup h2{margin:10px 0 12px;font-size:1.3rem;line-height:1.35;letter-spacing:-.02em;font-weight:600;color:var(--popup-text)}
.release-popup p,.release-popup li{color:var(--popup-muted);font-size:13px;line-height:1.7}
.release-popup ul{margin:12px 0 16px;padding-left:20px}
.release-popup-meta{padding-top:14px;border-top:1px solid var(--popup-line);color:var(--popup-muted);font-size:.7rem}
.release-popup-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;padding:0 16px;border-radius:5px;background:#6443a5;color:#fff!important;font-size:12px;font-weight:600;text-decoration:none}
.release-popup :focus-visible{outline:3px solid var(--popup-accent);outline-offset:3px}
@media(max-width:620px){
  .release-popup{right:0;bottom:0;width:100%;max-height:min(72vh,620px);max-height:min(72dvh,620px);border-radius:8px 8px 0 0;border-left:0;border-right:0;border-bottom:0;padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}
}
@media(prefers-reduced-motion:no-preference){.release-popup:not([hidden]){animation:release-popup-in .22s ease-out both}@keyframes release-popup-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
