/* No pull-to-refresh or rubber-band on the page (QA-1009-02): the app scrolls inside its own canvas, and Safari's
   refresh reloaded it mid-list. iOS Safari 16 and later honour this. */
html, body { margin: 0; height: 100%; background: #02040A; color: #F0F6FC; overscroll-behavior: none; }
#app { width: 100%; height: 100%; }
/* #cover is the loading mark again, over the app while it checks its text back from a wallet's app (index.html). */
#loading, #cover { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #02040A; pointer-events: none; }
#cover[hidden] { display: none; }
#loading img, #cover img { animation: pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #loading img, #cover img { animation: none; opacity: 0.8; } }
#unsupported { font: 16px/1.5 system-ui, sans-serif; max-width: 420px; margin: 0 auto; padding: 20vh 16px 0; text-align: center; }