.membership-progress{display:flex;gap:12px;margin:0 0 18px;color:var(--stone);font-size:13px;flex-wrap:wrap}
.membership-progress b{color:var(--charcoal)}
.membership-notice{background:var(--panel);border-left:4px solid var(--eucalyptus-d);padding:14px 16px;border-radius:8px;margin:16px 0;line-height:1.65;font-size:14px}
.membership-error{color:#792b23;background:#f9eae5;padding:12px;border-radius:8px;margin:12px 0;line-height:1.5;font-size:14px}
.membership-dialog{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;background:var(--card);color:var(--charcoal);border:1px solid var(--line);border-radius:18px;padding:28px;overflow-y:auto;box-shadow:0 20px 80px #0003;font-family:var(--sans)}
.membership-dialog::backdrop{background:#252a246b}
.membership-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.membership-close{background:none;border:0;font-size:25px;cursor:pointer;padding:0 6px;color:var(--charcoal)}
.membership-number{font-size:24px;line-height:1.35;font-weight:700;margin:10px 0}
.membership-identity{font-size:13px;color:var(--stone);overflow-wrap:anywhere;margin:12px 0}
.membership-edit{background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px;color:var(--stone)}
.membership-field{margin:16px 0}
.membership-field select{width:100%;background:var(--cream);color:var(--charcoal);font:inherit;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:16px}
.membership-check{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:13px;line-height:1.65}
.membership-check input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--eucalyptus-d)}
.membership-check a{color:var(--charcoal);text-decoration:underline}
.membership-success{background:var(--card);padding:28px;border:1px solid var(--line);border-radius:16px;margin:20px 0}
.membership-success h3{font-size:24px;line-height:1.4;margin:8px 0}
.membership-success p{font-size:14px;line-height:1.7;margin:12px 0}
.membership-hint{font-size:12px;color:var(--stone);line-height:1.6;margin:8px 0}
.membership-dialog .jg-input{font-size:16px}
[hidden]{display:none!important}
@media(max-width:560px){.membership-dialog{padding:20px}.membership-number{font-size:22px}.membership-success{padding:22px}}