/* ───────────  Cocaine Girl  |  Noir Luxe Toast  ─────────────────── */
.toast-notification{
  /* placement */
  position:fixed;
  bottom:3.8rem;
  left:50%;
  transform:translate(-50%,34px);

  /* micro‑layout */
  min-width:200px;
  max-width:82vw;
  padding:.7rem 1.6rem;
  text-align:center;
  font:500 .88rem/1.5 "Helvetica Neue",Segoe UI,Arial,sans-serif;
  letter-spacing:.02em;

  /* palette & glass */
  color:#fff;                                 /* white text */
  background:rgba(15,15,15,.88);              /* luminous noir */
  backdrop-filter:blur(10px) saturate(160%);

  /* lift */
  box-shadow:0 4px 16px rgba(0,0,0,.30),
             0 8px 28px rgba(0,0,0,.35);
  border-radius:34px;
  pointer-events:none;

  /* appear / disappear */
  opacity:0;
  transition:
    opacity .4s cubic-bezier(.4,0,.2,1),
    transform .4s cubic-bezier(.4,0,.2,1);
  z-index:9999;
}

/* —— 1‑px animated gradient bezel —— */
.toast-notification::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;

  background:linear-gradient(120deg,
      #ffecd2 0%,
      #fcb69f 25%,
      #c6ffdd 50%,
      #f6e2ff 75%,
      #ffecd2 100%);
  background-size:400% 400%;

  /* keep only outer stroke */
  mask:linear-gradient(#000 0 0) content-box,
       linear-gradient(#000 0 0);
  mask-composite:exclude;               /* Firefox: subtract */
  -webkit-mask-composite:xor;
  padding:1px;

  animation:borderSweep 6s linear infinite,
            borderGlow 3s ease-in-out infinite;
}

@keyframes borderSweep{
  0%   {background-position:0% 50%;}
  100% {background-position:100% 50%;}
}

@keyframes borderGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(252,182,159,0));}
  50%    {filter:drop-shadow(0 0 6px rgba(252,182,159,.45));}
}

.toast-notification.show{
  opacity:1;
  transform:translate(-50%,0);
}