/* LabLife — toast message. */
.toast {
  position: fixed; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 20px + var(--notice-h, 0px)); z-index: 60;
  transform: translate(-50%, 20px); opacity: 0; pointer-events: none;
  background: var(--raised); color: var(--ink); padding: 10px 16px; border-radius: 20px;
  border: 1px solid rgb(176 105 247 / 45%); box-shadow: var(--shadow), 0 0 24px var(--glow);
  font-size: 14px; font-weight: 500; transition: opacity .2s, transform .2s; max-width: calc(100% - 32px);
  width: max-content; text-align: center;   /* as wide as the message, wrapping only on narrow screens */
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }