.user-menu{position:relative;display:flex;align-items:center;padding:10px 0}.tools .user-avatar,.profile-avatar{width:40px;height:40px;border-radius:50%;padding:0;display:grid;place-items:center;background:#b62631;color:#fff;font-size:19px;font-weight:700;overflow:hidden;flex-shrink:0}.user-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;right:0;top:100%;width:160px;padding:7px;border:1px solid #ffffff26;border-radius:14px;background:#191919ed;backdrop-filter:blur(20px);box-shadow:0 16px 40px #0008;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:20}.user-dropdown a{display:block;padding:10px 14px;border-radius:8px;font-size:14px}.user-dropdown a:hover,.user-dropdown a:focus-visible{background:#ffffff12;color:#fff}.user-menu.is-open .user-dropdown,.user-menu:focus-within .user-dropdown{opacity:1;visibility:visible;transform:none}@media(hover:hover){.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:none}}.profile-avatar{width:72px;height:72px;font-size:30px;margin-bottom:16px}.avatar-edit{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.avatar-edit input{max-width:100%}
body .tools .user-dropdown{width:230px;display:flex;flex-direction:column;gap:8px;padding:12px}body .tools .user-dropdown a,body .tools .user-dropdown .menu-checkin{display:flex;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:40px;padding:9px 14px;font-size:14px;line-height:1.5;border-radius:12px;margin:0}.menu-member-details{padding:8px 5px 14px;border-bottom:1px solid #ffffff20;margin-bottom:4px}.menu-member-name{display:block;overflow-wrap:anywhere;font-size:15px}.menu-member-stats{display:flex;flex-direction:column;gap:5px;margin-top:9px;color:#bdbdc5;font-size:12px}.menu-member-stats b{color:white;font-size:15px}#menu-points-toast{position:fixed;left:50%;top:110px;transform:translateX(-50%);z-index:100;padding:20px 30px;background:#26262aee;border:1px solid #ffffff30;border-radius:20px;box-shadow:0 16px 50px #0006;display:grid;gap:6px;text-align:center;max-width:90vw}#menu-points-toast strong{color:#ff6477;font-size:30px}#menu-points-toast span{font-size:14px;color:#ddd}#menu-points-toast[hidden]{display:none}@media(prefers-reduced-motion:no-preference){#menu-points-toast{animation:content-arrive .45s cubic-bezier(.16,1,.3,1)}}

.user-menu.has-unread::after{content:'';position:absolute;right:0;top:0;width:9px;height:9px;background:#ed2546;border:2px solid #171717;border-radius:50%;pointer-events:none}