.cpwa{position:fixed;z-index:2147483000;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(24,24,28,.78);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 0 0 .5px rgba(255,255,255,.22),0 10px 30px rgba(0,0,0,.4);font:600 14px/1 -apple-system,BlinkMacSystemFont,"Space Grotesk",system-ui,sans-serif;color:#fff;animation:cpwa-in .35s cubic-bezier(.2,.8,.2,1)}
.cpwa button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;color:inherit;box-sizing:border-box}
.cpwa .cpwa-go{background:rgba(255,255,255,.14)}
.cpwa .cpwa-go:hover{background:rgba(255,255,255,.22)}
.cpwa .cpwa-x{padding:0 11px;font-size:20px;opacity:.7}
.cpwa button:focus-visible{outline:2px solid #6cb8ff}
.cpwa-tip{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:end center;padding:16px;background:rgba(0,0,0,.45);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Space Grotesk",system-ui,sans-serif}
.cpwa-card{width:min(420px,100%);padding:20px 20px 16px;margin-bottom:env(safe-area-inset-bottom);border-radius:22px;background:rgba(30,30,34,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff;box-shadow:0 0 0 .5px rgba(255,255,255,.2)}
.cpwa-card p{margin:8px 0 14px;opacity:.85}.cpwa-card button{all:unset;cursor:pointer;display:block;text-align:center;padding:11px;border-radius:14px;background:rgba(255,255,255,.14);font-weight:600}
.cpwa-ic{display:inline-block;padding:0 4px;border:1px solid rgba(255,255,255,.4);border-radius:5px}
@keyframes cpwa-in{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion:reduce){.cpwa{animation:none}}

/* phones: bottom bars (docks, tab bars) live there, so the pill slides in from the top and leaves by itself */
@media (max-width:700px){
  .cpwa{right:auto;left:50%;bottom:auto;top:calc(10px + env(safe-area-inset-top));transform:translateX(-50%);animation:cpwa-top .35s cubic-bezier(.2,.8,.2,1)}
  .cpwa.out{opacity:0;transform:translate(-50%,-14px);transition:opacity .3s,transform .3s}
}
@keyframes cpwa-top{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}