#zorvi-announcement {
  position: fixed;
  z-index: 2147483100;
  box-sizing: border-box;
  inset: auto 12px max(14px, env(safe-area-inset-bottom)) 12px;
  width: fit-content;
  max-width: min(680px, calc(100vw - 24px));
  margin: 0 auto;
  padding: 10px 16px;
  border: 1px solid #b68cef;
  border-radius: 12px;
  background: #25163a;
  color: #fcf6ff;
  box-shadow: 0 8px 32px #0009;
  font: 500 14px/1.45 system-ui, sans-serif;
  pointer-events: none;
}
#zorvi-announcement[hidden] { display: none !important; }
#zorvi-announcement strong { display: block; color: #e3c7ff; font-size: 12px; }
#zorvi-announcement p { margin: 2px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.zorvi-announcement-editor { margin-bottom: 15px; }
.zorvi-announcement-editor h2 { margin: 0 0 10px; }
.zorvi-announcement-editor label { display: block; margin-bottom: 4px; }
.zorvi-announcement-editor textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  resize: vertical;
  padding: 9px 11px;
  border: 1px solid #b68cef66;
  border-radius: 8px;
  background: #0e0b1b;
  color: #fcf6ff;
  font: inherit;
}
.zorvi-announcement-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.zorvi-announcement-actions button {
  padding: 7px 12px;
  border: 1px solid #b68cef66;
  border-radius: 8px;
  background: #33224e;
  color: #fcf6ff;
  font: inherit;
  cursor: pointer;
}
.zorvi-announcement-actions button:disabled { opacity: .48; cursor: default; }
.zorvi-announcement-editor [role=status] { margin: 8px 0 0; color: #cfc0e6; }