.pnp-banner{position:fixed;left:12px;right:12px;z-index:2147483000;display:flex;align-items:center;gap:12px;box-sizing:border-box;max-width:460px;margin:0 auto;padding:14px 16px;background:#fff;color:#1d2327;border-radius:16px;box-shadow:0 10px 34px rgba(0,0,0,.24);font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;opacity:0;transform:translateY(24px);transition:opacity .28s ease,transform .28s ease}
.pnp-banner.pnp-bottom{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.pnp-banner.pnp-top{top:calc(12px + env(safe-area-inset-top,0px));transform:translateY(-24px)}
.pnp-banner.pnp-show{opacity:1;transform:none}
.pnp-icon{flex:none;width:48px;height:48px;border-radius:12px;object-fit:contain;background:#f3f3f3}
.pnp-body{flex:1 1 auto;min-width:0}
.pnp-title{display:block;font-size:15px;font-weight:700;margin:0 0 2px}
.pnp-text{margin:0;color:#50575e;font-size:13px}
.pnp-share{display:inline-block;width:18px;height:18px;vertical-align:-4px;margin-left:2px;color:var(--pnp-accent,#c8102e)}
.pnp-actions{flex:none;display:flex;flex-direction:column;gap:6px}
.pnp-btn{appearance:none;border:0;border-radius:999px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.pnp-primary{background:var(--pnp-accent,#c8102e);color:var(--pnp-on-accent,#fff)}
.pnp-ghost{background:transparent;color:#6b7075;padding:6px 16px;font-weight:500}
.pnp-btn:focus-visible{outline:2px solid var(--pnp-accent,#c8102e);outline-offset:2px}
.pnp-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);z-index:2147483000;background:#1d2327;color:#fff;padding:12px 20px;border-radius:999px;font:14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;opacity:0;transition:opacity .28s,transform .28s;max-width:calc(100% - 32px);text-align:center}
.pnp-toast.pnp-show{opacity:1;transform:translate(-50%,0)}
.pnp-inline-btn{background:#c8102e;color:#fff;border:0;border-radius:999px;padding:10px 20px;font:600 14px/1.2 inherit;cursor:pointer}
.pnp-inline-btn[hidden]{display:none}
@media (max-width:420px){.pnp-banner{flex-wrap:wrap}.pnp-body{flex-basis:calc(100% - 64px)}.pnp-actions{flex-direction:row-reverse;width:100%;justify-content:flex-start}}
@media (prefers-color-scheme:dark){.pnp-banner{background:#1f2226;color:#f0f0f1}.pnp-text{color:#b6bbc0}.pnp-ghost{color:#a7aaad}.pnp-icon{background:#2c3036}}
@media (prefers-reduced-motion:reduce){.pnp-banner,.pnp-toast{transition:none}}