/* ═══════════════════════════════════════
   OVERLAY & BOTTOM SHEET
═══════════════════════════════════════ */

/* overlay popup */
.overlay {
  position: fixed; inset: 0; z-index: 500;
  background: rgba(5,5,5,.7);
  backdrop-filter: blur(12px);
  display: flex; align-items: flex-end;
  opacity: 0; pointer-events: none;
  transition: opacity .35s;
}
.overlay.show { opacity: 1; pointer-events: all; }
.sheet {
  width: 100%; max-width: 430px; margin: 0 auto;
  background: #0f0f10;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 28px 28px 0 0;
  padding: 28px 24px;
  padding-bottom: 28px;
  transform: translateY(100%);
  transition: transform .5s var(--spring);
}
.overlay.show .sheet { transform: translateY(0); }