/* ── share-overlay ──
 * The share panel's overlay and card frame. Its INNARDS are in share-card.css,
 * which loads after install.css: the install banner was added between the two
 * halves, and moving it would reorder the cascade.
 * Linked from index.html in cascade order — the order is load-bearing. */

#share-overlay {
  position: fixed;
  inset: 0;
  z-index: 110;
  background: color-mix(in srgb, var(--bg-page) 55%, transparent);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
#share-overlay.hidden { display: none; }

#share-card {
  width: 520px;
  max-width: 100%;
  background: color-mix(in srgb, var(--bg-raised) 98%, transparent);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px var(--accent-soft);
  overflow: hidden;
  animation: share-in 0.2s var(--ease);
}