.member-account{border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--tx2);padding:6px 9px;font-size:11px;white-space:nowrap;cursor:pointer}
#memberDialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line2);border-radius:18px;background:var(--bg,#11151d);color:var(--tx,#edf0f5);padding:0;box-shadow:0 24px 80px #0006}
#memberDialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
.member-dialog-body{padding:32px 26px 24px;position:relative}.member-brand{font:11px var(--mono,monospace);letter-spacing:2px;color:var(--acc,#7d9fff);margin-bottom:15px}
#memberDialog h2{font-size:23px;line-height:1.3;margin:0 0 10px}#memberIntro{font-size:13px;line-height:1.8;color:var(--tx2);margin-bottom:24px;overflow-wrap:anywhere}
.member-close{position:absolute;right:14px;top:10px;font-size:25px;border:0;background:transparent;color:var(--tx3);cursor:pointer}
#memberForm label{display:block;font-size:12px;color:var(--tx2);margin:17px 0 8px}
#memberForm input{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line2);border-radius:9px;background:var(--bg2,#1a202b);color:var(--tx);padding:12px;font-size:16px;outline:none}
#memberForm input:focus{border-color:var(--acc,#7d9fff);box-shadow:0 0 0 2px #7d9fff22}.member-code-row{display:flex;gap:9px}
#memberSend{flex:0 0 112px;border:1px solid var(--line2);border-radius:9px;background:var(--bg2,#1a202b);color:var(--tx);font-size:12px;cursor:pointer}
.member-help{font-size:11px;color:var(--tx3);line-height:1.8;margin:12px 0 20px}
.member-submit{width:100%;padding:13px;border:0;border-radius:10px;background:var(--acc,#7d9fff);color:#081321;font-weight:700;font-size:14px;cursor:pointer}
#memberDialog button:disabled{opacity:.5;cursor:wait}#memberDialog [hidden]{display:none!important}
#memberError{font-size:12px;color:var(--tx2);line-height:1.7;margin:14px 0 0;min-height:20px}.member-placeholder{padding:16px;font-size:12px;color:var(--tx3)}
[data-member]>summary,[data-member]>.hd{cursor:pointer}
@media(max-width:420px){.member-dialog-body{padding:28px 20px 20px}.member-account{font-size:10px;padding:5px 7px}#top #ttl{min-width:0}#top #ttl small{font-size:8px}}
