:root {
  --ci-primary-color: #7c5cff;
  --ci-secundary-color: #00e5a8;
  --ci-gray-dark: #1d1240;
  --ci-gray-light: #0d081e;
  --ci-gray-over: #150e2e;
  --background-color: #1d1240;
  --standard-color: #261a52;
  --title-color: #eef1ff;
  --text-color: #eef1ff;
  --sub-text-color: #9aa3c7;
  --border-radius: 14px;
}

.bubble-install-bar {
  position: fixed;
  z-index: 9998;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  left: max(12px, env(safe-area-inset-left));
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 560px;
  margin: auto;
  padding: 12px 14px;
  color: #eef1ff;
  background: linear-gradient(135deg, #261a52, #150e2e);
  border: 1px solid #3b2a70;
  border-radius: 14px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .45);
}

.bubble-install-bar div { display: grid; gap: 2px; flex: 1; }
.bubble-install-bar span { color: #9aa3c7; font-size: 12px; }
.bubble-install-bar button { font: inherit; cursor: pointer; }
.bubble-install-action { padding: 9px 12px; color: #071b15; font-weight: 700; background: #00e5a8; border: 0; border-radius: 9px; }
.bubble-install-close { padding: 4px 7px; color: #9aa3c7; font-size: 24px; line-height: 1; background: transparent; border: 0; }

@media (min-width: 600px) { .bubble-install-bar { left: auto; } }