/* Only the explicit manual-copy fallback; existing page layout is unaffected. */
.share-fallback {
  box-sizing: border-box;
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 22px;
  overflow: auto;
  border: 1px solid rgba(189,229,255,.55);
  border-radius: 18px;
  color: #edf8ff;
  background: linear-gradient(155deg, #196fb5, #0d5597 47%, #083c70);
  box-shadow: 0 18px 50px rgba(0,16,39,.45), inset 0 1px rgba(230,246,255,.5);
  font-family: var(--ui, Arial, sans-serif);
}
.share-fallback::backdrop { background: rgba(1,14,29,.7); }
.share-fallback-plain { position: fixed; inset: 16px; z-index: 10000; }
.share-fallback h2 { margin: 0 0 10px; font-size: 22px; line-height: 1.2; }
.share-fallback-note { margin: 0 0 12px; color: #d7edff; font-size: 14px; line-height: 1.45; }
.share-fallback-field {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 12px;
  resize: vertical;
  border: 1px solid #cfe9fa;
  border-radius: 10px;
  color: #18364e;
  background: #f8faf9;
  font: 15px/1.45 var(--ui, Arial, sans-serif);
  user-select: text;
  -webkit-user-select: text;
}
.share-fallback-status { min-height: 20px; margin: 10px 0; color: #e0effa; font-size: 13px; line-height: 1.4; }
.share-fallback-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.share-fallback-actions button {
  min-height: 44px;
  padding: 8px 13px;
  border: 1px solid rgba(189,229,255,.5);
  border-radius: 10px;
  color: #e4f3ff;
  background: linear-gradient(180deg, #115b96, #093d6c);
  font: 700 13px var(--ui, Arial, sans-serif);
  cursor: pointer;
}
.share-fallback-actions button:first-child { color: #482d06; border-color: #ffeda0; background: linear-gradient(180deg, #ffedaa, #efb42a); }
.share-fallback-actions button:disabled { opacity: .65; cursor: wait; }
.share-fallback :focus-visible { outline: 3px solid #ffe38e; outline-offset: 3px; }