#nanom-toast-root {
  position: fixed;
  left: 50%;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(420px, calc(100vw - 24px));
  pointer-events: none;
}
.nanom-toast {
  pointer-events: auto;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.45;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  border: 1px solid transparent;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.22s ease, transform 0.22s ease;
  direction: rtl;
  text-align: right;
}
.nanom-toast.show { opacity: 1; transform: translateY(0); }
.nanom-toast.ok { background: #0d2a22; color: #2ee6a6; border-color: #1d6b55; }
.nanom-toast.err { background: #2a1218; color: #ff8a96; border-color: #7a3040; }
.nanom-toast.info { background: #122033; color: #9ec5ff; border-color: #2a4a6e; }
.nanom-toast.warn { background: #2a2210; color: #f0c674; border-color: #6b5520; }