/* Shared small components: toast, loading row. */
.toast{
  position:fixed; bottom:calc(24px + var(--safe-b)); left:50%; transform:translateX(-50%) translateY(20px);
  background:var(--ink); color:#fff; padding:11px 20px; border-radius:999px; font-size:12.5px;
  font-weight:600; z-index:400; opacity:0; transition:.25s ease; pointer-events:none;
}
.toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

.loading-row{padding:40px 0; text-align:center; color:var(--muted); font-size:13px;}

@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{animation:none !important; transition:none !important; scroll-behavior:auto !important;}
}