:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { max-width: 32rem; margin: 4rem auto; padding: 0 1rem; }
.brand { font-weight: 600; color: #7c3aed; }
.spaces { list-style: none; padding: 0; }
.spaces li { padding: 0.5rem 0; border-bottom: 1px solid color-mix(in srgb, CanvasText 15%, transparent); }
.muted { opacity: 0.7; }
button, .button { font: inherit; padding: 0.5rem 1rem; }
.button { display: inline-block; border: 1px solid currentColor; border-radius: 4px; text-decoration: none; color: inherit; }
.primary { background: #7c3aed; border-color: #7c3aed; color: #fff; }
input, select { font: inherit; padding: 0.4rem; max-width: 100%; box-sizing: border-box; }
#invite-link { width: 100%; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 0.4rem 0.5rem 0.4rem 0; vertical-align: top; }
form.inline { display: inline; }
.notice { border: 1px solid #7c3aed; border-radius: 4px; padding: 0 1rem; margin: 1rem 0; }
.error { color: #b91c1c; }
.facts dt { font-weight: 600; }
.facts dd { margin: 0 0 0.5rem 0; }