.topbar{padding-right:24px}
.member-area{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;flex-shrink:0;min-width:0;font-size:14px;color:#576579}
.member-area[aria-busy="true"]{visibility:hidden}
.member-guest{display:flex;align-items:center}
.member-login{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 16px;border-radius:9px;background:#3478f6;color:#fff;line-height:20px;white-space:nowrap}
.member-login:focus-visible{outline:2px solid #3478f6;outline-offset:3px}
.member-area a:hover{opacity:.85}
.member-menu{position:relative;max-width:240px}
.member-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none}
.member-menu summary::-webkit-details-marker{display:none}
#memberName{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.member-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e4efff;color:#3478f6;font-size:12px;font-weight:700}
.member-dropdown{position:absolute;right:0;top:calc(100% + 16px);width:188px;padding:8px;border:1px solid #e6ebf2;border-radius:12px;background:#fff;box-shadow:0 10px 36px #20385b1a}
.member-dropdown p{margin:6px 10px 10px;font-size:12px;color:#8b95a5}
.member-dropdown a,.member-dropdown button{display:block;width:100%;padding:10px;text-align:left;font-size:13px;border:0;border-radius:7px;background:transparent;color:#455469;cursor:pointer}
.member-dropdown a:hover,.member-dropdown button:hover{background:#eff5ff;color:#3478f6}
.member-dropdown button:disabled{opacity:.5;cursor:wait}
.member-notice{position:fixed;top:84px;left:50%;transform:translateX(-50%);z-index:40;max-width:calc(100% - 32px);padding:12px 18px;background:#fff;border:1px solid #dbe7ff;border-radius:10px;box-shadow:0 8px 24px #20406a15;font-size:13px;color:#455469}
.member-area [hidden],.member-notice[hidden]{display:none!important}
@media(max-width:680px){.topbar{padding-right:16px}.member-area{font-size:13px}.member-login{padding:7px 12px}#memberName{max-width:95px}.member-menu{max-width:170px}}
