.lakri-notify-stack { position: fixed; right: 20px; bottom: 20px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; pointer-events: none; }
.lakri-notify { pointer-events: auto; display: inline-flex; align-items: center; gap: 10px; max-width: min(92vw, 420px); padding: 10px 10px 10px 18px; border-radius: 999px; background: #2b1f17; color: #faf6ef; box-shadow: 0 10px 28px rgb(29 21 16 / 28%); font: 500 14px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; opacity: 0; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease; }
.lakri-notify.is-visible { opacity: 1; transform: translateY(0); }
.lakri-notify[data-type="success"] { border-left: 3px solid #f2d7a6; }
.lakri-notify[data-type="error"] { background: #962c22; }
.lakri-notify-text { flex: 1; min-width: 0; }
.lakri-notify-action, .lakri-notify-close { font: inherit; cursor: pointer; border: 1px solid rgb(250 246 239 / 45%); background: transparent; color: inherit; border-radius: 999px; }
.lakri-notify-action { padding: 4px 12px; }
.lakri-notify-close { width: 26px; height: 26px; line-height: 1; padding: 0; font-size: 16px; }
.lakri-notify-close:focus-visible, .lakri-notify-action:focus-visible { outline: 2px solid #f2d7a6; outline-offset: 2px; }
@media (max-width: 768px) { .lakri-notify-stack { right: 12px; left: 12px; bottom: 84px; align-items: stretch; } .lakri-notify { max-width: none; } }
@media (prefers-reduced-motion: reduce) { .lakri-notify { transition: none; } }