.survey-invite {
  position: fixed;
  z-index: 89;
  right: 22px;
  bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  width: min(300px, calc(100vw - 32px));
  color: #252e8c;
  font-family: inherit;
}
.survey-invite[hidden] { display: none; }
.survey-invite-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid #dce2f5;
  border-radius: 12px;
  background: #fff;
  color: #252e8c;
  box-shadow: 0 3px 16px #1a216615;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.survey-invite-toggle:hover { background: #f2f5ff; }
.survey-invite-chevron { font-size: 18px; transition: transform 260ms ease; }
.survey-invite.is-open .survey-invite-chevron { transform: rotate(180deg); }
.survey-invite-panel {
  position: absolute;
  bottom: calc(100% + 10px);
  width: 100%;
  padding: 24px;
  border: 1px solid #ffffff30;
  border-radius: 16px;
  background: #252e8c;
  color: #fff;
  box-shadow: 0 12px 32px #1a216626, 0 1px 0 #1a216659;
  opacity: 0;
  visibility: hidden;
  transform: translateY(18px);
  pointer-events: none;
  transition: opacity 600ms ease, transform 650ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 650ms;
}
.survey-invite.is-open .survey-invite-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 280ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1), visibility 0s;
}
.survey-invite .survey-invite-audience { margin: 0 0 10px; color: #dce2f5; font-size: 11px; line-height: 1.7; }
.survey-invite .survey-invite-title { margin: 0 0 20px; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.8; letter-spacing: .02em; }
.survey-invite-link { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 10px 14px; border-radius: 8px; background: #fff; color: #252e8c; font-size: 12px; font-weight: 700; text-decoration: none; }
.survey-invite-link:hover { background: #dce2f5; color: #252e8c; }
.survey-invite-time { display: block; margin-top: 10px; color: #dce2f5; font-size: 11px; text-align: center; }
.survey-invite :is(button, a):focus-visible { outline: 3px solid #12b8d4; outline-offset: 4px; }
body:has(.site-header.is-open) .survey-invite,
body.has-image-modal .survey-invite { visibility: hidden; pointer-events: none; }
@media (max-width: 700px) {
  .survey-invite { right: 16px; width: 264px; }
  .survey-invite-panel { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .survey-invite-panel, .survey-invite.is-open .survey-invite-panel, .survey-invite-chevron { transition: none; transform: none; }
}