.pwa-update-banner,.pwa-offline-banner{position:fixed;z-index:10000;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));border-radius:16px;padding:12px 13px;box-shadow:0 16px 42px rgba(0,0,0,.38);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pwa-update-banner{bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));display:flex;align-items:center;gap:10px;background:rgba(24,28,31,.96);border:1px solid rgba(225,185,63,.45);color:#f3f4f5}
.pwa-update-banner[hidden],.pwa-offline-banner[hidden]{display:none!important}.pwa-update-copy{min-width:0;flex:1}.pwa-update-copy strong{display:block;font-size:13px;color:#f1ca50}.pwa-update-copy small{display:block;margin-top:2px;color:#aeb5ba;font-size:11px;line-height:1.3}
.pwa-update-btn{flex:0 0 auto;border:0;border-radius:11px;min-height:38px;padding:0 13px;background:linear-gradient(180deg,#edcb51,#be9224);color:#15120a;font-size:11px;font-weight:950}.pwa-update-close{flex:0 0 auto;width:32px;height:32px;border:1px solid #41484d;border-radius:10px;background:#161a1d;color:#aeb5ba;font-size:17px}
.pwa-offline-banner{top:max(10px,calc(env(safe-area-inset-top) + 8px));width:max-content;max-width:calc(100% - 24px);right:auto;background:rgba(41,30,16,.96);border:1px solid rgba(225,185,63,.35);color:#f1cf64;font-size:11px;font-weight:850}.pwa-offline-banner.online{background:rgba(19,48,32,.96);border-color:rgba(104,184,135,.4);color:#a9e0ba}
@media(max-width:520px){.pwa-update-banner{gap:8px;padding:11px}.pwa-update-copy small{font-size:10px}.pwa-update-btn{padding:0 11px}}