/* ── Toast notification ── */
.toast {
  position: absolute; bottom: calc(80px + env(safe-area-inset-bottom, 0px)); left: 50%; transform: translateX(-50%) translateY(20px);
  background: var(--surface2); border: 1px solid var(--neon-dim);
  border-radius: 30px; padding: 10px 20px;
  font-size: 13px; font-weight: 600; color: var(--neon-glow);
  white-space: normal; max-width: calc(100% - 40px); text-align: center; z-index: 100;
  opacity: 0; transition: all 0.3s;
  box-shadow: 0 4px 20px rgba(200,85,255,0.3);
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }