#uten-web-update-status {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: grid;
  place-items: center;
  overflow: auto;
  box-sizing: border-box;
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right))
    max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  background: #f5f7fa;
  color: #142d36;
  font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
}
.uten-web-update-card { width: min(600px, 100%); box-sizing: border-box; }
.uten-web-update-brand { display: grid; gap: 6px; margin-bottom: 48px; }
.uten-web-update-brand strong { font-size: 18px; line-height: 1.5; }
.uten-web-update-brand span { color: #546e76; font-size: 14px; line-height: 1.5; }
.uten-web-update-card h1 { margin: 0 0 20px; font-size: clamp(26px, 5vw, 34px); line-height: 1.35; }
.uten-web-update-card p { margin: 0 0 20px; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
#uten-web-update-message { padding-left: 16px; border-left: 4px solid #087e75; }
.uten-web-update-card .uten-web-update-version { color: #087e75; }
.uten-web-update-card .uten-web-update-hint { color: #546e76; font-size: 14px; }
#uten-web-update-status.uten-web-update-waiting {
  inset: auto 16px 16px auto;
  max-width: min(400px, calc(100% - 32px));
  padding: 16px;
  border: 1px solid #c5dedb;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgb(10 38 44 / 14%);
  pointer-events: none;
}
.uten-web-update-waiting .uten-web-update-brand,
.uten-web-update-waiting h1,
.uten-web-update-waiting .uten-web-update-version,
.uten-web-update-waiting .uten-web-update-hint { display: none; }
.uten-web-update-waiting #uten-web-update-message { margin: 0; }
@media (max-height: 420px) { #uten-web-update-status { align-items: start; } }
@media (prefers-color-scheme: dark) {
  #uten-web-update-status { color: #eaf4f3; background: #17333d; }
  .uten-web-update-brand span, .uten-web-update-card .uten-web-update-hint { color: #b6ccce; }
  .uten-web-update-card .uten-web-update-version { color: #42c9b4; }
  #uten-web-update-message { border-color: #42c9b4; }
}
