.app-update-notice[hidden] { display: none !important; }
.app-update-notice {
  position: fixed; inset-inline-end: max(1rem, env(safe-area-inset-right)); bottom: max(1rem, env(safe-area-inset-bottom)); z-index: 110;
  box-sizing: border-box; width: min(25rem, calc(100vw - 2rem)); padding: 1rem;
  border: 1px solid var(--border, var(--scalar-border-color, #d4d4d8)); border-radius: .625rem;
  background: var(--background, var(--scalar-background-1, #fff)); color: var(--foreground, var(--scalar-color-1, #18181b));
  box-shadow: 0 4px 18px #0002; font: 400 .875rem/1.5 system-ui, sans-serif;
}
.app-update-notice strong { display: block; font-weight: 600; }
.app-update-notice p { margin: .25rem 0 .75rem; }
.app-update-notice button {
  min-height: 2.75rem; padding: .375rem .75rem; border: 1px solid var(--border, var(--scalar-border-color, #d4d4d8));
  border-radius: .375rem; background: transparent; color: inherit; cursor: pointer;
  font: inherit; font-weight: 500;
}
.app-update-notice button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }