.oxen-web-update {
  position: fixed; z-index: 12000; left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: space-between;
  gap: 16px; box-sizing: border-box; max-width: 900px; margin-inline: auto; padding: 16px 18px;
  border: 1px solid #ffad7780; border-radius: 14px; background: #14243a; color: #f7f8fb;
  box-shadow: 0 10px 32px #0005; font-family: inherit;
}
.oxen-web-update > div { display: grid; gap: 5px; min-width: 0; }
.oxen-web-update strong { color: #ffbf94; font-size: 14px; }
.oxen-web-update span { color: #c2cbd7; font-size: 12px; line-height: 1.5; }
.oxen-web-update button { flex: none; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 10px; background: #ffad77; color: #14243a; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.oxen-web-update button:hover { background: #ffbf94; }
.oxen-web-update .oxen-web-update__later { padding-inline: 6px; background: transparent; color: #c2cbd7; }
.oxen-web-update button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 480px) { .oxen-web-update { flex-wrap: wrap; gap: 10px; padding: 13px; } .oxen-web-update > div { flex-basis: 100%; } .oxen-web-update button { padding-inline: 12px; } }
@media print { .oxen-web-update { display: none !important; } }