/* MirNova Hub — create_toast.css */
/* CREATE_SUBMIT_INLINE_TOAST_V1 */
.create-submit-toast {
  position: fixed;
  left: 50%;
  top: 92px;
  z-index: 120;
  width: min(440px, calc(100vw - 28px));
  transform: translateX(-50%);
  padding: 22px 24px 20px;
  border-radius: 24px;
  border: 1px solid rgba(120,190,255,.20);
  background:
    radial-gradient(circle at 24% 0%, rgba(92,225,255,.15), transparent 42%),
    rgba(5,12,28,.88);
  box-shadow:
    0 24px 80px rgba(0,0,0,.42),
    0 0 44px rgba(0,190,255,.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.create-submit-toast__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(235,250,255,.84);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.create-submit-toast__close:hover {
  color: #fff;
  text-shadow: 0 0 14px rgba(99,244,255,.45);
}

.create-submit-toast__kicker {
  margin: 0 0 12px;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(99,244,255,.78);
}

.create-submit-toast__title {
  margin: 0 28px 10px 0;
  font-size: clamp(20px, 3vw, 26px);
  line-height: 1.15;
  font-weight: 850;
  color: #f4fdff;
}

.create-submit-toast__text {
  font-size: 14px;
  line-height: 1.55;
  color: rgba(220,235,255,.74);
}

.create-submit-toast__id {
  margin-top: 12px;
  font-size: 12px;
  color: rgba(220,235,255,.42);
}


/* Create toast animation */
/* CREATE_SUBMIT_TOAST_MOTION_V1 */
.create-submit-toast {
  animation: createSubmitToastIn .42s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes createSubmitToastIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-18px) scale(.96);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .create-submit-toast {
    animation: none !important;
  }
}