.member-entry{position:fixed;right:20px;bottom:22px;z-index:45;background:#59ebcf;color:#061715;border:0;border-radius:28px;padding:13px 20px;font:700 14px inherit;cursor:pointer;box-shadow:0 5px 24px #0008}.member-dialog{background:#141219;color:#f7f5fb;border:1px solid #504259;border-radius:22px;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-sizing:border-box}.member-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.member-dialog header{position:static;padding:0;margin:0 0 16px;display:flex;justify-content:space-between;background:transparent;border:0;min-height:0}.member-dialog h2{font-size:24px;line-height:1.3;margin:0}.member-dialog button{cursor:pointer;min-height:44px;border:1px solid #675776;border-radius:12px;padding:10px 16px;background:#28222f;color:#fff;font:inherit}.member-dialog button.primary{background:#8514f5;border-color:#8514f5;font-weight:700}.member-dialog button:disabled{opacity:.5;cursor:wait}.member-tabs,.member-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.member-tabs button[aria-pressed=true]{background:#54ecd0;color:#071712}.member-dialog label{display:block;font-size:14px;margin-top:14px;color:#e8e3ef}.member-dialog input,.member-dialog select{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:7px;padding:12px;background:#27222e;color:white;border:1px solid #62556f;border-radius:10px;font:inherit}.member-dialog input[type=checkbox]{width:18px;display:inline-block;margin:0 8px 0 0;vertical-align:middle}.member-dialog .member-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.member-dialog p,.member-dialog small{font-size:13px;line-height:1.7;color:#c3b9ce}.member-message{padding:10px 0;min-height:24px;white-space:pre-line}.member-dialog .member-message[data-error=true]{color:#ffb1c1}.member-dialog .member-message[data-error=false]{color:#64edcf}.member-dialog [hidden]{display:none!important}.member-summary{background:#211b2b;border-radius:12px;padding:14px;overflow-wrap:anywhere}.member-candidates{display:grid;gap:6px;margin:10px 0;max-height:190px;overflow:auto}.member-candidates button{text-align:left;overflow-wrap:anywhere}.member-dialog .member-selected{color:#63eccf}.member-dialog a{color:#64edcf}.member-dialog :focus-visible,.member-entry:focus-visible{outline:3px solid #59ebcf;outline-offset:3px}.member-dialog fieldset{border:0;padding:0;margin:0}.member-dialog legend{padding:0;font-size:16px;font-weight:700;margin-top:18px}.member-dialog input:read-only{opacity:.7}.member-dialog .member-link{background:transparent;border:0;text-decoration:underline;padding:8px 0}.network-card .member-group{font-size:11px;color:#5aecd0}.member-directory-status{font-size:13px;color:#bcb2cd;margin:12px 0}.member-directory-status button{margin-left:8px}.member-dialog .member-inline{display:flex;gap:8px;align-items:end}.member-inline label{flex:1}.member-inline button{flex-shrink:0}
@media(max-width:700px){.member-entry{bottom:calc(85px + env(safe-area-inset-bottom));right:12px;padding:11px 15px}.member-dialog{padding:18px}.member-dialog .member-grid{grid-template-columns:1fr}.member-dialog h2{font-size:21px}.member-inline{flex-wrap:wrap}.member-dialog input,.member-dialog select{font-size:16px}}

.member-dialog #memberTitle{font-size:24px;line-height:1.4;letter-spacing:-.5px}.member-dialog #memberSponsorHint{font-size:12px;font-weight:400;display:inline}@media(max-width:500px){.member-dialog #memberTitle{font-size:21px}}

/* Scroll tracks match the surrounding page or member dialog. */
html{color-scheme:dark;scrollbar-color:#51485e #000;scrollbar-width:thin}
.member-dialog,.member-dialog *{scrollbar-color:#51485e #141219;scrollbar-width:thin}
.member-dialog{color-scheme:dark}
html::-webkit-scrollbar{width:10px;height:10px;background:#000}
html::-webkit-scrollbar-track,html::-webkit-scrollbar-corner{background:#000}
html::-webkit-scrollbar-thumb{background:#51485e;border:2px solid #000;border-radius:10px}
.member-dialog::-webkit-scrollbar,.member-dialog *::-webkit-scrollbar{width:10px;height:10px;background:#141219}
.member-dialog::-webkit-scrollbar-track,.member-dialog *::-webkit-scrollbar-track,.member-dialog::-webkit-scrollbar-corner,.member-dialog *::-webkit-scrollbar-corner{background:#141219}
.member-dialog::-webkit-scrollbar-thumb,.member-dialog *::-webkit-scrollbar-thumb{background:#51485e;border:2px solid #141219;border-radius:10px}
.member-dialog::-webkit-scrollbar-thumb:hover,.member-dialog *::-webkit-scrollbar-thumb:hover{background:#71617f}
.member-dialog::-webkit-scrollbar-button,.member-dialog *::-webkit-scrollbar-button{background:#141219;display:none;width:0;height:0}

/* Compact account entry; the label reflects the authenticated session. */
.member-entry{padding:8px 14px;min-width:64px;min-height:40px;font-family:inherit;font-size:13px;font-weight:700;line-height:20px;border-radius:22px;box-shadow:0 3px 14px #0006}
@media(max-width:700px){.member-entry{padding:8px 12px;min-height:44px;font-size:13px}}

/* Override the global black header rule inside account dialogs. */
.member-dialog>header{background:transparent!important;background-color:transparent!important;box-shadow:none;backdrop-filter:none}

/* Separate sponsor details from the member's own rank information. */
.member-dialog #memberSponsor{margin-top:26px;padding:18px 0 0;border-top:1px solid #403648;display:flow-root}
.member-dialog #memberSponsor>legend{float:left;width:100%;margin:0 0 6px;padding:0;font-size:16px;line-height:1.4}
.member-dialog #memberSponsor>legend+*{clear:both}
.member-dialog #memberSponsor>label:first-of-type{clear:both;margin-top:0}
.member-dialog #memberSponsorNote:not([hidden]){clear:both;margin:0 0 8px}

/* Account control sits beside the platform link on desktop. */
.member-header-actions{display:flex;align-items:center;gap:10px;flex:none}
.member-entry{position:static;inset:auto;background:#2c2932;color:#f8f7fb;border:1px solid #4b4554;box-shadow:none;min-height:40px;padding:8px 14px;flex:none;white-space:nowrap}
.member-entry:hover{background:#3a3543}
body>header>nav{min-width:0;overflow-x:auto}
@media(max-width:600px){
 .member-header-actions{display:none}
 .mobile-platform-cta{bottom:calc(14px + env(safe-area-inset-bottom))}
 body>.member-entry{position:fixed;left:auto;top:auto;right:max(14px,calc((100vw - 360px)/2));bottom:calc(76px + env(safe-area-inset-bottom));z-index:1201;min-height:40px;padding:8px 14px}
}

.member-dialog .member-check-status{margin:5px 0 0;min-height:0;color:#64edcf;overflow-wrap:anywhere}.member-dialog .member-check-status:empty{display:none}.member-dialog .member-check-status[data-error=true]{color:#ffb1c1}
