.member-shell { max-width: 640px; margin: 40px auto; }
.member-shell section { background: var(--panel-bg); border: 1px solid var(--panel-border); border-radius: var(--card-radius); padding: 24px; margin-top: 24px; }
.member-shell [hidden] { display: none; }
.member-shell form, .member-shell label { display: grid; gap: 8px; }
.member-shell form { gap: 16px; margin-bottom: 16px; }
.member-shell input { width: 100%; padding: 12px; border: 1px solid var(--panel-border); border-radius: 8px; color: var(--text-main); background: var(--page-bg); font: inherit; }
.member-shell button { cursor: pointer; padding: 12px 16px; border: 0; border-radius: 8px; background: var(--sunny-green); color: var(--text-main); font: inherit; }
.member-shell button:hover { filter: brightness(1.12); }
.member-shell button:disabled { opacity: .45; cursor: wait; }
.member-shell input:focus-visible, .member-shell button:focus-visible { outline: 2px solid var(--sunny-green); outline-offset: 3px; }
.member-shell p { overflow-wrap: anywhere; line-height: 1.6; color: var(--text-muted); }