:root {
  --bg: #f4f4f5;
  --card: #fff;
  --ink: #18181b;
  --muted: #71717a;
  --line: #e4e4e7;
  --brand: #2563eb;
  --danger: #b91c1c;
  --ok: #166534;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; font-family: system-ui, sans-serif; background: var(--bg); color: var(--ink); }
#root { min-height: 100vh; display: flex; align-items: flex-start; justify-content: center; padding: 20px 16px 40px; }
.card { width: 100%; max-width: 32rem; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
h1 { font-size: 1.25rem; margin: 0 0 4px; }
.sub { color: var(--muted); font-size: 0.875rem; margin: 0 0 16px; }
.meta { background: var(--bg); border-radius: 12px; padding: 10px 12px; font-size: 0.875rem; margin-bottom: 16px; }
.inviter { font-size: 0.875rem; margin: 0 0 16px; }
label { display: block; font-size: 0.75rem; color: var(--muted); margin: 12px 0 4px; }
input, select, textarea {
  width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px;
  font: inherit; background: #fff;
}
.row { display: grid; gap: 8px; }
.err { color: var(--danger); background: #fef2f2; border: 1px solid #fecaca; border-radius: 10px; padding: 10px 12px; margin: 12px 0; font-size: 0.875rem; }
.ok { color: var(--ok); background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 10px; padding: 10px 12px; }
button {
  width: 100%; margin-top: 16px; border: 0; border-radius: 10px; padding: 12px;
  background: var(--brand); color: #fff; font: inherit; font-weight: 600; cursor: pointer;
}
button:disabled { opacity: 0.55; cursor: not-allowed; }
.results { border: 1px solid var(--line); border-radius: 10px; margin-top: 4px; background: #fff; max-height: 12rem; overflow: auto; }
.results button { width: 100%; margin: 0; background: transparent; color: var(--ink); text-align: left; font-weight: 400; border-radius: 0; border-bottom: 1px solid var(--line); }
.results button:last-child { border-bottom: 0; }
.picked { font-size: 0.875rem; background: var(--bg); border-radius: 10px; padding: 8px 10px; margin-top: 6px; }