.top-actions{position:relative}
.avatar{background-color:#f4ddd3;color:#761638;background-size:cover;background-position:center;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 8px rgba(91,29,49,.12)}
.avatar.has-photo{font-size:0}
.user-menu{display:none;position:absolute;right:0;top:48px;width:175px;padding:7px;background:#fff;border:1px solid #eadfd9;border-radius:12px;box-shadow:0 15px 35px rgba(75,34,45,.14);z-index:40}
.user-menu.open{display:grid}
.user-menu button{border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:8px;color:#5e3a47;font:600 11px "DM Sans";cursor:pointer}
.user-menu button:hover{background:#fff0e6;color:#7e1739}
.user-menu button:last-child{color:#b43c48;border-top:1px solid #f0e5e0;border-radius:0 0 8px 8px}
.user-profile-modal{position:fixed;inset:0;z-index:120;background:rgba(60,29,39,.42);display:none;place-items:center;padding:20px}
.user-profile-modal.open{display:grid}
.user-profile-card{width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;padding:25px;box-shadow:0 28px 75px rgba(57,25,36,.22)}
.user-profile-head{display:flex;justify-content:space-between;align-items:flex-start}.user-profile-head h2{font:800 22px Manrope;margin:6px 0}
.avatar-editor{display:flex;align-items:center;gap:16px;padding:15px;margin:14px 0 4px;border:1px solid #eadfd9;border-radius:13px;background:#fffaf6}
.avatar-preview{width:76px;height:76px;flex:0 0 76px;border-radius:50%;display:grid;place-items:center;background-color:#f3ddd4;color:#79183a;background-size:cover;background-position:center;font:800 20px Manrope;border:3px solid #fff;box-shadow:0 4px 14px rgba(88,33,48,.12)}
.avatar-preview.has-photo{font-size:0}.avatar-editor small{display:block;color:#927d84;font-size:9px;margin-top:8px}.avatar-editor .btn{margin-right:5px}
#userUsername{background:#f2efed;color:#8d7d82;cursor:not-allowed}
.user-profile-card form>.btn{margin-top:19px}
@media(max-width:520px){.avatar-editor{align-items:flex-start}.avatar-editor .btn{display:block;width:100%;margin:0 0 7px}.user-profile-card{padding:20px}}