body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Inter,'Helvetica Neue',Arial,sans-serif}
#rsvpm-app{max-width:720px;margin:20px auto;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.08);padding:24px}
#rsvpm-app h3{margin:0 0 16px 0}
#rsvpm-app input[type="text"], #rsvpm-app input[type="email"], #rsvpm-app select, #rsvpm-app textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;margin-bottom:12px}
.rsvpm-btn{display:inline-block;background:#333;color:#fff;border:none;border-radius:8px;padding:10px 18px;cursor:pointer}
.rsvpm-btn:disabled{opacity:.6;cursor:not-allowed}
.rsvpm-actions{display:flex;justify-content:space-between;margin-top:12px}
.rsvpm-pills{display:flex;gap:8px;margin-top:8px}
.rsvpm-pill{padding:6px 12px;border-radius:999px;border:1px solid #ddd;cursor:pointer;display:inline-block}
.rsvpm-pill.active{background:#333;color:#fff;border-color:#333}
.rsvpm-event{border:1px solid #eee;border-radius:10px;padding:12px;margin-bottom:10px}
#rsvpm-search-results .rsvpm-result{border:1px solid #eee;border-radius:8px;padding:10px;margin-top:8px;display:flex;justify-content:space-between;align-items:center}
#rsvpm-search-results .rsvpm-result .rsvpm-btn{padding:6px 10px}


/* --- Stepper & refined front UI --- */
#rsvpm-app{position:relative}
.rsvpm-steps{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}
.rsvpm-steps .step{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid #ddd;opacity:.7}
.rsvpm-steps .step.active{opacity:1;background:#333;color:#fff;border-color:#333}
.rsvpm-note{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;margin-bottom:10px;font-size:12px;color:#374151}
.rsvpm-btn{border-radius:10px;padding:11px 18px}
.rsvpm-event h4{margin:0 0 8px 0}