.wpn-root{position:fixed;left:20px;bottom:20px;z-index:2147483000;max-width:calc(100vw - 24px);opacity:0;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wpn-root.wpn-in{opacity:1;transform:none}
.wpn-card{position:relative;display:flex;gap:14px;align-items:flex-start;width:400px;max-width:100%;box-sizing:border-box;padding:20px 40px 14px 20px;background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 40px rgba(15,23,42,.18)}
.wpn-card *{box-sizing:border-box}
.wpn-icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#e8f1ff;color:#1a73e8;display:flex;align-items:center;justify-content:center}
.wpn-body{flex:1;min-width:0}
.wpn-title{margin:2px 0 4px;font-size:17px;line-height:1.3;font-weight:700;color:#111827}
.wpn-desc{margin:0 0 14px;font-size:14px;line-height:1.5;color:#4b5563}
.wpn-err{margin:0 0 10px;font-size:13px;color:#b91c1c}
.wpn-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:10px}
.wpn-btn{appearance:none;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:600;line-height:1;padding:11px 18px;border-radius:10px;transition:background .15s}
.wpn-ghost{background:transparent;color:#4b5563}
.wpn-ghost:hover{background:#f3f4f6}
.wpn-primary{background:#1a73e8;color:#fff}
.wpn-primary:hover{background:#155fc2}
.wpn-primary:disabled{opacity:.7;cursor:wait}
.wpn-btn:focus-visible,.wpn-x:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}
.wpn-x{position:absolute;top:8px;right:10px;width:28px;height:28px;border:0;background:transparent;color:#9ca3af;font-size:24px;line-height:1;cursor:pointer;border-radius:50%}
.wpn-x:hover{background:#f3f4f6;color:#374151}
.wpn-foot{padding-top:10px;border-top:1px solid #f1f5f9;font-size:11.5px;color:#9ca3af}
@media (max-width:520px){
.wpn-root{left:12px;right:12px;bottom:12px}
.wpn-card{width:100%;padding:16px 38px 12px 16px;gap:12px}
.wpn-icon{flex-basis:40px;width:40px;height:40px}
.wpn-btn{padding:12px 16px}
}
@media (prefers-reduced-motion:reduce){.wpn-root{transition:none}}
@media (prefers-color-scheme:dark){.wpn-card{background:#1f2937;color:#f3f4f6;border-color:#374151}.wpn-title{color:#f9fafb}.wpn-desc{color:#cbd5e1}.wpn-ghost{color:#cbd5e1}.wpn-ghost:hover,.wpn-x:hover{background:#374151}.wpn-foot{border-color:#374151}.wpn-icon{background:#1e3a8a;color:#93c5fd}}