/* 0.11.44 — the install bar.

   It sits at the bottom, clear of the phone's own home indicator, and it is
   the only thing this file styles. It never moves the page: `position:fixed`
   with nothing reserved for it, so a reader who ignores it loses no space and
   nothing reflows when it appears or goes.

   The colours are the app's own tokens where they exist, with a literal
   fallback for the export and offline pages, which do not define them. */
.install142 {
  position: fixed;
  inset-inline: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 560px;
  margin-inline: auto;
  padding: 10px 12px;
  border: 1px solid #b8954955;
  border-radius: 12px;
  background: var(--paper-bg, #1b1c1a);
  color: var(--paper-text, #ece9e2);
  font: 13px/1.7 Vazirmatn, Tahoma, sans-serif;
  box-shadow: 0 6px 24px #0006;
  animation: install142-in .18s ease-out;
}

@keyframes install142-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .install142 { animation: none; }
}

.install142-text { flex: 1; min-width: 0; }

.install142 button {
  flex: none;
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #b8954970;
  background: transparent;
  color: inherit;
}

.install142-go {
  /* A finger target, not a link: 40px is the smallest comfortable one. */
  min-height: 40px;
  padding: 0 16px;
  background: #b89549;
  color: #17180f;
  border-color: #b89549;
  font-weight: 600;
}

.install142-no {
  width: 34px;
  height: 34px;
  line-height: 1;
  font-size: 19px;
  border-color: transparent;
  opacity: .7;
}

.install142-no:hover { opacity: 1; }

.install142 button:focus-visible {
  outline: 2px solid #b89549;
  outline-offset: 2px;
}

@media print { .install142 { display: none; } }