.member-page{max-width:520px;margin:35px auto 70px}.member-page h1{font-size:clamp(26px,5vw,36px);line-height:1.25;margin:16px 0}.member-page h2{font-size:21px;margin:38px 0 16px}.member-page p{margin:16px 0}.member-page label{display:grid;gap:8px;font-size:14px;margin:22px 0}.member-page input:not([type=checkbox]){width:100%;padding:12px 14px;border:1px solid transparent;border-radius:4px;background:var(--surface-muted);color:var(--text);font:inherit}.member-page button{padding:11px 18px;border:0;border-radius:4px;background:var(--text);color:var(--background);font:inherit;font-size:14px;cursor:pointer}.member-page a{text-decoration:none;color:var(--accent)}.member-page a:hover{text-decoration:underline}.member-page .member-check{display:flex;align-items:center;gap:10px}.member-page .member-check input{width:auto}.member-kicker,.member-page small,.member-note{font-size:12px;color:var(--muted)}.member-page small{display:block}.member-notice{background:var(--surface-muted);padding:16px;border-radius:4px;font-size:14px}.member-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:22px}.member-actions a{font-size:13px}.member-page input:focus-visible,.member-page button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.member-dialog{width:min(460px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:38px 32px 28px;border:0;border-radius:8px;background:var(--background);color:var(--text);box-shadow:0 18px 80px #0002;overflow:auto;overscroll-behavior:contain}
.member-dialog::backdrop{background:rgb(0 0 0 / .3);backdrop-filter:blur(3px)}
.member-dialog[open]{animation:member-appear .18s ease-out}
.member-dialog .member-page{margin:0;max-width:none}.member-dialog .member-page h1{font:400 1.9rem/1.25 var(--font-reading);margin:12px 0 18px}.member-dialog .member-page label{margin:18px 0}
.member-dialog-close{position:absolute;inset-inline-end:12px;top:8px;display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}
.member-dialog .member-kicker{font-family:var(--font-ui)}.member-dialog .member-note{font-size:13px;line-height:1.6}.member-dialog .member-actions{gap:12px 20px}.member-dialog .member-page button:disabled{opacity:.5;cursor:wait}
.member-dialog-body>h2{font-size:1.5rem}.member-dialog-body>p{font-size:14px;line-height:1.6}.member-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
@keyframes member-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.member-dialog{padding:36px 22px 24px}.member-dialog .member-page h1{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.member-dialog[open]{animation:none}}