/* The read-only copy's own rules, on top of the app's CSS. */
html { background: #010102; }
/* Embedded in the website and not yet clicked: the copy does not scroll, so the website does. */
html.embedded.idle, html.embedded.idle body { overflow: hidden; }
[data-ro] { cursor: not-allowed; }
a[data-ro] { cursor: not-allowed; }
.portal-note {
  position: fixed; left: 50%; bottom: 16px; z-index: 100; max-width: calc(100% - 32px); margin: 0; padding: 10px 14px;
  background: #f7f8f8; color: #010102; border: 1px solid #010102; font: 500 13px/1.4 "Inter Variable", system-ui, sans-serif;
  transform: translate(-50%, 8px); opacity: 0; pointer-events: none; transition: opacity 180ms ease, transform 180ms ease;
}
.portal-note.on { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .portal-note { transition: none; transform: translate(-50%, 0); } }