.toast-overlay{position:fixed;inset:0;background:#0f172a59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:96px 20px 40px;z-index:9999}.toast-surface{width:min(420px,100%);background:#fff;border-radius:16px;box-shadow:0 25px 65px #0f172a2e,0 4px 12px #0f172a1f;padding:24px 28px;display:flex;gap:16px;border:1px solid rgba(15,23,42,.05)}.toast-icon{font-size:28px;line-height:1;flex-shrink:0;margin-top:4px}.toast-body{flex:1;display:flex;flex-direction:column;gap:12px}.toast-title{margin:0;font-size:18px;font-weight:600;color:#111827}.toast-description{margin:0;font-size:14px;color:#4b5563;line-height:1.6}.toast-actions{margin-top:12px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.toast-button{min-width:120px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.toast-button-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 12px 28px #4c1d954d}.toast-button-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px #4c1d9552}.toast-button-secondary{background:#4f46e514;color:#4338ca}.toast-button-secondary:hover{background:#4f46e526}.toast-button-secondary-strong{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;box-shadow:0 12px 25px #6366f152}.toast-button-secondary-strong:hover{transform:translateY(-1px);box-shadow:0 16px 32px #6366f157}.toast-button-ghost{background:transparent;color:#4338ca;border:1px solid rgba(79,70,229,.35)}.toast-button-ghost:hover{background:#4f46e514;transform:translateY(-1px)}.toast-info{border-left:4px solid #3b82f6}.toast-success{border-left:4px solid #10b981}.toast-warning{border-left:4px solid #f59e0b}.toast-danger{border-left:4px solid #ef4444}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:640px){.toast-overlay{padding:48px 16px 24px}.toast-surface{padding:20px 22px}.toast-actions{flex-direction:column-reverse;align-items:stretch}.toast-button{width:100%}}