/* Vera Club — public installation entry v1. Non-modal, before authentication. */
.vera-install-public {
  width: min(450px, 100%);
  margin: 10px auto 0;
  color: #eee3ed;
}
.vera-install-public[hidden],
.vera-install-guide[hidden] { display: none !important; }
.vera-install-entry {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: min(310px, 100%);
  min-height: 42px;
  margin: 0 auto;
  padding: 9px 16px;
  font: inherit;
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
  color: #f6dfe9;
  background: rgba(56, 37, 51, .62);
  border: 1px solid rgba(234, 182, 207, .48);
  border-radius: 999px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.vera-install-entry::before { content: '↓'; font-size: 1.1rem; line-height: 1; }
.vera-install-entry:hover,
.vera-install-entry:focus-visible {
  background: rgba(84, 52, 72, .80);
  border-color: #f4cade;
}
.vera-install-entry:focus-visible,
.vera-install-close:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.vera-install-guide {
  padding: 16px 18px;
  margin-top: 13px;
  border-radius: 16px;
  border: 1px solid rgba(240,196,217,.35);
  background: rgba(19, 13, 24, .89);
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
  text-align: start;
}
.vera-install-heading { margin: 0 0 12px; font-size: 1rem; font-weight: 680; line-height: 1.3; }
.vera-install-steps { margin: 0; padding-inline-start: 23px; line-height: 1.65; font-size: .9rem; color: #eee3ed; }
.vera-install-steps li + li { margin-block-start: .35rem; }
.vera-install-notes { margin: 13px 0 10px; color: #c6bac7; font-size: .81rem; line-height: 1.5; }
.vera-install-close {
  font: inherit;
  color: #f7e7ef;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  padding: 8px 14px;
  cursor: pointer;
}
.vera-install-status:empty { display: none; }
.vera-install-status {
  margin: 8px auto 0;
  font-size: .8rem;
  line-height: 1.4;
  color: #d3c4d1;
}
.hero.channels-open .vera-install-public { display: none; }
html[dir="rtl"] .vera-install-guide { direction: rtl; text-align: right; }
@media (max-width: 420px) {
  .vera-install-public { width: 100%; }
  .vera-install-guide { padding: 14px 15px; }
}