.nilapp-bar{
  position:fixed;z-index:2147482000;
  inset-inline:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);
  display:flex;align-items:center;gap:10px;
  padding:11px 13px;border-radius:16px;
  background:#fff;color:#12261D;
  box-shadow:0 14px 40px rgba(9,32,22,.22);
  border:1px solid rgba(18,38,29,.08);
  font-family:inherit;font-size:13.5px;
  transform:translateY(140%);opacity:0;
  transition:transform .34s cubic-bezier(.2,.8,.3,1),opacity .34s ease;
}
.nilapp-bar.is-in{transform:none;opacity:1}

.nilapp-bar-i{
  flex:0 0 auto;width:38px;height:38px;border-radius:11px;overflow:hidden;
  background:#F1F5F2;display:grid;place-items:center;
}
.nilapp-bar-i img{width:100%;height:100%;object-fit:contain}

.nilapp-bar-t{flex:1 1 auto;min-width:0;font-weight:700;line-height:1.6}

.nilapp-bar-go{
  flex:0 0 auto;font:inherit;font-weight:800;font-size:13px;
  border:0;cursor:pointer;padding:9px 17px;border-radius:11px;
  background:#0E6E4E;color:#fff;
}
.nilapp-bar-go:hover{background:#0A5239}

.nilapp-bar-x{
  flex:0 0 auto;font:inherit;font-size:19px;line-height:1;
  border:0;background:none;cursor:pointer;color:#84968C;
  padding:4px 6px;border-radius:8px;
}
.nilapp-bar-x:hover{background:#F1F5F2}

@media (min-width:720px){
  .nilapp-bar{inset-inline:auto 20px;max-width:390px}
}

@media (prefers-reduced-motion:reduce){
  .nilapp-bar{transition:opacity .2s ease}
}

/* Asking about notices.
   This used to be a thin strip along the bottom, which people skimmed past
   without reading. It now sits in the middle of the screen so the question is
   actually seen, with the two answers plainly under it. */
.nilapp-push{
  position:fixed;inset:0;z-index:2147481000;
  display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(9,26,19,.55);
  opacity:0;transition:opacity .25s ease;
}
.nilapp-push.is-in{opacity:1}

.nilapp-push-card{
  width:100%;max-width:340px;
  background:#fff;border-radius:22px;padding:26px 22px 20px;
  text-align:center;box-shadow:0 30px 70px -30px rgba(9,32,22,.5);
  transform:translateY(16px) scale(.97);
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
.nilapp-push.is-in .nilapp-push-card{transform:none}

.nilapp-push-i{
  width:66px;height:66px;object-fit:contain;
  border-radius:20px;background:#F1F5F2;padding:8px;margin:0 auto 16px;display:block;
}
.nilapp-push-t{
  font-size:15.5px;font-weight:700;line-height:2;color:#12261D;margin-bottom:20px;
}
.nilapp-push-go,.nilapp-push-x{
  display:block;width:100%;font:inherit;border:0;cursor:pointer;
}
.nilapp-push-go{
  font-size:14.5px;font-weight:800;padding:13px;border-radius:13px;
  background:#0E6E4E;color:#fff;
}
.nilapp-push-go:hover{background:#0A5239}
.nilapp-push-x{
  margin-top:6px;font-size:13px;padding:10px;
  background:transparent;color:#6B7F74;
}