.modal-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:1000;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-container{background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-close-btn{position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;color:#fff}.modal-close-btn svg{fill:#fff}.modal-close-btn:hover{background:#000000b3}.modal-scroll-content{overflow-y:auto;max-height:90vh;scrollbar-width:none}.modal-scroll-content::-webkit-scrollbar{display:none}.modal-user-item{margin-bottom:0}.modal-user-inner{position:relative}.modal-cover-wrapper{margin-left:-16px;margin-right:-16px;height:120px;overflow:hidden}.modal-cover-wrapper{margin:0;height:120px;overflow:hidden}.modal-cover-img{width:100%;height:100%;object-fit:cover;display:block}.modal-profile-user{display:flex;align-items:flex-start;padding:0 16px;margin-top:-32px;position:relative}.modal-avatar{display:block;width:64px;height:64px;flex:0 0 64px;margin-right:12px}.modal-avatar-img-wrapper{width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid #fff;background:#fff}.modal-avatar-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.modal-user-info{padding-top:36px;min-width:0}.modal-user-names{display:flex;flex-direction:column}.modal-username-row{display:flex;align-items:center}.modal-username-link{text-decoration:none;color:#242529}.modal-user-name{display:flex;align-items:center;font-weight:700;font-size:16px;line-height:22px;gap:4px}.modal-verified-icon{fill:#00aff0;flex:0 0 16px}.modal-handle-link{text-decoration:none}.modal-user-handle{color:#8a96a3;font-size:14px;font-weight:400;line-height:20px}.modal-user-desc{padding:16px}.modal-user-desc-title{font-size:15px;font-weight:500;color:#242529;margin-bottom:12px}.modal-benefits-list{list-style:none;display:flex;flex-direction:column;gap:10px}.modal-benefits-item{display:flex;align-items:flex-start;gap:10px}.modal-benefits-icon{flex:0 0 16px;display:flex;align-items:center;justify-content:center;margin-top:2px}.modal-benefits-icon svg{fill:#00aff0}.modal-benefits-title{font-size:14px;line-height:20px;color:#242529}