#webReleaseBanner {
    position: fixed;
    inset: auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    z-index: 2147483647;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: fit-content;
    max-width: 680px;
    margin-inline: auto;
    padding: 12px 16px;
    border-radius: 16px;
    color: #fff;
    background: #025949;
    box-shadow: 0 4px 24px rgb(2 89 73 / 28%);
    font: 14px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#webReleaseBanner[hidden] { display: none; }
#webReleaseMessage { min-width: 0; }
#webReleaseReloadButton {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 8px 16px;
    border: 0;
    border-radius: 24px;
    color: #025949;
    background: #f2b66d;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
#webReleaseReloadButton:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 420px) {
    #webReleaseBanner { width: auto; gap: 12px; }
}