.settings-sync-notice {
  position: fixed;
  z-index: 1000;
  right: 1rem;
  bottom: max(1rem, env(safe-area-inset-bottom));
  left: 1rem;
  max-width: 46rem;
  max-height: 65vh;
  overflow: auto;
  margin-inline: auto;
  padding: 1rem;
  border: 1px solid var(--gold);
  border-radius: 0.5rem;
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 0.5rem 2rem #0009;
}

.settings-sync-notice[hidden] { display: none; }
.settings-sync-notice p { margin: 0.5rem 0; }
.settings-sync-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.settings-sync-progress {
  width: min(28rem, calc(100vw - 2rem));
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--panel);
  color: var(--text);
}

.settings-sync-progress::backdrop { background: #0009; }