.member-button{border:0;background:none;color:inherit;padding:10px 0;font:inherit;font-size:12px;white-space:nowrap}
.member-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);padding:28px;background:var(--paper);color:var(--ink)}
.member-dialog::backdrop{background:rgba(0,0,0,.65)}
.member-dialog [hidden]{display:none!important}
.member-dialog .member-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.member-dialog h2{font-size:22px;margin:0}.member-dialog p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.member-dialog label{display:block;margin-top:18px;font-size:13px}.member-dialog input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px}
.member-dialog button{padding:10px 14px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.member-dialog button:disabled{opacity:.55;cursor:wait}.member-dialog #member-submit{width:100%;margin-top:22px}.member-dialog #member-message{min-height:24px;color:var(--ink)}
.member-links{display:flex;gap:12px;flex-wrap:wrap}.member-dialog .member-links button{background:none;font-size:13px}.member-dialog #member-close{border:0;background:none;font-size:20px}
@media(max-width:650px){.member-button{font-size:11px}.member-dialog{padding:22px}}