:root{
  --mt-success:#0f8a67;
  --mt-error:#c2414f;
  --mt-warning:#b7791f;
  --mt-info:#2563eb;
  --mt-text:#17212b;
  --mt-muted:#6f7d89;
  --mt-line:#e5ebf0;
}
.miyaar-toast-stack{
  position:fixed;
  top:22px;
  left:22px;
  z-index:999999;
  width:min(390px,calc(100vw - 32px));
  display:grid;
  gap:10px;
  pointer-events:none;
  direction:rtl;
}
.miyaar-toast{
  --mt-accent:var(--mt-info);
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 28px;
  align-items:start;
  gap:11px;
  min-height:72px;
  padding:14px 14px 16px;
  border:1px solid var(--mt-line);
  border-right:4px solid var(--mt-accent);
  border-radius:16px;
  background:rgba(255,255,255,.98);
  color:var(--mt-text);
  box-shadow:0 18px 45px rgba(15,23,42,.15),0 3px 9px rgba(15,23,42,.06);
  overflow:hidden;
  pointer-events:auto;
  opacity:0;
  transform:translateY(-8px) scale(.98);
  transition:opacity .2s ease,transform .2s ease;
  backdrop-filter:blur(12px);
}
.miyaar-toast.is-visible{opacity:1;transform:none}
.miyaar-toast.is-leaving{opacity:0;transform:translateY(-8px) scale(.98)}
.miyaar-toast--success{--mt-accent:var(--mt-success)}
.miyaar-toast--error{--mt-accent:var(--mt-error)}
.miyaar-toast--warning{--mt-accent:var(--mt-warning)}
.miyaar-toast--info{--mt-accent:var(--mt-info)}
.miyaar-toast__icon{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--mt-accent) 11%,white);
  color:var(--mt-accent);font-size:17px;
}
.miyaar-toast__body{min-width:0;padding-top:1px}
.miyaar-toast__title{display:block;font-size:14px;font-weight:900;line-height:1.55;margin:0 0 2px}
.miyaar-toast__message{display:block;font-size:13px;line-height:1.7;color:var(--mt-muted);word-break:break-word}
.miyaar-toast__close{
  width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:#8a98a5;
  display:grid;place-items:center;cursor:pointer;padding:0;font-size:13px;
}
.miyaar-toast__close:hover{background:#f2f5f7;color:#33414d}
.miyaar-toast__progress{
  position:absolute;right:0;bottom:0;height:3px;width:100%;background:var(--mt-accent);opacity:.7;
  transform-origin:right center;animation:miyaar-toast-progress linear forwards;
}
@keyframes miyaar-toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:700px){
  .miyaar-toast-stack{top:12px;left:50%;transform:translateX(-50%);width:calc(100vw - 24px)}
  .miyaar-toast{grid-template-columns:34px minmax(0,1fr) 26px;min-height:66px;padding:12px;border-radius:14px}
  .miyaar-toast__icon{width:34px;height:34px;border-radius:10px}
  .miyaar-toast__title{font-size:13px}.miyaar-toast__message{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){.miyaar-toast{transition:none}.miyaar-toast__progress{animation:none}}