#waitlist { inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0;
  padding: var(--s6) var(--gutter); border: 0; color: var(--ink); background: var(--paper); }
#waitlist::backdrop { background: var(--paper); }
.waitlist-top { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); font-weight: var(--w-semi); }
.waitlist-content { width: min(100%, var(--measure)); margin: var(--s20) auto; }
#waitlist h2 { font-size: var(--t-h2); line-height: var(--lh-head); margin: var(--s5) 0 var(--s8); }
#waitlist-progress { color: var(--ink-3); margin-left: var(--s4); }
#waitlist-field input, #waitlist-field select, #waitlist-field textarea { width: 100%; font: inherit; font-size: var(--t-lead);
  padding: var(--s4); border: var(--hair) solid var(--line-strong); border-radius: var(--r-input); background: var(--sheet); color: var(--ink); }
#waitlist-field textarea { min-height: var(--s32); resize: vertical; }
.waitlist-actions { display: flex; gap: var(--s3); margin-top: var(--s6); }
.waitlist-note { font-size: var(--t-small); color: var(--ink-3); margin-top: var(--s6); }
#waitlist-error { color: var(--fail); min-height: var(--s6); margin-top: var(--s3); }
.waitlist-trap { display: none; }
#waitlist-access { color: var(--ink-2); margin-bottom: var(--s8); }
#waitlist button:disabled { opacity: .5; cursor: default; }