/* Hosted-only styles: the RSVP dialog. Tokens mirror the page (see reference/bigdata-tokens.css). */
.rsvp {
  background: #121212;
  color: #FFFDF5;
  border: 1px solid #FFFFFF29;
  border-radius: 16px;
  padding: 44px 40px 40px;
  width: min(460px, calc(100vw - 40px));
  font-family: "Hanken", system-ui, sans-serif;
  font-weight: 300;
}
.rsvp::backdrop {
  background: rgba(10, 8, 18, 0.72);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.rsvp .rsvp-kicker {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: #9AA0FF; margin: 0 0 18px;
}
.rsvp h3 {
  font-family: "Moderno", Georgia, serif; font-weight: 400;
  font-size: 34px; line-height: 1.05; margin: 0 0 26px;
}
.rsvp label {
  display: block; margin: 0 0 16px;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: #FFFDF5B2;
}
.rsvp input, .rsvp textarea {
  display: block; width: 100%; margin-top: 8px; box-sizing: border-box;
  background: rgba(255, 253, 245, 0.05);
  border: 1px solid #FFFFFF29; border-radius: 10px;
  color: #FFFDF5; font-family: "Hanken", system-ui, sans-serif;
  font-size: 16px; font-weight: 300; padding: 11px 14px;
  transition: border-color 200ms cubic-bezier(0.2, 0, 0, 1);
}
.rsvp input:focus, .rsvp textarea:focus { outline: none; border-color: #5A60D0; }
.rsvp textarea { resize: vertical; min-height: 74px; }
.rsvp .rsvp-actions { display: flex; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
.rsvp .rsvp-done, .rsvp .rsvp-error { margin: 22px 0 0; color: #FFFDF5B2; line-height: 1.6; }
.rsvp .rsvp-error a { color: #9AA0FF; }