@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");
.site-toast-container { display: flex; position: fixed; z-index: 2000; left: 24px; bottom: 24px; flex-direction: column; gap: 8px; }

.site-toast { -webkit-backdrop-filter: blur(16px); display: flex; align-items: center; gap: 12px; max-width: 420px; min-width: 280px; padding: 14px 18px; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(16px); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); animation: toast-slide-in 0.4s ease forwards; transform: translateX(-120%); }

.site-toast.toast-hiding { animation: toast-slide-out 0.3s ease forwards; }

.site-toast-info { border-left: 3px solid #3bbf65; }

.site-toast-warning { border-left: 3px solid #f0a500; }

.site-toast-body { flex: 1; color: #333; text-decoration: none; font-size: 0.9rem; }

.site-toast-body a { color: #333; text-decoration: none; }

.site-toast-body a:hover { text-decoration: underline; }

.site-toast-close { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; color: #999; background: none; font-size: 1.1rem; border: none; border-radius: 6px; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; }

.site-toast-close:hover { color: #333; background: rgba(0, 0, 0, 0.06); }

@keyframes toast-slide-in { from { opacity: 0;
    transform: translateX(-120%); }
  to { opacity: 1;
    transform: translateX(0); } }

@keyframes toast-slide-out { from { opacity: 1;
    transform: translateX(0); }
  to { opacity: 0;
    transform: translateX(-120%); } }