:root { --ink:#111; --muted:#565656; --blue:#ba9de5; --gold:#ba9de5; }
.highlights-link { display:inline-block; margin:0 0 22px; color:#d8c5ef; text-underline-offset:5px; font-weight:600; }
.highlights-link.learn-more { margin:20px 0 0; }
* { box-sizing:border-box; }
body { margin:0; background:#fff; color:var(--ink); font-family:'Poppins',Arial,sans-serif; font-size:16px; }
button,input,select,textarea { font:inherit; }
.site-header,.intro,form,footer { width:min(calc(100% - 40px),1060px); margin-inline:auto; }
.site-header { display:flex; width:100%; min-height:82px; padding:12px max(24px,calc((100% - 1060px)/2)); align-items:center; justify-content:space-between; gap:20px; background:#000; color:#fff; border-bottom:1px solid #292929; }
.brand { display:inline-flex; align-items:center; gap:10px; color:inherit; font-weight:800; text-decoration:none; }
.brand img { width:62px; height:56px; object-fit:contain; }
.brand span { max-width:220px; font-size:14px; line-height:1.6; font-weight:500; }
.private-label { text-decoration:none; text-transform:none; font-size:14px; color:#fff; border-bottom:1px solid var(--blue); padding-bottom:6px; }
.private-label,.kicker,.form-heading span,.intro aside>span { color:var(--blue); font-size:12px; font-weight:800; text-transform:uppercase; }
.intro { width:100%; display:block; background:#000; color:#fff; padding:30px max(24px,calc((100% - 1060px)/2)) 26px; border-bottom:5px solid var(--gold); }
.awards-mark { display:block; width:min(100%,360px); height:90px; object-fit:contain; object-position:left center; margin-bottom:20px; }
.intro .kicker { margin:0; color:#d8c5ef; font-size:15px; text-transform:none; font-weight:600; }
.intro h1 { max-width:900px; margin:13px 0 12px; font-family:inherit; font-size:52px; font-weight:800; line-height:1.12; }
.intro h1 span { color:var(--blue); }
.lede { max-width:760px; margin:0; color:#f0f0f0; font-size:17px; line-height:1.55; }
.event-line { display:flex; align-items:center; gap:10px; margin:16px 0 10px; color:#eee; font-size:15px; }
.event-line strong { color:#fff; }
.event-line span::before { content:'·'; margin-right:10px; color:#ba9de5; }
.capacity-note { max-width:620px; font-size:16px; line-height:1.6; color:var(--muted); margin:12px 0 0; }
.form-band { border-block:1px solid #ded9ce; background:#fff; }
form { padding:32px 0 48px; }
.form-heading { margin-bottom:24px; }
.form-heading h2 { margin:5px 0 0; font-family:inherit; font-size:32px; font-weight:700; }
.form-heading span { color:#70439d; font-size:14px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
label { display:grid; gap:8px; }
label>span { color:var(--ink); font-size:14px; font-weight:700; }
input,select,textarea { width:100%; border:1px solid #cbc0d8; border-radius:4px; background:#fcfaff; color:var(--ink); padding:12px 13px; outline:none; }
input,select { min-height:48px; }
input:focus,select:focus,textarea:focus { border-color:#70439d; box-shadow:0 0 0 3px rgb(112 67 157 / 18%); }
.full-field { grid-column:1/-1; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.submit-row { display:flex; align-items:center; gap:18px; margin-top:24px; }
.submit-row button { min-width:190px; min-height:52px; border:0; border-radius:4px; background:var(--blue); color:#111; cursor:pointer; font-weight:700; padding:12px 20px; }
.submit-row button:disabled { cursor:wait; opacity:.6; }
.submit-row p { margin:0; color:#6b7280; font-size:13px; }
.message { margin-top:22px; border:1px solid #9bc5a8; border-radius:6px; background:#edf8f0; color:#185c2e; padding:14px 16px; font-weight:700; }
.message.error { border-color:#dfa8a4; background:#fff0ef; color:#962d26; }
footer { display:flex; min-height:104px; align-items:center; justify-content:space-between; gap:20px; color:var(--muted); font-size:14px; }
footer strong { color:var(--ink); }
#nl-badge-frame { display:none !important; visibility:hidden !important; }
.donation-band { border-bottom:1px solid #ded9ce; background:#fcfaff; }
.donation-content { width:min(calc(100% - 40px),1060px); margin-inline:auto; padding:24px 0; }
.donation-content h2 { max-width:740px; margin:0 0 8px; font-size:21px; line-height:1.4; }
.donation-content p { margin:0 0 16px; color:var(--muted); line-height:1.6; }
.donation-controls { max-width:500px; margin-bottom:20px; }
.donation-controls label { margin-bottom:8px; font-weight:600; }
.donation-controls input { max-width:320px; font-variant-numeric:tabular-nums; }
.donation-controls input[type="number"] { appearance:textfield; -moz-appearance:textfield; }
.donation-controls input[type="number"]::-webkit-inner-spin-button,
.donation-controls input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.donation-link { display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:10px 18px; border:1px solid #70439d; border-radius:4px; color:#543078; font-weight:600; text-decoration:none; }
.donation-link:hover { background:#f0e8f8; }
.donation-content .donation-note { max-width:620px; margin:14px 0 0; font-size:13px; }
.donation-prompt { width:min(calc(100% - 32px),560px); max-height:calc(100dvh - 32px); border:0; border-radius:8px; padding:0; background:#fff; color:var(--ink); box-shadow:0 24px 70px rgb(0 0 0 / 42%); }
.donation-prompt::backdrop { background:rgb(0 0 0 / 72%); }
.donation-prompt-panel { position:relative; padding:34px; }
.donation-prompt-close { position:absolute; top:14px; right:14px; width:36px; height:36px; border:0; border-radius:50%; background:#f1edf5; color:#42205f; cursor:pointer; font-size:25px; line-height:1; }
.donation-prompt-kicker { margin:0 42px 8px 0; color:#70439d; font-size:12px; font-weight:800; text-transform:uppercase; }
.donation-prompt h2 { margin:0 34px 14px 0; font-size:30px; line-height:1.25; }
.donation-prompt #donation-prompt-copy { margin:0; color:var(--muted); font-size:15px; line-height:1.65; }
.donation-prompt-actions { display:grid; gap:10px; margin-top:24px; }
.donation-prompt-actions button { min-height:50px; border-radius:4px; cursor:pointer; padding:12px 18px; font-weight:700; }
.donation-prompt-primary { border:1px solid #70439d; background:#70439d; color:#fff; }
.donation-prompt-primary:hover { background:#5f348b; }
.donation-prompt-secondary { border:1px solid #c9bad8; background:#fff; color:#543078; }
.donation-prompt-secondary:hover { background:#f7f2fb; }
body:has(.donation-prompt[open]) { overflow:hidden; }
* { letter-spacing:0; }
html { scroll-behavior:smooth; }
a:focus-visible,button:focus-visible { outline:3px solid #9462c5; outline-offset:4px; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media (max-width:760px) { footer,.submit-row { align-items:flex-start; flex-direction:column; } .site-header { min-height:68px; padding:9px 20px; } .brand img { width:52px; height:48px; } .brand span { display:none; } .private-label { font-size:11px; padding-bottom:4px; } .intro { padding:22px 20px 20px; } .intro .kicker { font-size:13px; } .intro h1 { margin:9px 0; font-size:36px; } .lede { font-size:15px; line-height:1.5; } .event-line { margin:13px 0 8px; flex-wrap:wrap; font-size:14px; } .highlights-link { margin:0; font-size:14px; } form { padding:26px 0 38px; } .form-heading { margin-bottom:20px; } .form-heading h2 { font-size:27px; } .capacity-note { margin-top:8px; font-size:14px; line-height:1.5; } .form-grid { grid-template-columns:1fr; gap:16px; } .full-field { grid-column:auto; } input,select { min-height:50px; } .submit-row { gap:10px; margin-top:22px; } .submit-row button { width:100%; } .donation-prompt { width:min(calc(100% - 24px),560px); } .donation-prompt-panel { padding:28px 22px 22px; } .donation-prompt h2 { margin-right:24px; font-size:25px; } .donation-prompt-actions button { width:100%; } footer { justify-content:center; padding:24px 0; } }

/* Sept 22: the waiting-list notice beside the submit button. */
.rsvp-notice { margin: 0; font-weight: 600; line-height: 1.5; }

/* Sept 23: Community Day toggle (separate from the Awards Show response). */
.toggle-field > span:first-child { display:block; }
.toggle { display:flex; align-items:center; gap:12px; margin-top:6px; cursor:pointer; }
.toggle input { position:absolute; opacity:0; width:1px; height:1px; }
.toggle-track { position:relative; flex:0 0 46px; width:46px; height:26px; border-radius:999px; background:#c9c3d6; transition:background .2s ease; }
.toggle-track::after { content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:transform .2s ease; }
.toggle input:checked + .toggle-track { background:#2f5bd6; }
.toggle input:checked + .toggle-track::after { transform:translateX(20px); }
.toggle input:focus-visible + .toggle-track { outline:3px solid #8fb1e0; outline-offset:2px; }
.toggle-text { font-size:15px; font-weight:500; line-height:1.4; }

/* Sept 23: the evening schedule from the Awards website, at the top of the form. */
.evening { display:flex; flex-wrap:wrap; gap:10px 34px; margin:16px 0 20px; padding:0; list-style:none; }
.evening li { display:flex; flex-direction:column; gap:3px; }
.evening span { color:var(--blue); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.evening strong { color:#fff; font-size:17px; font-weight:700; }
@media (max-width:760px) { .evening { gap:10px 24px; margin:13px 0 16px; } .evening strong { font-size:15px; } }

/* Owner (Oct 3): "How did you hear about us?" as simple tap buttons (required on the main form). */
.heard-from { border:0; margin:0; padding:0; min-width:0; }
.heard-from legend { padding:0; margin-bottom:10px; font-weight:600; }
.heard-options { display:flex; flex-wrap:wrap; gap:10px; }
.heard-options label { display:inline-flex; position:relative; cursor:pointer; }
.heard-options input { position:absolute; opacity:0; width:1px; height:1px; }
.heard-options span { display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; border:1.5px solid #cbc0d8; border-radius:999px; background:#fcfaff; color:var(--ink); font-weight:600; }
.heard-options input:checked + span { background:#1c1a2e; border-color:#1c1a2e; color:#ffffff; }
.heard-options input:focus-visible + span { outline:3px solid #8fb1e0; outline-offset:2px; }
/* Oct 6: "What are you attending?" replaces the Community Day toggle; a guest can come to Community Day only. */
.attending { border:0; margin:0; padding:0; min-width:0; }
.attending legend { padding:0; margin-bottom:4px; font-weight:600; }
.attending .toggle { margin-top:12px; align-items:flex-start; }
.attending .toggle-track { margin-top:1px; }
.attending .toggle-text { line-height:1.45; }
/* Owner (Oct 5): the timing shows once (this block) and stays on one line on phones. Oct 7: a flex row, so three
   parts (date, doors, show) or four spread across the line alike. */
@media (max-width:760px) {
  .evening { display:flex; flex-wrap:nowrap; justify-content:space-between; gap:0 10px; }
  .evening span { font-size:9.5px; letter-spacing:.02em; white-space:nowrap; }
  .evening strong { font-size:12.5px; white-space:nowrap; }
}
@media (max-width:400px) {
  .evening { gap:0 6px; }
  .evening span { font-size:8.5px; letter-spacing:0; }
  .evening strong { font-size:11.5px; }
}
@media (max-width:350px) {
  .evening span { font-size:7.5px; }
  .evening strong { font-size:10px; }
}
/* Owner (Oct 5): a request can cover up to ten people; every additional person gives a name, email and phone.
   app.js adds one block per extra guest under "Number in your party". */
.party-guests { display:grid; gap:14px; }
.party-guests[hidden] { display:none; }
.party-guests-intro { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.party-guests-intro strong { color:var(--ink); }
#party-guest-list { display:grid; gap:14px; }
.party-guest { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 16px; min-width:0; margin:0; padding:12px 16px 16px; border:1px solid #dcdcdc; border-left:4px solid var(--blue); border-radius:6px; }
.party-guest legend { padding:0 6px; color:var(--ink); font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
@media (max-width:760px) { .party-guest { grid-template-columns:1fr; } }

/* Owner (Oct 6): every RSVP form is headed Not Alone Awards Show & Nevada Mental Health Day. */
/* Owner (Oct 6): Nevada Mental Health Day as prominent as the Awards Show: same size, weight and blue. */
.intro h1 .h1-and { display:block; margin-top:2px; font-size:1em; font-weight:800; letter-spacing:0; color:var(--blue); }
.intro h1 .h1-and .amp { color:#ffffff; }

/* Oct 7: the forms that also list the day show four parts (date, the day, doors, the show). */
.evening-day li span { white-space:nowrap; }
@media (max-width:600px) { .evening-day { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; } .evening-day li { display:flex; flex-direction:column; } }

/* Oct 12 (owner): optional consent to text updates, unticked by default. */
.text-consent { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.55; color:inherit; opacity:.88; cursor:pointer; }
.text-consent input { flex:0 0 auto; width:18px; height:18px; min-height:0; padding:0; margin:2px 0 0; accent-color:#2f5bd6; box-shadow:none; }
.text-consent span { font-weight:400; }

.group-registration-note{font-size:14px!important;font-weight:400!important;line-height:1.6;color:#c2c2ca;margin:0 0 24px}.invite-event input[hidden]{display:none!important}

.attendee-waiver{margin:0;padding:14px;border:1px solid #666;border-radius:4px;font-size:13px;font-weight:400;line-height:1.6}.attendee-waiver summary{cursor:pointer;font-size:14px;font-weight:500}.attendee-waiver p{font-size:13px!important;font-weight:400!important;line-height:1.6!important;margin:12px 0!important}.attendee-waiver label{font-size:13px!important;font-weight:400!important;margin:12px 0}.attendee-waiver .waiver-check{display:flex;align-items:flex-start;gap:10px}.attendee-waiver .waiver-check input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin-top:2px}.waiver-status{color:#aaa}.waiver-signature[hidden]{display:none!important}

.share-invites button{font-size:14px;padding:6px 12px;margin:8px 0;min-height:36px}.share-invites a{overflow-wrap:anywhere}.invite-event h3{margin:0 0 12px}#shared-guest[hidden],[data-guest-choice][hidden]{display:none!important}dialog .share-invites{text-align:left;font-size:14px}dialog{max-height:90vh;overflow:auto}
.invite-event > .waiver-check{display:flex;align-items:center;gap:12px;margin:12px 0;cursor:pointer}.invite-event > .waiver-check input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;padding:0}.invite-event > .waiver-check span{display:block;margin:0}.share-invites button{width:auto}

/* Oct 21 (owner): on computers the waiver's legal text reads in two columns so it takes half the scroll; the heading,
   the acceptance boxes, the signature and the status line stay full width under it. Phones keep one column. */
@media (min-width:900px) {
  .attendee-waiver[open] { columns:2; column-gap:36px; }
  .attendee-waiver > summary, .attendee-waiver .waiver-check, .attendee-waiver .waiver-signature, .attendee-waiver .waiver-status, .attendee-waiver .sign-now { column-span:all; }
  .attendee-waiver > p { break-inside:avoid; }
}