/*! ChewGumi PWA UI v1 */
.cg-pwa{
  position:fixed;left:12px;right:12px;
  bottom:calc(-120px - env(safe-area-inset-bottom));
  z-index:1400;display:flex;align-items:center;gap:11px;
  padding:12px 14px;border-radius:20px;
  border:1px solid rgba(255,255,255,.8);
  background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(255,255,255,.82));
  backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);
  box-shadow:0 16px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.98);
  transition:bottom .45s cubic-bezier(.2,.9,.3,1.02);
  max-width:520px;margin:0 auto}
.cg-pwa.on{bottom:calc(84px + env(safe-area-inset-bottom))}
.cg-pwa img{width:44px;height:44px;border-radius:12px;flex:none}
.cg-pwa .t{flex:1;min-width:0}
.cg-pwa .t b{display:block;font-size:13.5px;font-weight:700}
.cg-pwa .t span{display:block;margin-top:2px;font-size:11.5px;color:#797979}
.cg-pwa .go{flex:none;height:38px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#E95073,#D82558);
  box-shadow:0 6px 16px rgba(216,37,88,.3)}
.cg-pwa .go:active{transform:scale(.95)}
.cg-pwa .cl{flex:none;width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;
  font-size:19px;line-height:1;color:#888;background:rgba(0,0,0,.05)}
@media(min-width:900px){ .cg-pwa.on{bottom:calc(20px + env(safe-area-inset-bottom))} }