.vpb-update-overlay { display: none; position: fixed; inset: 0; width: 100%; height: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); border: 0; overflow: auto; background: #183f2f69; color: #254c3b; z-index: 2147483647; box-sizing: border-box; font-family: "Segoe UI", Arial, sans-serif; }
.vpb-update-overlay[open] { display: grid; place-items: center; }
.vpb-update-overlay::backdrop { background: #183c2b9c; backdrop-filter: blur(14px) saturate(.7); -webkit-backdrop-filter: blur(14px) saturate(.7); }
body.vpb-update-open { overflow: hidden !important; }
body.vpb-update-open > :not(.vpb-update-overlay):not(script):not(link):not(style) { filter: blur(8px); pointer-events: none; }
.vpb-update-card { position: relative; width: min(100%, 590px); margin: auto; padding: clamp(30px, 6vw, 56px); border: 1px solid #ffffffe0; border-radius: 30px; background: radial-gradient(ellipse at top right, #d7e8d8 0, transparent 58%), linear-gradient(145deg, #fffcf3, #f2eddf); box-shadow: 0 30px 100px #09251b70, inset 0 1px 0 #fff; text-align: center; box-sizing: border-box; overflow-wrap: anywhere; }
.vpb-update-symbol { display: grid; place-items: center; width: 82px; height: 82px; margin: 0 auto 23px; border: 1px solid #aec8b19c; border-radius: 25px; background: #e0eddf; box-shadow: 0 8px 20px #31523a12, inset 0 1px 0 #fffaf2; font-size: 57px; line-height: 1; color: #3b6b4d; }
.vpb-update-eyebrow { margin: 0 0 12px; color: #5d785f; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; }
.vpb-update-card h2 { margin: 0; color: #214b38; font-family: Georgia, "Times New Roman", serif; font-size: clamp(29px, 5vw, 40px); font-weight: 400; line-height: 1.16; letter-spacing: -.035em; }
.vpb-update-card p.vpb-update-message { margin: 21px auto 28px; max-width: 440px; color: #536c58; font-size: 16px; line-height: 1.75; }
.vpb-update-action { display: inline-flex; align-items: center; justify-content: center; gap: 15px; width: 100%; min-height: 58px; padding: 15px 28px; border: 1px solid #315f43; border-radius: 17px; background: linear-gradient(145deg, #477553, #244f3a); color: #fffaf0; box-shadow: 0 4px 0 #193d2b, 0 12px 22px #23493226, inset 0 1px 0 #9ab48d70; font: 600 18px/1.35 "Segoe UI", Arial, sans-serif; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; }
.vpb-update-action::after { content: "↻"; font-size: 25px; font-weight: 400; line-height: 1; }
.vpb-update-action:hover { transform: translateY(-2px); box-shadow: 0 6px 0 #193d2b, 0 15px 25px #23493233; }
.vpb-update-action:active { transform: translateY(2px); box-shadow: 0 2px 0 #193d2b; }
.vpb-update-action:focus-visible { outline: 3px solid #95b584; outline-offset: 6px; }
.vpb-update-hint { display: block; margin-top: 21px; color: #6b7d68; font-size: 12px; line-height: 1.6; }
@media (max-width: 420px) { .vpb-update-overlay { padding-inline: 17px; } .vpb-update-card { padding: 30px 24px; border-radius: 25px; } .vpb-update-symbol { width: 70px; height: 70px; font-size: 49px; border-radius: 22px; } .vpb-update-card p.vpb-update-message { font-size: 15px; } }
@media (max-height: 500px) and (min-width: 600px) { .vpb-update-card { padding: 25px 38px; max-width: 650px; } .vpb-update-symbol { display: none; } .vpb-update-card h2 { font-size: 30px; } .vpb-update-card p.vpb-update-message { margin-block: 13px 18px; } .vpb-update-hint { margin-top: 14px; } }
@media (prefers-reduced-motion: reduce) { .vpb-update-action { transition: none; } }