.hd-update-banner[hidden]{display:none!important}.hd-update-banner{position:fixed;inset:auto 16px calc(16px + env(safe-area-inset-bottom)) 16px;z-index:1000;max-width:760px;margin-inline:auto;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:16px 20px;border:1px solid #4b8a80;border-radius:15px;background:#102d31;color:#e3fff7;box-shadow:0 12px 45px #0008;font-family:var(--hd-font)}.hd-update-banner strong{font-size:14px;display:block}.hd-update-banner p{font-size:12px;color:#bbd9d7;line-height:1.9;margin:5px 0 0}.hd-update-actions{display:flex;gap:8px;flex-shrink:0}.hd-update-actions button{font:inherit;font-size:12px;min-height:44px;padding:9px 14px;border:1px solid #639e94;border-radius:9px;background:#25635a;color:#e4fff7;cursor:pointer}.hd-update-actions button:last-child{background:transparent;color:#bcd7d8}.hd-update-actions button:disabled{opacity:.55;cursor:wait}.hd-update-actions button:focus-visible{outline:2px solid #b9fff0;outline-offset:3px}body.hd-update-visible{padding-bottom:140px}@media(max-width:540px){.hd-update-banner{flex-direction:column;align-items:stretch;gap:12px;padding:15px;inset-inline:12px}.hd-update-actions button{flex:1}.hd-update-actions{flex-shrink:1}body.hd-update-visible{padding-bottom:210px}}